Loading...
\n \n )}\n \n );\n }\n}\n\nexport default withRouter(withStyles(useStyles)(CaseListPage));\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\";","const translations = {\n headerCase: \"Case\",\n headerCitation: \"Citation\",\n headerClient: \"Client Details\",\n note: \"Please review and correct your personal information if necessary\",\n firstName: \"First Name\",\n lastName: \"Last Name\",\n middleName: \"Middle Name\",\n email: \"Email\",\n address1: \"Address 1\",\n address2: \"Address 2\",\n zipcode: \"Zipcode\",\n city: \"City\",\n selectDefault: \"--Select--\",\n country: \"Country\",\n state: \"State\",\n mobileNumber: \"Mobile Number\",\n sex: \"Sex\",\n dateOfBirth: \"Date Of Birth\",\n driverLicense: \"Driver License\",\n stateIssued: \"State Issued\",\n headerCaseList: \"Case List\",\n tableState: \"State\",\n tableCounty: \"County\",\n tableCaseNumber: \"Case Number\",\n tableCitationDate: \"Citation Date\",\n tablePrice: \"Price\",\n tableTickets: \"Tickets\",\n tableView: \"View\",\n headerCaseTickets: \"Case Tickets\",\n tableCitationNumber: \"CitationNumber\",\n tableDescription: \"Description\",\n tablePrice2: \"Price\",\n headerPaymentInformation: \"Payment Information\",\n paymentFirstName: \"First Name\",\n paymentLastName: \"Last Name\",\n paymentAmount: \"Amount\",\n paymentCoupon: \"Coupon\",\n paymentApply: \"Apply\",\n paymentCCNumberValidation: \"Enter digits without spaces\",\n paymentCCVVInformation: \"Last three digits on the card back\",\n termsAndConditionsInformation: \"By clicking Pay Now you agree to our\",\n termsAndConditions: \"Terms and Conditions\",\n payButton: \"Pay Now\",\n closeButton: \"Close\",\n terms: \"TERMS\",\n conditions: \"CONDITIONS\",\n firstTermsAndConditions:\n \"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 secondTermsAndConditions:\n \"The client authorizes, THE TICKET CLINIC to represent him/her in this matter, and to either maintain a not guilty plea or enter a no contest plea on the client’s behalf at THE TICKET CLINIC’s discretion.\",\n thirdTermsAndConditions:\n \"In some counties, attorney appearances are permitted by mail or by phone. Client understands that if this situation arises, our attorney may choose to exercise that option.\",\n fourthTermsAndConditions:\n \"The client understands that should his/her attorney be in another courtroom at the time of their trial and the client chooses to be present, client is to wait for his/her attorney. If client decides to handle the case on their own he/she will NOT receive a refund.\",\n fifthTermsAndConditions:\n \"It is the sole responsibility of the client to keep THE TICKET CLINIC informed of any changes to their personal information, including, but not limited to, address, telephone number and email address. Any financial liabilities incurred due to the client failing to inform THE TICKET CLINIC of the aforementioned changes, shall be the sole responsibility of the client.\",\n sixthTermsAndConditions:\n \"Some counties allow our law firm to appear via a written plea. When scheduling conflicts arise, or our attorney is unable to attend the scheduled hearing, this option is used sparingly. In those cases, our firm makes our best attempt to obtain a favorable outcome for the client without an attorney from the firm appearing in person.\",\n seventhTermsAndConditionsPt1:\n \"The client understands that the money back guarantee provided by THE TICKET CLINIC is as follows: Alachua, Baker, Bay, Bradford, Calhoun, Citrus, Clay, Escambia, Franklin, Gadsden, Gilchrist, Glades, Gulf, Hamilton, Hardee, Hendry, Hernando, Highlands, Holmes, Jackson, Jefferson, Lafayette, Leon, Liberty, Madison, Okaloosa, Putnam, Santa Rosa, Sarasota, Suwannee, Taylor, Union, Walton, Washington County: No points if no tickets in past 2 years (excludes school/construction zone, accident cases, & mandatory court cases) no traffic school if no tickets in past 2 years and not exceeding 19 over the limit (excludes school/construction zone, accident cases & mandatory court cases). Manatee: No points if no tickets in past 2 years (excludes school/construction zone, accident cases with injuries, & mandatory court cases) no traffic school if no tickets in past 2 years and not exceeding 19 over the limit (excludes school/construction zone, accident cases with injuries & mandatory court cases). Volusia & Flagler: We guarantee no points regardless of driving history. (Excludes school/construction zones, accident with injuries & mandatory court case. No traffic school if no tickets in the past 2 years & was not exceeding 29 mph over the posted speed limit. (Excludes school/construction zones, accident w/ injuries and mandatory court cases. Duval and Nassau Counties: We guarantee no points if not tickets in the past 12 months (excludes school zone, construction zones, accident cases and mandatory court cases), no guarantee for driving school. St Johns County: We guarantee no points if no tickets in the past 12 months (excludes school and construction zones, accident cases and mandatory court cases) and no school if not tickets in the past 2 years and not exceeding 19 mph over (excludes school and construction zones, accident cases with injuries and mandatory court cases). Indian River, Martin, Okeechobee, & St. Lucie: No points if no tickets in the past 2 years. (Excludes accident with injury cases & mandatory court cases), no driving school if no tickets in the past 2 years (excluding school/construction zones, accidents with injuries and mandatory court cases). Palm Beach & Lee County: No points if not tickets in the past 2 years (Excluding accidents with injuries and mandatory court cases ONLY) No driving school if no tickets in the past 3 years and was not exceeding 14 mph over the speed limit.\",\n seventhTermsAndConditionsPt2:\n \"Excluding school an construction zones, accidents with injuries and mandatory court dates. Monroe County: No points and no school if no tickets in the past 2 years (excludes all accident cases, school/construction zone cases, passing a school bus and mandatory cases). Collier County: No points if no tickets in the past 2 years and not exceeding 20 mph over the speed limit (excludes school/construction zones, accident cases & mandatory court cases), no driving school if no tickets in the past 3 years and was not exceeding 14 mph over the speed limit (excluding school/construction zones, accidents with injuries and mandatory court cases) Columbia, Levy, & Wakulla, County: No points if no tickets in the past 5 years, not exceeding 14 mph over the limit (excludes school/construction, accident cases & mandatory court cases), traffic school is not guaranteed. Brevard, Lake & Orange: no points guaranteed regardless of the driving history, (excludes mandatory court cases, school/construction zone cases & accident w/injuries cases), no driving school if no tickets in the past 3 yrs. not exceeding 14 mph over the limit (excludes school/construction zone, accident w/injuries cases & mandatory court cases). Seminole County: no points if no tickets in the past 12 months (excludes mandatory court cases, school/construction zone cases & accident w/ injuries cases) & no driving school if no tickets in the past 2 years (excludes school/construction zone, accident w/injuries cases, & mandatory court cases).\",\n seventhTermsAndConditionsPt3:\n \"Osceola County: no points guaranteed (excludes mandatory court cases, school/construction zone cases & accident cases), no traffic school so long as no other tickets in the past 2 years, not exceeding 14 mph over the speed limit (traffic school guarantee excludes mandatory court cases, school/construction zone cases, accident cases and move-over law violations).Dixie & Polk County: No points if no tickets in the past 2 years (excludes school/construction zone, accident cases & mandatory court cases), traffic school is not guaranteed. Broward, Miami- Dade County: no points & no driving school if no tickets in the past 2 years, (excludes school/construction zone, violation of traffic control device citations, mandatory court cases & accident with injury cases), client must have valid license for 2+ years to qualify. Charlotte, Desoto, & Marion County: guaranteed no points if no tickets in the past 3 years (excludes school/construction zone, accident cases with injuries, & mandatory court cases), no guarantee for driving school. Sumter County: guaranteed no points if no tickets in the past 3 years and not exceeding 19 mph over the posted speed limit (excludes school/construction zone, accident cases, & mandatory court cases), no guarantee for driving school. Pasco: no points if no tickets in the past 3 years (excludes school/construction, accident with injuries cases & mandatory court cases), no traffic school if no tickets in the past 5 years and not exceeding 19 mph over the posted speed limit (excludes school/construction zone, accident w/ injuries cases, & mandatory court cases) Hillsborough & Pinellas Counties : no points if no tickets in the past 2 years (excludes accidents cases, construction/school zone & mandatory court cases), no traffic school if no tickets in the past 2 years, and no more than 5 other tickets on lifetime driving record (excludes accidents cases, construction/school zone & mandatory court cases).\",\n eightTermsAndConditions:\n \"All money-back guarantees are based on actual speed, NOT necessarily the speed referenced on the citation. This may affect the amount ordered for the fine and/or court costs, as the fine/cost imposed may relate to the actual speed. If your ticket is for 30 mph or more over the speed limit, or for passing a stopped school bus, Florida law does not allow for you to pay for your ticket or elect driving school. There is a mandatory court appearance required either by the client or an attorney (this is considered a “mandatory court case”). The client is aware that THE TICKET CLINIC offers no money-back guarantee for these types of cases and the driver’s license may be suspended by the Court.\",\n ninethTermsAndConditions:\n \"For drivers licensed outside the State of Florida, while we do offer a money-back guarantee for many Florida citations (restrictions apply, call for details) we do not guarantee or promise how the outcome that we obtain for you in Florida will affect your home-state driving record. If this is of concern to you, you should contact your home-state DMV so that your questions may be answered by them.\",\n tenthTermsAndConditions:\n \"Fees are based on the representations of the Client in the ‘hire us now” form. Should the actual charges, dates, counties, or other information differ from said representations, the TICKET CLINIC may, at its option, withdraw from the case, charge an additional fee, or both. In either case, there will be no refund.\",\n eleventhTermsAndConditions:\n \"You agree that all future communication from The Ticket Clinic to you may be paperless, either email or SMS. It is your responsibility to notify The Ticket Clinic if your email, phone number , or physical address changes.\",\n handleCloseMessage: \"This Ticket has already been paid.\",\n validateFormFieldsMessage: \"One or more fields are required\",\n validateCouponValueMessageOne: \"Invalid coupon\",\n validateCouponValueMessageTwo: \"The coupon must not be empty\",\n savePaymentCallbackMessageOne: \"Payment saved successfully\",\n savePaymentCallbackMessageTwo:\n \"Your payment method has been rejected. Please try again later\",\n componentDidMountMessageOne: \"This payment link has already expired.\",\n componentDidMountMessageTwo:\n \"The payment link you are trying to access has expired. For a new payment link, please text us to 305305. If you need further assistance, please call us at 1-800-248-2846. Thank you\",\n handleSubmitMessage: \"Mobile number is required\",\n cardNumberPlaceholder: \"Card Number (Credit/Debit)\",\n cardExperyDatePlaceholder: \"Expiration Date (MM/YY)\",\n validateCardNumber: \"Invalid card number\",\n validateCardExpiryDate: \"Invalid Expiration Date\",\n validateCardCvv: \"Invalid CVV\"\n};\n\nexport default translations;\n","const translations = {\n headerCase: \"Caso\",\n headerCitation: \"Citación\",\n headerClient: \"Detalles del Cliente\",\n note: \"Por favor, revise y corrija su información personal si es necesario\",\n firstName: \"Nombre\",\n lastName: \"Apellido\",\n middleName: \"Segundo Nombre\",\n email: \"Correo Electrónico\",\n address1: \"Dirección 1\",\n address2: \"Dirección 2\",\n zipcode: \"Código Postal\",\n city: \"Ciudad\",\n selectDefault: \"--Seleccionar--\",\n country: \"País\",\n state: \"Estado\",\n mobileNumber: \"Número de Teléfono Móvil\",\n sex: \"Género\",\n dateOfBirth: \"Fecha de Nacimiento\",\n driverLicense: \"Licencia de Conducir\",\n stateIssued: \"Estado de Emisión\",\n headerCaseList: \"Lista de Casos\",\n tableState: \"Estado\",\n tableCounty: \"Condado\",\n tableCaseNumber: \"Número de Caso\",\n tableCitationDate: \"Fecha de Citación\",\n tablePrice: \"Precio\",\n tableTickets: \"Multas\",\n tableView: \"Ver\",\n headerCaseTickets: \"Multas del Caso\",\n tableCitationNumber: \"Número de Citación\",\n tableDescription: \"Descripción\",\n tablePrice2: \"Precio\",\n headerPaymentInformation: \"Información de Pago\",\n paymentFirstName: \"Nombre\",\n paymentLastName: \"Apellido\",\n paymentAmount: \"Cantidad\",\n paymentCoupon: \"Cupón\",\n paymentApply: \"Aplicar\",\n paymentCCNumberValidation: \"Ingrese dígitos sin espacios\",\n paymentCCVVInformation:\n \"Últimos tres dígitos en la parte posterior de la tarjeta\",\n termsAndConditionsInformation:\n \"Al hacer clic en Pagar ahora, acepta nuestros\",\n termsAndConditions: \"Términos y Condiciones\",\n payButton: \"Pagar Ahora\",\n closeButton: \"Cerrar\",\n terms: \"TÉRMINOS\",\n conditions: \"CONDICIONES\",\n firstTermsAndConditions:\n \"Al enviar el pago a través de la opción 'PAGAR AHORA', el Cliente, retiene y emplea a THE TICKET CLINIC, UN BUFETE DE ABOGADOS, para representarlo en su caso presentado en esta aplicación. La tarifa pagada no es reembolsable y excluye multas y costos judiciales, si los hay, que pueden superar el precio de la multa, por lo cual el cliente seguirá siendo el único responsable. El cliente comprende que esta tarifa se gana de inmediato, no es reembolsable y no se basa en una tarifa por hora. Esta tarifa excluye cualquier apelación. No habrá reembolsos, así que asegúrese de que desea contratarnos. No se ha hecho ninguna representación al cliente sobre la probabilidad de éxito en su caso. El cliente también reconoce y entiende que retuvo a THE TICKET CLINIC y no se han hecho representaciones sobre qué abogado del bufete lo representará. Además, THE TICKET CLINIC puede sustituir a otro abogado no asociado al bufete para representar al cliente.\",\n secondTermsAndConditions:\n \"El cliente autoriza a THE TICKET CLINIC a representarlo en este asunto y a mantener una declaración de no culpabilidad o ingresar a una declaración de no contendido en nombre del cliente a discreción de THE TICKET CLINIC.\",\n thirdTermsAndConditions:\n \"En algunos condados, las apariciones de abogados están permitidas por correo o por teléfono. El cliente comprende que si surge esta situación, nuestro abogado puede optar por ejercer esa opción.\",\n fourthTermsAndConditions:\n \"El cliente comprende que si su abogado está en otra sala del tribunal en el momento de su juicio y el cliente elige estar presente, el cliente debe esperar a su abogado. Si el cliente decide manejar el caso por sí mismo, NO recibirá un reembolso.\",\n fifthTermsAndConditions:\n \"Es responsabilidad exclusiva del cliente mantener informada a THE TICKET CLINIC sobre cualquier cambio en su información personal, incluyendo, entre otros, dirección, número de teléfono y dirección de correo electrónico. Cualquier responsabilidad financiera incurrida debido a que el cliente no informa a THE TICKET CLINIC sobre los cambios mencionados anteriormente será responsabilidad exclusiva del cliente.\",\n sixthTermsAndConditions:\n \"Algunos condados permiten que nuestro bufete de abogados aparezca a través de una declaración escrita. Cuando surgen conflictos de programación, o nuestro abogado no puede asistir a la audiencia programada, esta opción se utiliza con moderación. En esos casos, nuestro bufete hace el mejor intento para obtener un resultado favorable para el cliente sin que un abogado del bufete aparezca en persona.\",\n seventhTermsAndConditionsPt1:\n \"El cliente comprende que la garantía de devolución de dinero proporcionada por THE TICKET CLINIC es la siguiente: Alachua, Baker, Bay, Bradford, Calhoun, Citrus, Clay, Escambia, Franklin, Gadsden, Gilchrist, Glades, Gulf, Hamilton, Hardee, Hendry, Hernando, Highlands, Holmes, Jackson, Jefferson, Lafayette, Leon, Liberty, Madison, Okaloosa, Putnam, Santa Rosa, Sarasota, Suwannee, Taylor, Union, Walton, Washington County: Sin puntos si no hay multas en los últimos 2 años (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio), sin escuela de tráfico si no hay multas en los últimos 2 años y no excede los 19 sobre el límite (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio). Manatee: Sin puntos si no hay multas en los últimos 2 años (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio), sin escuela de tráfico si no hay multas en los últimos 2 años y no excede los 19 sobre el límite (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio). Volusia y Flagler: Garantizamos que no hay puntos independientemente del historial de conducción. (Excluye zonas escolares/construcción, accidentes con lesiones y casos de tribunal obligatorio. Sin escuela de tráfico si no hay multas en los últimos 2 años y no excede las 29 mph sobre el límite de velocidad publicado. (Excluye zonas escolares/construcción, accidentes con lesiones y casos de tribunal obligatorio. Condados de Duval y Nassau: Garantizamos que no hay puntos si no hay multas en los últimos 12 meses (excluye zonas escolares, zonas de construcción, casos de accidentes y casos de tribunal obligatorio), sin garantía para la escuela de conducción. Condado de St. Johns: Garantizamos que no hay puntos si no hay multas en los últimos 12 meses (excluye zonas escolares y de construcción, casos de accidentes y casos de tribunal obligatorio) y sin escuela si no hay multas en los últimos 2 años y no excede los 19 mph (excluye zonas escolares y de construcción, casos de accidentes con lesiones y casos de tribunal obligatorio). Indian River, Martin, Okeechobee y St. Lucie: Sin puntos si no hay multas en los últimos 2 años.\",\n seventhTermsAndConditionsPt2:\n \"Excluyendo zonas escolares y de construcción, accidentes con lesiones y fechas de tribunal obligatorias. Condado de Monroe: Sin puntos y sin escuela si no hay multas en los últimos 2 años (excluye todos los casos de accidentes, casos de zonas escolares/construcción, pasar un autobús escolar y casos obligatorios). Condado de Collier: Sin puntos si no hay multas en los últimos 2 años y no excede las 20 mph sobre el límite de velocidad (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio), sin escuela de conducción si no hay multas en los últimos 3 años y no excede las 14 mph sobre el límite de velocidad (excluyendo zonas escolares/construcción, accidentes con lesiones y casos de tribunal obligatorio) Condados de Columbia, Levy y Wakulla: Sin puntos si no hay multas en los últimos 5 años, no excediendo las 14 mph sobre el límite (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio), no se garantiza la escuela de tráfico. Brevard, Lake y Orange: sin puntos garantizados independientemente del historial de conducción, (excluye casos de tribunal obligatorio, casos de zonas escolares/construcción y casos de accidentes con lesiones), sin escuela de conducción si no hay multas en los últimos 3 años. no exceder las 14 mph sobre el límite (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio). Condado de Seminole: sin puntos si no hay multas en los últimos 12 meses (excluye casos de tribunal obligatorio, casos de zonas escolares/construcción y casos de accidentes con lesiones) y sin escuela de conducción si no hay multas en los últimos 2 años (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio).\",\n seventhTermsAndConditionsPt3:\n \"Condado de Osceola: sin puntos garantizados (excluye casos de tribunal obligatorio, casos de zonas escolares/construcción y casos de accidentes), sin escuela de tráfico siempre y cuando no haya otras multas en los últimos 2 años, no excediendo las 14 mph sobre el límite de velocidad (la garantía de escuela de tráfico excluye casos de tribunal obligatorio, casos de zonas escolares/construcción, casos de accidentes y violaciones de la ley de cambio de carril). Condados de Dixie y Polk: Sin puntos si no hay multas en los últimos 2 años (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio), no se garantiza la escuela de tráfico. Condados de Broward y Miami-Dade: sin puntos y sin escuela de conducción si no hay multas en los últimos 2 años (excluye zonas escolares/construcción, violaciones de dispositivos de control de tráfico, casos de tribunal obligatorio y casos de accidentes con lesiones), el cliente debe tener una licencia válida durante 2 años o más para calificar. Condados de Charlotte, Desoto y Marion: garantizado sin puntos si no hay multas en los últimos 3 años (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio), no se garantiza la escuela de conducción. Condado de Sumter: garantizado sin puntos si no hay multas en los últimos 3 años y no excediendo las 19 mph sobre el límite de velocidad publicado (excluye zonas escolares/construcción, casos de accidentes y casos de tribunal obligatorio), no se garantiza la escuela de conducción. Condado de Pasco: sin puntos si no hay multas en los últimos 3 años (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio), no hay escuela de tráfico si no hay multas en los últimos 5 años y no exceder las 19 mph sobre el límite de velocidad publicado (excluye zonas escolares/construcción, casos de accidentes con lesiones y casos de tribunal obligatorio) Condados de Hillsborough y Pinellas: sin puntos si no hay multas en los últimos 2 años (excluye casos de accidentes, zonas de construcción/escuela y casos de tribunal obligatorio), sin escuela de tráfico si no hay multas en los últimos 2 años y no más de 5 otras multas en el historial de conducción de por vida (excluye casos de accidentes, zonas de construcción/escuela y casos de tribunal obligatorio).\",\n eightTermsAndConditions:\n \"Todas las garantías de devolución de dinero se basan en la velocidad real, NO necesariamente en la velocidad mencionada en la citación. Esto puede afectar la cantidad ordenada para la multa y/o los costos judiciales, ya que la multa/costo impuesto puede estar relacionado con la velocidad real. Si su multa es de 30 mph o más sobre el límite de velocidad, o por rebasar un autobús escolar detenido, la ley de Florida no permite que pague su multa ni elija la escuela de manejo. Se requiere una comparecencia obligatoria ante el tribunal, ya sea por parte del cliente o de un abogado (esto se considera un 'caso de tribunal obligatorio'). El cliente es consciente de que THE TICKET CLINIC no ofrece garantía de devolución de dinero para este tipo de casos y la licencia de conducir puede ser suspendida por el tribunal.\",\n ninethTermsAndConditions:\n \"Para conductores con licencia fuera del estado de Florida, aunque ofrecemos una garantía de devolución de dinero para muchas multas en Florida (se aplican restricciones, llame para más detalles), no garantizamos ni prometemos cómo el resultado que obtenemos para usted en Florida afectará su historial de conducir en su estado de origen. Si esto le preocupa, debe comunicarse con el DMV de su estado de origen para que respondan a sus preguntas.\",\n tenthTermsAndConditions:\n \"Las tarifas se basan en las representaciones del Cliente en el formulario 'Contrátenos ahora'. Si los cargos reales, fechas, condados u otra información difieren de dichas representaciones, THE TICKET CLINIC puede, a su opción, retirarse del caso, cobrar una tarifa adicional o ambas cosas. En cualquier caso, no habrá reembolso.\",\n eleventhTermsAndConditions:\n \"Usted acepta que toda comunicación futura de The Ticket Clinic hacia usted puede ser sin papel, ya sea por correo electrónico o SMS. Es su responsabilidad notificar a The Ticket Clinic si su correo electrónico, número de teléfono o dirección física cambian.\",\n handleCloseMessage: \"Esta multa ya ha sido pagada.\",\n validateFormFieldsMessage: \"Uno o más campos son obligatorios\",\n validateCouponValueMessageOne: \"Cupón no válido\",\n validateCouponValueMessageTwo: \"El cupón no debe estar vacío\",\n savePaymentCallbackMessageOne: \"Pago guardado exitosamente\",\n savePaymentCallbackMessageTwo:\n \"Su método de pago ha sido rechazado. Por favor, inténtelo de nuevo más tarde\",\n componentDidMountMessageOne: \"Este enlace de pago ya ha caducado.\",\n componentDidMountMessageTwo:\n \"El enlace de pago que está intentando acceder ha caducado. Para obtener un nuevo enlace de pago, envíenos un mensaje de texto al 305305. Si necesita más ayuda, llámenos al 1-800-248-2846. Gracias\",\n handleSubmitMessage: \"Numero de telefono es requerido\",\n cardNumberPlaceholder: \"Numero de Tarjeta (Credito/Debito)\",\n cardExperyDatePlaceholder: \"Fecha de Expiracion (MM/YY)\",\n validateCardNumber: \"Numero de tarjeta invalido\",\n validateCardExpiryDate: \"Fecha de expiracion invalida\",\n validateCardCvv: \"CVV invalido\"\n};\n\nexport default translations;\n","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\";\n\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\";\nimport InfoIcon from \"@material-ui/icons/Info\";\nimport { validateCoupon } from \"../api/case\";\nimport * as Sentry from \"@sentry/react\";\nimport enTranslations from \"./../utils/language/en\";\nimport esTranslations from \"./../utils/language/es\";\nimport { savePayment } from \"../api/payment\";\n\nconst useStyles = (theme) => ({\n root: {\n flexGrow: 1,\n paddingTop: 20,\n paddingLeft: 60,\n paddingRight: 60\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: 200,\n fontWeight: \"bold\",\n fontSize: 16,\n marginTop: 5,\n },\n applyButton: {\n color: \"#FFEF65\",\n backgroundColor: \"black\",\n height: 50,\n width: \"100%\",\n fontWeight: \"bold\",\n fontSize: 16,\n marginTop: 22,\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 },\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 language: \"en\",\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 eCCNumber: false,\n eCCExp: false,\n eCCCvv: 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 userName: \"\",\n countyName: \"\",\n coupon: \"\",\n couponId: 0,\n couponAmount: 0.0,\n couponPercentage: 0.0,\n isCouponPercentage: false,\n isCouponDisabled: false,\n ccNumber: \"\",\n ccExp: \"\",\n ccCvv: \"\",\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.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.validateCreditCardData = this.validateCreditCardData.bind(this);\n }\n\n componentDidMount() {\n this.getStatesDropdown();\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 Sentry.captureMessage(\n \"Method:GetPayInfoByQuoteGroupId|Response \" + JSON.stringify(data)\n );\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:\n this.state.client.language === \"en\"\n ? enTranslations.handleCloseMessage\n : esTranslations.handleCloseMessage,\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 originalPaymentAmount: 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 language: data.client.language,\n },\n prices: newPrices,\n ticketList: data.ticketList,\n barcodeId: barcodes,\n caseNumberList: data.caseNumberList,\n userName: data.caseList[0].userName,\n countyName: data.caseList[0].county,\n });\n\n this.getCityByZipcodeDropdow(data.client.zipCode);\n\n if (data.paymentExpired === \"YES\") {\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.componentDidMountMessageOne\n : esTranslations.componentDidMountMessageOne,\n visibleButton: false,\n paymentExp: data.paymentExpired,\n });\n }\n })\n .catch((error) => {\n console.error(\"error\", error);\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.componentDidMountMessageTwo\n : esTranslations.componentDidMountMessageTwo,\n visibleButton: false,\n paymentExp: \"YES\",\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, disableButton: true });\n Sentry.captureMessage(\n \"Method:AddPaymentChase|Request \" + JSON.stringify(formData)\n );\n const response = await savePayment(formData);\n Sentry.captureMessage(\n \"Method:AddPaymentChase|Response \" + JSON.stringify(response)\n );\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:\n this.state.client.language === \"en\"\n ? enTranslations.savePaymentCallbackMessageOne\n : esTranslations.savePaymentCallbackMessageOne,\n backShow: false,\n visibleButton: false,\n paymentExp: \"NO\",\n disableButton: false\n });\n }\n } else {\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.savePaymentCallbackMessageTwo\n : esTranslations.savePaymentCallbackMessageTwo,\n backShow: false,\n disableButton: 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 async validateCouponValue() {\n try {\n this.setState({ backShow: true });\n const response = await validateCoupon(this.state.coupon);\n if (this.state.coupon !== \"\") {\n if (response.couponId !== 0) {\n this.setState({\n couponId: response.couponId,\n couponAmount: response.amount,\n couponPercentage: response.percentage,\n isCouponPercentage: response.couponType === \"Amount\" ? false : true,\n });\n\n switch (response.couponType) {\n case \"Amount\":\n this.setState({\n paymentAmount:\n (this.state.originalPaymentAmount - response.amount).toFixed(2),\n backShow: false,\n });\n break;\n case \"Percentage\":\n var discount =\n (response.percentage / 100) * this.state.originalPaymentAmount;\n this.setState({\n paymentAmount: (\n this.state.originalPaymentAmount - discount\n ).toFixed(2),\n backShow: false,\n });\n break;\n default:\n break;\n }\n } else {\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.validateCouponValueMessageOne\n : esTranslations.validateCouponValueMessageOne,\n backShow: false,\n paymentAmount: this.state.originalPaymentAmount,\n coupon: \"\",\n });\n }\n } else {\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.validateCouponValueMessageTwo\n : esTranslations.validateCouponValueMessageTwo,\n backShow: false,\n });\n }\n } catch (error) {\n console.log(error);\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.sexId = parseInt(this.state.client.sexId);\n formData.client.countryId = String(this.state.client.countryId);\n formData.paymentToken = this.state.paymentToken;\n formData.paymentAmount = parseFloat(this.state.paymentAmount);\n formData.couponAmount = parseFloat(this.state.couponAmount);\n formData.couponPercentage = parseFloat(this.state.couponPercentage);\n formData.ccNumber = this.state.ccNumber.replace(/-/g, '');\n this.savePaymentCallback(formData);\n }\n\n validateCreditCardData() {\n var eCardNumber = false;\n var eCardExp = false;\n var eCardCvv = false;\n if (\n this.state.ccNumber === \"\" ||\n this.state.ccNumber === null ||\n !this.validateCardNumber()\n ) {\n eCardNumber = true;\n }\n if (\n this.state.ccExp === \"\" ||\n this.state.ccExp === null ||\n !this.validateExpiryDate()\n ) {\n eCardExp = true;\n }\n if (\n this.state.ccCvv === \"\" ||\n this.state.ccCvv === null ||\n !this.validateCvv()\n ) {\n eCardCvv = true;\n }\n this.setState({\n errorMap: {\n ...this.state.errorMap,\n eCCNumber: eCardNumber,\n eCCExp: eCardExp,\n eCCCvv: eCardCvv,\n },\n });\n if (eCardNumber || eCardExp || eCardCvv) {\n return false;\n } else {\n return true;\n }\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:\n this.state.client.language === \"en\"\n ? enTranslations.validateFormFieldsMessage\n : esTranslations.validateFormFieldsMessage,\n visibleButton: true,\n });\n return false;\n } else {\n return true;\n }\n }\n\n handleSubmit(event) {\n event.preventDefault();\n if (this.state.client.mobileNumber.length > 5) {\n this.setState({\n errorMap: { ...this.state.errorMap, eMobileNumber: false },\n isSubmitting: true,\n });\n if (this.validateCreditCardData()) {\n this.finishSubmit();\n }\n } else {\n this.setState({\n errorMap: { ...this.state.errorMap, eMobileNumber: true },\n });\n this.setState({\n openAlert: true,\n alertMessage:\n this.state.client.language === \"en\"\n ? enTranslations.handleSubmitMessage\n : esTranslations.handleSubmitMessage,\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.state.client.language) === \"en\"\n ? enTranslations.handleCloseMessage\n : esTranslations.handleCloseMessage\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 validateCardNumber() {\n return /^\\d{4}-\\d{4}-\\d{4}-\\d{4}$/.test(this.state.ccNumber);\n }\n\n validateExpiryDate() {\n return /^(0[1-9]|1[0-2])\\/\\d{2}$/.test(this.state.ccExp);\n }\n\n validateCvv() {\n return /^\\d{3,4}$/.test(this.state.ccCvv);\n }\n\n render() {\n const currentTranslations =\n this.state.client.language === \"en\" ? enTranslations : esTranslations;\n const { classes } = this.props;\n return (\n\n
\n );\n }\n}\n\nexport default withRouter(withStyles(useStyles)(PaymentPage));\n","import { BASE_URL, PAYMENT_BASE_URL } from \"../utils/constants\";\nimport axios from \"../utils/axios\";\nimport * as Sentry from '@sentry/react';\n\nexport const savePayment = async (payload) => {\n try {\n const response = await axios.post(`${BASE_URL}/client/AddPaymentChase`, 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 }).catch(function (error){\n Sentry.captureException(\"Method:savePaymentCallback|Error \" + JSON.stringify(error.response.data))\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 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 {currentTranslations.headerCase} /{\" \"}\n {currentTranslations.headerCitation}:{\" \"}\n {this.state.caseNumberList} / {this.state.ticketList}\n | \n
\n \n \n \n {this.state.alertMessage}\n \n \n \n {currentTranslations.closeButton}\n \n \n \n \n \n {currentTranslations.terms} & {currentTranslations.conditions}\n \n \n \n \n \n \n \n {currentTranslations.closeButton}\n \n \n \n \n \n
\n \n {currentTranslations.firstTermsAndConditions}\n
\n- \n
- \n {currentTranslations.secondTermsAndConditions}\n \n
- \n {currentTranslations.thirdTermsAndConditions}\n \n
- \n {currentTranslations.fourthTermsAndConditions}\n \n
- \n {currentTranslations.fifthTermsAndConditions}\n \n
- \n {currentTranslations.sixthTermsAndConditions}\n \n
- \n {currentTranslations.seventhTermsAndConditionsPt1}\n {currentTranslations.seventhTermsAndConditionsPt2}\n {currentTranslations.seventhTermsAndConditionsPt3}\n \n
- \n {currentTranslations.eightTermsAndConditions}\n \n
- \n {currentTranslations.ninethTermsAndConditions}\n \n
- \n {currentTranslations.tenthTermsAndConditions}\n \n
- \n {currentTranslations.eleventhTermsAndConditions}\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 Table,\n TableHead,\n TableBody,\n TableCell,\n TableRow,\n IconButton,\n} from \"@material-ui/core\";\nimport { Edit } from \"@material-ui/icons\";\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_external.json\";\nimport countriesData from \"../enums/countries.json\";\nimport {\n getClientByDriverLicenseAndDob,\n addPaymentsProcessed,\n} 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\";\nimport { generateOtp } from \"../api/otp\";\nimport { validProcessedAndLockedCase } from \"../api/client\";\nimport * as Sentry from \"@sentry/react\";\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 [clientAddress, setClientAddress] = useState(\"\");\n const [infractions, setInfractions] = useState([]);\n const [infractionId, setInfractionId] = useState(\"\");\n const [infractionDesc, setInfractionDesc] = 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 eClientFirstNameEdit: false,\n eClientLastNameEdit: false,\n eClientEmailEdit: false,\n eClientMobileNumberEdit: false,\n eClientAddressEdit: false,\n eCaseNumber: false,\n eLanguage: 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 [, setPayAlert] = useState(false);\n const [rows, setRows] = useState([]);\n const [caseRows, setCaseRows] = useState([]);\n const [backShow, setBackShow] = useState(false);\n const [savedSuccess, setSavedSuccess] = useState(false);\n const [userId] = useState(params.get(\"userid\"));\n const [disableSearch, setDisableSearch] = useState(true);\n const [showClientEdit, setShowClientEdit] = useState(false);\n\n /** For Case **/\n const [driverLicense, setDriverLicense] = useState(\"\");\n const [clientId, setClientId] = useState(\"\");\n const [stateId, setStateId] = useState(\"\");\n const [countyId, setCountyId] = useState(\"\");\n const [typeId, setTypeId] = useState(\"0\");\n const [typeDesc, setTypeDesc] = useState(\"\");\n\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(\n process.env.REACT_APP_TTC_DEFAULT_EXTERNAL_CASE_INTAKE\n );\n const [chargeAmount, setChargeAmount] = useState(\"\");\n const [totalPayment, setTotalPayment] = useState(0.0);\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(\n process.env.REACT_APP_TTC_DEFAULT_COUNTRY\n );\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 const [firstNameEdit, setFirstNameEdit] = useState(\"\");\n const [lastNameEdit, setLastNameEdit] = useState(\"\");\n const [emailEdit, setEmailEdit] = useState(\"\");\n const [addressEdit, setAddressEdit] = useState(\"\");\n const [valid, setValid] = useState(\"\");\n const [editInfractionId, setEditInfractionId] = useState(\"\");\n const [couponCode, setCouponCode] = useState(\"\");\n const [createdAt, setCreatedAt] = useState(\"\");\n const [language, setLanguage] = useState(\"1\");\n /** For Grid Cases **/\n const [showGridCases, setShowGridCases] = useState(false);\n const [openAlertAddCase, setOpenAlertAddCase] = useState(false);\n const [generatePayment, setGeneratePayment] = useState(false);\n const [saveMessage, setSaveMessage] = useState(\"\");\n const [showDialogContent, setShowDialogContent] = useState(false);\n const [payment] = useState(JSON.parse(localStorage.getItem(\"payment\")));\n const [masterId, setMasterId] = useState(\"\");\n const [detailId, setDetailId] = useState(\"\");\n const [totalFee, setTotalFee] = useState(0.0);\n const [disableSave, setDisableSave] = useState(false)\n\n useEffect(() => {\n if (payment) {\n let county;\n if (payment.tickets.length > 0) county = payment.tickets[0].county_id;\n else county = process.env.REACT_APP_TTC_DEFAULT_COUNTY;\n setDriverLicense(payment.license_number);\n setDateOfBirth(payment.birth_date);\n setMasterId(payment.id);\n setDetailId(payment.tickets[0]?.id);\n setCaseIntakeId(payment.caseintake_id);\n setTotalFee(payment.total_fee)\n setCountyId(county);\n getInfractions(county, typeId);\n if (payment.sex === \"M\") setSex(\"1\");\n else setSex(\"2\");\n }\n }, [payment, typeId]);\n\n const addClient = () => {\n setShowAddClient(true);\n setShowClientDetail(false);\n setIsClientExist(true);\n setIsClientNotExist(false);\n };\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 setInfractionId(response[0].id);\n setInfractionDesc(response[0].describeInfraction);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n useEffect(() => {\n getStatesDropdown();\n }, []);\n\n const getStatesDropdown = async () => {\n try {\n const response = await getStates();\n if (typeof response != \"undefined\") {\n setStates(response);\n var res = response.filter(function (item) {\n if (item.stateAbbr.toUpperCase() == process.env.REACT_APP_TTC_SYSTEM.toUpperCase()) {\n return item;\n }\n });\n setStateId(res[0].id);\n setStateIssuedId(res[0].id);\n getCountiesDropdown(res[0].id);\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 setClientCity(payment.city);\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, dob) => {\n try {\n if (payment.tickets.length > 0) {\n const rowsTemp = [];\n const infractionList = await getInfractionByCountyAndType(\n countyId,\n \"1\"\n );\n payment.tickets.forEach(async (element, index) => {\n if (\n element.citations_number !== null ||\n element.citations_number !== \"\"\n ) {\n var res = infractionList.filter(function (item) {\n if (item.id == element.citation_infraction_type_id) {\n return item;\n }\n });\n const validation = await validateCitation(element.citations_number);\n const row = {\n citationNumber: element.citations_number,\n amount: parseFloat(element.citations_fee).toFixed(2),\n id: element.id,\n fileUrl: element.citations_attachment_url,\n infraction: res[0].describeInfraction,\n infractionId: element.citation_infraction_type_id,\n reason:\n element.coupon_used === \"NO\"\n ? \"\"\n : \"Coupon: \" + element.coupon_used,\n valid: !validation ? \"NO\" : \"YES\",\n fee: parseFloat(element.citations_original_fee).toFixed(2),\n couponUsed: element.coupon_used,\n citations_speeding_unlawful_speed: element.citations_speeding_unlawful_speed,\n citations_speeding_applicable_speed: element.citations_speeding_applicable_speed\n };\n rowsTemp.push(row);\n }\n });\n //rowsTemp[0].reason = \"Coupon: \" + payment.coupon_used\n setRows(rowsTemp);\n }\n const response = await getClientByDriverLicenseAndDob(driverLicense, dob);\n if (typeof response.id === \"undefined\") {\n setAlertMessage(\"Client does not exist.\");\n setClientDriverLicense(driverLicense);\n setDateOfBirth(dob);\n setClientId(\"\");\n setClientFirstName(\"\");\n setClientLastName(\"\");\n setClientEmail(\"\");\n setClientPhone(\"\");\n setClientAddress(\"\");\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 setShowClientEdit(false);\n setIsClientExist(false);\n setIsClientNotExist(false);\n setShowClientDetail(false);\n setShowAddClient(true);\n setCaseActionId(\"1\");\n setTypeId(\"1\");\n setAddInfractionBtn(true);\n setCouponCode(payment.coupon_used);\n setCreatedAt(payment.createdAt);\n setGeneratePayment(payment.generate_receipt);\n setSaveMessage(payment.saved_message);\n document.getElementById(\"citationDateInput\").value =\n payment.tickets[0]?.citations_date.substring(0, 10);\n handleOnChangeCitationDate(\n payment.tickets[0]?.citations_date.substring(0, 10)\n );\n setOpenAlert(true);\n } else {\n setAlertMessage(\"Client found. Case will be assigned to an exist Client.\");\n setClientId(response.id);\n setClientFirstName(response.firstName);\n setFirstNameEdit(payment.first_name);\n setClientLastName(response.lastName);\n setLastNameEdit(payment.last_name);\n setClientEmail(response.email);\n setEmailEdit(payment.email);\n setClientPhone(response.mobileNumber);\n setMobileNumberEdit(\"+1\" + payment.cell_phone);\n setClientAddress(response.address1);\n setAddressEdit(payment.address);\n setShowClientDetail(true);\n setShowAddClient(false);\n setIsClientExist(true);\n setCaseActionId(\"1\");\n setTypeId(\"1\");\n setAddInfractionBtn(true);\n setIsClientNotExist(false);\n setCouponCode(payment.coupon_used);\n setCreatedAt(payment.createdAt);\n setGeneratePayment(payment.generate_receipt);\n setSaveMessage(payment.saved_message);\n document.getElementById(\"citationDateInput\").value =\n payment.tickets[0]?.citations_date.substring(0, 10);\n handleOnChangeCitationDate(\n payment.tickets[0]?.citations_date.substring(0, 10)\n );\n setOpenAlert(true);\n setErrorMap({\n ...errorMap,\n eCaseInfraction: false,\n eCaseChargeAmount: false,\n eCaseCitationNumber: false,\n });\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n useEffect(() => {\n if (\n driverLicense !== \"\" ||\n driverLicense == null ||\n dateOfBirth !== \"\" ||\n dateOfBirth == null\n ) {\n searchClientByDriver(driverLicense, dateOfBirth);\n }\n }, [driverLicense]);\n\n const handleSetCounty = (countyId) => {\n setCountyId(countyId);\n setInfractionId(\"0\");\n setChargeAmount(\"\");\n };\n\n const handleOnChangeCitationDate = (e) => {\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 = (id) => {\n setEditInfractionId(id);\n setOpenInfraction(true);\n rows.forEach((element) => {\n if (element.id === id) {\n setCitationNumber(element.citationNumber);\n setChargeAmount(element.amount);\n setInfractionId(element.infractionId);\n setReason(element.reason);\n }\n });\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 handleCancel = async () => {\n var newToken = uuidv4();\n await generateOtp({\n userName: userId,\n token: newToken,\n });\n history.push(\"/new-quote-list?userid=\" + userId + \"&otptoken=\" + newToken);\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_EXTERNAL_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 validationCase = async () => {\n const response = await validProcessedAndLockedCase(masterId, detailId);\n return response;\n }\n\n const saveCitationHandle = async () => {\n setDisableSave(true)\n const processedCase = await validationCase();\n if (!processedCase) {\n var validation;\n if (caseNumber !== \"\") {\n validation = await validateCase(caseNumber);\n } else {\n validation = false;\n }\n var val = validation === \"undefined\" || !validation ? false : true;\n if (!val) {\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(\n rows[indexRows][\"infractionId\"]\n );\n caseTickets.chargeAmount = parseFloat(rows[indexRows][\"fee\"]);\n caseTickets.chargeAmountReal = parseFloat(\n rows[indexRows][\"amount\"]\n );\n caseTickets.reason = rows[indexRows][\"reason\"];\n caseTickets.fileUrl = rows[indexRows][\"fileUrl\"];\n caseTickets.couponCode = rows[indexRows][\"couponUsed\"];\n caseTickets.citations_speeding_unlawful_speed = rows[indexRows][\"citations_speeding_unlawful_speed\"];\n caseTickets.citations_speeding_applicable_speed = rows[indexRows][\"citations_speeding_applicable_speed\"];\n tickets.push(caseTickets);\n }\n }\n\n const payloadClient = {\n userId: parseInt(userId),\n isWebSale: true,\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 languageId: parseInt(language),\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 caseIntakeId: parseInt(caseIntakeId),\n couponCode: couponCode,\n createdAt: createdAt\n },\n caseTickets: tickets,\n };\n\n const payloadCase = {\n userId: parseInt(userId),\n isWebSale: true,\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: parseInt(caseIntakeId),\n couponCode: couponCode,\n createdAt: createdAt\n },\n client: {\n firstName: firstNameEdit,\n lastName: lastNameEdit,\n email: emailEdit,\n mobileNumber: mobileNumberEdit,\n address1: addressEdit,\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 eClientFirstNameEdit: false,\n eClientLastNameEdit: false,\n eClientEmailEdit: false,\n eClientMobileNumberEdit: false,\n eClientAddressEdit: false,\n eLanguage: 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 if (language === null || language === \"0\") {\n errorRes.eLanguage = true;\n }\n }\n if (showClientEdit === true) {\n if (mobileNumberEdit === null || mobileNumberEdit === \"\") {\n errorRes.eClientMobileNumberEdit = true;\n }\n if (firstNameEdit === null || firstNameEdit === \"\") {\n errorRes.eClientFirstNameEdit = true;\n }\n if (lastNameEdit === null || lastNameEdit === \"\") {\n errorRes.eClientLastNameEdit = true;\n }\n if (emailEdit === null || emailEdit === \"\") {\n errorRes.eClientEmailEdit = true;\n }\n if (addressEdit === null || addressEdit === \"\") {\n errorRes.eClientAddressEdit = 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 setDisableSave(false);\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 setDisableSave(false);\n setAlertMessage(\"Citation date format is incorrect\");\n }\n if (date > today) {\n errorRes.eCitationDate = true;\n setBackShow(false);\n setOpenAlert(true);\n setDisableSave(false);\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 setDisableSave(false);\n return;\n }\n Sentry.captureMessage(\n \"Method:SaveCitationHandle|AddCase|Request \" + JSON.stringify(payload)\n );\n const barcode = await saveCitation(payload);\n Sentry.captureMessage(\n \"Method:SaveCitationHandle|AddCase|Response \" + JSON.stringify(barcode)\n );\n if (typeof barcode != \"undefined\") {\n setBarcodeId(barcode);\n var ticketList = [];\n payment.tickets.forEach((element) => {\n const ticket = {\n paymentAmount: parseFloat(element.citations_fee),\n paymentExternalId: element.id,\n transactionId: element.transaction_id,\n ccName: element.cc_name\n };\n ticketList.push(ticket);\n });\n const payment_response = {\n id: uuidv4(),\n createdAt: payment.createdAt,\n barcodeId: barcode.toString(),\n ticketExternalList: ticketList,\n paymentExternalId: payment.id,\n generatePayment: generatePayment,\n userId: parseInt(userId),\n totalFee: parseFloat(totalFee)\n };\n addPaymentsProcessed(payment_response);\n Sentry.captureMessage(\n \"Method:SaveCitationHandle|AddExternalPayment|Request \" + JSON.stringify(payment_response)\n );\n handleOnlyOneCase();\n //setOpenAlertAddCase(true);\n } else {\n setBackShow(false);\n setOpenAlert(true);\n setDisableSave(false);\n setAlertMessage(\"An error occurred. Retry\");\n }\n } catch (error) {\n console.log(error);\n }\n } else {\n setOpenAlert(true);\n setDisableSave(false);\n setAlertMessage(\"The ticket already exist\");\n setErrorMap({ eCaseNumber: true });\n }\n } else {\n setOpenAlert(true);\n setAlertMessage(\"This case is already processed\");\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 setInfractionDesc(res[0].describeInfraction);\n };\n\n const addInfraction = async () => {\n if (citationNumber !== null || citationNumber !== \"\") {\n const validation = await validateCitation(citationNumber);\n if (validation !== true) {\n rows.forEach((element) => {\n if (element.id === editInfractionId) {\n element.infraction = infractionDesc;\n element.citationNumber = citationNumber;\n element.reason = reason;\n element.valid = \"NO\";\n element.infractionId = infractionId;\n }\n });\n setOpenInfraction(false);\n } else {\n setOpenAlert(true);\n setAlertMessage(\"Citation Number already exist\");\n setErrorMap({ eCaseCitationNumber: true });\n }\n }\n };\n\n const handleClose = async () => {\n setOpenAlert(false);\n if (savedSuccess === true) {\n var newToken = uuidv4();\n await generateOtp({\n userName: userId,\n token: newToken,\n });\n history.push(\n \"/new-quote-list?userid=\" + userId + \"&otptoken=\" + newToken\n );\n window.open(\n process.env.REACT_APP_TTC_EXTERNAL_QUOTE_REDIRECT + barcodeId,\n \"_blank\"\n );\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 setShowDialogContent(true);\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 {isClientNotExist && (\n \n \n Add Client\n \n \n )}\n {showClientDetail && (\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 {showClientEdit && (\n <>\n \n {\n setFirstNameEdit(e.target.value);\n setErrorMap({ ...errorMap, eClientFirstNameEdit: false });\n }}\n />\n \n \n {\n setLastNameEdit(e.target.value);\n setErrorMap({ ...errorMap, eClientLastNameEdit: false });\n }}\n />\n \n \n {\n setMobileNumberEdit(e);\n setErrorMap({\n ...errorMap,\n eClientMobileNumberEdit: false,\n });\n }}\n />\n \n \n {\n setEmailEdit(e.target.value);\n setErrorMap({ ...errorMap, eClientEmailEdit: false });\n }}\n />\n \n \n {\n setAddressEdit(e.target.value);\n setErrorMap({ ...errorMap, eClientAddressEdit: false });\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 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 setLanguage(e.target.value);\n setErrorMap({ ...errorMap, eLanguage: false });\n }}\n >\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 \n e.valid === \"YES\") || rows.length === 0 || disableSave}\n >\n Save\n \n \n \n \n Cancel\n \n \n \n \n \n {alertMessage}\n \n {showDialogContent && (\n \n {saveMessage} \n \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 Edit\n \n )}\n \n Close\n \n \n \n \n \n
\n );\n}\n\nexport default NewQuotePage;\n","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 Checkbox,\n TextField,\n Button,\n Dialog,\n DialogTitle,\n DialogActions,\n CircularProgress,\n Backdrop,\n FormControlLabel,\n Collapse,\n IconButton,\n Box,\n} from \"@material-ui/core\";\nimport { KeyboardArrowDown, KeyboardArrowUp } from \"@material-ui/icons\";\nimport { withRouter } from \"react-router\";\nimport { getPaymentsCasesList, validProcessedCase } 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 fontSize: 12,\n },\n body: {\n fontSize: 14,\n },\n}))(TableCell);\n\nconst StyledTableCellDetail = withStyles((theme) => ({\n head: {\n backgroundColor: \"#FFEF65\",\n color: theme.palette.common.black,\n },\n body: {\n fontSize: 8,\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 const modifiedDate = new Date(new Date().getTime() - 5 * 60 * 60 * 1000);\n this.state = {\n userid: params.get(\"userid\"),\n token: params.get(\"otptoken\"),\n open: -1,\n isSelected: false,\n startDate: new Date(modifiedDate).toISOString().substr(0, 10),\n endDate: new Date(modifiedDate).toISOString().substr(0, 10),\n showMessage: false,\n list: [],\n processedAndNotProcessedList: [],\n processedList: [],\n notProcessedList: [],\n openAlert: false,\n messageAlert: \"\",\n backShow: false,\n showProcessed: false,\n showPage: false,\n regionSelected: params.get(\"regionid\"),\n regions: [],\n regionFilterList: []\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.handleRegionFilter = this.handleRegionFilter.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 handleRegionFilter(event) {\n var filters = event;\n var filtered = [];\n var listToFilter = !this.state.showProcessed\n ? this.state.notProcessedList\n : this.state.processedList;\n switch (Number(filters)) {\n case 0:\n filtered = listToFilter;\n break;\n case 1:\n listToFilter.forEach((a) => {\n if (a.region_id === 1) filtered.push(a);\n });\n break;\n case 2:\n listToFilter.forEach((a) => {\n if (a.region_id === 2) filtered.push(a);\n });\n break;\n default:\n filtered = listToFilter;\n break;\n }\n this.setState({ list: filtered, regionSelected: filters });\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 response.forEach((a) => {\n if (a.is_processed) {\n a.status = \"Processed\";\n } else {\n a.status = \"Pending\";\n }\n });\n const listWithProcessed = [];\n const listNotProcessed = [];\n response.forEach((a) => {\n if (a.status === \"Pending\") listNotProcessed.push(a);\n if (a.status === \"Processed\") listWithProcessed.push(a);\n });\n this.setState({\n processedAndNotProcessedList: response,\n list: listNotProcessed,\n processedList: listWithProcessed,\n notProcessedList: listNotProcessed,\n });\n const newData = this.state.list.map((item) => ({\n ...item,\n isChecked: false,\n }));\n this.setState({ list: newData });\n this.handleRegionFilter(this.state.regionSelected);\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 caseDetailPage(barcodeId) {\n window.open(\n process.env.REACT_APP_TTC_TICKET_EXTERNAL_URL + barcodeId,\n \"_blank\"\n );\n }\n\n handleClose() {\n this.setState({ openAlert: false });\n }\n\n async validateProcess(masterId, detailId) {\n const response = await validProcessedCase(masterId, detailId);\n return response;\n }\n\n handleProcessPayments(id) {\n this.state.list.forEach(async (element) => {\n if (element.tickets.some(e => e.citation_infraction_type_id === 0)){\n this.setState({ openAlert: true, messageAlert: \"Missing price for Statute: \" + element.tickets[0].citation_statute_code + \", County: \" + element.county + \", Type Description: \" + element.tickets[0].citation_type_description})\n } else {\n if (element.master_id === id) {\n const validation = await this.validateProcess(element.id, element.tickets[0].id);\n if (!validation) {\n localStorage.setItem(\"payment\", JSON.stringify(element));\n this.props.history.push(\"/new-quote?userid=\" + this.state.userid);\n } else {\n this.setState({ openAlert: true, messageAlert: \"This case is already processed\" })\n }\n }\n }\n });\n }\n\n handleShowProcessed() {\n if (this.state.showProcessed) {\n this.setState({\n list: this.state.notProcessedList,\n regionSelected: \"0\",\n });\n } else {\n this.setState({\n list: this.state.processedList,\n regionSelected: \"0\",\n });\n }\n }\n\n handleGoAnotherPage() {\n return CLIENT DETAILS
\n \n setShowClientEdit(true)}\n >\n Edit\n \n
\n \n setShowClientEdit(false)}\n >\n Cancel\n \n
\n CLIENT DETAILS
\n ADD CASE DETAILS
\n CASE TICKETS
\n \n \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.setState({ regionSelected: e.target.value });\n this.handleRegionFilter(e.target.value);\n }}\n >\n \n \n \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 \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