{"version":3,"sources":["Common/Context/AppReducer.js","Common/Context/Values/FormBaseInitialValues.js","Common/Context/GlobalContext.js","Forms/FormBase/VehicleForm/index.js","Forms/FormBase/TypeVehicleForm/index.js","Forms/FormBase/SelectNumGpsForm/index.js","Forms/FormBase/UserInformationForm/index.js","Forms/FormBase/SeeBudgetDetailForm/index.js","Forms/FormBase/Stepper/index.js","Forms/FormBase/Stepper-tachograph/index.js","Common/Utils/UseAxios.js","Forms/FormBase/CallApiLoadingScreen/CAllApiLoadingScreen.js","App.js","index.js"],"names":["appReducer","state","action","type","payload","formBaseReducer","activeStep","formValues","name","value","fieldValue","error","fieldName","typeVehicle","privacity","uri","typeForm","dataId","formBaseInitialValues","tipoVehiculos","hutk","cname","ca","decodeURIComponent","document","cookie","split","i","length","c","charAt","substring","indexOf","getCookie","pageName","window","location","pathname","replace","pageUri","href","company","required","validate","minLength","maxLength","helperText","phone","zip","firstName","email","vehiculos","isEmail","RegExp","isZip","isPhone","GlobalContext","createContext","names","index","GlobalProvider","children","useReducer","dispatchName","dispatchFormValues","stateVehiculos","dispatchVehiculos","Provider","addVehicles","vehicle","addTypeVehicles","addNumVehicles","AddPrivacity","handleNext","handleBack","handleChange","event","target","console","log","includes","test","parseInt","addName","addUri","AddTypeForm","AddDataId","makeStyles","img","width","cursor","pElement","margin","textAlign","fontSize","color","icon","height","top","left","useStyles","TypeVehicleForm","useContext","values","containerRef","React","useRef","useState","isDisabled","setIsDisabled","classes","handleSelectedOption","result","filter","x","SelectedOptions","push","Box","sx","padding","borderRadius","overflow","ref","Slide","timeout","style","container","current","direction","in","fontWeight","lineHeight","marginTop","marginBottom","transition","fontFamily","Fade","transitionDelay","Grid","alignItems","justifyContent","spacing","map","Fragment","item","onClick","src","className","alt","Zoom","visibility","position","display","mt","paddingBottom","Button","variant","disabled","SelectNumGpsForm","title","subTitle","isError","Object","keys","some","isMobile","TextField","onChange","marginLeft","InputProps","startAdornment","InputAdornment","inputProps","min","max","mr","formHelperText","letterSpacing","UserInformationForm","useCallback","flexGrow","xs","md","lg","p","my","InputLabel","shrink","FormHelperText","id","Android12Switch","styled","Switch","theme","content","transform","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","right","boxShadow","backgroundColor","SeeBudgetDetailForm","navigate","useNavigate","FormControlLabel","control","checked","label","labelPlacement","steps","getStepContent","step","stepsMobile","description","HorizontalLinearStepper","formType","useEffect","queryString","search","URLSearchParams","get","marginX","marginY","Stepper","alternativeLabel","Step","StepLabel","paddingTop","maxWidth","axios","defaults","baseURL","UseAxios","url","method","data","headers","undefined","response","setResponse","setError","loading","setloading","setTimeout","then","res","catch","err","finally","centerScreen","minHeight","centerScreenText","CallApiLoadingScreen","newName","setnewName","toString","replaceAll","requestData","firstname","accept","interval","lottie","loadAnimation","querySelector","animationData","countDown20","loop","setInterval","clearInterval","SuccessLottie","background","message","createTheme","App","ThemeProvider","CssBaseline","Container","component","path","element","CAllApiLoadingScreen","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.e05d1fe1.chunk.js","sourcesContent":["export const appReducer = (state, action) => {\n\n    switch (action.type) {\n        case \"Add_Vehicle\":\n            state = action.payload;\n            break;\n\n        case \"Add_Type_Vehicle\":\n            state = action.payload;\n            break;\n        case \"Change_Name\":\n            state = action.payload;\n            break;\n        default:\n            break;\n    }\n    return state\n}\n\nexport const stepperReducer = (state, action) => {\n    switch (action.type) {\n        case \"Increase\":\n            state = action.payload + 1;\n            break;\n\n        case \"Decrease\":\n            state = action.payload - 1;\n            break;\n\n        default:\n            break;\n    }\n    return state\n}\n\n\nexport const formBaseReducer = (state, action) => {\n    switch (action.type) {\n        case \"Increase\":\n            return {\n                ...state,\n                activeStep: state.activeStep + 1\n            };\n\n        case \"Decrease\":\n            return {\n                ...state,\n                activeStep: state.activeStep - 1\n            };\n\n        case \"Form-Value\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.name]: {\n                        ...state.formValues[action.name],\n                        value: action.fieldValue\n                    }\n                }\n            };\n        case \"Form-Error\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.name]: {\n                        ...state.formValues[action.name],\n                        error: action.error\n                    }\n                }\n            };\n        case \"Add_Vehicle\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.fieldName]: action.value\n\n                }\n            }\n        case \"Add_Type_Vehicle\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.fieldName]: action.typeVehicle\n\n                }\n            }\n        case \"Add_Privacity\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.fieldName]: action.privacity\n\n                }\n            }\n        case \"Add_Uri\":\n            return {\n                ...state,\n                uri: action.payload\n            }\n\n        case \"Add_TypeForm\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.fieldName]: action.typeForm\n\n                }\n            }\n        case \"Add_DataId\":\n            return {\n                ...state,\n                formValues: {\n                    ...state.formValues,\n                    [action.fieldName]: action.dataId\n\n                }\n            }\n\n        default:\n            break;\n    }\n}","const getCookie = (cname) => {\n    let name = cname + \"=\";\n    let decodedCookie = decodeURIComponent(document.cookie);\n    let ca = decodedCookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') {\n            c = c.substring(1);\n        }\n        if (c.indexOf(name) === 0) {\n            return c.substring(name.length, c.length);\n        }\n        \n    }\n    return \"\";\n}\n\nexport const formBaseInitialValues = {\n    // vehiculos: \"\",\n    tipoVehiculos: [],\n    privacity: true,\n    hutk: getCookie(\"hubspotutk\"),\n    pageName: window.location.pathname.replace(\"/\", \"\"),\n    pageUri: window.location.href,\n    typeForm: \"\",\n    dataId: \"\",\n    company: {\n        value: '',\n        error: '',\n        required: true,\n        validate: 'text',\n        minLength: 1,\n        maxLength: 20,\n        helperText: 'Custom error message'\n    },\n    phone: {\n        value: '',\n        error: '',\n        validate: 'phone',\n        maxLength: 15,\n        required: true\n    },\n    zip: {\n        value: '',\n        error: '',\n        validate: 'zip',\n        maxLength: 15,\n        required: true\n    },\n    firstName: {\n        value: '',\n        error: '',\n        required: true,\n        validate: 'text',\n        minLength: 2,\n        maxLength: 20,\n        helperText: 'Custom error message'\n    },\n    email: {\n        value: '',\n        error: '',\n        required: true,\n        validate: 'email'\n    },\n    vehiculos: {\n        value: '2',\n        error: '',\n        required: true,\n        validate: 'number',\n    },\n}","import { createContext, useReducer } from 'react';\nimport { appReducer, formBaseReducer } from './AppReducer';\nimport { formBaseInitialValues } from './Values/FormBaseInitialValues';\n\n// const isText = RegExp(/^[A-Z ]+$/i)\nconst isEmail = RegExp(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i)\n\n// const isZip = RegExp(/^(?:0[1-9]|[1-4]\\d|5[0-2])\\d{3}$/)\nconst isZip = RegExp(/^\\d{5}(-\\d{4})?$/)\n// const isNumber = RegExp(/^\\d+$/)\n// (123) 456-7890\n// (123)456-7890\n// 123-456-7890\n// 123.456.7890\n// 1234567890\n// +31636363634\n// 075-63546725\n/* const isPhone = RegExp(/^[(]?[0-9]{3}[)]?[-\\s]?[0-9]{3}[-\\s]?[0-9]{4,6}$/); */ //universal\n// const isPhone = RegExp(/^\\D?(\\d{3})\\D?\\D?(\\d{3})\\D?(\\d{4,6})$/) //ES\nconst isPhone = RegExp(/^[+]*(\\d{9}|\\d{10}|\\d{11})$/) //ES\n\nconst vehiculosInitialState = \"\";\n\nexport const GlobalContext = createContext(formBaseInitialValues);\n\nexport const vehiculosContext = createContext(vehiculosInitialState);\n\nconst names = [\n    'Creando presupuesto...', 'Guardando documento...', 'Enviando...'\n]\n\nlet index = 1;\n\nexport const GlobalProvider = ({ children }) => {\n\n    const [name, dispatchName] = useReducer(appReducer, \"Enviando presupuesto...\");\n\n    const [{ formValues, activeStep, uri }, dispatchFormValues] = useReducer(formBaseReducer, {\n        activeStep: 0,\n        formValues: formBaseInitialValues,\n        uri: \"https://www.4gflota.com/software-gestor-flotas/\"\n    });\n    const [stateVehiculos, dispatchVehiculos] = useReducer(appReducer, vehiculosInitialState);\n\n    let copyVehiculos = vehiculosInitialState;\n\n    const addName = () => {\n        let value = names[index++];\n\n        dispatchName({ type: 'Change_Name', payload: value })\n    }\n\n    const addNumVehicles = (value) => {\n        const fieldName = \"vehiculos\";\n        dispatchFormValues({ type: 'Add_Vehicle', fieldName, value });\n    }\n\n    const addVehicles = (vehicle) => {\n        if (vehicle === \"+30\") {\n            vehicle = \"30\";\n        }\n        copyVehiculos = vehicle;\n        dispatchVehiculos({ type: 'Add_Vehicle', payload: copyVehiculos });\n\n\n        const myArray = vehicle.split(\"-\");\n        let fieldValue = myArray[0];\n        const name = \"vehiculos\";\n        dispatchFormValues({ type: 'Form-Value', name, fieldValue });\n\n    }\n\n    const addTypeVehicles = (typeVehicle) => {\n        const fieldName = \"tipoVehiculos\";\n        dispatchFormValues({ type: 'Add_Type_Vehicle', fieldName, typeVehicle });\n    }\n\n    const AddPrivacity = (privacity) => {\n        const fieldName = \"privacity\";\n        dispatchFormValues({ type: 'Add_Privacity', fieldName, privacity });\n    }\n\n    const handleNext = () => dispatchFormValues({ type: 'Increase', payload: activeStep });\n    const handleBack = () => dispatchFormValues({ type: 'Decrease', payload: activeStep });\n\n    const addUri = (value) => {\n\n\n    }\n\n    const AddTypeForm = (typeForm) => {\n        const fieldName = \"typeForm\";\n        dispatchFormValues({ type: 'Add_TypeForm', fieldName, typeForm });\n    }\n    const AddDataId = (dataId) => {\n        const fieldName = \"dataId\";\n        dispatchFormValues({ type: 'Add_DataId', fieldName, dataId });\n    }\n\n\n    const handleChange = (event) => {\n        const { name, value } = event.target;\n        const fieldName = formBaseInitialValues[name];\n        const fieldValue = value;\n        const { required, validate, helperText } = fieldName;\n\n        if (fieldName.validate === \"zip\") {\n            if (value.length === 2) {\n                let uriGroup1 = \"https://www.4gflota.com/demo-online-ego/\";\n                let group1 = [\"01\", \"05\", \"09\", \"13\", \"15\", \"16\", \"19\", \"20\", \"28\", \"30\", \"31\", \"32\", \"33\", \"39\", \"40\", \"45\", \"47\", \"49\"];\n\n                let group2 = [\"07\", \"08\", \"12\", \"17\", \"22\", \"24\", \"25\", \"26\", \"27\", \"36\", \"37\", \"42\", \"43\", \"44\", \"46\", \"48\", \"50\"];\n                let uriGroup2 = \"https://www.4gflota.com/demo-online-jl/\";\n\n                let group3 = [\"02\", \"03\", \"04\", \"06\", \"10\", \"11\", \"14\", \"18\", \"21\", \"23\", \"29\", \"34\", \"35\", \"38\", \"41\", \"51\", \"52\"];\n                let uriGroup3 = \"https://www.4gflota.com/demo-online-luis/\";\n\n                // let twoDigit = value.substring(0, 2);\n                let pathname = window.location.pathname;\n                console.log(pathname)\n                if (pathname === \"/ads-movil/\" || pathname === \"/ads-movil\") {\n                    dispatchFormValues({ type: 'Add_Uri', payload: \"https://actualidad.4gflota.com/gracias-presupuesto\" });\n                } else if (pathname === \"/ads-pc/\" || pathname === \"/ads-pc\") {\n                    dispatchFormValues({ type: 'Add_Uri', payload: \"https://actualidad.4gflota.com/gracias-presupuesto\" });\n                } else if (pathname === \"/ads-max/\" || pathname === \"/ads-max\") {\n                    dispatchFormValues({ type: 'Add_Uri', payload: \"https://actualidad.4gflota.com/gracias-presupuesto\" });\n                } else if (group1.includes(value)) {\n                    dispatchFormValues({ type: 'Add_Uri', payload: uriGroup1 });\n                } else if (group2.includes(value)) {\n                    dispatchFormValues({ type: 'Add_Uri', payload: uriGroup2 });\n                } else if (group3.includes(value)) {\n                    dispatchFormValues({ type: 'Add_Uri', payload: uriGroup3 });\n                } else {\n                    dispatchFormValues({ type: 'Add_Uri', payload: \"https://www.4gflota.com/software-gestor-flotas/\" });\n\n                }\n            }\n        }\n\n        dispatchFormValues({ type: 'Form-Value', name, fieldValue });\n\n        let error = \"\";\n        if (required && fieldValue === \"\") error = \"Este campo es obligatorio.\";\n\n        switch (validate) {\n            case \"email\":\n                if (value && !isEmail.test(value))\n                    error = helperText || \"Por favor, introduce una dirección de correo electrónico válida.\";\n                break;\n            case \"phone\":\n                if (value && !isPhone.test(value))\n                    error =\n                        helperText ||\n                        \"Por favor ingrese un número de teléfono válido.\";\n                break;\n            case \"zip\":\n                if (value && !isZip.test(value))\n                    error = helperText || \"Por favor ingrese un código postal válido.\";\n                break;\n            case \"number\":\n                // let min = stateVehiculos.split(\"-\")[0];\n                // let max = stateVehiculos.split(\"-\")[1];\n                if (parseInt(value) < 2) {\n                    error = helperText || \"Debe indicar un cantidad mayor a 1\";\n                }\n                if (parseInt(value) > 999) {\n                    error = helperText || \"Debe indicar un cantidad menor a 999\";\n                }\n                // if (parseInt(value) < 30 && parseInt(min) === 30) {\n                //     error = helperText || \"No puede ingresar un valor menor a (\" + min + \")\";\n                // } else if (parseInt(value) < min || parseInt(value) > max) {\n                //     error = helperText || \"Cantidad errónea\";\n                // }else if (parseInt(value) < min || parseInt(value) > max) {\n                //     error = helperText || \"Debe ingresar una cantidad entre (\" + min + \") y (\" + max + \")\";\n                // }\n                // if (parseInt(value) > 999) {\n                //     value = 999;\n                // }\n\n\n                break;\n            default:\n                break;\n        }\n        dispatchFormValues({ type: \"Form-Error\", name, error });\n    }\n\n    return (\n        <GlobalContext.Provider value={\n            {\n                stateVehiculos,\n                addVehicles,\n                addTypeVehicles,\n                addNumVehicles,\n                AddPrivacity,\n                handleNext,\n                handleBack,\n                activeStep,\n                handleChange,\n                formValues,\n                addName,\n                name,\n                addUri,\n                uri,\n                AddTypeForm,\n                AddDataId\n            }\n        }>\n            {children}\n        </GlobalContext.Provider>\n    )\n}","import React, { useContext } from 'react';\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\nimport Grid from '@mui/material/Grid';\nimport CheckIcon from '@mui/icons-material/Check';\nimport Box from '@mui/material/Box';\nimport Zoom from '@mui/material/Zoom';\nimport Fade from '@mui/material/Fade';\nimport Slide from '@mui/material/Slide';\nimport { makeStyles } from '@mui/styles';\n\nconst useStyles = makeStyles({\n\timg: {\n\t\twidth: 80,\n\n\t\tcursor: \"pointer\"\n\t},\n\tpElement: {\n\t\tmargin: \"auto\",\n\t\ttextAlign: \"center\",\n\t\tfontSize: \"20px\",\n\t\tcolor: \"#1c1a8a\",\n\n\t},\n\ticon: {\n\t\twidth: \"60px\",\n\t\theight: \"80px\",\n\t\tcolor: \"#1c1a8a\",\n\t\ttop: \"-90px\",\n\t\tleft: \"50px\",\n\n\t}\n});\nexport default function FormVehicle({typeForm}) {\n\tconst { stateVehiculos, addVehicles, handleNext } = useContext(GlobalContext);\n\tconst counter = [1, 2, 3, 4, 5];\n\tlet values = [\"1\", \"2-5\", \"6-19\", \"20-29\", \"+30\"];\n\tif(typeForm == \"tacografo\"){\n\t\tvalues = [\"1\", \"2-4\", \"5-9\", \"10-51\", \"+52\"];\n\t}\n\tconst classes = useStyles();\n\tconst containerRef = React.useRef(null);\n\tlet effect = true;\n\n\tconst handleSelectedOption = (value) => {\n\t\tif (value === stateVehiculos) { value = \"\"; addVehicles(value); return;};\n\t\taddVehicles(value);\n\t\tsetTimeout(() => {\n\t\t\teffect = false;\n\t\t\thandleNext();\n\t\t\t\n\t\t}, 300);\n\t};\n\n\n\treturn (\n\t\t<div>\n\t\t\t<Box\n\t\t\t\tsx={{\n\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tpadding: 2,\n\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\tmargin: \"auto\",\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t\tref={containerRef}\n\t\t\t>\n\t\t\t\t<Slide timeout={1000} style={{ margin: \"auto\" }} container={containerRef.current} direction=\"up\" in={effect}>\n\t\t\t\t\t<h3 style={{ fontSize: \"53px\", fontWeight: \"600\", lineHeight: \"1.1\", marginTop: 70, marginBottom: 40, color: \"#373b42\", textAlign: \"center\", fontFamily: \"inherit\" }}>¿Cuántos vehículos tiene?</h3>\n\t\t\t\t</Slide>\n\t\t\t</Box>\n\t\t\t<Fade in={effect} style={{ transitionDelay: '1100ms' }}>\n\t\t\t\t<Grid\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\talignItems=\"center\"\n\t\t\t\t\tjustifyContent=\"center\"\n\t\t\t\t\tspacing={10}\n\t\t\t\t\tcontainer>\n\t\t\t\t\t{counter.map((value, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={index}>\n\t\t\t\t\t\t\t\t<Grid style={{ height: 140 }} item>\n\t\t\t\t\t\t\t\t\t<img src={\"https://www.4gflota.com/4gweb/wp-content/uploads/van-0\" + value + \".jpg\"} onClick={() => handleSelectedOption(values[index])} className={classes.img} alt=\"van-01\" />\n\t\t\t\t\t\t\t\t\t<p className={classes.pElement}>{values[index]}</p>\n\t\t\t\t\t\t\t\t\t<Zoom in={stateVehiculos === values[index] ? true : false} timeout={200} style={{ visibility: stateVehiculos === values[index] ? \"visible\" : \"hidden\" }}>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon style={{ visibility: stateVehiculos === values[index] ? \"visible\" : \"hidden\", position: \"relative\" }} className={classes.icon} />\n\t\t\t\t\t\t\t\t\t</Zoom>\n\t\t\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Grid>\n\t\t\t</Fade>\n\t\t\t{/* <Fade in={true} style={{ transitionDelay: '1500ms' }}>\n\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'flex-end', mt: 3 }}>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"contained\"\n\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t>\n\t\t\t\t\t\tSiguiente\n\t\t\t\t\t</Button>\n\t\t\t\t</Box>\n\t\t\t</Fade> */}\n\t\t</div>\n\t);\n}","import React, { useContext } from 'react';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Zoom from '@mui/material/Zoom';\nimport Fade from '@mui/material/Fade';\nimport Slide from '@mui/material/Slide';\nimport Button from '@mui/material/Button'\nimport CheckIcon from '@mui/icons-material/Check';\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport { makeStyles } from '@mui/styles';\n\nconst useStyles = makeStyles({\n\timg: {\n\t\twidth: 65,\n\n\t\tcursor: \"pointer\",\n\t\tmargin: \"auto\"\n\n\t},\n\tpElement: {\n\t\tmargin: \"auto\",\n\t\ttextAlign: \"center\",\n\t\tfontSize: \"20px\",\n\t\tcolor: \"#1c1a8a\",\n\t},\n\ticon: {\n\t\twidth: \"60px\",\n\t\theight: \"80px\",\n\t\tcolor: \"#1c1a8a\",\n\t\ttop: \"-95px\",\n\t\tleft: \"55px\",\n\t\tcursor: \"pointer\"\n\t}\n});\n\nexport default function TypeVehicleForm() {\n\tconst { addTypeVehicles, handleNext, formValues } = useContext(GlobalContext);\n\tconst { tipoVehiculos } = formValues;\n\tconst counter = [4, 6, 7, 5, 8];\n\tconst values = [\"Turismos\", \"Mixtos\", \"Ligeros\", \"Autobuses\", \"Pesados\"];\n\tconst containerRef = React.useRef(null);\n\tconst [isDisabled, setIsDisabled] = React.useState(true);\n\n\tconst classes = useStyles();\n\n\tconst handleSelectedOption = (value) => {\n\t\tif (tipoVehiculos.includes(value)) {\n\t\t\tconst result = tipoVehiculos.filter(x => x !== value);\n\t\t\tif (result.length === 0) {\n\t\t\t\tsetIsDisabled(true);\n\t\t\t}\n\t\t\taddTypeVehicles(result);\n\t\t\t\n\t\t} else {\n\t\t\tlet SelectedOptions = tipoVehiculos;\n\t\t\t\n\t\t\t\n\t\t\tSelectedOptions.push(value);\n\t\t\tsetIsDisabled(false);\n\t\t\t\n\t\t\taddTypeVehicles(SelectedOptions);\n\t\t}\n\t\t\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tpadding: 2,\n\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\tmargin: \"auto\",\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t\tref={containerRef}\n\t\t\t>\n\t\t\t\t<Slide timeout={1000} style={{ margin: \"auto\" }} container={containerRef.current} direction=\"up\" in={true}>\n\t\t\t\t\t<h3 style={{ fontSize: \"53px\", fontWeight: \"600\", lineHeight: \"1.1\", marginTop: 70, marginBottom: 20, color: \"#373b42\", textAlign: \"center\", transition: \"top .5s ease-out\", fontFamily: \"inherit\" }}>¿Tipo de Vehículos?</h3>\n\t\t\t\t</Slide>\n\t\t\t\t<Fade in={true} style={{ transitionDelay: '900ms' }}>\n\t\t\t\t\t<p style={{ textAlign: \"center\", marginBottom: 10 }}>Indique tantos como necesite</p>\n\t\t\t\t</Fade>\n\t\t\t</Box>\n\n\t\t\t<Fade in={true} style={{ transitionDelay: '1100ms' }}>\n\t\t\t\t<Grid\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\talignItems=\"center\"\n\t\t\t\t\tjustifyContent=\"center\"\n\t\t\t\t\tspacing={7}\n\t\t\t\t\tcontainer\n\t\t\t\t\tstyle={{ marginBottom: 80 }}\n\t\t\t\t>\n\t\t\t\t\t{counter.map((value, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={index}>\n\t\t\t\t\t\t\t\t<Grid item style={{ height: 140 }}>\n\t\t\t\t\t\t\t\t\t<div style={{ width: \"65px\", margin: \"auto\" }}>\n\t\t\t\t\t\t\t\t\t\t<img onClick={() => handleSelectedOption(values[index])} src={\"https://www.4gflota.com/grafica_web/iconos-form/Iconos_calculadora-0\" + value + \".png\"} className={classes.img} alt=\"van-01\" />\n\n\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div style={{width:\"100px\"}}>\n\t\t\t\t\t\t\t\t\t\t<p className={classes.pElement}>{values[index]}</p>\n\t\t\t\t\t\t\t\t\t</div>\n\n\n\n\t\t\t\t\t\t\t\t\t<Zoom in={tipoVehiculos.includes(values[index]) ? true : false} timeout={300}>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon onClick={() => handleSelectedOption(values[index])} style={{ visibility: tipoVehiculos.includes(values[index]) ? \"visible\" : \"hidden\", position: \"relative\" }} className={classes.icon} />\n\t\t\t\t\t\t\t\t\t</Zoom>\n\t\t\t\t\t\t\t\t</Grid>\n\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\n\n\t\t\t\t</Grid>\n\t\t\t</Fade>\n\t\t\t<Fade in={true} style={{ transitionDelay: '1500ms' }}>\n\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'center', mt: 3, marginTop: 10, paddingBottom:\"200px\" }}>\n\t\t\t\t\t{/* <Button onClick={handleBack} sx={{ mr: 1 }}>\n\t\t\t\t\t\t« Atrás\n\t\t\t\t\t</Button> */}\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"contained\"\n\t\t\t\t\t\tsx={{ fontSize: \"0.995rem\" }}\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t>\n\t\t\t\t\t\tSiguiente »\n\t\t\t\t\t</Button>\n\t\t\t\t</Box>\n\t\t\t</Fade>\n\n\t\t</div>\n\t);\n}","import * as React from 'react';\n\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport Box from '@mui/material/Box';\nimport Fade from '@mui/material/Fade';\nimport Slide from '@mui/material/Slide';\nimport TextField from '@mui/material/TextField';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport { FaMapMarkerAlt } from 'react-icons/fa';\nimport Button from '@mui/material/Button'\n\nimport { isMobile } from 'react-device-detect';\n\nfunction SelectNumGpsForm({ title, subTitle, typeForm }) {\n\tconst { handleBack, handleNext, formValues, handleChange  } = React.useContext(GlobalContext);\n\tconst { vehiculos } = formValues;\n\n\t\n\t//formValues.vehiculos.value > 999 ?  formValues.vehiculos.error = 'Debe indicar un cantidad menor a 999': formValues.vehiculos.error = '';\n\t// let min = stateVehiculos.split(\"-\")[0];\n\t// let max = stateVehiculos.split(\"-\")[1];\n\tconst isError = React.useCallback(\n\t\t() =>\n\t\t\tObject.keys({ vehiculos }).some(\n\t\t\t\t(name) =>\n\t\t\t\t\t(formValues[name].required && !formValues[name].value) ||\n\t\t\t\t\tformValues[name].error\n\t\t\t),\n\t\t[formValues, vehiculos]\n\t);\n\n\t\n\tconst containerRef = React.useRef(null);\n\t// const handleChange = (event) => {\n\t// \t// if (parseInt(event.target.value) < parseInt(min) || parseInt(event.target.value) > parseInt(max) || event.target.value === \"\") {\n\t// \t// \taddNumVehicles(vehiculos);\n\t// \t// } else\n\t// \t// \taddNumVehicles(event.target.value);\n\t// \taddNumVehicles(event.target.value);\n\n\n\n\t// };\n\n\treturn (\n\t\t<Box>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tmargin: \"auto\",\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t\tref={containerRef}\n\t\t\t>\n\t\t\t\t<Slide timeout={1000} style={{ margin: \"auto\" }} container={containerRef.current} direction=\"up\" in={true}>\n\t\t\t\t\t<h3 style={{ fontSize: \"53px\", fontWeight: \"600\", lineHeight: \"1.1\", marginTop: 70, marginBottom: 20, color: \"#373b42\", textAlign: \"center\", transition: \"top .5s ease-out\", fontFamily: \"inherit\" }}>{title}</h3>\n\t\t\t\t</Slide>\n\t\t\t\t<Fade in={true} style={{ transitionDelay: '1000ms' }}>\n\t\t\t\t\t<p style={{ textAlign: \"center\", marginBottom: 30 }}>{subTitle}</p>\n\t\t\t\t</Fade>\n\t\t\t</Box>\n\t\t\t<Fade in={true} style={{ transitionDelay: '1300ms' }}>\n\t\t\t\t<Box sx={{ width: isMobile ? \"100%\" : \"330px\", margin: \"auto\", }}>\n\t\t\t\t\t<TextField\n\t\t\t\t\t\tname=\"vehiculos\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={vehiculos.value}\n\t\t\t\t\t\trequired={vehiculos.required}\n\t\t\t\t\t\thelperText={vehiculos.error}\n\t\t\t\t\t\terror={!!vehiculos.error}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tstyle={{ width: \"100%\", marginLeft: 10, textAlign: \"center\" }}\n\t\t\t\t\t\tInputProps={{\n\t\t\t\t\t\t\tstartAdornment: <InputAdornment position=\"start\"><FaMapMarkerAlt style={{ fontSize: \"24px\", }} /></InputAdornment>,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tinputProps={{ min: 2, max: 999, style: { textAlign: 'center' } }}\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t/>\n\n\t\t\t\t</Box>\n\t\t\t</Fade>\n\t\t\t<Fade in={true} style={{ transitionDelay: '1500ms' }}>\n\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'center', mt: 3, marginTop: \"50px\" }}>\n\t\t\t\t\t<Button onClick={handleBack} sx={{ mr: 1, display: typeForm == \"tacografo\" ? \"none\" : \"block\" }}>\n\t\t\t\t\t\t« Atrás\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"contained\"\n\t\t\t\t\t\tsx={{ fontSize: \"0.995rem\" }}\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t\tdisabled={isError()}\n\t\t\t\t\t>\n\t\t\t\t\t\tSiguiente »\n\t\t\t\t\t</Button>\n\t\t\t\t</Box>\n\t\t\t</Fade>\n\t\t</Box>\n\t);\n}\n\nexport default SelectNumGpsForm;","import React, { useContext } from 'react';\n\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Fade from '@mui/material/Fade';\nimport Slide from '@mui/material/Slide';\nimport Button from '@mui/material/Button'\nimport InputLabel from '@mui/material/InputLabel';\n\nimport { FaMailBulk, FaPhone, FaBriefcase } from 'react-icons/fa';\n\nimport TextField from '@mui/material/TextField';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { makeStyles } from '@mui/styles';\n\n\nconst useStyles = makeStyles({\n    formHelperText: {\n        textAlign: \"center\",\n        margin: \"auto\",\n        marginTop: 16,\n        width: 250,\n        color: \"#373b42\",\n        fontSize: \"13px\",\n        lineHeight: \"1.7\",\n        letterSpacing: 0\n    }\n});\n\nexport default function UserInformationForm() {\n    const classes = useStyles();\n    const { handleChange, formValues, handleBack, handleNext, addUri, uri } = useContext(GlobalContext);\n    const { company, phone, zip } = formValues;\n\n    const containerRef = React.useRef(null);\n\n    const isError = React.useCallback(\n        () =>\n            Object.keys({ company, phone, zip }).some(\n                (name) =>\n                    (formValues[name].required && !formValues[name].value) ||\n                    formValues[name].error\n            ),\n        [formValues, company, phone, zip]\n    );\n    \n    return (\n        <Box>\n            <Box\n                sx={{\n                    width: \"100%\",\n                    margin: \"auto\",\n                    overflow: 'hidden',\n                }}\n                ref={containerRef}\n            >\n                <Slide timeout={1000} style={{ margin: \"auto\" }} container={containerRef.current} direction=\"up\" in={true}>\n                    <h3 style={{ fontSize: \"53px\", fontWeight: \"600\", lineHeight: \"1.1\", marginTop: 70, marginBottom: 5, color: \"#373b42\", textAlign: \"center\", transition: \"top .5s ease-out\", fontFamily: \"inherit\" }}>Titular del Presupuesto</h3>\n                </Slide>\n                <Fade in={true} style={{ transitionDelay: '1000ms' }}>\n                    <p style={{ fontSize: \"18px\", textAlign: \"center\", marginBottom: 70 }}>Verá su presupuesto de inmediato</p>\n                </Fade>\n            </Box>\n            <Fade in={true} style={{ transitionDelay: '1300ms' }}>\n                <Grid sx={{ flexGrow: 1 }} container spacing={1}>\n                    <Grid item xs={12} md={6} lg={4}>\n                        <Box sx={{ width: \"100%\", p: 1, my: 0.5, margin: \"auto\", }}>\n                            <InputLabel shrink>\n                                Nombre Empresa o Autónomo\n                            </InputLabel>\n                            <TextField\n\n                                name=\"company\"\n                                style={{ width: \"100%\", }}\n                                InputProps={{\n                                    startAdornment: <InputAdornment position=\"start\"><FaBriefcase style={{ fontSize: \"24px\", }} /></InputAdornment>,\n                                }}\n                                value={company.value}\n                                required={company.required}\n                                helperText={company.error}\n                                error={!!company.error}\n                                onChange={handleChange}\n                                variant=\"outlined\"\n                            />\n\n                            <FormHelperText className={classes.formHelperText} id=\"outlined-weight-helper-text\">Razón social o nombre del autónomo</FormHelperText>\n                        </Box>\n\n                    </Grid>\n\n                    <Grid item xs={12} md={6} lg={4}>\n                        <Box sx={{ width: \"100%\", p: 1, my: 0.5, margin: \"auto\", }}>\n                            <InputLabel shrink>\n                                Código Postal\n                            </InputLabel>\n                            <TextField\n\n                                name=\"zip\"\n                                style={{ width: \"100%\", }}\n                                required={zip.required}\n                                value={zip.value}\n                                helperText={zip.error}\n                                error={!!zip.error}\n                                InputProps={{\n                                    startAdornment: <InputAdornment position=\"start\"><FaMailBulk style={{ fontSize: \"24px\", }} /></InputAdornment>,\n                                }}\n                                onChange={handleChange}\n                                variant=\"outlined\"\n                            />\n\n                            <FormHelperText className={classes.formHelperText} id=\"outlined-weight-helper-text\">Necesario para adaptar las cuotas a su área</FormHelperText>\n                        </Box>\n\n                    </Grid>\n                    <Grid item xs={12} md={12} lg={4} >\n                        <Box sx={{ width: \"100%\", p: 1, my: 0.5, margin: \"auto\", }}>\n                            <InputLabel shrink>\n                                Teléfono\n                            </InputLabel>\n                            <TextField\n\n                                style={{ width: \"100%\", }}\n                                name={\"phone\"}\n                                required={phone.required}\n                                value={phone.value}\n                                helperText={phone.error}\n                                error={!!phone.error}\n                                InputProps={{\n                                    startAdornment: <InputAdornment position=\"start\"><FaPhone style={{ fontSize: \"24px\", }} /></InputAdornment>,\n                                }}\n                                onChange={handleChange}\n                                variant=\"outlined\"\n                            />\n\n                            <FormHelperText className={classes.formHelperText} id=\"outlined-weight-helper-text\">No recibirás llamadas molestas</FormHelperText>\n                        </Box>\n\n                    </Grid>\n                </Grid>\n\n            </Fade>\n            <Fade in={true} style={{ transitionDelay: '1500ms' }}>\n                {/* <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3, marginTop: 15 }}>\n                    <Button onClick={handleBack} sx={{ mr: 1 }}>\n                        « Atrás \n                    </Button>\n                    <Button\n                        variant=\"contained\"\n                        sx={{fontSize:\"0.995rem\"}}\n                        color=\"primary\"\n                        onClick={handleNext}\n                    >\n                        Siguiente »\n                    </Button>\n                </Box> */}\n\n                <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3, paddingBottom:\"200px\" }}>\n                    <Button onClick={handleBack} sx={{ mr: 1 }}>\n                        « Atrás\n                    </Button>\n                    <Button\n                        variant=\"contained\"\n                        sx={{fontSize:\"0.995rem\"}}\n                        disabled={isError()}\n                        color=\"primary\"\n                        onClick={!isError() ? handleNext : () => null}\n                    >\n                        Siguiente »\n                    </Button>\n                </Box>\n            </Fade>\n        </Box>\n    );\n\n}","import * as React from 'react';\nimport { Link, useNavigate } from \"react-router-dom\";\n\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Fade from '@mui/material/Fade';\nimport Slide from '@mui/material/Slide';\nimport Button from '@mui/material/Button'\nimport InputLabel from '@mui/material/InputLabel';\nimport { styled } from '@mui/material/styles';\n\nimport { FaUserTie, FaEnvelope } from 'react-icons/fa';\n\nimport TextField from '@mui/material/TextField';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\n\n\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n\n    padding: 8,\n    '& .MuiSwitch-track': {\n        borderRadius: 22 / 2,\n        '&:before, &:after': {\n            content: '\"\"',\n            position: 'absolute',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            width: 16,\n            height: 16,\n        },\n        '&:before': {\n            backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n                theme.palette.getContrastText(theme.palette.primary.main),\n            )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n            left: 12,\n        },\n        '&:after': {\n            backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n                theme.palette.getContrastText(theme.palette.primary.main),\n            )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n            right: 12,\n        },\n    },\n    '& .MuiSwitch-thumb': {\n        boxShadow: 'none',\n        width: 16,\n        height: 16,\n        margin: 2,\n    },\n    '.css-5ryogn-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track': {\n        backgroundColor: \"#479119\"\n    },\n    '.css-5ryogn-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked': {\n        color: \"#32a852\"\n    },\n    '.css-1yjjitx-MuiSwitch-track': {\n        backgroundColor: \"red\",\n    },\n\n}));\n\nexport default function SeeBudgetDetailForm() {\n    const { formValues, handleChange, handleBack, AddPrivacity } = React.useContext(GlobalContext);\n    const { email, firstName, privacity } = formValues;\n    const containerRef = React.useRef(null);    \n    const navigate = useNavigate();\n\n\n    const isError = React.useCallback(\n        () =>\n            Object.keys({ email, firstName }).some(\n                (name) =>\n                    (formValues[name].required && !formValues[name].value) ||\n                    formValues[name].error\n            ),\n        [formValues, email, firstName]\n    );\n\n    const handleViewBudget = () => {\n        navigate('/loading');\n    }\n\n    const handleChangeSwitch = (event) => {\n        AddPrivacity(!privacity);\n    };\n    return (\n        <Box style={{ width: \"100%\", margin: \"auto\" }}>\n            <Box\n                sx={{\n                    width: \"100%\",\n                    margin: \"auto\",\n                    overflow: 'hidden',\n                }}\n                ref={containerRef}\n            >\n                <Slide timeout={1000} style={{ margin: \"auto\" }} container={containerRef.current} direction=\"up\" in={true}>\n                    <h3 style={{\n                        fontSize: \"53px\",\n                        fontWeight: \"600\",\n                        lineHeight: \"1.1\",\n                        marginTop: 70,\n                        marginBottom: 60,\n                        color: \"#373b42\",\n                        textAlign: \"center\",\n                        transition: \"top .5s ease-out\",\n                        fontFamily: \"inherit\",\n                    }}>Ver Presupuesto</h3>\n                </Slide>\n\n            </Box>\n            <Fade in={true} style={{ transitionDelay: '1000ms' }}>\n\n                <Grid sx={{ flexGrow: 1 }} container spacing={4} >\n                    <Grid item xs={12} md={6} lg={6} >\n                        <InputLabel shrink>\n                            E-mail\n                        </InputLabel>\n                        <TextField\n\n                            name=\"email\"\n                            type=\"email\"\n                            onChange={handleChange}\n                            value={email.value}\n                            required={email.required}\n                            helperText={email.error}\n                            error={!!email.error}\n                            style={{ width: \"100%\", }}\n                            InputProps={{\n                                startAdornment: <InputAdornment position=\"start\"><FaEnvelope style={{ fontSize: \"24px\", }} /></InputAdornment>,\n                            }}\n                            variant=\"outlined\"\n                        />\n                    </Grid>\n                    <Grid item xs={12} md={6} lg={6}>\n                        <InputLabel shrink>\n                            Nombre\n                        </InputLabel>\n                        <TextField\n                            \n                            value={firstName.value}\n                            required={firstName.required}\n                            helperText={firstName.error}\n                            error={!!firstName.error}\n                            name=\"firstName\"\n                            onChange={handleChange}\n                            type=\"text\"\n                            style={{ width: \"100%\",  }}\n                            InputProps={{\n                                startAdornment: <InputAdornment position=\"start\"><FaUserTie style={{ fontSize: \"24px\", }} /></InputAdornment>,\n                            }}\n                            variant=\"outlined\"\n                        />\n                    </Grid>\n\n                </Grid>\n            </Fade>\n            <Fade in={true} style={{ transitionDelay: '1100ms' }}>\n                <div style={{ width: \"100%\", marginTop: 50 }}>\n                    <FormControlLabel\n                        control={<Android12Switch checked={formValues.privacity} onChange={handleChangeSwitch} />}\n                        label=\"Privacidad\"\n                        labelPlacement=\"top\"\n                        style={{ margin: \"auto\", width: \"100%\" }}\n                    />\n                </div>\n            </Fade>\n\n            <Fade in={true} style={{ transitionDelay: '1200ms' }}>\n\n                <p style={{ fontSize: \"11px\", textAlign: \"left\" }}>Su Privacidad es muy importante para nosotros. Mediante el envío de este formulario, da su consentimiento a 4GFlota SL para enviarle por correo electrónico la información de los servicios que ha solicitado y/o para confirmar los requisitos de dichos productos. Usted tiene derecho a revocar el consentimiento otorgado en cualquier momento.</p>\n            </Fade>\n            <Fade in={true} style={{ transitionDelay: '1500ms' }}>\n                <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3, marginTop: 15, paddingBottom:\"200px\" }}>\n                    <Button onClick={handleBack} sx={{ mr: 1 }}>\n                        « Atrás\n                    </Button>\n                    <Button\n                            variant=\"contained\"\n                            disabled={isError()}\n                            sx={{ fontSize: \"0.8rem\" }}\n                            color=\"primary\"\n                            onClick={handleViewBudget}\n\n                        >\n                            Ver Presupuesto\n                        </Button>\n                    {/* <Link  style={{ textDecoration: \"none\" }} to={`/loading`}>\n                        \n                    </Link> */}\n\n                </Box>\n            </Fade>\n\n        </Box>\n    );\n\n}","import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stepper from '@mui/material/Stepper';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport VehicleForm from '../VehicleForm';\nimport TypeVehicleForm from '../TypeVehicleForm';\nimport SelectNumGpsForm from '../SelectNumGpsForm';\nimport UserInformationForm from '../UserInformationForm';\nimport SeeBudgetDetailForm from '../SeeBudgetDetailForm';\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport { BrowserView, MobileView/*  isBrowser, isMobile */ } from 'react-device-detect';\n\nconst steps = ['¿Cuántos vehículos desea localizar?', 'Tipo de Vehículos', 'Rastreadores GPS', 'Titular del Presupuesto', 'Ver Presupuesto'];\n\nfunction getStepContent(step) {\n  switch (step) {\n    // case 0:\n    //   return (\n    //     <VehicleForm typeForm=\"default\" />\n    //   );\n    case 0:\n      return (\n        <TypeVehicleForm />\n      );\n    case 1:\n      return (\n        <SelectNumGpsForm title=\"Nº Vehículos\" subTitle=\"¿Cuántos vehículos quieres gestionar?\" />\n      );\n    case 2:\n      return (\n        <UserInformationForm />\n      );\n    case 3:\n      return (\n        <SeeBudgetDetailForm />\n      );\n    default:\n      return 'Paso desconocido';\n  }\n}\n\nconst stepsMobile = [\n  // {\n  //   label: 'Select campaign settings',\n  //   description: <VehicleForm typeForm=\"default\" />,\n  // },\n  {\n    label: 'Create an ad group',\n    description: <TypeVehicleForm />,\n  },\n  {\n    label: 'Create an ad',\n    description: <SelectNumGpsForm title=\"Nº Vehículos\" subTitle=\"¿Cuántos vehículos quieres gestionar?\"/>,\n  },\n  {\n    label: 'Create an ad',\n    description: <UserInformationForm />,\n  },\n  {\n    label: 'Create an ad',\n    description: <SeeBudgetDetailForm />,\n  },\n];\n\n\nexport default function HorizontalLinearStepper({formType}) {\n  const { activeStep, AddTypeForm, AddDataId } = React.useContext(GlobalContext);\n\n  React.useEffect(() => {\n    AddTypeForm(\"default\");\n    const queryString = window.location.search;\n    const urlParams = new URLSearchParams(queryString);\n    const dataId = urlParams.get('dataId');\n    if(dataId === null){\n      AddDataId(\"\");\n    } else {\n      AddDataId(dataId);\n    }\n    \n    \n    \n\n }, [])\n  return (\n    <div>\n      <BrowserView>\n        <Box sx={{ marginX: \"auto\", marginY: 5 }}>\n          <Stepper activeStep={activeStep} sx={{ width: 400, margin: \"auto\" }} alternativeLabel>\n            {steps.map((label, index) => {\n              const stepProps = {};\n              const labelProps = {};\n              return (\n                <Step key={label} {...stepProps}>\n                  <StepLabel {...labelProps}></StepLabel>\n                </Step>\n              );\n            })}\n          </Stepper>\n          <div style={{ width: \"100%\", margin: \"auto\" }}>\n            {getStepContent(activeStep)}\n          </div>\n        </Box>\n      </BrowserView>\n      <MobileView style={{ paddingTop: 20 }}>\n        <Box sx={{ maxWidth: 400, flexGrow: 1 }}>\n\n          <Box sx={{ height: 255, maxWidth: 400, width: '100%', p: 2, }}>\n            {stepsMobile[activeStep].description}\n          </Box>\n          <Stepper activeStep={activeStep} sx={{ width: 400, margin: \"auto\" }} alternativeLabel>\n            \n          </Stepper>\n        </Box>\n      </MobileView>\n    </div>\n\n  );\n}","import React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Stepper from '@mui/material/Stepper';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport VehicleForm from '../VehicleForm';\nimport TypeVehicleForm from '../TypeVehicleForm';\nimport SelectNumGpsForm from '../SelectNumGpsForm';\nimport UserInformationForm from '../UserInformationForm';\nimport SeeBudgetDetailForm from '../SeeBudgetDetailForm';\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\n\nimport { BrowserView, MobileView/*  isBrowser, isMobile */ } from 'react-device-detect';\n\nconst steps = ['¿Cuántos vehículos desea localizar?', 'Rastreadores GPS', 'Titular del Presupuesto', 'Ver Presupuesto'];\n\nfunction getStepContent(step) {\n  switch (step) {\n    // case 0:\n    //   return (\n    //     <VehicleForm typeForm=\"tacografo\" />\n    //   );\n    case 0:\n      return (\n        <SelectNumGpsForm typeForm=\"tacografo\" title=\"Tacógrafos\" subTitle=\"¿Cuántos tacógrafos quieres gestionar?\" />\n      );\n    case 1:\n      return (\n        <UserInformationForm />\n      );\n    case 2:\n      return (\n        <SeeBudgetDetailForm />\n      );\n    default:\n      return 'Paso desconocido';\n  }\n}\n\nconst stepsMobile = [\n  // {\n  //   label: 'Select campaign settings',\n  //   description: <VehicleForm typeForm=\"tacografo\" />,\n  // },\n  {\n    label: 'Create an ad group',\n    description: <SelectNumGpsForm typeForm=\"tacografo\" title=\"Tacógrafos\" subTitle=\"¿Cuántos tacógrafos quieres gestionar?\" />,\n  },\n  {\n    label: 'Create an ad',\n    description: <UserInformationForm />,\n  },\n  {\n    label: 'Create an ad',\n    description: <SeeBudgetDetailForm />,\n  },\n\n];\n\n\nexport default function HorizontalLinearStepper({ formType }) {\n  const { activeStep, AddTypeForm } = React.useContext(GlobalContext);\n  React.useEffect(() => {\n     AddTypeForm(formType);\n  }, [])\n  \n  return (\n    <div>\n      <BrowserView>\n        <Box sx={{ marginX: \"auto\", marginY: 5 }}>\n          <Stepper activeStep={activeStep} sx={{ width: 400, margin: \"auto\" }} alternativeLabel>\n            {steps.map((label, index) => {\n              const stepProps = {};\n              const labelProps = {};\n              return (\n                <Step key={label} {...stepProps}>\n                  <StepLabel {...labelProps}></StepLabel>\n                </Step>\n              );\n            })}\n          </Stepper>\n          <div style={{ width: \"100%\", margin: \"auto\" }}>\n            {getStepContent(activeStep)}\n          </div>\n        </Box>\n      </BrowserView>\n      <MobileView style={{ paddingTop: 20 }}>\n        <Box sx={{ maxWidth: 400, flexGrow: 1 }}>\n\n          <Box sx={{ height: 255, maxWidth: 400, width: '100%', p: 2, }}>\n            {stepsMobile[activeStep].description}\n          </Box>\n          <Stepper activeStep={activeStep} sx={{ width: 400, margin: \"auto\" }} alternativeLabel>\n\n          </Stepper>\n        </Box>\n      </MobileView>\n    </div>\n\n  );\n}","import * as React from 'react';\nimport { Link, useNavigate } from \"react-router-dom\";\nimport axios from 'axios';\n\naxios.defaults.baseURL = 'https://kvx0vis8gd.execute-api.eu-west-1.amazonaws.com/Prod/API/';\n\nconst UseAxios = ({ url, method, data = null, headers = null }) => {\n    const [response, setResponse] = React.useState(undefined);\n    const [error, setError] = React.useState('');\n    const [loading, setloading] = React.useState(true);\n    const navigate = useNavigate();\n\n    const fetchData = () => {\n        if (data.email == \"\") {\n            navigate('/');\n            return;\n        } \n        axios[method](url, data, headers)\n            .then((res) => {\n                setResponse(res.data);\n            })\n            .catch((err) => {\n                setError(err);\n            })\n            .finally(() => {\n                setloading(false);\n            });\n    };\n\n    React.useEffect(() => {\n        if (response == null) {\n            setTimeout(() => {\n                fetchData(method, url, data, headers);\n            }, 1000);\n        }\n    },[]);\n    \n    return { response, error, loading };\n};\n\nexport default UseAxios;","import * as React from 'react';\nimport { GlobalContext } from '../../../Common/Context/GlobalContext';\nimport UseAxios from '../../../Common/Utils/UseAxios';\nimport lottie from \"lottie-web\";\nimport SuccessLottie from '../../../Common/Img/success.json';\nimport DocumentLottie from '../../../Common/Img/document.json';\nimport countDown20 from '../../../Common/Img/countDown-20.json';\nimport Fade from '@mui/material/Fade';\n/* import GifLoading from '../../../Common/Img/loadingScreen.gif'; */\n\nimport { BrowserView, MobileView/*  isBrowser, isMobile */ } from 'react-device-detect';\n\n\nimport { makeStyles } from '@mui/styles';\n\nconst useStyles = makeStyles({\n    centerScreen: {\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        textAlign: \"center\",\n        minHeight: \"100vh\",\n        width: \"100%\",\n        height: 300,\n        margin: \"auto\",\n\n    },\n    centerScreenText: {\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        textAlign: \"center\",\n        minHeight: \"100vh\",\n        width: \"100%\",\n        height: 300,\n        margin: \"auto\",\n\n    }\n});\nlet index = 1;\nconst names = [\n    'Creando presupuesto...', 'Guardando documento...', 'Enviando...'\n]\nconst CallApiLoadingScreen = () => {\n    const { formValues, uri } = React.useContext(GlobalContext);\n    const [newName, setnewName] = React.useState('Creando presupuesto...');\n    const classes = useStyles();\n    let typeVehicles = formValues.tipoVehiculos.toString();\n\n    let result = typeVehicles.replaceAll(\",\", \";\");\n    result = \";\" + result;\n\n    let pageName = \"\";\n    if (formValues.typeForm === \"tacografo\") {\n        pageName = formValues.pageName.substring(10).replace(\"/\", \"\");\n\n    } else if (formValues.typeForm === \"tacografo-d\") {\n        pageName = formValues.pageName.substring(10).replace(\"/\", \"\");\n\n    } else {\n        pageName = formValues.pageName;\n    }\n\n    let requestData = {\n        firstname: formValues.firstName.value,\n        hutk: formValues.hutk,\n        pageName: pageName,\n        pageUri: formValues.pageUri,\n        vehiculos: formValues.vehiculos.value,\n        tipoVehiculos: result,\n        email: formValues.email.value,\n        company: formValues.company.value,\n        zip: formValues.zip.value,\n        phone: formValues.phone.value,\n        privacity: formValues.privacity.toString(),\n        formType: formValues.typeForm,\n        dataId: formValues.dataId\n    }\n    const { response, loading, error } = UseAxios({\n        method: 'post',\n        url: '/Base',\n        headers: { accept: '*/*' },\n        data: requestData,\n    });\n    React.useEffect(() => {\n\n        let interval = \"\"\n        if (response === null || response === undefined) {\n            if (index === 1) {\n                lottie.loadAnimation({\n                    container: document.querySelector(\"#DocumentLottie\"),\n                    animationData: countDown20,\n                    loop: true,\n                });\n            }\n            interval = setInterval(() => {\n                if (index <= 2) {\n                    setnewName(names[index]);\n                    index++;\n                } else {\n                    clearInterval(interval);\n                }\n\n            }, 1300);\n        } else {\n            lottie.loadAnimation({\n                container: document.querySelector(\"#SuccessLottie\"),\n                animationData: SuccessLottie,\n                loop: false,\n            });\n            setTimeout(() => {\n                if (uri !== \"\") {\n\n                    window.location.href = uri;\n\n                }\n            }, 1500);\n        }\n    });\n\n\n    return (\n        <div style={{ background: \"#F5F7F6\", position: \"absolute\", width: \"100%\", height: \"100%\", left: 0 }}>\n            <div className={classes.centerScreen}>\n                {loading ? (\n\n                    <div>\n                        <MobileView>\n                            <div><p style={{ width: \"50%\", margin: \"auto\" }} id=\"DocumentLottie\"></p></div>\n                            <div>\n\n                                <p style={{ textAlign: \"center\", fontSize: \"1.3em\", fontWeight: \"700\" }}>{newName}</p>\n                            </div>\n                        </MobileView>\n                        <BrowserView>\n                            <div>\n                                <div>\n                                    <p style={{ width: \"30%\", margin: \"auto\" }} id=\"DocumentLottie\"></p>\n                                </div>\n                                <div>\n                                    <p style={{ textAlign: \"center\", fontSize: \"2em\", fontWeight: \"700\", width: 500 }}>{newName}</p>\n                                </div>\n                            </div>\n\n                        </BrowserView>\n                    </div>\n\n\n\n                ) : (\n                    <div style={{ margin: \"auto\" }}>\n                        {error && (\n                            <div>\n                                <p style={{ textAlign: \"center\", fontSize: \"1.3em\", fontWeight: \"700\" }}>{error.message}</p>\n                            </div>\n                        )}\n                        <div className={classes.centerScreenText}>\n                            {response &&\n                                <div>\n\n                                    <MobileView>\n                                        <div >\n                                            <p style={{ width: \"50%\", margin: \"auto\" }} id=\"SuccessLottie\"></p>\n                                            <Fade in={true} style={{ transitionDelay: '500ms' }}>\n                                                <p style={{ textAlign: \"center\", fontSize: \"1.3em\", fontWeight: \"700\" }}>Enviado a su email.</p>\n                                            </Fade>\n                                            <Fade in={true} style={{ transitionDelay: '500ms' }}>\n                                                <p style={{ textAlign: \"center\", fontSize: \"1.3em\", fontWeight: \"700\" }}>\n                                                    Mirar buzón de spam o correos no deseados.</p>\n                                            </Fade>\n\n\n                                        </div>\n                                    </MobileView>\n                                    <BrowserView>\n                                        <div >\n                                            <p style={{ width: \"23%\", margin: \"auto\" }} id=\"SuccessLottie\" />\n                                            <Fade in={true} style={{ transitionDelay: '500ms' }}>\n                                                <p style={{ textAlign: \"center\", fontSize: \"2em\", fontWeight: \"700\" }}>Enviado a su email.</p>\n\n                                            </Fade>\n                                            <Fade in={true} style={{ transitionDelay: '500ms' }}>\n                                                <p style={{ textAlign: \"center\", fontSize: \"2em\", fontWeight: \"700\" }}>\n                                                    Mirar buzón de spam o correos no deseados.</p>\n\n                                            </Fade>\n\n\n                                        </div>\n                                    </BrowserView>\n\n                                </div>\n\n                            }</div>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default CallApiLoadingScreen;","import FormBase from './Forms/FormBase/Stepper';\nimport FormBaseTachograph from './Forms/FormBase/Stepper-tachograph';\nimport CAllApiLoadingScreen from './Forms/FormBase/CallApiLoadingScreen/CAllApiLoadingScreen';\nimport { Routes, Route } from \"react-router-dom\";\nimport { GlobalProvider } from './Common/Context/GlobalContext';\n\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\nimport Container from '@mui/material/Container'\n\nconst theme = createTheme();\nfunction App() {\n  return (\n    <ThemeProvider theme={theme} >\n      <CssBaseline />\n      <Container component='main' sx={{height:\"100%\"}}>\n        <GlobalProvider>\n          <Routes>\n            <Route path='/' element={<div/>} />\n            <Route path='/*' element={<FormBase formType=\"default\" />} />\n            <Route path='/tacografo/*' element={<FormBaseTachograph formType=\"tacografo\" />} />\n            <Route path='/tacografo-d/*' element={<FormBaseTachograph formType=\"tacografo-d\" />} />\n            <Route path='/loading' element={<CAllApiLoadingScreen />} />\n          </Routes>\n        </GlobalProvider>\n      </Container>\n    </ThemeProvider>\n  )\n}\nexport default App;\n\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport './index.css';\nimport App from './App';\n/* import reportWebVitals from './reportWebVitals'; */\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n/* reportWebVitals(); */\n"],"sourceRoot":""}