);\r\n }\r\n\r\n}\r\n\r\nexport default GoogleApiWrapper({\r\n apiKey: (PARAMS.GOOGLE_API_KEY)\r\n})(MapContainer)\r\n","import {\r\n container,\r\n defaultFont,\r\n customColor,\r\n primaryColor,\r\n infoColor,\r\n successColor,\r\n warningColor,\r\n dangerColor,\r\n roseColor,\r\n transition,\r\n boxShadow,\r\n drawerWidth\r\n} from \"assets/jss/material-kit-react.js\";\r\nimport PARAMS from \"utils/PARAMS\";\r\n\r\nconst headerStyle = {\r\n appBar: {\r\n display: \"flex\",\r\n border: \"0\",\r\n borderRadius: \"3px\",\r\n padding: \"0.625rem 0\",\r\n marginBottom: \"20px\",\r\n color: \"#555\",\r\n width: \"100%\",\r\n backgroundColor: \"#fff\",\r\n boxShadow:\r\n \"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)\",\r\n transition: \"all 150ms ease 0s\",\r\n alignItems: \"center\",\r\n flexFlow: \"row nowrap\",\r\n justifyContent: \"flex-start\",\r\n position: \"relative\",\r\n zIndex: \"unset\"\r\n },\r\n absolute: {\r\n position: \"absolute\",\r\n zIndex: \"1100\"\r\n },\r\n fixed: {\r\n position: \"fixed\",\r\n zIndex: \"1100\"\r\n },\r\n container: {\r\n ...container,\r\n minHeight: \"50px\",\r\n flex: \"1\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n display: \"flex\",\r\n flexWrap: \"nowrap\"\r\n },\r\n flex: {\r\n flex: 1\r\n },\r\n title: {\r\n ...defaultFont,\r\n lineHeight: \"30px\",\r\n fontSize: \"18px\",\r\n borderRadius: \"3px\",\r\n textTransform: \"none\",\r\n color: \"inherit\",\r\n padding: \"8px 16px\",\r\n letterSpacing: \"unset\",\r\n \"&:hover,&:focus\": {\r\n color: \"inherit\",\r\n background: \"transparent\"\r\n }\r\n },\r\n appResponsive: {\r\n margin: \"20px 10px\"\r\n },\r\n custom: {\r\n backgroundColor: customColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(${PARAMS.firstColorRGB}, 0.46)`\r\n },\r\n primary: {\r\n backgroundColor: primaryColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46)\"\r\n },\r\n info: {\r\n backgroundColor: infoColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46)\"\r\n },\r\n success: {\r\n backgroundColor: successColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46)\"\r\n },\r\n warning: {\r\n backgroundColor: warningColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46)\"\r\n },\r\n danger: {\r\n backgroundColor: dangerColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46)\"\r\n },\r\n rose: {\r\n backgroundColor: roseColor,\r\n color: \"#FFFFFF\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46)\"\r\n },\r\n transparent: {\r\n backgroundColor: \"transparent !important\",\r\n boxShadow: \"none\",\r\n paddingTop: \"25px\",\r\n color: \"#FFFFFF\"\r\n },\r\n dark: {\r\n color: \"#FFFFFF\",\r\n backgroundColor: \"#212121 !important\",\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46)\"\r\n },\r\n white: {\r\n border: \"0\",\r\n padding: \"0.625rem 0\",\r\n marginBottom: \"20px\",\r\n color: \"#555\",\r\n backgroundColor: \"#fff !important\",\r\n boxShadow:\r\n \"0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15)\"\r\n },\r\n drawerPaper: {\r\n border: \"none\",\r\n bottom: \"0\",\r\n transitionProperty: \"top, bottom, width\",\r\n transitionDuration: \".2s, .2s, .35s\",\r\n transitionTimingFunction: \"linear, linear, ease\",\r\n width: drawerWidth,\r\n ...boxShadow,\r\n position: \"fixed\",\r\n display: \"block\",\r\n top: \"0\",\r\n height: \"100vh\",\r\n right: \"0\",\r\n left: \"auto\",\r\n visibility: \"visible\",\r\n overflowY: \"visible\",\r\n borderTop: \"none\",\r\n textAlign: \"left\",\r\n paddingRight: \"0px\",\r\n paddingLeft: \"0\",\r\n ...transition\r\n },\r\n rrssIcons:{\r\n width: 25,\r\n height: 25,\r\n border: '1px solid #B3B3B3',\r\n display: 'flex',\r\n borderRadius: 50,\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 5,\r\n \"& svg\": {\r\n fontSize: 15,\r\n color: '#B3B3B3',\r\n height: 15,\r\n width: 15\r\n }\r\n }\r\n};\r\n\r\nexport default headerStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\n// core components\r\nimport styles from \"assets/jss/material-kit-react/components/headerStyle.js\";\r\nimport PARAMS from \"utils/PARAMS\";\r\nimport RoomIcon from '@material-ui/icons/Room';\r\nimport MailOutlineIcon from '@material-ui/icons/MailOutline';\r\nimport FacebookIcon from '@material-ui/icons/Facebook';\r\nimport TwitterIcon from '@material-ui/icons/Twitter';\r\nimport YouTubeIcon from '@material-ui/icons/YouTube';\r\nimport InstagramIcon from '@material-ui/icons/Instagram';\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Header(props) {\r\n const classes = useStyles();\r\n const [mobileOpen, setMobileOpen] = React.useState(false);\r\n React.useEffect(() => {\r\n if (props.changeColorOnScroll) {\r\n window.addEventListener(\"scroll\", headerColorChange);\r\n }\r\n return function cleanup() {\r\n if (props.changeColorOnScroll) {\r\n window.removeEventListener(\"scroll\", headerColorChange);\r\n }\r\n };\r\n });\r\n const handleDrawerToggle = () => {\r\n setMobileOpen(!mobileOpen);\r\n };\r\n const headerColorChange = () => {\r\n const { color, changeColorOnScroll } = props;\r\n const windowsScrollTop = window.pageYOffset;\r\n if (windowsScrollTop > changeColorOnScroll.height) {\r\n document.body\r\n .getElementsByTagName(\"header\")[0]\r\n .classList.remove(classes[color]);\r\n document.body\r\n .getElementsByTagName(\"header\")[0]\r\n .classList.add(classes[changeColorOnScroll.color]);\r\n } else {\r\n document.body\r\n .getElementsByTagName(\"header\")[0]\r\n .classList.add(classes[color]);\r\n document.body\r\n .getElementsByTagName(\"header\")[0]\r\n .classList.remove(classes[changeColorOnScroll.color]);\r\n }\r\n };\r\n const { color, rightLinks, leftLinks, fixed, absolute, isLogin } = props;\r\n const appBarClasses = classNames({\r\n [classes.appBar]: true,\r\n [classes[color]]: color,\r\n [classes.absolute]: absolute,\r\n [classes.fixed]: fixed\r\n });\r\n const brandComponent = \r\n {!isLogin && ;\r\n return (\r\n \r\n \r\n {leftLinks !== undefined ? brandComponent : null}\r\n \r\n {leftLinks !== undefined ? (\r\n \r\n {leftLinks}\r\n \r\n ) : (\r\n brandComponent\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 {leftLinks}\r\n {rightLinks}\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nHeader.defaultProp = {\r\n color: \"white\"\r\n};\r\n\r\nHeader.propTypes = {\r\n color: PropTypes.oneOf([\r\n \"custom\",\r\n \"primary\",\r\n \"info\",\r\n \"success\",\r\n \"warning\",\r\n \"danger\",\r\n \"transparent\",\r\n \"white\",\r\n \"rose\",\r\n \"dark\"\r\n ]),\r\n rightLinks: PropTypes.node,\r\n leftLinks: PropTypes.node,\r\n brand: PropTypes.string,\r\n fixed: PropTypes.bool,\r\n absolute: PropTypes.bool,\r\n // this will cause the sidebar to change the color from\r\n // props.color (see above) to changeColorOnScroll.color\r\n // when the window.pageYOffset is heigher or equal to\r\n // changeColorOnScroll.height and then when it is smaller than\r\n // changeColorOnScroll.height change it back to\r\n // props.color (see above)\r\n changeColorOnScroll: PropTypes.shape({\r\n height: PropTypes.number.isRequired,\r\n color: PropTypes.oneOf([\r\n \"custom\",\r\n \"primary\",\r\n \"info\",\r\n \"success\",\r\n \"warning\",\r\n \"danger\",\r\n \"transparent\",\r\n \"white\",\r\n \"rose\",\r\n \"dark\"\r\n ]).isRequired\r\n })\r\n};\r\n","// utils/API.js\r\n\r\nimport axios from \"axios\";\r\nimport PARAMS from \"utils/PARAMS\";\r\nimport { toast } from 'react-toastify';\r\n\r\n// Instancia para api\r\nvar instance_sadeco = axios.create({\r\n baseURL: PARAMS.apiUrl,\r\n timeout: 10000\r\n});\r\n\r\ninstance_sadeco.interceptors.request.use(async function (config) {\r\n if (config.url !== \"login/GetTokenRd\") {\r\n const token = await getTokenRd('todoSerecicl@');\r\n if (token.error) {\r\n throw new instance_sadeco.Cancel('Operacion cancelada, no hay token');\r\n }else{\r\n config.headers.common[\"Authorization\"] = \"Bearer \" + token.data;\r\n }\r\n }\r\n return config;\r\n}, function (error) {\r\n return Promise.reject(error);\r\n});\r\n\r\ninstance_sadeco.defaults.headers.common[\"Content-Type\"] = \"application/json\";\r\ninstance_sadeco.interceptors.response.use(function (response) {\r\n return response;\r\n}, function (error) {\r\n if (error.response) {\r\n switch (error.response.status) {\r\n case 401:\r\n window.location.replace(PARAMS.baseUrl);\r\n toast(\"Usuario no autorizado\", {type: \"error\"});\r\n\r\n break;\r\n case 404:\r\n toast(\"Url no disponible\", {type: \"error\"});\r\n break;\r\n case 500:\r\n break;\r\n default:\r\n\r\n }\r\n }else{\r\n toast(\"No se ha podido establecer conexión\", {type: \"error\"});\r\n }\r\n\r\n return Promise.reject(error);\r\n});\r\n\r\n// Funcion auxiliar async\r\nasync function resolve(promise) {\r\n const resolved = {\r\n data: null,\r\n error: null\r\n };\r\n\r\n try {\r\n resolved.data = await promise;\r\n } catch(e) {\r\n resolved.error = e;\r\n }\r\n\r\n return resolved;\r\n}\r\n\r\n// --- Llamadas API Sadeco ---\r\nexport async function getTokenRd(IdString) {\r\n return await resolve(\r\n instance_sadeco.post('login/GetTokenRd', {IdString}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getCallesFiltro(SiNo, Filtro) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/getcallesfiltro', {SiNo, Filtro}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getElementos(IdEmpresa, IdTipo01, IdTipo02, VisibleWeb) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/getelementos', {IdEmpresa, IdTipo01, IdTipo02, VisibleWeb}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getFechasLibres(IdEmpresa, FechaComprobacion, IdTipoElemento, IdTipoZona) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/getfechaslibres', {IdEmpresa, FechaComprobacion, IdTipoElemento, IdTipoZona}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function chekCiudadanoDia(Telefono, Fecha, IdTipoElemento) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/ChekCiudadanoDia', {Telefono, Fecha, IdTipoElemento}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function grabarEnseresRaeeTmp(IdEmpresa, IdTipoElemento, IdTipoZona, IdServicio, IdTurno, FechaPrevista, Login, MinutosExtra, OpcGrabar) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GrabarEnseresRaeeTmp', {IdEmpresa, IdTipoElemento, IdTipoZona, IdServicio, IdTurno, FechaPrevista, Login, MinutosExtra, OpcGrabar}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function borrarEnseresRaeeTmp(IdGuid) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/BorrarEnseresRaeeTmp', {IdGuid}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function grabarEnseresRaee(Apellido1, Apellido2, CodigoPostal, CorreoElectronico, Escalera, EsDoble, FechaPrevista, IdBarrio, IdCalendario, IdCalle, IdEmpresa, IdEstado, IdRecogida, IdServicio, IdTipoElemento, IdTipoPeso, IdTipoZona, IdTurno, LoginCrea, Nombre, NombreCalle, Numero, ObservacionesCalle, Piso, Puerta, RazonSocial, Telefono1, Web, GeoLongitud, GeoLatitud, RdEnseresRaeeL) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GrabarEnseresRaee', {Apellido1, Apellido2, CodigoPostal, CorreoElectronico, Escalera, EsDoble, FechaPrevista, IdBarrio, IdCalendario, IdCalle, IdEmpresa, IdEstado, IdRecogida, IdServicio, IdTipoElemento, IdTipoPeso, IdTipoZona, IdTurno, LoginCrea, Nombre, NombreCalle, Numero, ObservacionesCalle, Piso, Puerta, RazonSocial, Telefono1, Web, GeoLongitud, GeoLatitud, RdEnseresRaeeL}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getCausasAnulacion(IdEmpresa, VisibleWeb) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/getcausasanulacion', {IdEmpresa, VisibleWeb}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function cambiaEstadoEnseresRaee(IdEstado, IdMotivoAnulacion, IdMotivoNoRecogida, IdRecogida, Login, ObservacionesNoRecogida) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/CambiaEstadoEnseresRaee', {IdEstado, IdMotivoAnulacion, IdMotivoNoRecogida, IdRecogida, Login, ObservacionesNoRecogida}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getRecogidaEnseresRaee(IdRecogida, Telefono1) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GetRecogidaEnseresRaee', {IdRecogida, Telefono1}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function enviarCorreoDetalleER(IdRecogida, Telefono1) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/EnviarCorreoDetalleER', {IdRecogida, Telefono1}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getCodigoConfirmacion(IdString) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GetCodigoConfirmacion', {IdString}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getCodigoConfirmacionMail(IdString) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GetCodigoConfirmacionMail', {IdString}).then(res => res.data)\r\n )\r\n}\r\n\r\nexport async function getServicios(IdEmpresa, IdServicio) {\r\n return await resolve(\r\n instance_sadeco.post('Rd/GetServicios', {IdEmpresa, IdServicio}).then(res => res.data)\r\n )\r\n}\r\n","import {\r\n defaultFont,\r\n customColor,\r\n customBoxShadow,\r\n primaryColor,\r\n primaryBoxShadow,\r\n infoColor,\r\n infoBoxShadow,\r\n successColor,\r\n successBoxShadow,\r\n warningColor,\r\n warningBoxShadow,\r\n dangerColor,\r\n dangerBoxShadow,\r\n roseColor,\r\n roseBoxShadow\r\n} from \"assets/jss/material-kit-react.js\";\r\n\r\nconst customDropdownStyle = theme => ({\r\n popperClose: {\r\n pointerEvents: \"none\"\r\n },\r\n dropdown: {\r\n borderRadius: \"3px\",\r\n border: \"0\",\r\n boxShadow: \"0 2px 5px 0 rgba(0, 0, 0, 0.26)\",\r\n top: \"100%\",\r\n zIndex: \"1000\",\r\n minWidth: \"160px\",\r\n padding: \"5px 0\",\r\n margin: \"2px 0 0\",\r\n fontSize: \"14px\",\r\n textAlign: \"left\",\r\n listStyle: \"none\",\r\n backgroundColor: \"#fff\",\r\n backgroundClip: \"padding-box\"\r\n },\r\n menuList: {\r\n padding: \"0\"\r\n },\r\n popperResponsive: {\r\n zIndex: \"1200\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n zIndex: \"1640\",\r\n position: \"static\",\r\n float: \"none\",\r\n width: \"auto\",\r\n marginTop: \"0\",\r\n backgroundColor: \"transparent\",\r\n border: \"0\",\r\n boxShadow: \"none\",\r\n color: \"black\"\r\n }\r\n },\r\n dropdownItem: {\r\n ...defaultFont,\r\n fontSize: \"13px\",\r\n padding: \"10px 20px\",\r\n margin: \"0 5px\",\r\n borderRadius: \"2px\",\r\n position: \"relative\",\r\n transition: \"all 150ms linear\",\r\n display: \"block\",\r\n clear: \"both\",\r\n fontWeight: \"400\",\r\n height: \"fit-content\",\r\n color: \"#333\",\r\n whiteSpace: \"nowrap\",\r\n minHeight: \"unset\"\r\n },\r\n blackHover: {\r\n \"&:hover\": {\r\n boxShadow:\r\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4)\",\r\n backgroundColor: \"#212121\",\r\n color: \"#fff\"\r\n }\r\n },\r\n customHover: {\r\n \"&:hover\": {\r\n backgroundColor: customColor,\r\n color: \"#FFFFFF\",\r\n ...customBoxShadow\r\n }\r\n },\r\n primaryHover: {\r\n \"&:hover\": {\r\n backgroundColor: primaryColor,\r\n color: \"#FFFFFF\",\r\n ...primaryBoxShadow\r\n }\r\n },\r\n infoHover: {\r\n \"&:hover\": {\r\n backgroundColor: infoColor,\r\n color: \"#FFFFFF\",\r\n ...infoBoxShadow\r\n }\r\n },\r\n successHover: {\r\n \"&:hover\": {\r\n backgroundColor: successColor,\r\n color: \"#FFFFFF\",\r\n ...successBoxShadow\r\n }\r\n },\r\n warningHover: {\r\n \"&:hover\": {\r\n backgroundColor: warningColor,\r\n color: \"#FFFFFF\",\r\n ...warningBoxShadow\r\n }\r\n },\r\n dangerHover: {\r\n \"&:hover\": {\r\n backgroundColor: dangerColor,\r\n color: \"#FFFFFF\",\r\n ...dangerBoxShadow\r\n }\r\n },\r\n roseHover: {\r\n \"&:hover\": {\r\n backgroundColor: roseColor,\r\n color: \"#FFFFFF\",\r\n ...roseBoxShadow\r\n }\r\n },\r\n dropdownItemRTL: {\r\n textAlign: \"right\"\r\n },\r\n dropdownDividerItem: {\r\n margin: \"5px 0\",\r\n backgroundColor: \"rgba(0, 0, 0, 0.12)\",\r\n height: \"1px\",\r\n overflow: \"hidden\"\r\n },\r\n buttonIcon: {\r\n width: \"20px\",\r\n height: \"20px\"\r\n },\r\n caret: {\r\n transition: \"all 150ms ease-in\",\r\n display: \"inline-block\",\r\n width: \"0\",\r\n height: \"0\",\r\n marginLeft: \"4px\",\r\n verticalAlign: \"middle\",\r\n borderTop: \"4px solid\",\r\n borderRight: \"4px solid transparent\",\r\n borderLeft: \"4px solid transparent\"\r\n },\r\n caretActive: {\r\n transform: \"rotate(180deg)\"\r\n },\r\n caretRTL: {\r\n marginRight: \"4px\"\r\n },\r\n dropdownHeader: {\r\n display: \"block\",\r\n padding: \"0.1875rem 1.25rem\",\r\n fontSize: \"0.75rem\",\r\n lineHeight: \"1.428571\",\r\n color: \"#777\",\r\n whiteSpace: \"nowrap\",\r\n fontWeight: \"inherit\",\r\n marginTop: \"10px\",\r\n minHeight: \"unset\",\r\n \"&:hover,&:focus\": {\r\n backgroundColor: \"transparent\",\r\n cursor: \"auto\"\r\n }\r\n },\r\n noLiPadding: {\r\n padding: \"0\"\r\n }\r\n});\r\n\r\nexport default customDropdownStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport MenuList from \"@material-ui/core/MenuList\";\r\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grow from \"@material-ui/core/Grow\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Popper from \"@material-ui/core/Popper\";\r\n\r\n// core components\r\nimport Button from \"components/CustomButtons/Button.js\";\r\n\r\nimport styles from \"assets/jss/material-kit-react/components/customDropdownStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CustomDropdown(props) {\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const handleClick = event => {\r\n if (anchorEl && anchorEl.contains(event.target)) {\r\n setAnchorEl(null);\r\n } else {\r\n setAnchorEl(event.currentTarget);\r\n }\r\n };\r\n const handleClose = param => {\r\n setAnchorEl(null);\r\n if (props && props.onClick) {\r\n props.onClick(param);\r\n }\r\n };\r\n const handleCloseAway = event => {\r\n if (anchorEl.contains(event.target)) {\r\n return;\r\n }\r\n setAnchorEl(null);\r\n };\r\n const classes = useStyles();\r\n const {\r\n buttonText,\r\n buttonIcon,\r\n dropdownList,\r\n buttonProps,\r\n dropup,\r\n dropdownHeader,\r\n caret,\r\n hoverColor,\r\n left,\r\n rtlActive,\r\n noLiPadding\r\n } = props;\r\n const caretClasses = classNames({\r\n [classes.caret]: true,\r\n [classes.caretActive]: Boolean(anchorEl),\r\n [classes.caretRTL]: rtlActive\r\n });\r\n const dropdownItem = classNames({\r\n [classes.dropdownItem]: true,\r\n [classes[hoverColor + \"Hover\"]]: true,\r\n [classes.noLiPadding]: noLiPadding,\r\n [classes.dropdownItemRTL]: rtlActive\r\n });\r\n let icon = null;\r\n switch (typeof buttonIcon) {\r\n case \"object\":\r\n icon = {props.buttonIcon} ;\r\n break;\r\n default:\r\n icon = null;\r\n break;\r\n }\r\n return (\r\n \r\n
\r\n \r\n {icon}\r\n {buttonText !== undefined ? buttonText : null}\r\n {caret ?
\r\n
\r\n {() => (\r\n \r\n \r\n \r\n Perfil\r\n ,\r\n \r\n
}\r\n \r\n );\r\n}\r\n","import { title, container } from \"assets/jss/material-kit-react.js\";\r\n\r\nconst signupPageStyle = {\r\n container: {\r\n ...container,\r\n zIndex: \"2\",\r\n position: \"relative\",\r\n paddingTop: \"5vh\",\r\n color: \"#FFFFFF\",\r\n paddingBottom: \"50px\"\r\n },\r\n cardHiddenRigth: {\r\n opacity: \"0\",\r\n transform: \"translate3d(100px, 0, 0)\"\r\n },\r\n cardHiddenLeft: {\r\n opacity: \"0\",\r\n transform: \"translate3d(-100px, 0, 0)\"\r\n },\r\n pageHeader: {\r\n minHeight: \"100vh\",\r\n height: \"auto\",\r\n display: \"inherit\",\r\n position: \"relative\",\r\n margin: \"0\",\r\n padding: \"0\",\r\n border: \"0\",\r\n alignItems: \"center\",\r\n // \"&:before\": {\r\n // background: \"rgba(0, 0, 0, 0.5)\"\r\n // },\r\n \"&:before,&:after\": {\r\n position: \"absolute\",\r\n zIndex: \"1\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"block\",\r\n left: \"0\",\r\n top: \"0\",\r\n content: '\"\"'\r\n },\r\n \"& footer li a,& footer li a:hover,& footer li a:active\": {\r\n color: \"#FFFFFF\"\r\n },\r\n \"& footer\": {\r\n position: \"absolute\",\r\n bottom: \"0\",\r\n width: \"100%\"\r\n }\r\n },\r\n form: {\r\n margin: \"0\"\r\n },\r\n cardHeader: {\r\n width: \"auto\",\r\n textAlign: \"center\",\r\n marginLeft: \"20px\",\r\n marginRight: \"20px\",\r\n marginTop: \"-40px\",\r\n padding: \"20px 0\",\r\n marginBottom: \"15px\"\r\n },\r\n socialIcons: {\r\n maxWidth: \"24px\",\r\n marginTop: \"0\",\r\n width: \"100%\",\r\n transform: \"none\",\r\n left: \"0\",\r\n top: \"0\",\r\n height: \"100%\",\r\n lineHeight: \"41px\",\r\n fontSize: \"20px\"\r\n },\r\n divider: {\r\n marginTop: \"30px\",\r\n marginBottom: \"0px\",\r\n textAlign: \"center\"\r\n },\r\n cardFooter: {\r\n paddingTop: \"0rem\",\r\n border: \"0\",\r\n borderRadius: \"6px\",\r\n justifyContent: \"center !important\"\r\n },\r\n socialLine: {\r\n marginTop: \"1rem\",\r\n textAlign: \"center\",\r\n padding: \"0\"\r\n },\r\n inputIconsColor: {\r\n color: \"#495057\"\r\n },\r\n title: {\r\n ...title,\r\n marginBottom: \"20px\",\r\n marginTop: \"20px\",\r\n minHeight: \"32px\",\r\n textDecoration: \"none\",\r\n textAlign: \"center\"\r\n },\r\n description: {\r\n color: \"#999\",\r\n textAlign: \"center\"\r\n },\r\n title1: {\r\n fontSize: 17,\r\n fontFamily: \"ITC Franklin Gothic Std Book\",\r\n color: '#11322C',\r\n padding: 15\r\n },\r\n subTitle1: {\r\n fontSize: 17,\r\n fontFamily: \"ITC Franklin Gothic Std Book\",\r\n color: '#BDBDBD',\r\n padding: 15\r\n },\r\n btn: {\r\n fontSize: 17\r\n },\r\n requerido: {\r\n fontFamily: 'ITC Franklin Gothic Std Book',\r\n color: 'red',\r\n position: 'absolute',\r\n right: 0,\r\n marginRight: '15px'\r\n },\r\n green: {\r\n color: '#11322C'\r\n },\r\n};\r\n\r\nexport default signupPageStyle;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// core components\r\nimport Footer from \"components/Footer/Footer.js\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\r\nimport FullCalendar from \"components/FullCalendar/FullCalendar\";\r\nimport \"components/FullCalendar/calendar.scss\";\r\nimport Maps from \"components/Map/Maps\";\r\nimport { toast } from 'react-toastify';\r\nimport Select from 'react-select';\r\nimport \"moment/locale/es\";\r\nimport Moment from 'moment';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { Line } from 'rc-progress';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport ForwardIcon from '@material-ui/icons/Forward';\r\nimport RemoveIcon from '@material-ui/icons/Remove';\r\nimport Check from \"@material-ui/icons/Check\";\r\nimport Loader from \"react-spinners/CircleLoader\";\r\nimport Header from \"components/Header/Header.js\";\r\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport * as API from \"utils/API_V2\";\r\nimport PARAMS from \"utils/PARAMS\";\r\nimport styles from \"assets/jss/material-kit-react/views/enseresPage\";\r\nimport './Enseres.css';\r\nimport resumenDot from 'assets/img/resumen_dot.png';\r\nimport resumenDotEmpty from 'assets/img/resumen_dot_empty.png';\r\nimport resumenDotFill from 'assets/img/resumen_dot_fill.png';\r\nimport ban from 'assets/img/ban.png';\r\n\r\nconst useStyles = makeStyles(styles);\r\nvar time = null;\r\nlet interval = null;\r\n\r\nconst GreenCheckbox = withStyles({\r\n root: {\r\n color: PARAMS.firstColor,\r\n padding: 0,\r\n '&$checked': {\r\n color: PARAMS.firstColor,\r\n },\r\n },\r\n checked: {},\r\n})((props) => \r\n \r\n \r\n \r\n \r\n {step == 1 && PASO 1: ¿Dónde lo recogemos? } {calle && {calle.label} {calle.cp} }\r\n \r\n \r\n {step == 2 && PASO 2: Día y hora de recogida } {date && {Moment(date.fecha).format(\"DD MMMM\")}\r\n {date.turno == '01' ? ' - Por la mañana' : ' - Por la tarde'} }\r\n \r\n \r\n {step == 3 && PASO 3: Tus datos } {validCiudadano() && {ciudadano.nombre} {ciudadano.apellido} }\r\n \r\n \r\n {step == 4 && PASO 4: ¿Cuántos objetos? } {elementos.length > 0 && {progressPercent} % }\r\n \r\n \r\n {step == 5 && PASO 5: Resumen y confirmación } {calle && Resumen }\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 const renderStep = () => {\r\n if (!isLoad) {\r\n return(\r\n \r\n Sadeco Enseres \r\n \r\n )\r\n }\r\n\r\n if (stepNumber == 1) {\r\n return(\r\n \r\n Escriba una calle (para comprobar si hay servicio en su zona)\r\n {editMode && <>La calle no se puede editar }\r\n \r\n \r\n {\r\n triggerSearch(e.target.value);\r\n },\r\n disabled: editMode\r\n }}\r\n />\r\n \r\n \r\n Seleccione una ubicación del desplegable\r\n \r\n \r\n {\r\n setCalle(selectedOption);\r\n }}\r\n isDisabled={editMode}\r\n options={callesList}\r\n noOptionsMessage={() => 'No hay resultados'}\r\n placeholder=\"Selecciona un calle\"\r\n ref={selectRef}\r\n maxMenuHeight={200}\r\n />\r\n {!loadSearch &&
}\r\n \r\n )\r\n }\r\n\r\n if (stepNumber == 2) {\r\n return(\r\n \r\n Seleccione un día y un tramo horario (mañana o tarde)
\r\n \r\n \r\n setDate(value)}\r\n setDateId={(value) => setDateId(value)}\r\n dateId={dateId}\r\n />\r\n \r\n )\r\n }\r\n\r\n if (stepNumber == 3) {\r\n return(\r\n \r\n Rellene los datos necesarios para la recogida\r\n \r\n \r\n {(ciudadano.telefono == '') && (Campo obligatorio) }\r\n {\r\n setCiudadano({...ciudadano, telefono: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {(ciudadano.email == '') && (Campo obligatorio) }\r\n {\r\n setCiudadano({...ciudadano, email: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCiudadano({...ciudadano, razon_social: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {(ciudadano.nombre == '') && (Campo obligatorio) }\r\n {\r\n setCiudadano({...ciudadano, nombre: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {(ciudadano.apellido == '') && (Campo obligatorio) }\r\n {\r\n setCiudadano({...ciudadano, apellido: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCiudadano({...ciudadano, apellido2: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {(ciudadano.numero == '') && (Campo obligatorio) }\r\n {\r\n setCiudadano({...ciudadano, numero: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCiudadano({...ciudadano, escalera: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCiudadano({...ciudadano, piso: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCiudadano({...ciudadano, puerta: e.target.value});\r\n }\r\n }}\r\n />\r\n \r\n )\r\n }\r\n\r\n if (stepNumber == 4) {\r\n return(\r\n \r\n Selecciona los elementos que SADECO recogerá\r\n \r\n \r\n \r\n \r\n \r\n Carga al {progressPercent}% \r\n \r\n \r\n Carga al 100% \r\n \r\n \r\n \r\n \r\n {\r\n setElemento(selectedOption);\r\n }}\r\n options={elementosList}\r\n placeholder=\"Selecciona un elemento\"\r\n maxMenuHeight={200}\r\n />\r\n \r\n \r\n addElemento()}> \r\n \r\n \r\n \r\n {elementos.map(function(elem, index) {\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n const { value } = e.target;\r\n var aux = [...elementos];\r\n if (value < 0 || value == '') {\r\n aux[index].cantidad = '';\r\n }else{\r\n aux[index].cantidad = value;\r\n }\r\n setElementos(aux);\r\n },\r\n type: \"number\",\r\n min: 0,\r\n max: 1000\r\n }}\r\n />\r\n \r\n \r\n removeElemento(index)}> \r\n \r\n \r\n );\r\n })}\r\n\r\n )\r\n }\r\n\r\n if (stepNumber == 5) {\r\n return(\r\n \r\n Confirmación y resumen de la recogida\r\n \r\n \r\n {isMovilPhone ? 'A continuación, recibirá un código de confirmación de su solicitud en su teléfono móvil mediante SMS. Necesitará introducirlo en el apartado, “inserte el número que le ha llegado por SMS a su móvil”, para que el servicio quede finalmente reservado. En caso de no realizar este paso, el servicio no se registrará y por lo tanto no se prestará' : 'A continuación, recibirá un código de confirmación de su solicitud en su Email. Necesitará introducirlo en el apartado, “inserte el número que le ha llegado por Email”, para que el servicio quede finalmente reservado. En caso de no realizar este paso, el servicio no se registrará y por lo tanto no se prestará'}\r\n \r\n \r\n \r\n \r\n Calle:
\r\n \r\n {calle.label} - {calle.cp}\r\n
\r\n\r\n Fecha:
\r\n \r\n {Moment(date.fecha).format(\"DD MMMM\")}\r\n {date.turno == '01' ? ' Mañana' : ' Tarde'}\r\n
\r\n\r\n Teléfono:
\r\n \r\n {ciudadano.telefono}\r\n
\r\n\r\n Elementos:
\r\n {elementos.map(function(elem, index) {\r\n return(\r\n \r\n {elem.cantidad} {elem.label}\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 const { value } = e.target;\r\n setCodigoConfirmacionInput(value);\r\n if (value == codigoConfirmacion) {\r\n setLimiteSms(3);\r\n setValidateCode(true);\r\n }else{\r\n if (codigoConfirmacion) {\r\n setValidateCode(false);\r\n }\r\n }\r\n }\r\n }}\r\n success={validatedCode}\r\n />\r\n \r\n {validatedCode &&
\r\n \r\n \r\n {numeroRecogida && ID Recogida: {numeroRecogida}
}\r\n \r\n \r\n \r\n {isMovilPhone ? 'Inserte el número que le ha llegado por SMS a su móvil' : 'Inserte el número que le ha llegado por Email'}\r\n
\r\n getCodigoConfirmacion()}>{isMovilPhone ? 'Reenviar SMS ' : 'Reenviar Email '} \r\n \r\n \r\n {date.turno == '01' ?\r\n Hora de recogida: Entre las 8:00 y las 14:00H. Debe depositar los objetos a recoger en el portal antes de las 8:00H del día de la recogida.
\r\n :\r\n Hora de recogida: Entre las 14:00 y las 21:00H. Debe depositar los objetos a recoger en el portal antes de las 14:00H del día de la recogida.
\r\n }\r\n \r\n )\r\n }\r\n }\r\n\r\n const renderBtns = () => {\r\n return(\r\n \r\n \r\n {step > 1 && backStep()}>Anterior }\r\n \r\n \r\n {step < 4 && nextStep()}>Siguente }\r\n {step == 4 && guardarCita()}>Confirmar }\r\n {step == 5 && {\r\n if (editMode) {\r\n if (!numeroRecogida) {\r\n grabarEnseres();\r\n }\r\n }else{\r\n if (validatedCode) {\r\n if (!numeroRecogida) {\r\n grabarEnseres();\r\n }\r\n }else{\r\n toast('Introduce el código de confirmación correcto', {type: 'warning'})\r\n }\r\n }\r\n }}>Finalizar }\r\n \r\n \r\n );\r\n }\r\n\r\n const classes = useStyles();\r\n const { ...rest } = props;\r\n return (\r\n \r\n
}\r\n fixed\r\n isLogin={false}\r\n {...rest}\r\n />\r\n
\r\n\r\n
\r\n {renderResumen()}\r\n
\r\n
\r\n {renderBtns()}\r\n \r\n \r\n {initCountdown &&\r\n \r\n
Tiempo de reserva de cita seleccionada
\r\n
\r\n
\r\n \r\n\r\n {(step == 1 && calle) && \r\n \r\n \r\n \r\n }\r\n\r\n {renderBtns()}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {title} \r\n \r\n \r\n {content}\r\n \r\n \r\n {noBtn ? <> : \r\n {onlyConfirm ? <> : <>\r\n \r\n {cancelIcon ? <>{cancelIcon} : <> \r\n }\r\n \r\n {confirmIcon ? <>{confirmIcon} : <> \r\n }\r\n );\r\n\r\n}\r\n","import { container, title } from \"assets/jss/material-kit-react.js\";\r\n\r\nconst landingPageStyle = {\r\n container: {\r\n zIndex: \"12\",\r\n color: \"#FFFFFF\",\r\n ...container\r\n },\r\n title: {\r\n ...title,\r\n display: \"inline-block\",\r\n position: \"relative\",\r\n marginTop: \"30px\",\r\n minHeight: \"32px\",\r\n color: \"#FFFFFF\",\r\n textDecoration: \"none\"\r\n },\r\n subtitle: {\r\n fontSize: \"1.313rem\",\r\n maxWidth: \"500px\",\r\n margin: \"10px auto 0\"\r\n },\r\n main: {\r\n background: \"#FFFFFF\",\r\n position: \"relative\",\r\n zIndex: \"3\"\r\n },\r\n mainRaised: {\r\n margin: \"-60px 30px 0px\",\r\n borderRadius: \"6px\",\r\n boxShadow:\r\n \"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)\"\r\n }\r\n};\r\n\r\nexport default landingPageStyle;\r\n","import {\r\n customColor,\r\n primaryColor,\r\n warningColor,\r\n dangerColor,\r\n successColor,\r\n infoColor,\r\n roseColor,\r\n grayColor,\r\n title\r\n} from \"assets/jss/material-kit-react.js\";\r\n\r\nconst infoStyle = {\r\n infoArea: {\r\n maxWidth: \"400px\",\r\n margin: \"0 auto\",\r\n padding: \"0px\"\r\n },\r\n iconWrapper: {\r\n float: \"left\",\r\n marginTop: \"24px\",\r\n marginRight: \"10px\"\r\n },\r\n custom: {\r\n color: customColor\r\n },\r\n primary: {\r\n color: primaryColor\r\n },\r\n warning: {\r\n color: warningColor\r\n },\r\n danger: {\r\n color: dangerColor\r\n },\r\n success: {\r\n color: successColor\r\n },\r\n info: {\r\n color: infoColor\r\n },\r\n rose: {\r\n color: roseColor\r\n },\r\n gray: {\r\n color: grayColor\r\n },\r\n icon: {\r\n width: \"36px\",\r\n height: \"36px\"\r\n },\r\n descriptionWrapper: {\r\n color: grayColor,\r\n overflow: \"hidden\"\r\n },\r\n title,\r\n description: {\r\n color: grayColor,\r\n overflow: \"hidden\",\r\n marginTop: \"0px\",\r\n fontSize: \"14px\"\r\n },\r\n iconWrapperVertical: {\r\n float: \"none\"\r\n },\r\n iconVertical: {\r\n width: \"61px\",\r\n height: \"61px\"\r\n }\r\n};\r\n\r\nexport default infoStyle;\r\n","import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/material-kit-react/components/infoStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function InfoArea(props) {\r\n const classes = useStyles();\r\n const { title, description, iconColor, vertical } = props;\r\n const iconWrapper = classNames({\r\n [classes.iconWrapper]: true,\r\n [classes[iconColor]]: true,\r\n [classes.iconWrapperVertical]: vertical\r\n });\r\n const iconClasses = classNames({\r\n [classes.icon]: true,\r\n [classes.iconVertical]: vertical\r\n });\r\n\r\n return (\r\n \r\n
\r\n {props.icon &&
}\r\n
\r\n
\r\n
{title} \r\n
{description.split('
{str}
)}\r\n
\r\n
\r\n
\r\n
\r\n \r\n Debe tener en cuenta que para optimizar el tratamiento y la recuperación de los elementos a recoger, la recogida de enseres habituales y de electrodomésticos (RAEE) se realiza manera diferenciada, por lo que se debe realizar, en caso de ser necesario, en dos solicitudes independientes para su recogida por nuestro servicio
\r\n \r\n {window.location.href = `${PARAMS.baseUrl}gestion/enseres`}} style={{cursor: 'pointer', marginBottom: 30}}>\r\n \r\n
\r\n {window.location.href = `${PARAMS.baseUrl}gestion/enseres`}}>Seleccionar \r\n \r\n {window.location.href = `${PARAMS.baseUrl}gestion/raee`}} style={{cursor: 'pointer'}}>\r\n \r\n Se consideran Aparatos Eléctricos y Electrónicos (AEE) a todos los aparatos que, para funcionar debidamente, necesitan corriente eléctrica.
\r\n {window.location.href = `${PARAMS.baseUrl}gestion/raee`}}>Seleccionar \r\n \r\n \r\n
\r\n
\r\n Su recogida con ID {modalId} ha sido editada\r\n : \r\n Su recogida con ID {modalId} ha sido confirmada\r\n }\r\n )\r\n }\r\n\r\n\r\n const formAnulacion = () => {\r\n return(<>\r\n \r\n Introduzca la información de su Recogida\r\n \r\n \r\n {\r\n setIdRecogida(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTelefono(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {validId ? <>\r\n {!anular &&\r\n <>\r\n \r\n {\r\n if (tipo == '01') {\r\n window.location.href = `${PARAMS.baseUrl}gestion/enseres`\r\n }else{\r\n window.location.href = `${PARAMS.baseUrl}gestion/raee`\r\n }\r\n }}>Modificar \r\n \r\n \r\n setAnular(true)}>Anular \r\n \r\n }\r\n :\r\n \r\n {load ?\r\n {\r\n if (idRecogida && telefono) {\r\n validarRecogida()\r\n }else{\r\n toast('Introduce tu teléfono y una id de recogida', {type: \"warning\"});\r\n }\r\n }}>Buscar \r\n :\r\n
\r\n }\r\n \r\n }\r\n\r\n {anular && <>\r\n \r\n Seleccione una causa\r\n \r\n \r\n {\r\n setCausaAnulacion(selectedOption);\r\n }}\r\n options={causasAnulacion}\r\n noOptionsMessage={() => 'No hay resultados'}\r\n placeholder=\"Selecciona una causa\"\r\n />\r\n \r\n \r\n Observaciones de Anulación\r\n \r\n \r\n {\r\n setObservacionesAnulacion(e.target.value);\r\n },\r\n multiline: true,\r\n rows: 4\r\n }}\r\n />\r\n \r\n \r\n anularRecogida()}>Confirmar \r\n \r\n }\r\n )\r\n }\r\n\r\n const classes = useStyles();\r\n const { ...rest } = props;\r\n\r\n return (\r\n \r\n
}\r\n fixed\r\n isLogin={false}\r\n {...rest}\r\n />\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Enseres\r\n \r\n \r\n Inicio | Enseres\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n PROTECCIÓN DE DATOS. (Reglamento EU 2016/679- L.O.P.D.GDD. 3/2018). Se informa que los datos recogidos, serán incluidos en los ficheros de SADECO . Son necesarios para poder prestarle los servicios solicitados, y solo serán usados para la finalidad requerida de recogida de enseres, cualquier otro uso requerirá del consentimiento del usuario/a. Los datos no serán comunicados/cedidos a terceros, excepto en aquellas obligaciones derivadas legalmente. Se conservarán exclusivamente a efectos de control y responsabilidad sobre los servicios prestados. Podrá ejercer, en cualquier momento, los derechos que la legislación dispone en la dirección de la entidad, o bien ante el Delegado de Protección de Datos: delegado_pd@sadeco.es Más información en: www.sadeco.es/politica-de-privacidad
\r\n \r\n \r\n \r\n \r\n \r\n ¿Tienes una recogida confirmada?\r\n \r\n \r\n setOpen(true)}>Modificar \r\n \r\n setOpen(false)}\r\n content={formAnulacion()}\r\n noBtn={true}\r\n />\r\n {\r\n setOpenConfirm(false)\r\n localStorage.removeItem('confirmadoModal');\r\n localStorage.removeItem('editadoModal');\r\n }}\r\n content={formConfirm()}\r\n noBtn={true}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","import Enseres from \"views/Enseres/Enseres\";\r\nimport LandingPage from \"views/LandingPage/LandingPage\";\r\n\r\nconst webRoutes = [\r\n {\r\n path: \"/gestion/:id\",\r\n component: Enseres,\r\n },\r\n {\r\n path: \"/\",\r\n component: LandingPage,\r\n }\r\n];\r\n\r\nexport default webRoutes;\r\n","import React, { Component } from \"react\";\r\n\r\nimport PARAMS from \"utils/PARAMS\";\r\nimport GridContainer from \"components/Grid/GridContainer\";\r\nimport Loader from \"react-spinners/RingLoader\";\r\nimport { Router, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport rutas from \"routes.js\";\r\n\r\n// core components\r\nimport { createBrowserHistory } from \"history\";\r\nimport { createGlobalStyle } from 'styled-components';\r\nimport franklinGothicStdBook from 'assets/font/ITCFranklinGothicStd-Book.ttf';\r\nimport franklinGothicStdDemi from 'assets/font/ITCFranklinGothicStd-Demi.ttf';\r\nconst GlobalStyle = createGlobalStyle`\r\n @font-face {\r\n font-family: 'ITC Franklin Gothic Std Demi';\r\n src: url(${franklinGothicStdDemi});\r\n }\r\n @font-face {\r\n font-family: 'ITC Franklin Gothic Std Book';\r\n src: url(${franklinGothicStdBook});\r\n }\r\n`;\r\n\r\nconst hist = createBrowserHistory();\r\n\r\nclass App extends Component {\r\n state = {\r\n apiToken: localStorage.getItem(\"apiToken\") || \"\",\r\n user: localStorage.getItem(\"userType\") || \"entidad\",\r\n admin: false,\r\n load: false,\r\n permiso: null\r\n };\r\n\r\n setApiToken = token => {\r\n this.setState({ apiToken: token });\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ load: true });\r\n }\r\n\r\n render() {\r\n if (this.state.load) {\r\n return (\r\n <>\r\n \r\n \r\n {rutas.map((prop, key) => {\r\n let Componente = prop.component;\r\n return (\r\n \r\n \r\n \r\n );\r\n }else{\r\n return(\r\n \r\n \r\n )\r\n }\r\n\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport {\r\n render\r\n} from 'react-dom';\r\nimport App from \"./components/App\";\r\nimport { ToastContainer } from 'react-toastify';\r\nimport \"assets/scss/material-kit-react.scss?v=1.9.0\";\r\n// import \"./components/Translations/i18n\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nrender( <>\r\n < App / >\r\n \r\n , document.querySelector('#root'));\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAOUSURBVHjavJhLTxtXFMd/jHnYM35AsV2JRn5ANtGAFEttxaINlcqiJfkCbTf9EFUWVdQoRN3wDfIB4izSZUKzoBKGjaVEpZIhidS62C6BBtvgwR7jWDHt5lqyLM8dv5K/NAvPOfecv++cex53xPx9lx4QBFaAJWAeiABeITsDMsAukACeAP/aGVRjOgCjXRL4HLgJfCVZ4xfPx8D3QAP4FVgDtu0cKDbyWeARsAXc6IE4gEOs2RI2Zvsl8g2wA1xncFwXtr7tlchPQLzl+w8DXuC+sN0VkR+BO7w73AFutb8c7fA5fu7W4mEjt9f6e8YR0rtcehdIAw86EYkC9+wsHDQyqTP1vDjlD09/6P00qk343BcXDcr105Oj8j+pUiFb9FRd05cckQUbU/eAJLAPMNKSRx7JAvOwkdszXGb+8ty1mM8Z9Mk8GLVj4890Ymfy3B2w2aXHaky/0UrkM9lZP7zI7p4HxisLoeXFXoIhldtIuvJ194wSnpeoXVNj+nYzWG/KdqIfEgALoeXF88B4pT2W2vBD89QEga+ttEqqme+HRCuZkmrmJSor1Z29oCJqx6hVYF6Z+/KTQc/rlcvLiweNTMpCPAqsKKKAdURZqxW1iSltUCLa+KTzTKsVJSpfKKKKdsSUP+IfVhb7wB8NSMS6Ikp5xyD1eyORYRHxe8NhSdBGFcBjuaVjPvewiLjHpbY8CjBiJW3895b3BQUoWwmrdeNkWI4qdaMiEZeVZq5vx4wjpJ9UDg6HRaRwls1K0n1GASyz3mkhUxgWkZPCviyp7SrApmUEmc5p882pOSgJs16q+arOaYlKQhENbseovOSILLxM//Z0UCIv/9pIfqRYtgVvgXUFeC1a/47wVbVAKreR7JdEKreR9FU1WTJ7osb0183qu2alNeMI6a583f3iVaLnnXnxKvHUla+7bXqStdaedRt4bElGCc+PHVXVZ88fbhq1Y8OOgFE7Np49/2Vz7Kiq2vQi62pM327v0GaBP2SZtlmRy1qtOOWPBgKecFibmHQDmG9KlXw5mz0t7Oc9prObVrEMXFVj+t/tRBBzx/330DwDfAfErUbOODAHrHZjqUfHrbgtfEnnmrtC8V3hdqc/ajXprYqtqwyRQEXYXO119o0DV2WnqQesC1vxfm8D0mKiXxJzT6MH5xdizZKYl9Iy5W6vGbbEExRGmxc1YaA5bBlAVlzUbInScdQt6/8HAMCYMfkcvDUEAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABzElEQVRYhcXYvU4VQRjG8d+Z2ILdsdBEsdVEL0CDpQFvALwBGqkMhTEasDulXIN4A4qUIhdATLDkw0SjJNvooVRjMbMCK3uyJ647T7ezM+/8szvzfvWKojCG+pjBNK7jCibTu+84wA42sYGvTQ33GoLcxhLu4lxD2z/xBgNs/SvIVTzHbMPN6/Qai9irmxBGLJ7DdgsQko1tzI8L8gRrjv9/G5rEi2S7EcgjLLcIUNUyHlcHq2dkTvwSXWgeL88CmcJ7THQEMsQN7HP616x2CCHttVo+lCC3tHM7xtWs6KP+gCxlgCj1kHhG+visucdsWz9wMYixIxeEtPdMEANYbt0JYhTNrWtBDOW5NRV06zvqNBHQy01B9CPD3BAYBsnXZ9ZBwIfcFNgJeJubApu9oigu4JO8Lv5SwKGY+ufSBg7L6DvICDLgOA3YElP+rrWe9j6VoS3q1qcM8aB8OAmyh4UOQRacKLiq5cSamrqjZT1VqRbOqmuepYn/E2KlOlhX6a3gPo5aBDhKNv+CGAVC/HQ3tXOb1pOt2uJtFAjs4p6YTr4SWw1N9SutmRbLht1Rk5v2R0r1k9GyUXMZ59O7b/goNmreib2RL00N/wbvwWNtvX7gjwAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAACuElEQVRYhcWYwU7UQBjHf53QwB6gPWyasheFqybyACoeFX0B8B08GQ7GaMDbHn0H8QUEOYo8AJjgEcXDZpcNh46Q3ZCC9TCtrrWdmd2t+D9tdr7+55fpzDffV+fk5IQhFABLwCJwE7gOzKRj34Ej4ADYAbaBjq2xYwlyB1gF7gMTlt6XwHugCeyOCzIPvAYeWk5epk3gCfClLEBoHl4G9iqAIPXYA1aGBXkBbPD7/VehGeBN6m0F8gxYqxAgrzXgef7P/B5ZRq3EVWgFeFsEMgd8AqZ1TydJgpQSKSW9Xo84jnEcB9d1qdVqeJ6H53k4jmMCOQVuAV/zIO8wbEwpJe12m/Pzc+0Mk5OTzM7O4nmeCWYTeDQIchvNWU+ShE6nQ7fbNRn/oSAICMPQtDp3gd1ss67qIkeBAOh2u3Q6xuT6FNSpCYAHZVFSypEgBmGklLqQJSAQ6Y/CtJ0kCa1Wa2SITK1WiyRJyoYngCWBusAKFUURcRyPDRLHMVEU6ULuCdQtWijDkg4lg9cNgbrKC9Xv9ysDMXjNCTQJrIrXYuk1LYDSQ26RHSuTQKXaQrmuW9lEBq9TQZrrizQ1NVUZSK1W0w0fCeBz2ajFXWEtg9eBAD6Ujfq+X8nrcV0X3/d1ITsCVeBeFI06jkOj0RgbpNFo6Db+BbAlgGNU6V8o3/cJgmBkiCAITKuxDRxnt29TFxmGIfV6fWiIer1OGIamsCb8/8JoK5tzEGQe2MeiVIyiCCkl/X7/V8YcLBV937ctFRdIe5188byCKvmvQo8ZKNTz7cQGJX1HxXpJrlso6mtepYH/EmI9/2dZp7eOWrqzCgHOUs+/IHQgoJZuAVXyj6ut1Ku0edOBAByi+o5F1PG+HGLyH+kzi6gjeqgLtv0+kilITbMPNdeALFlI4BvqQ81H1NXRtjX+CVMb5xT1BC/gAAAAAElFTkSuQmCC\""],"sourceRoot":""} ![\"Sadeco\"]({require(\"assets/img/enseres-logo.png\")})
\r\n ![\"Sadeco\"]({require(\"assets/img/otros-logo.png\")})
\r\n