\n \n \n
\n \n \n Log in\n \n history.push('/apply-for-driver')}\n >\n Apply for driver\n \n
\n {getForm1()}
\n \n );\n};\n\nLogin.propTypes = {};\n\nLogin.defaultProps = {};\n\nexport default Login;\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport dayjs from 'dayjs';\r\n\r\nimport {\r\n Button,\r\n Form,\r\n Input,\r\n Space,\r\n DatePicker,\r\n Modal,\r\n Steps,\r\n Checkbox,\r\n} from 'antd';\r\nimport { Container, Jumbotron } from 'react-bootstrap';\r\nimport PhoneInput from 'react-phone-input-2';\r\nimport 'react-phone-input-2/lib/style.css';\r\nimport history from '../../util/history';\r\n\r\nconst tailLayout = {\r\n wrapperCol: {\r\n offset: 2,\r\n span: 16,\r\n },\r\n};\r\nconst AddDriver = props => {\r\n const [isModalOpen, setIsModalOpen] = useState(true);\r\n const [form] = Form.useForm();\r\n const [current, setCurrent] = useState(0);\r\n const [dateOfBirth, setDateOfBirth] = useState('');\r\n const [availableDate, setavailableDate] = useState('');\r\n const [formData1, setFormData1] = useState({});\r\n const [formData2, setFormData2] = useState({});\r\n const [formData3, setFormData3] = useState({});\r\n\r\n const steps = [\r\n {\r\n title: 'First',\r\n content: 'First-content',\r\n },\r\n {\r\n title: 'Second',\r\n content: 'Second-content',\r\n },\r\n {\r\n title: 'Last',\r\n content: 'Last-content',\r\n },\r\n ];\r\n\r\n const next = () => {\r\n setCurrent(current + 1);\r\n };\r\n\r\n const prev = () => {\r\n setCurrent(current - 1);\r\n };\r\n\r\n const items = steps.map(item => ({\r\n key: item.title,\r\n title: item.title,\r\n }));\r\n\r\n const onFinishForm1 = values => {\r\n setFormData1({ ...formData1, ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm2 = values => {\r\n setFormData2({ ...formData2, ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm3 = values => {\r\n setFormData3({ ...formData3, ...values });\r\n const data = {\r\n ...formData1,\r\n ...formData2,\r\n ...values,\r\n dateOfBirth: dateOfBirth,\r\n availableDate: availableDate,\r\n };\r\n };\r\n\r\n const onPrevious2 = values => {\r\n setFormData2({ ...formData2, ...values });\r\n prev();\r\n };\r\n\r\n const onPrevious3 = values => {\r\n setFormData3({ ...formData3, ...values });\r\n prev();\r\n };\r\n\r\n const onReset = () => {\r\n form.resetFields();\r\n };\r\n\r\n const handleCancel = () => {\r\n setIsModalOpen(false);\r\n history.push('/');\r\n };\r\n\r\n const disabledDate = current => {\r\n // Can not select days before today and today\r\n return current && current > dayjs().endOf('day');\r\n };\r\n\r\n const disabledDate1 = current => {\r\n // Can not select days before today and today\r\n return current && current < dayjs().endOf('day');\r\n };\r\n\r\n const getForm1 = () => (\r\n \r\n
\r\n \r\n {getForm1()}
\r\n \r\n {getForm1()}
\r\n \r\n \n
\n \n \n onClick()} type=\"primary\">\n Back Home\n \n }\n />\n \n
\n 404 not found
\n{`Estas seguro de no reportar al conductor: ${itemState.firstName}?`}
\r\n );\r\n };\r\n\r\n const handleOkNotReported = () => {\r\n setIsModalOpenNotReported(false);\r\n const dta = map(driverData, i => ({\r\n ...i,\r\n reported: itemState.index === i.index ? false : i.reported,\r\n }));\r\n setDriverData(dta);\r\n successNoReported();\r\n };\r\n\r\n const handleCancelNotReported = () => {\r\n setIsModalOpenNotReported(false);\r\n };\r\n\r\n const onNotReport = item => {\r\n setItemState(item);\r\n setIsModalOpenNotReported(true);\r\n };\r\n // Al for not report Driver end\r\n\r\n // Al for report Driver\r\n\r\n const getContentModalReported = () => {\r\n return (\r\n{`Estas seguro de reportar al conductor: ${itemState.firstName}?`}
\r\n );\r\n };\r\n\r\n const handleOkReported = () => {\r\n setIsModalOpenReported(false);\r\n const dta = map(driverData, i => ({\r\n ...i,\r\n reported: itemState.index === i.index ? true : i.reported,\r\n }));\r\n setDriverData(dta);\r\n success();\r\n };\r\n\r\n const handleCancelReported = () => {\r\n setIsModalOpenReported(false);\r\n };\r\n\r\n const onReport = item => {\r\n setItemState(item);\r\n setIsModalOpenReported(true);\r\n };\r\n // Al for report Driver end\r\n\r\n const getAction = item =>\r\n item.reported ? (\r\n\r\n
\r\n \r\n \r\n {getContentModalNotReported()}\r\n \r\n \r\n {getContentModalReported()}\r\n \r\n
\r\n {props.title}
\r\n {getList()}\r\n {contextHolder}\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {props.title}
\r\n\r\n
\r\n );\r\n\r\n const getCardEs = () => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n WE MUST FOLLOW ALL SAFETY AND DRIVING INSTRUCTIONS.
\r\n\r\n COMPLIANCE WITH THE RULES AND POLICIES IS NOT VOLUNTARY, IT IS\r\n MANDATORY FOR ALL DRIVERS. PROTECTIVE ELEMENTS\r\n
\r\n - HELMET 👷🏼
\r\n - FIRE CLOTHING 🔥
\r\n - SAFETY BOOTS WITH RIGID TOE 🥾
\r\n - SAFETY GLASSES🥽
\r\n - MONITOR H2s 📟
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n WE MUST FOLLOW ALL SAFETY AND DRIVING INSTRUCTIONS.
\r\n\r\n The MAXIMUM SPEED LIMIT is 15 miles/h on leased roads and 5 miles/h\r\n on wells\r\n
\r\n 🚫 DO NOT THROW SAND ON LEASED ROADS
\r\n 🚫 DO NOT PARK OR SLEEP ON LEASED ROADS
\r\n 🚫 DO NOT THROW GARBAGE IN LEASED LOCATIONS AND/OR ROADS
\r\n 🚫 CARRYING OF ANY TYPE OF WEAPON IS PROHIBITED
\r\n
\r\n
\r\n
\r\n THANK YOU FOR YOUR COMMITMENT\r\n
\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n DEBEMOS SEGUIR TODAS LAS INSTRUCCIONES DE SEGURIDAD Y CONDUCCIÓN.\r\n
\r\n\r\n EL CUMPLIMIENTO DE LAS NORMAS Y POLÍTICAS NO ES VOLUNTARIO, ES\r\n OBLIGATORIO PARA TODOS LOS CONDUCTORES ELEMENTOS DE PROTECCION\r\n
\r\n - CASCO 👷🏼
\r\n - ROPA CONTRA FUEGO 🔥
\r\n - BOTAS DE SEGURIDAD CON PUNTA RÍGIDA 🥾
\r\n - GAFAS DE SEGURIDAD 🥽
\r\n - MONITOR H2s 📟
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n DEBEMOS SEGUIR TODAS LAS INSTRUCCIONES DE SEGURIDAD Y CONDUCCIÓN.\r\n
\r\n\r\n El LÍMITE MAXIMO DE VELOCIDAD es de 15 millas/h en los caminos\r\n arrendados y 5 millas/h en los pozos\r\n
\r\n 🚫 NO TIRAR ARENA EN LOS CAMINOS ARRENDADOS
\r\n 🚫 NO ESTACIONARSE NI DORMIR EN LOS CAMINOS ARRENDADOS
\r\n 🚫 NO TIRAR BASURA EN LOCACIONES Y/O CAMINOS ARRENDADOS
\r\n 🚫 ESTA PROHIBIDO EL PORTE DE CUALQUIER TIPO DE ARMA
\r\n
\r\n
\r\n
\r\n GRACIAS POR SU COMPROMISO\r\n
\r\n
\r\n \r\n
\r\n {props.title}
\r\nSecurity is too strict at leased plants, wells and roads.
\r\n {getCardEn()}\r\n\r\n Seguridad es estricta en las plantas, pozos y caminos arrendados.\r\n
\r\n {getCardEs()}\r\n\r\n
\r\n );\r\n };\r\n const getDutiesDescription = () => {\r\n return (\r\n - \r\n
- 2 years experiance CDL is requiered. \r\n
- Must be qualified to operate Manual Transmission. \r\n
- Knowledge of HOS (Hours of Service). \r\n
- Qualifying MVR. \r\n
- Current D.O.T Physical. \r\n
- Must be able to pass a drug screen. \r\n
- Must be able to road test. \r\n
- Must be able to work Days/Nights. \r\n
\r\n
\r\n );\r\n };\r\n\r\n const onButtonDownloadDriver = async () => {\r\n const response = await fetch(\"Driver.pdf\");\r\n const blob = await response.blob();\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = \"Driver.pdf\";\r\n a.style.display = \"none\";\r\n document.body.appendChild(a);\r\n a.click();\r\n URL.revokeObjectURL(url);\r\n document.body.removeChild(a);\r\n};\r\n\r\n const onButtonDownloadOwner = async () => {\r\n const response = await fetch(\"Owner.pdf\");\r\n const blob = await response.blob();\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = \"Owner.pdf\";\r\n a.style.display = \"none\";\r\n document.body.appendChild(a);\r\n a.click();\r\n URL.revokeObjectURL(url);\r\n document.body.removeChild(a);\r\n};\r\n\r\n return (\r\n - \r\n
- Safely operate a heavy or tractor-trailer truck. \r\n
- Properly track and document activity log. \r\n
- Safely deliver sand to frac locations. \r\n
- Report any issues or incidents to dispatch. \r\n
- Inspect truck before and after trip. \r\n
- Follow DOT Regulations. \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Welcome to Progress Trucking LLC, a leading trucking company\r\n serving the booming oil and gas industry in West Texas.\r\n Established in 2017 by owner Yasel Hernandez, we have\r\n quickly gained a reputation for our reliable and efficient\r\n frac sand hauling services. At Progress Trucking LLC, we\r\n understand the critical role that frac sand plays in\r\n hydraulic fracturing operations. Our team of experienced\r\n drivers and robust fleet of trucks are dedicated to safely\r\n and promptly delivering frac sand to our clients' sites,\r\n ensuring uninterrupted production and maximizing operational\r\n efficiency.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n WHAT WE OFFER ?
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Job as a driver
\r\n\r\n We are hiring A CDL Drivers to work in the Sand\r\n Business!.\r\n
\r\n\r\n \r\n Download Now\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Job as owner operator
\r\n\r\n\r\n We are seeking owner operators to work in the Sand\r\n Business!.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Hiring className A CDL Drivers to Join our Team!\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Our team
\r\n\r\n Dedicated to quality and your success\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Yasel Hernandez
\r\nFounder & CEO
\r\n \r\n
\r\n \r\n
\r\n Marianela Amador
\r\nManager
\r\n \r\n
\r\n \r\n
\r\n Raul Chavez
\r\n\r\n Operations Manager\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n\r\n const getModalContent = () => (\r\n \r\n
\r\n \r\n
\r\n {props.title}
\r\n\r\n Progress Trucking Info\r\n
\r\n );\r\n };\r\n\r\n const getDescriptions = () => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n {props.title}
\r\n\r\n
\r\n \r\n
\r\n {props.title}
\r\n\r\n
\r\n {title}
\n\n \n setIsModalOpen(true)}\n block\n icon={ \n
\n {getFormAccident()}
\n \n \n );\n};\n\nAccidentRecordForm.propTypes = {\n title: PropTypes.string,\n onPrevious: PropTypes.func,\n onFinish: PropTypes.func,\n initialValues: PropTypes.array,\n};\n\nexport default AccidentRecordForm;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport difference from 'lodash/difference';\nimport map from 'lodash/map';\nimport find from 'lodash/find';\n\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';\n\nimport {\n Button,\n Modal,\n Form,\n Row,\n Col,\n Table,\n Space,\n Select,\n DatePicker,\n InputNumber,\n Input,\n Divider,\n Tooltip,\n} from 'antd';\n\nconst styleForm1 = {\n width: '60%',\n marginTop: '2rem',\n};\n\nconst tailLayout = {\n wrapperCol: {\n offset: 2,\n span: 16,\n },\n};\n\nlet equipment = [\n {\n value: 'straight truck',\n label: 'Straight truck',\n },\n {\n value: 'tractor & semi-trailer',\n label: 'Tractor & semi-trailer',\n },\n {\n value: 'tractor & 2-trailer',\n label: 'Tractor & 2-trailer',\n },\n {\n value: 'tractor & tanker',\n label: 'Tractor & tanker',\n },\n {\n value: 'other',\n label: 'Other',\n },\n];\n\nconst DrivingExperienceForm = props => {\n const { title, onPrevious, onFinish, initialValues = [] } = props;\n\n const [form] = Form.useForm();\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [currentKey, setCurrentKey] = useState(1);\n const [dataDrivingExperience, setDataDrivingExperience] = useState(initialValues);\n const [dateFrom, setDateFrom] = useState('');\n const [dateTo, setDateTo] = useState('');\n\n const columns = [\n {\n title: 'Class of equipment',\n width: 150,\n dataIndex: 'equipment',\n key: 'equipment',\n fixed: 'left',\n },\n {\n title: 'Type of equipment',\n width: 150,\n dataIndex: 'type',\n key: 'type',\n },\n {\n title: 'Date from',\n dataIndex: 'dateFrom',\n key: 'dateFrom',\n },\n {\n title: 'Date to',\n dataIndex: 'dateTo',\n key: 'dateTo',\n },\n {\n title: 'Number of miles',\n dataIndex: 'numberOfMiles',\n key: 'numberOfMiles',\n },\n {\n title: 'Delete',\n key: 'operation',\n fixed: 'right',\n width: 100,\n render: (_, record) => (\n {title}
\n\n \n setIsModalOpen(true)}\n block\n icon={ \n
\n \n {getFormDravingExperience()}\n
\n \n \n );\n};\n\nDrivingExperienceForm.propTypes = {\n title: PropTypes.string,\n onPrevious: PropTypes.func,\n onFinish: PropTypes.func,\n initialValues: PropTypes.array,\n};\n\nexport default DrivingExperienceForm;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport PhoneInput from 'react-phone-input-2';\nimport 'react-phone-input-2/lib/style.css';\n\nimport { Button, Form, Input, Space, Divider } from 'antd';\n\nconst styleForm = {\n width: '40%',\n marginTop: '2rem',\n};\n\nconst tailLayout = {\n wrapperCol: {\n offset: 2,\n span: 16,\n },\n};\n\nconst ApplicantInformationForm1 = props => {\n const [form] = Form.useForm();\n const { title, onFinish, initialValues={} } = props;\n\n const onReset = () => {\n form.resetFields();\n };\n\n const onFinishForm1 = values => {\n onFinish(values);\n };\n\n return (\n {title}
\n{title}
\n{title}
\n{title}
\n{title}
\n\n \n setIsModalOpen(true)}\n block\n icon={ \n
\n {getFormAccident()}
\n \n \n );\n};\n\nTrafficConvictions.propTypes = {\n title: PropTypes.string,\n onPrevious: PropTypes.func,\n onFinish: PropTypes.func,\n initialValues: PropTypes.array,\n};\n\nexport default TrafficConvictions;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PhoneInput from 'react-phone-input-2';\nimport 'react-phone-input-2/lib/style.css';\n\nimport {\n Button,\n Form,\n Input,\n Space,\n Divider,\n DatePicker,\n InputNumber,\n Col,\n Row,\n} from 'antd';\n\nconst { TextArea } = Input;\n\nconst styleForm = {\n width: '40%',\n marginTop: '2rem',\n};\n\nconst tailLayout = {\n wrapperCol: {\n offset: 2,\n span: 16,\n },\n};\n\nconst EmploymentHistory = props => {\n const [form] = Form.useForm();\n const { title, onPrevious, onFinish, initialValues = {} } = props;\n\n const [dateFromEmployment, setFromEmployment] = useState('');\n const [dateToEmployment, setToEmployment] = useState('');\n\n useEffect(() => {\n if (initialValues.dateFromEmploymentTransf) {\n setFromEmployment(initialValues.dateFromEmploymentTransf);\n }\n if (initialValues.dateToEmploymentTransf) {\n setToEmployment(initialValues.dateToEmploymentTransf);\n }\n }, []);\n\n const onReset = () => {\n form.resetFields();\n };\n\n const onFinishForm = values => {\n const dta= {\n ...values,\n dateFromEmploymentTransf: dateFromEmployment,\n dateToEmploymentTransf: dateToEmployment,\n }\n onFinish(dta);\n };\n\n const onPrevious3 = () => {\n const p = form.getFieldsValue();\n onPrevious({ ...p, dateFromEmploymentTransf: dateFromEmployment, dateToEmploymentTransf: dateToEmployment });\n };\n\n const onChangeDatePicker = (_, dateString) => {\n setFromEmployment(dateString);\n };\n\n const onChangeDatePicker1 = (_, dateString) => {\n setToEmployment(dateString);\n };\n\n return (\n {title}
\n{title}
\n\n \n setIsModalOpen(true)}\n block\n icon={ \n
\n {getFormSchool()}
\n \n \n );\n};\n\nEducation.propTypes = {\n title: PropTypes.string,\n onPrevious: PropTypes.func,\n onFinish: PropTypes.func,\n initialValues: PropTypes.array,\n};\n\nexport default Education;\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Steps } from 'antd';\r\nimport { Container, Jumbotron } from 'react-bootstrap';\r\n\r\nimport AccidentRecordForm from './AccidentRecordForm';\r\nimport DrivingExperienceForm from './DrivingExperienceForm';\r\nimport ApplicantInformationForm1 from './ApplicantInformationForm1';\r\nimport ApplicantInformationForm2 from './ApplicantInformationForm2';\r\nimport CurrentResidency from './CurrentResidency';\r\nimport LicenceInformation from './LicenceInformation';\r\nimport TrafficConvictions from './TrafficConvictions';\r\nimport EmploymentHistory from './EmploymentHistory';\r\nimport Education from './Education';\r\n\r\nconst ApplyForDriversFullLoginPage = props => {\r\n const [current, setCurrent] = useState(0);\r\n\r\n // Forms\r\n const [formData1, setFormData1] = useState({});\r\n const [formData2, setFormData2] = useState({});\r\n const [formData3, setFormData3] = useState({});\r\n const [formData4, setFormData4] = useState({});\r\n const [formData5, setFormData5] = useState([]);\r\n const [formData6, setFormData6] = useState([]);\r\n const [formData7, setFormData7] = useState([]);\r\n const [formData8, setFormData8] = useState({});\r\n const [formData9, setFormData9] = useState([]);\r\n\r\n const getSteps = () => {\r\n const steps = [];\r\n for (let i = 0; i < 9; i++) {\r\n if (i === current) {\r\n steps.push({ title: 'In Progress', status: 'process' });\r\n }\r\n if (i < current) {\r\n steps.push({ title: 'Finished', status: 'finish' });\r\n }\r\n if (i > current) {\r\n steps.push({ title: 'Waiting', status: 'wait' });\r\n }\r\n }\r\n return steps;\r\n };\r\n\r\n const next = () => {\r\n setCurrent(current + 1);\r\n };\r\n\r\n const prev = () => {\r\n setCurrent(current - 1);\r\n };\r\n\r\n const items = getSteps().map(item => ({\r\n key: item.title,\r\n title: item.title,\r\n }));\r\n\r\n const onFinishAllForms = (values) => {\r\n const data = {\r\n ...formData1,\r\n ...formData2,\r\n ...formData3,\r\n ...formData4,\r\n ...formData8,\r\n drivingExperience:formData5,\r\n accidentRecord:formData6,\r\n trafficConvictions:formData7,\r\n education: values,\r\n };\r\n };\r\n\r\n const onFinishForm1 = values => {\r\n setFormData1({ ...formData1, ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm2 = values => {\r\n setFormData2({ ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm3 = values => {\r\n setFormData3({ ...formData3, ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm4 = values => {\r\n setFormData4({ ...formData4, ...values });\r\n next();\r\n };\r\n\r\n const onFinishForm5 = values => {\r\n setFormData5(values);\r\n next();\r\n };\r\n\r\n const onFinishForm6 = values => {\r\n setFormData6(values);\r\n next();\r\n };\r\n\r\n const onFinishForm7 = values => {\r\n setFormData7(values);\r\n next();\r\n };\r\n\r\n const onFinishForm8 = values => {\r\n setFormData8(values);\r\n next();\r\n };\r\n\r\n const onFinishForm9 = values => {\r\n setFormData9(values);\r\n onFinishAllForms(values);\r\n };\r\n\r\n const onPrevious2 = values => {\r\n setFormData2({ ...formData2, ...values });\r\n prev();\r\n };\r\n\r\n const onPrevious3 = values => {\r\n setFormData3({ ...formData3, ...values });\r\n prev();\r\n };\r\n\r\n const onPrevious4 = values => {\r\n setFormData4({ ...formData4, ...values });\r\n prev();\r\n };\r\n\r\n const onPrevious5 = values => {\r\n setFormData5(values);\r\n prev();\r\n };\r\n\r\n const onPrevious6 = values => {\r\n setFormData6(values);\r\n prev();\r\n };\r\n\r\n const onPrevious7 = values => {\r\n setFormData7(values);\r\n prev();\r\n };\r\n\r\n const onPrevious8 = values => {\r\n setFormData8(values);\r\n prev();\r\n };\r\n\r\n const onPrevious9 = values => {\r\n setFormData9(values);\r\n prev();\r\n };\r\n\r\n const getForm1 = () => (\r\n \r\n
\r\n \r\n
\r\n {props.title}
\r\n\r\n
\r\n \n
\n {/* {currentRole !== 'common' && }\n {currentRole === 'common' && } */}\n \n \n \n \n \n
\n