\r\n
\r\n \r\n - \r\n
\r\n
\r\n {checkRole([\r\n Role.InternalSeller,\r\n Role.ExternalSeller,\r\n Role.AdminComercial,\r\n ]) && (\r\n Contratos
\r\n - \r\n
\r\n Gestión\"\r\n Link=\"/contrato\"\r\n IconMenuButton={ Creación Masiva\"\r\n Link=\"/contrato/creacion-masiva\"\r\n IconMenuButton={
\r\n \r\n
\r\n )}\r\n {checkRole([Role.AdminComercial]) && (\r\n \r\n
\r\n )}\r\n {checkRole([Role.AdminComercial]) && (\r\n Medios de Pago
\r\n - \r\n
\r\n Listado\"\r\n Link=\"/medios-pago\"\r\n IconMenuButton={ Asignar a Compañía\"\r\n Link=\"/medio-de-pago/asignar\"\r\n IconMenuButton={
\r\n \r\n
\r\n )}\r\n {checkRole([Role.AdminComercial, Role.AdminIT]) && (\r\n \r\n
\r\n )}\r\n {checkRole([Role.AdminComercial]) && (\r\n Canales de Venta
\r\n - \r\n
\r\n Asignación\"\r\n Link=\"/canales-venta\"\r\n IconMenuButton={ Externos\"\r\n Link=\"/canales-venta/externos\"\r\n IconMenuButton={
\r\n Ventas
\r\n - \r\n
\r\n Procesar Ventas\"\r\n Link=\"/procesar-ventas\"\r\n IconMenuButton={
\r\n \r\n
\r\n )}\r\n \r\n \r\n {Title}\r\n
\r\n \r\n {Name !== \"pending\" && Name !== \"pendingrenewal\" ? (\r\n <>\r\n {\r\n setFilterIndicator({\r\n indicatorType: IndicatorType,\r\n indicatorDetail: IndicatorDetail.Today,\r\n });\r\n getAgreementByIndicator(\r\n 1,\r\n IndicatorType,\r\n IndicatorDetail.Today\r\n );\r\n }}\r\n >\r\n \r\n {\r\n setFilterIndicator({\r\n indicatorType: IndicatorType,\r\n indicatorDetail: IndicatorDetail.Month,\r\n });\r\n getAgreementByIndicator(\r\n 1,\r\n IndicatorType,\r\n IndicatorDetail.Month\r\n );\r\n }}\r\n >\r\n {\r\n setFilterIndicator({\r\n indicatorType: IndicatorType,\r\n indicatorDetail: IndicatorDetail.Stock,\r\n });\r\n getAgreementByIndicator(\r\n 1,\r\n IndicatorType,\r\n IndicatorDetail.Stock\r\n );\r\n }}\r\n >\r\n {\r\n setFilterIndicator({\r\n indicatorType: IndicatorType,\r\n indicatorDetail: IndicatorDetail.Stock,\r\n });\r\n getAgreementByIndicator(\r\n 1,\r\n IndicatorType,\r\n IndicatorDetail.Stock\r\n );\r\n }}\r\n >\r\n
\r\n \r\n {Title}\r\n \r\n \r\n
\r\n Hoy
\r\n{today}
\r\nMes actual
\r\n{month}
\r\n \r\nStock
\r\n{stock}
\r\n \r\n \r\n ) : (\r\nActuales
\r\n{today}
\r\n \r\n )}\r\n \r\nFILTROS
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n CONTRATO
\r\nProducto
\r\nDatos del Cliente
\r\nDatos de Facturación
\r\nDatos del bien
\r\nDatos del pago
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {!isAdmin && (\r\n \r\n navigate(\"/contrato/crear\")}\r\n className=\"c-grid-btn c-btn-success\"\r\n variant=\"contained\"\r\n >\r\n Crear nuevo\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n {isAdmin !== undefined &&\r\n documentTypesList &&\r\n agreementStatesList && (\r\n \r\n \r\n \r\n\r\n {dataTable && dataTable.length > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cantidad de registros en la búsqueda: {totalRecords}\r\n \r\n \r\n {isAdmin && (\r\n \r\n \r\n Exportar\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n 1 ? paginationData.amount : 0}\r\n shape=\"rounded\"\r\n />\r\n \r\n \r\n \r\n )}\r\n\r\n {dataTable && dataTable.length === 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {deleteDialog !== undefined && (\r\n \r\n )}\r\n\r\n {cancelRenewalDialog !== undefined && (\r\n \r\n \r\n ¿Desea dar de baja la renovación del contrato N°{\" \"}\r\n {cancelRenewalDialog.id}?\r\n \r\n \r\n \r\n Motivo de baja \r\n setReasonCancel(e.target.value)}\r\n label=\"Motivo de baja\"\r\n >\r\n {reasonCancelList &&\r\n reasonCancelList.map((item) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Cancelar\r\n \r\n cancelRenewalAgreement(cancelRenewalDialog.id)}\r\n >\r\n Aceptar\r\n \r\n \r\n \r\n )}\r\n\r\n {sendMailTermsAndConditionsDialog !== undefined && (\r\n \r\n sendMailTermsAndConditionsAgreement(\r\n sendMailTermsAndConditionsDialog.id\r\n )\r\n }\r\n />\r\n )}\r\n\r\n confirmAgreement(confirmDialog.id)}\r\n />\r\n
\r\n\r\n CONTRATOS
\r\nNo se encontraron resultados.
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Divider } from \"semantic-ui-react\";\r\nimport {\r\n Paper,\r\n Grid,\r\n TextField,\r\n Select,\r\n MenuItem,\r\n FormControl,\r\n InputLabel,\r\n FormControlLabel,\r\n Checkbox,\r\n Button,\r\n} from \"@material-ui/core\";\r\nimport { useForm, Controller } from \"react-hook-form\";\r\nimport api from \"../../api\";\r\nimport \"./Agreement.scss\";\r\nimport ReactSelect from \"react-select\";\r\nimport {\r\n CustomerTypeEnum,\r\n PaymentMethodTypes,\r\n ResultEnum,\r\n StatusEnum,\r\n} from \"../../enums/enums\";\r\nimport { DocumentTypes } from \"../../enums/enums\";\r\nimport utils from \"../../utils/utils\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport InfoIcon from \"@material-ui/icons/Info\";\r\nimport { Dimmer, Loader } from \"semantic-ui-react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst CustomTextField = ({\r\n Name,\r\n Label,\r\n Control,\r\n Type,\r\n InputProps,\r\n DefaultValue,\r\n Required,\r\n Helper,\r\n Blur,\r\n HasError,\r\n OnInput,\r\n}) => (\r\n \r\n {reprocessAgreementDialog[\"open\"] && (\r\n setReprocessAgreementDialog({ open: false })}\r\n maxWidth={true}\r\n fullWidth={true}\r\n >\r\n \r\n closeReprocessModal()}\r\n />\r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Paper,\r\n Grid,\r\n Button,\r\n Dialog,\r\n DialogTitle,\r\n DialogActions,\r\n DialogContent,\r\n} from \"@material-ui/core\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport TableFilter from \"./components/Multiple/TableFilter\";\r\nimport VerificationGrid from \"./components/Multiple/VerificationGrid\";\r\nimport TableMultiple from \"./components/Multiple/TableMultiple\";\r\nimport Pagination from \"@material-ui/lab/Pagination\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport LibraryAddIcon from \"@material-ui/icons/LibraryAdd\";\r\nimport api from \"../../api\";\r\nimport { saveAs } from \"file-saver\";\r\nimport moment from \"moment\";\r\nimport { isDate } from \"date-fns\";\r\nimport {\r\n Role,\r\n} from \"../../enums/enums\";\r\nimport utils from \"../../utils/utils\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Label } from \"semantic-ui-react\";\r\n\r\nexport default function AgreementMassiveCreate({ setIsLoading, setDataToast }) {\r\n const [totalRecords, setTotalRecords] = useState();\r\n const [dataTable, setDataTable] = useState();\r\n const [isAdmin, setIsAdmin] = useState();\r\n const [isSearching, setIsSearching] = useState(false);\r\n const [filterForm, setFilterForm] = useState({\r\n externalAgreementStatus: undefined,\r\n dateFrom: undefined,\r\n dateTo: undefined,\r\n });\r\n const itemsPerPage = 10;\r\n const [paginationData, setPaginationData] = useState({\r\n amount: 0,\r\n currentPage: 1,\r\n });\r\n const [viewTableMultipleAgreements, setViewTableMultipleAgreements] = useState(false);\r\n const [dataTableMultipleAgreements, setDataTableMultipleAgreements] = useState();\r\n const [multipleAgreements, setMultipleAgreements] = useState();\r\n const [multipleAgreementsDialog, setMultipleAgreementsDialog] = useState({\r\n open: false,\r\n });\r\n const [pathFileArchive, setPathFileArchive] = useState();\r\n const closeMultipleAgreementsDialog = () => {\r\n setMultipleAgreementsDialog({ open: false });\r\n };\r\n const changePage = (event, value) => {\r\n reloadData(value, itemsPerPage, false);\r\n };\r\n\r\n //List\r\n const [externalAgreementStatesList, setExternalAgreementStatesList] = useState();\r\n\r\n const { decoded } = useSelector((state) => state.authReducer);\r\n\r\n function alertMessage(text) {\r\n setDataToast({\r\n active: true,\r\n message: text,\r\n type: \"error\",\r\n });\r\n }\r\n\r\n function search() {\r\n reloadData(1, itemsPerPage, true);\r\n }\r\n\r\n function reloadData(page, pageSize, reloadPages) {\r\n setIsSearching(true);\r\n setIsLoading(true);\r\n let dateFrom;\r\n let dateTo;\r\n if (isDate(filterForm.dateFrom)) {\r\n dateFrom = filterForm.dateFrom.toISOString().slice(0, 10);\r\n }\r\n if (isDate(filterForm.dateTo)) {\r\n dateTo = filterForm.dateTo.toISOString().slice(0, 10);\r\n }\r\n\r\n api\r\n .getExternalAgreementByFilter(filterForm.externalAgreementStatus, dateFrom, dateTo, page, pageSize)\r\n .then((res) => {\r\n let data = res.data;\r\n let currentPage = page;\r\n let amount = paginationData.amount;\r\n\r\n if (reloadPages) {\r\n if (currentPage !== 1) currentPage = 1;\r\n amount = Math.ceil(data.cantidad / itemsPerPage);\r\n }\r\n\r\n setPaginationData({\r\n amount: amount,\r\n currentPage: currentPage,\r\n });\r\n let list = [];\r\n data.resultado.forEach((item) => {\r\n let name =\r\n (item.cliente.nombre ? item.cliente.nombre : \"\") +\r\n \" \" +\r\n (item.cliente.apellido ? item.cliente.apellido : \"\");\r\n list.push({\r\n id: item.id,\r\n customer: name,\r\n product: item.productName,\r\n categoryName: item.nombreProductoCategoria,\r\n agreementId: item.contratoId,\r\n documentNumber: item.cliente.numeroDocumento,\r\n status: item.status,\r\n documentNumber: item.cliente.numeroDocumento,\r\n processDate: item.fechaProcesado,\r\n });\r\n });\r\n\r\n setTotalRecords(data.cantidad);\r\n setDataTable(list);\r\n setIsSearching(false);\r\n setIsLoading(false);\r\n })\r\n .catch((error) => {\r\n setIsLoading(false);\r\n alertMessage(\"Ocurrió un error al obtener los registros.\");\r\n });\r\n }\r\n\r\n ///Región Carga de Archivo Masivo\r\n function loadMultipleAgreements(e) {\r\n let files = e.target.files;\r\n if (files) {\r\n setIsLoading(true);\r\n\r\n let data = new FormData();\r\n let file = files.item(0);\r\n if (file.type === \"text/plain\") {\r\n data.append(\"files\", files.item(0));\r\n\r\n api\r\n .uploadFile(data)\r\n .then((res) => {\r\n let file = res.data.files[0].url;\r\n setMultipleAgreements(file);\r\n setMultipleAgreementsDialog({ open: true });\r\n setIsLoading(false);\r\n })\r\n .catch(() => {\r\n setIsLoading(false);\r\n alertMessage(\"Ocurrió un error al subir el archivo.\");\r\n });\r\n }\r\n }\r\n }\r\n function getMultipleAgreements(e) {\r\n setIsLoading(true);\r\n let body = {\r\n pathFile: multipleAgreements,\r\n };\r\n setPathFileArchive(multipleAgreements);\r\n\r\n return new Promise((resolve, reject) => {\r\n api\r\n .getMultipleAgreements(body)\r\n .then((res) => {\r\n if (res.data) {\r\n setDataTableMultipleAgreements(res.data);\r\n setIsLoading(false);\r\n resolve(res.data); // Resuelve la promesa con res.data\r\n } else {\r\n setIsLoading(false);\r\n alertMessage(\"Ocurrió un error al leer el archivo.\");\r\n reject(\"Ocurrió un error al leer el archivo.\"); // Rechaza la promesa\r\n }\r\n })\r\n .catch((e) => {\r\n setIsLoading(false);\r\n alertMessage(\"Ocurrió un error al subir el archivo. \" + e.response.data.errores);\r\n reject(\"Ocurrió un error al subir el archivo.\"); // Rechaza la promesa\r\n });\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (dataTableMultipleAgreements) {\r\n setViewTableMultipleAgreements(true);\r\n }\r\n }, [dataTableMultipleAgreements]);\r\n\r\n function postCreateMultipleAgreements(e) {\r\n setIsLoading(true);\r\n api\r\n .postCreateMultipleAgreements(pathFileArchive, e)\r\n .then((res) => {\r\n let count = res.data.length;\r\n setIsLoading(false);\r\n setViewTableMultipleAgreements(false);\r\n setMultipleAgreementsDialog({ open: false });\r\n utils.alertSuccess(\"Se han creado \" + count + \" contratos correctamente.\");\r\n })\r\n .catch((e) => {\r\n setIsLoading(false);\r\n alertMessage(\"Ocurrió un error al procesar los contratos.\" + e.response.data.errores);\r\n });\r\n }\r\n ///Fin Región Carga de Archivo Masivo\r\n\r\n function shortError(message) {\r\n setDataToast({\r\n active: true,\r\n message: message,\r\n type: \"error\",\r\n });\r\n }\r\n\r\n function ExportarExcel() {\r\n let status = filterForm.externalAgreementStatus;\r\n let dateFrom = isDate(filterForm.dateFrom) ? moment(filterForm.dateFrom).format(\"YYYY-MM-DD\") : undefined;\r\n let dateTo = isDate(filterForm.dateTo) ? moment(filterForm.dateTo).format(\"YYYY-MM-DD\") : undefined;\r\n\r\n setIsLoading(true);\r\n api\r\n .getMultipleAgreementsExcel(status, dateFrom, dateTo)\r\n .then((res) => {\r\n let extension = \"xlsx\";\r\n let tempFileName = \"Contratos creación masiva\";\r\n let fileName = `${tempFileName}.${extension}`;\r\n\r\n let blob = new Blob([res.data], {\r\n type: \"application/vnd.ms-excel\",\r\n });\r\n saveAs(blob, fileName);\r\n reloadData(1, itemsPerPage, true);\r\n setIsLoading(false);\r\n })\r\n .catch((err) => {\r\n setIsLoading(false);\r\n shortError(\"Ocurrió un error\");\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setIsLoading(true);\r\n let role = decoded.role;\r\n setIsAdmin(role === Role.AdminComercial ?? false);\r\n\r\n api.getStatusExternalAgreements().then((res) => {\r\n setExternalAgreementStatesList(utils.setDataInList(res.data));\r\n });\r\n setIsLoading(false);\r\n }, []);\r\n\r\n return (\r\n <>\r\n CREACIÓN MASIVA
\r\n\r\n \r\n
\r\n\r\n {viewTableMultipleAgreements && dataTableMultipleAgreements?.listaRegistros && (\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n Grid,\r\n TextField,\r\n FormControl,\r\n Button,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n} from \"@material-ui/core\";\r\nimport { Divider } from \"semantic-ui-react\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Info from \"@material-ui/icons/Info\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport MuiSwitch from \"@material-ui/core/Switch\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n\r\nexport default function ProductView({ data, handleClose }) {\r\n const Switch = withStyles({\r\n switchBase: {\r\n \"&$disabled\": {\r\n color: data.allowBuyBack ? \"#3f51b5\" : \"\",\r\n },\r\n \"&$disabled + $track\": {\r\n backgroundColor: data.allowBuyBack ? \"#3f51b5\" : \"\",\r\n opacity: 0.5,\r\n },\r\n },\r\n track: {},\r\n disabled: {},\r\n })(MuiSwitch);\r\n\r\n return (\r\n PRODUCTO
\r\n\r\n ¿Permitir recomprar producto?\r\n \r\n
\r\n \r\n ¿Permitir facturar cliente corporativo?\r\n \r\n
\r\n Tipos de Vehículo
\r\nCaracterísticas
\r\nServicios
\r\nTérminos y Condiciones
\r\n\r\n \r\n Ver PDF\r\n \r\n
\r\nPRODUCTOS
\r\nNo se encontraron resultados.
\r\nAgregue una nueva característica
\r\nAgregue una nueva característica
\r\nTIPOS DE ASISTENCIA
\r\nNo se encontraron resultados.
\r\nNo se encontraron resultados.
\r\nMEDIOS DE PAGO
\r\nASIGNAR MEDIO DE PAGO A COMPAÑIA
\r\nNo se encontraron resultados.
\r\n\r\n Color: {data.color}\r\n
\r\n \r\n \r\n Ver Imagen\r\n \r\n
\r\nNo se encontraron resultados.
\r\nCATEGORÍA
\r\nUSUARIOS
\r\nNo se encontraron resultados.
\r\nASIGNAR CANAL DE VENTA
\r\nCANAL DE VENTA EXTERNO
\r\nASIGNAR TEMPLATES DE MAIL
\r\nContratación Realizada
\r\n¡Listo!
\r\n\r\n Se ha realizado con éxito la contratación\r\n
del servicio de asistencia bajo el número de Multiasistencia{\" \"}\r\n {AgreementNumber}\r\n
{Name}
\r\n{Text}
\r\nConfirmar Contratación
\r\nValor cuota
\r\n\r\n ${agreementData.product.price}\r\n
\r\nDatos
\r\nEl contrato no existe
\r\nBaja de una contratación
\r\nEl contrato fue dado de baja correctamente.
\r\nProcesamiento de Ventas
\r\nNo se encontraron resultados.
\r\n\r\n \r\n \r\n 
\r\n \r\n \r\n\r\n \r\n \r\n \r\n Solicitud de baja\r\n \r\n \r\n Completá los datos correspondientes para gestionar la baja de tu\r\n producto.\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setTouched({\r\n ...touched,\r\n fechaSolicitud: true,\r\n })\r\n }\r\n onChange={(e) =>\r\n setFieldValue(\"fechaSolicitud\", e.target.value)\r\n }\r\n value={values?.fechaSolicitud}\r\n error={\r\n touched?.fechaSolicitud && errors?.fechaSolicitud\r\n }\r\n helperText={\r\n touched?.fechaSolicitud && errors?.fechaSolicitud\r\n }\r\n required\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Datos del cliente:\r\n \r\n \r\n\r\n \r\n \r\n setTouched({ ...touched, nombreCliente: true })\r\n }\r\n onChange={handleChange}\r\n value={values?.nombreCliente}\r\n error={touched?.nombreCliente && errors?.nombreCliente}\r\n helperText={\r\n touched?.nombreCliente && errors?.nombreCliente\r\n }\r\n fullWidth\r\n required\r\n />\r\n \r\n \r\n \r\n setTouched({ ...touched, apellidoCliente: true })\r\n }\r\n onChange={handleChange}\r\n value={values?.apellidoCliente}\r\n error={\r\n touched?.apellidoCliente && errors?.apellidoCliente\r\n }\r\n helperText={\r\n touched?.apellidoCliente && errors?.apellidoCliente\r\n }\r\n fullWidth\r\n required\r\n />\r\n \r\n \r\n setFieldValue(\"tipoDocumento\", e)}\r\n onBlur={() =>\r\n setTouched({ ...touched, tipoDocumento: true })\r\n }\r\n error={touched?.tipoDocumento && errors?.tipoDocumento}\r\n options={documentTypes}\r\n />\r\n \r\n \r\n \r\n setTouched({ ...touched, numeroDocumento: true })\r\n }\r\n onChange={handleChange}\r\n value={values?.numeroDocumento}\r\n error={\r\n touched?.numeroDocumento && errors?.numeroDocumento\r\n }\r\n helperText={\r\n touched?.numeroDocumento && errors?.numeroDocumento\r\n }\r\n fullWidth\r\n required\r\n />\r\n \r\n\r\n \r\n setTouched({ ...touched, email: true })}\r\n onChange={handleChange}\r\n value={values?.email}\r\n error={touched?.email && errors?.email}\r\n type=\"email\"\r\n helperText={touched?.email && errors?.email}\r\n fullWidth\r\n required\r\n />\r\n \r\n \r\n \r\n setTouched({ ...touched, codigoArea: true })\r\n }\r\n onChange={handleChange}\r\n value={values?.codigoArea}\r\n error={touched?.codigoArea && errors?.codigoArea}\r\n helperText={touched?.codigoArea && errors?.codigoArea}\r\n fullWidth\r\n required\r\n />\r\n {!(touched?.codigoArea && errors?.codigoArea) && (\r\n \r\n Ingrese sin 0.\r\n \r\n )}\r\n \r\n \r\n \r\n setTouched({ ...touched, numeroTelefono: true })\r\n }\r\n onChange={handleChange}\r\n value={values?.numeroTelefono}\r\n error={\r\n (touched?.numeroTelefono && errors?.numeroTelefono) ||\r\n (touched.codigoArea &&\r\n touched.numeroTelefono &&\r\n errors.phoneLength)\r\n }\r\n helperText={\r\n (touched?.numeroTelefono && errors?.numeroTelefono) ||\r\n (touched.codigoArea &&\r\n touched.numeroTelefono &&\r\n errors.phoneLength)\r\n }\r\n fullWidth\r\n required\r\n />\r\n {!(\r\n (touched?.numeroTelefono && errors?.numeroTelefono) ||\r\n (touched.codigoArea &&\r\n touched.numeroTelefono &&\r\n errors.phoneLength)\r\n ) && (\r\n \r\n Ingrese sin 15 y sin guiones.\r\n \r\n )}\r\n \r\n \r\n setTouched({ ...touched, patente: true })}\r\n onChange={(e) => {\r\n e.target.value = String(e.target.value)\r\n .trim()\r\n .toUpperCase();\r\n handleChange(e);\r\n }}\r\n value={values?.patente}\r\n error={touched?.patente && errors?.patente}\r\n helperText={touched?.patente && errors?.patente}\r\n fullWidth\r\n required\r\n />\r\n \r\n\r\n \r\n setFieldValue(\"producto\", e)}\r\n onBlur={() =>\r\n setTouched({ ...touched, producto: true })\r\n }\r\n value={values?.producto}\r\n error={touched?.producto && errors?.producto}\r\n options={products}\r\n />\r\n {!(touched?.producto && errors?.producto) && (\r\n \r\n Podés consultar cuál es tu producto en el mail de\r\n bienvenida.\r\n \r\n )}\r\n \r\n \r\n setFieldValue(\"motivoBaja\", e)}\r\n onBlur={() =>\r\n setTouched({ ...touched, motivoBaja: true })\r\n }\r\n value={values?.motivoBaja}\r\n error={touched?.motivoBaja && errors?.motivoBaja}\r\n options={reasons}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n ENVIAR\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n","import React, { useContext } from \"react\";\r\nimport { Route, Navigate, Routes } from \"react-router-dom\";\r\nimport { Role } from \"../enums/enums\";\r\nimport Home from \"../components/home/Home\";\r\nimport Dashboard from \"../components/dashboard/Dashboard\";\r\nimport Agreement from \"../components/agreement/Agreement\";\r\nimport AgreementCreate from \"../components/agreement/AgreementCreate\";\r\nimport AgreementMassiveCreate from \"../components/agreement/AgreementMassiveCreate\";\r\nimport Product from \"../components/product/Product\";\r\nimport ProductCreate from \"../components/product/ProductCreate\";\r\nimport ProductEdit from \"../components/product/ProductEdit\";\r\nimport TypeAssistant from \"../components/type-assistant/Type-Assistant\";\r\nimport PaymentMethod from \"../components/payment-method/PaymentMethod\";\r\nimport PaymentMethodAssign from \"../components/payment-method/PaymentMethodAssign\";\r\nimport PaymentMethodList from \"../components/payment-method/PaymentMethodList\";\r\nimport Categories from \"../components/categories/Categories\";\r\nimport User from \"../components/users/User\";\r\nimport SalesChannel from \"../components/salesChannel/SalesChannel\";\r\nimport ExternalSalesChannel from \"../components/external-sales-channel/ExternalSalesChannel\";\r\nimport Email from \"../components/email/Email\";\r\nimport AgreementConfirm from \"../components/agreement/AgreementConfirm\";\r\nimport AgreementCancel from \"../components/agreement/AgreementCancel\";\r\nimport { ProtectedRoute } from \"../components/common/protectedRoute\";\r\nimport { MainContext } from \"../context/MainContext\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Sales } from \"../components/sales/processSales\";\r\nimport { DemandRequest } from \"../components/demand/DemandRequest\";\r\n\r\nconst PrivateRoute = () => {\r\n const { setDataToast, setIsLoading } = useContext(MainContext);\r\n const { decoded } = useSelector((state) => state.authReducer);\r\n\r\n return (\r\n <>\r\n