\r\n
\r\n\r\n }\r\n {message}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {profile?.Informacion?.Nombre[0]} \r\n
\r\n {`${profile?.Informacion?.Nombre} ${profile?.Informacion?.ApellidoPaterno} ${profile?.Informacion?.ApellidoMaterno}`}
\r\n{profile.Email}
\r\n{`${profile?.Rol?.Name}`}
\r\n- \r\n {permisos.map((item, index) => {\r\n if (!item.Icono)\r\n return null\r\n return (\r\n
\r\n \r\n \r\n {children}\r\n \r\n
\r\n );\r\n}\r\n","import {makeStyles} from '@material-ui/core/styles';\r\nexport const VProveedorStyle = makeStyles ((theme) => ({\r\n center:{\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n contentMargin:{\r\n margin: \"10px 0\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n }\r\n}));","import {makeStyles} from \"@material-ui/core\";\r\nimport { TextField } from \"@material-ui/core\";\r\nimport styled from 'styled-components';\r\n\r\nexport const FProveedoresStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n\r\n\r\nexport const StyledTextField = styled(TextField)`\r\n label.focused {\r\n color: #1976D2; 馃挌\r\n }\r\n .MuiOutlinedInput-root {\r\n fieldset {\r\n border-color: #757575; 馃挃\r\n }\r\n &:hover fieldset {\r\n border-color: #BBDEFB; 馃挍\r\n }\r\n &.Mui-focused fieldset {\r\n border-color: #1976D2; 馃挌\r\n }\r\n}\r\n`;","import {useEffect, useState} from \"react\";\r\nimport axios from \"axios\";\r\nimport { APIURL, AUTH_CREDENTIALS_NAME } from \"../Constantes\";\r\nconst useApi = (url=\"\") =>{\r\n const getCabecera = () =>{\r\n let Token = localStorage.getItem(AUTH_CREDENTIALS_NAME);\r\n let cabecera = { Authorization: `bearer ${Token}`,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",}\r\n return cabecera;\r\n }\r\n const [data, setData] = useState([]);\r\n useEffect(() =>{\r\n const getAPI = async () =>{\r\n try {\r\n const response = await axios.get(`${APIURL}/${url}`,\r\n {\r\n headers: getCabecera()\r\n });\r\n switch (response.status) {\r\n case 200:\r\n setData(response.data)\r\n break;\r\n default:\r\n setData([]);\r\n break;\r\n }\r\n } catch (error) {\r\n setData([]);\r\n }\r\n }\r\n getAPI();\r\n return () =>{\r\n setData([]);\r\n }\r\n },[url])\r\n return data;\r\n}\r\nexport default useApi;","import axios from \"axios\";\r\nimport { APIURL } from \"./../Constantes\";\r\nimport { getCabecera } from \"../utils/getCabecera\";\r\nimport { getError } from \"../utils/errors\";\r\n\r\nconst urlProveedor = \"Supplier\";\r\n\r\nexport const newProveedor = async ({payload}) =>{\r\n return axios.post(`${APIURL}/${urlProveedor}`, payload, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return getError(Error);\r\n })\r\n}\r\n\r\nexport const updateProveedor = async ({payload, idProveedor}) =>{\r\n return axios.put(`${APIURL}/${urlProveedor}/Information/${idProveedor}`, payload, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return getError(Error);\r\n })\r\n}\r\n\r\nexport const updateProveedorEstatus = async ({idProveedor, Estatus}) =>{\r\n return axios.put(`${APIURL}/${urlProveedor}/Information/drop/${idProveedor}/${Estatus}`, {}, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return getError(Error)\r\n })\r\n}\r\n\r\nexport const getProveedoresAll = async () =>{\r\n return axios.get(`${APIURL}/${urlProveedor}/find`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}\r\n\r\nexport const getProveedorById = async ({idProveedor}) =>{\r\n return axios.get(`${APIURL}/${urlProveedor}/${idProveedor}`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return {};\r\n })\r\n}\r\n\r\nexport const getProveedoresMayoristas = async () =>{\r\n return axios.get(`${APIURL}/${urlProveedor}/wholesaler`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}\r\n/**\r\n * \r\n * TODO: Metodos proveedores usarios\r\n * \r\n */\r\nexport const getProveedorUsuarios = async ({idProveedor}) =>{\r\n return axios.get(`${APIURL}/${urlProveedor}/Users/${idProveedor}`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}\r\n\r\nexport const newProveedorUsuario = async ({payload}) =>{\r\n return axios.post(`${APIURL}/${urlProveedor}/UserInformation`, payload, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return Error.response.data;\r\n })\r\n}\r\n\r\nexport const getProveedorUsuarioById = async ({idUsuario}) =>{\r\n return axios.get(`${APIURL}/${urlProveedor}/User/${idUsuario}`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return {};\r\n })\r\n}","import {\r\n updateProveedorEstatus,\r\n getProveedoresAll,\r\n newProveedor,\r\n getProveedorById,\r\n updateProveedor,\r\n} from \"../services/serviceProveedores\";\r\n\r\nconst dataInicial = {\r\n array: [],\r\n exito: 0,\r\n proveedor: {},\r\n};\r\n\r\nconst POST_PROVEEDOR_ADD = \"POST_PROVEEDOR_ADD\";\r\nconst PUT_PROVEEDOR = \"PUT_PROVEEDOR\";\r\nconst GET_PROVEEDOR_ALL = \"GET_PROVEEDOR_ALL\";\r\nconst GET_PROVEEDOR_BY_ID = \"GET_PROVEEDOR_BY_ID\";\r\nconst DELETE_PROVEEDOR = \"DELETE_PROVEEDOR\";\r\nconst CLEAR_PROVEEDOR_ALL = \"CLEAR_PROVEEDOR_ALL\";\r\n\r\nexport default function proveedorReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_PROVEEDOR_BY_ID:\r\n return { ...state, proveedor: action.payload.proveedor };\r\n case DELETE_PROVEEDOR:\r\n return {\r\n ...state,\r\n array: action.payload.array,\r\n exito: action.payload.exito,\r\n };\r\n case CLEAR_PROVEEDOR_ALL:\r\n return {\r\n ...state,\r\n array: action.payload.array,\r\n exito: action.payload.exito,\r\n };\r\n case GET_PROVEEDOR_ALL:\r\n return { ...state, array: action.payload.array };\r\n case POST_PROVEEDOR_ADD:\r\n return {\r\n ...state,\r\n exito: action.payload.exito,\r\n array: action.payload.array,\r\n };\r\n case PUT_PROVEEDOR:\r\n return {\r\n ...state,\r\n exito: action.payload.exito,\r\n array: action.payload.array,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const actulizaProveedorAction =\r\n (payload, idProveedor) => async (dispatch) => {\r\n const response = await updateProveedor({ payload, idProveedor });\r\n const newProveedores = await getProveedoresAll();\r\n dispatch({\r\n type: PUT_PROVEEDOR,\r\n payload: {\r\n array: newProveedores,\r\n exito: 1,\r\n },\r\n });\r\n return response;\r\n };\r\n\r\nexport const altaProveedorAction = (payload) => async (dispatch) => {\r\n const response = await newProveedor({ payload });\r\n const newProveedores = await getProveedoresAll();\r\n dispatch({\r\n type: POST_PROVEEDOR_ADD,\r\n payload: {\r\n array: newProveedores,\r\n exito: 1,\r\n },\r\n });\r\n return response;\r\n};\r\nexport const eliminarProveedorAction =\r\n (idProveedor, Estatus) => async (dispatch) => {\r\n const response = await updateProveedorEstatus({ idProveedor, Estatus });\r\n const newProveedores = await getProveedoresAll();\r\n dispatch({\r\n type: DELETE_PROVEEDOR,\r\n payload: {\r\n array: newProveedores,\r\n exito: 1,\r\n },\r\n });\r\n return response;\r\n };\r\n\r\nexport const obtenerProveedoresAllAction = () => async (dispatch) => {\r\n const proveedores = await getProveedoresAll();\r\n dispatch({\r\n type: GET_PROVEEDOR_ALL,\r\n payload: {\r\n array: proveedores,\r\n },\r\n });\r\n return proveedores;\r\n};\r\n\r\nexport const obtenerProveedoresByIdAction =\r\n (idProveedor) => async (dispatch) => {\r\n const proveedor = await getProveedorById({ idProveedor });\r\n dispatch({\r\n type: GET_PROVEEDOR_BY_ID,\r\n payload: {\r\n proveedor: proveedor,\r\n },\r\n });\r\n return proveedor;\r\n };\r\n\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_PROVEEDOR_ALL,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n};\r\n","import { Modal, Fade, Backdrop } from \"@material-ui/core\";\r\nconst ModalBase = ({ children, open, handleClose, classes }) => {\r\n return (\r\n {children}
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n children\r\n }\r\n
\r\n\r\n )\r\n}\r\nexport default HeaderModal;","export const alingDiv ={\r\n width: \"100%\",\r\n padding: \"15px auto\",\r\n margin: \"15px auto\",\r\n}\r\nexport const containerFile = {\r\n width: \"100%\",\r\n padding: \"auto\",\r\n margin: \"5px auto\",\r\n}\r\nexport const baseStyle = {\r\n flex: 1,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n padding: \"15px\",\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: \"#eeeeee\",\r\n borderStyle: \"dashed\",\r\n backgroundColor: \"#fafafa\",\r\n color: \"#bdbdbd\",\r\n outline: \"none\",\r\n width: \"90%\",\r\n margin: \"5px auto\",\r\n transition: \"border .24s ease-in-out\",\r\n};\r\n\r\nexport const focusedStyle = {\r\n borderColor: \"#2196f3\",\r\n};\r\n\r\nexport const acceptStyle = {\r\n borderColor: \"#00e676\",\r\n};\r\n\r\nexport const rejectStyle = {\r\n borderColor: \"#ff1744\",\r\n};\r\n\r\nexport const thumbsContainer = {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n marginTop: 16,\r\n};\r\n\r\nexport const thumb = {\r\n display: \"inline-flex\",\r\n borderRadius: 1,\r\n border: \"1px solid #eaeaea\",\r\n marginBottom: 1,\r\n marginRight: 1,\r\n width: \"100%\",\r\n maxWidth: 150,\r\n height: 100,\r\n padding: 4,\r\n boxSizing: \"border-box\",\r\n};\r\n\r\nexport const thumbInner = {\r\n display: \"flex\",\r\n minWidth: 0,\r\n overflow: \"hidden\",\r\n};\r\n\r\nexport const img = {\r\n display: \"block\",\r\n width: \"100%\",\r\n maxWidth: 150,\r\n height: \"auto\",\r\n};\r\n","import React, { useMemo, useEffect } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport {\r\n baseStyle,\r\n focusedStyle,\r\n acceptStyle,\r\n rejectStyle,\r\n thumb,\r\n thumbInner,\r\n img,\r\n thumbsContainer,\r\n containerFile,\r\n alingDiv\r\n} from \"./styles\";\r\nimport { ToastMessage } from \"./../ToastMessage\";\r\n\r\nconst maxLength = 2;\r\nfunction nameLengtValidator(file) {\r\n if (file.name.length < maxLength) {\r\n return {\r\n code: \"Advertencia\",\r\n message: \"El nombre del archivo debe tener 12 caracteres o mas\"\r\n };\r\n }\r\n return null;\r\n}\r\nconst UploadInput = (props) => {\r\n const { maxFiles = 4, files = [], setFiles = () => { }, multiple = true, accept = '.jpeg,.png,.jpg,.webp', isPreview = true } = props;\r\n const {\r\n acceptedFiles,\r\n fileRejections,\r\n getRootProps,\r\n getInputProps,\r\n isFocused,\r\n isDragAccept,\r\n isDragReject,\r\n } = useDropzone({\r\n maxFiles: maxFiles,\r\n maxSize: 4214839,\r\n multiple: multiple,\r\n accept: accept,\r\n validator: nameLengtValidator,\r\n onDrop: (acceptedFiles) => {\r\n setFiles(\r\n acceptedFiles.map((file) =>\r\n Object.assign(file, {\r\n preview: URL.createObjectURL(file),\r\n })\r\n )\r\n );\r\n },\r\n });\r\n\r\n const thumbs = files.map((file) => (\r\n \r\n {titulo}\r\n
\r\n\r\n
\r\n ));\r\n\r\n const listName = files.map((file) => (\r\n \r\n 
\r\n
\r\n \r\n
\r\n ));\r\n\r\n useEffect(() => {\r\n // Make sure to revoke the data uris to avoid memory leaks\r\n // console.log(\"archivos effect\", files)\r\n // console.log(\"acepted File\", acceptedFiles)\r\n return () => {\r\n files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n }\r\n\r\n }, [acceptedFiles, files]);\r\n\r\n const style = useMemo(\r\n () => ({\r\n ...baseStyle,\r\n ...(isFocused ? focusedStyle : {}),\r\n ...(isDragAccept ? acceptStyle : {}),\r\n ...(isDragReject ? rejectStyle : {}),\r\n }),\r\n [isFocused, isDragAccept, isDragReject]\r\n );\r\n\r\n fileRejections.forEach(({ file, errors }) => {\r\n errors.forEach((e) => {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: ` ${e.code}`,\r\n text: `El archivo ${file.name} ${e.code} ${e.message}`,\r\n });\r\n })\r\n })\r\n // const fileRejectionItems = fileRejections.map(({file, errors}) =>(\r\n // {file.name}
\r\n- \r\n // {errors.map(e =>(\r\n //
- {e.message} \r\n // ))}\r\n //
\r\n \r\n
\r\n {\r\n isPreview && \r\n }\r\n {\r\n !isPreview && \r\n }\r\n \r\n Arrastre y suelte algunos archivos aqu铆, o haga clic para seleccionar\r\n archivos\r\n
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import React, { Fragment } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport handleRenderOption from \"./handleRenderOption\";\r\nconst AutoInput = (props) => {\r\n const {name=\"\", data=[], label=\"\", setTarget=()=>{}, error=false, helperText=\"\"} = props;\r\n const getOptionHangle = (event, valor) =>{\r\n if(valor){\r\n setTarget(valor)\r\n } else {\r\n setTarget({IdCodigo: 0})\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n 0 ? false : true}\r\n >\r\n \r\n \r\n \r\n Nuevo vuelo \r\n \r\n \r\n Seleccione un destino para el vuelo a {origen.Descripcion}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Aerolinea \r\n \r\n \r\n {catProveedores.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 && proveedor !== \"\" ? false : true}\r\n >\r\n Agregar\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaVuelo;\r\n","import { useEffect, useState } from \"react\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport {\r\n Grid,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n MenuItem,\r\n Button,\r\n FormControlLabel,\r\n Checkbox,\r\n} from \"@material-ui/core\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport useGetAPI from \"../../../hooks/useGetAPI\";\r\nimport AutoInputIATA from \"./../AutoInputIATA\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { altaPaqueteVueloAction } from \"./../../../ducks/paqueteDuck\";\r\nimport { obtenerVuelosByIdPaqueteAction } from \"./../../../ducks/vueloDuck\";\r\nimport useCatalogos from \"../../../hooks/useCatalogos\";\r\nimport AltaVuelo from \"./AltaVuelo\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport HeaderModal from \"./../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nconst FPaquetesVuelos = (props) => {\r\n const { open = true, setOpen = () => { }, rowData = {} } = props;\r\n const dispatch = useDispatch();\r\n const classes = FPaquetesStyle();\r\n const catalogoIATA = useCatalogos(\"IATA\");\r\n const [IdVuelo, setIdVuelo] = useState(0);\r\n const [proveedor, setProveedor] = useState(\"\")\r\n const vuelosPaquete = useSelector((state) => state.vuelos.array);\r\n const [origen, setOrigen] = useState({ IdCodigo: 0 });\r\n const catVuelos = useGetAPI(`/Fligth/Destination/${origen.IdCodigo}`);\r\n const catProveedores = useGetAPI(`/Supplier/flight`);\r\n const [isLoad, setIsload] = useState(false);\r\n const [redondo, setRedondo] = useState(false);\r\n useEffect(() => {\r\n setIsload(true);\r\n dispatch(obtenerVuelosByIdPaqueteAction(rowData.IdPaquete)).then(\r\n (Response) => {\r\n setIsload(false);\r\n }\r\n );\r\n }, [dispatch, rowData.IdPaquete]);\r\n\r\n const onGuardar = () => {\r\n if (IdVuelo > 0) {\r\n if (proveedor) {\r\n let payload = {\r\n IdPaquete: rowData.IdPaquete,\r\n IdVuelo: IdVuelo,\r\n Redondo: (redondo) ? 1 : 0,\r\n ClaveProveedor: proveedor,\r\n ClavePaquete: rowData.ClavePaquete,\r\n };\r\n dispatch(altaPaqueteVueloAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n dispatch(obtenerVuelosByIdPaqueteAction(rowData.IdPaquete));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setIdVuelo(0);\r\n setProveedor(\"\")\r\n setRedondo(false)\r\n };\r\n const handleClose = () => {\r\n setOpen(!open);\r\n LimpiarForm();\r\n };\r\n const handleSelecVuelo = (event) => {\r\n setIdVuelo(event.target.value);\r\n };\r\n const handleSelectProveedor = (event) => {\r\n setProveedor(event.target.value);\r\n }\r\n const handleChangeRedondo = () => {\r\n setRedondo(!redondo);\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Descripci贸n extra \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default DialogDescripcion","import { useState } from \"react\";\r\nimport { Tooltip, Grid, FormControl, Select, MenuItem, InputLabel } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport PlaylistAddIcon from '@material-ui/icons/PlaylistAdd';\r\nimport UploadInput from \"../../../global/UploadInput\";\r\nimport useCatalogos from \"../../../hooks/useCatalogos\";\r\nimport { getBase64 } from \"../../../utils/fileBase64\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { actulizaPaquetetipoAction } from \"./../../../ducks/paqueteDuck\"\r\nimport { obtenerExtrasByIdPaqueteAction } from \"./../../../ducks/extrasDuck\"\r\nconst FTipoExtra = (props) => {\r\n const { idExtra, Nombre, idPaquete } = props\r\n const dispatch = useDispatch()\r\n const catTipoExtra = useCatalogos(\"Extras\");\r\n const [open, setOpen] = useState(false);\r\n const [file, setFile] = useState([]);\r\n const [tipoExtra, setTipoExtra] = useState(0);\r\n const [load, setLoad] = useState(false)\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleSelecTipoExtra = (event) => {\r\n setTipoExtra(event.target.value);\r\n };\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n setLoad(true);\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n idExtra: idExtra,\r\n idCatExtra: tipoExtra,\r\n imagen: Logobase64,\r\n extencion:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(actulizaPaquetetipoAction(payload)).then((Response) => {\r\n setLoad(false);\r\n if (Response.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema con el servidor\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerExtrasByIdPaqueteAction(idPaquete))\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n });\r\n });\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setTipoExtra(0);\r\n setFile([]);\r\n setLoad(false)\r\n setOpen(false)\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Asignar tipo extra a {Nombre} \r\n \r\n \r\n \r\n \r\n \r\n {tipoExtra > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FTipoExtra","import { useState } from 'react';\r\nimport { Editor } from 'react-draft-wysiwyg';\r\nimport { EditorState, convertToRaw, ContentState } from \"draft-js\";\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport htmlToDraft from 'html-to-draftjs';\r\nimport draftToMarkdown from 'draftjs-to-markdown'\r\nimport './../../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nconst ControllerEditor = (props) => {\r\n const {\r\n content = '\r\n \r\n Tipo Extra \r\n \r\n \r\n {catTipoExtra.map((item, index) => (\r\n \r\n {`${item.Descripcion}`}\r\n \r\n ))}\r\n \r\n \r\n
\r\n Hola escribe a qui tu texto
',\r\n onValue,\r\n height = \"400px\",\r\n onValuePlan = () => { }\r\n } = props\r\n const blocksFromHtml = htmlToDraft(content);\r\n const { contentBlocks, entityMap } = blocksFromHtml;\r\n const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);\r\n const [editorState, setEditorState] = useState(EditorState.createWithContent(contentState))\r\n\r\n const changeEditor = (EditorState) => {\r\n onValuePlan(draftToMarkdown(convertToRaw(editorState.getCurrentContent())))\r\n onValue(draftToHtml(convertToRaw(EditorState.getCurrentContent())))\r\n setEditorState(EditorState)\r\n }\r\n\r\n return (\r\n\r\n
\r\n )\r\n}\r\nexport default ControllerEditor","import { useState } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Tooltip, Grid, InputAdornment } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport {\r\n obtenerExtrasByIdPaqueteAction,\r\n actulizaExtraAction,\r\n actulizaExtraPrecioAction\r\n} from \"../../../ducks/extrasDuck\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport ControlledEditor from \"../../../global/ControlledEditor\"\r\n\r\nconst validationSchema = yup.object({\r\n nombre: yup.string(\"Ingresa un nombre\").required(\"Nombre es requerido\"),\r\n suplemento: yup\r\n .number(\"Ingresa un precio neto\")\r\n .required(\"Precio neto es requerido\"),\r\n})\r\n\r\nconst InitalValues = {\r\n nombre: \"\",\r\n suplemento: 0,\r\n}\r\n\r\nconst ActualizaExtra = (props) => {\r\n const { idPaquete = 0, idExtra = 0, Moneda = \"\", Nombre = \"\", Precio = 0, Descripcion = \"\" } = props\r\n console.log(\"馃殌 ~ file: ActulizaExtra.js:37 ~ ActualizaExtra ~ IdPaquete:\", idPaquete)\r\n const classes = FPaquetesStyle()\r\n const dispatch = useDispatch()\r\n const [open, setOpen] = useState(false)\r\n const [isLoad, setIsload] = useState(false)\r\n const [planDescripcion, setPlanDescripcion] = useState(\"\")\r\n const [descripcion, setDescripcion] = useState('Escribe aqui tu texto
')\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n LimpiarForm()\r\n formik.setFieldValue(\"nombre\", Nombre)\r\n formik.setFieldValue(\"suplemento\", Precio)\r\n setDescripcion(Descripcion)\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n LimpiarForm()\r\n }\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n setIsload(true);\r\n dispatch(actulizaExtraAction({ IdExtra: idExtra, Descripcion: descripcion, Nombre: values.nombre })).then((Response) => {\r\n setIsload(false);\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(actulizaExtraPrecioAction({ IdExtra: idExtra, IdPaquete: idPaquete, Precio: values.suplemento, Descripcion: planDescripcion })).then((respueta) => {\r\n if (respueta?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (respueta?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: respueta?.Message,\r\n });\r\n return null\r\n }\r\n setOpen(false);\r\n dispatch(obtenerExtrasByIdPaqueteAction(idPaquete));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n });\r\n LimpiarForm();\r\n })\r\n })\r\n },\r\n })\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues);\r\n setDescripcion('Escribe aqui tu texto
');\r\n };\r\n const onDescripcionValue = value => {\r\n setDescripcion(value)\r\n }\r\n const onDescripcionPlanValue = value => {\r\n setPlanDescripcion(value)\r\n }\r\n return (\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\nexport default ActualizaExtra;\r\n","import { useState } from \"react\";\r\nimport { Tooltip, Typography } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport WallpaperIcon from '@material-ui/icons/Wallpaper';\r\nimport { APIURL } from \"../../../Constantes\";\r\nconst DialogTipoExtra = (props) => {\r\n const { TipoExtra, idExtra } = props\r\n const [open, setOpen] = useState(false);\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tipo extra \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default DialogTipoExtra","import React from \"react\";\r\nimport {\r\n Button,\r\n Paper,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n ButtonGroup,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport { formatDinero } from \"./../../../utils/formatDinero\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { eliminarExtraPaqueteAction, obtenerExtrasByIdPaqueteAction } from \"../../../ducks/extrasDuck\";\r\nimport Swal from \"sweetalert2\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport DialogDescripcion from \"./DialogDescipcion\";\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport FTipoExtra from \"./FTipoExtra\";\r\nimport ActualizaExtra from \"./ActulizaExtra\";\r\nimport DialogTipoExtra from \"./DialogTipoExtra\";\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%'\r\n },\r\n container: {\r\n maxHeight: 350,\r\n },\r\n})\r\n\r\nconst TablaRegistro = (props) => {\r\n const { rows = [], idPaquete = 0, Moneda = \"\" } = props;\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const onDelete = (row) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro?',\r\n text: \"隆No podr谩s revertir esto!\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: '隆Eliminarlo!',\r\n cancelButtonText: '隆Cancelar!',\r\n reverseButtons: true\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(eliminarExtraPaqueteAction(idPaquete, row.Extra.IdExtra)).then(Response => {\r\n dispatch(obtenerExtrasByIdPaqueteAction(idPaquete));\r\n ToastMessage.fire(\r\n '隆Elimminado!',\r\n '隆El extra ha sido eliminada!',\r\n 'success'\r\n )\r\n })\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n result.dismiss === Swal.DismissReason.cancel\r\n ) {\r\n ToastMessage.fire(\r\n 'Cancelado',\r\n 'No se ha realizado ningun cambio',\r\n 'info'\r\n )\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n {TipoExtra} \r\n
\r\n \r\n 
\r\n
\r\n \r\n Escribe aqui tu texto
')\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n LimpiarForm()\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n LimpiarForm()\r\n }\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n setIsload(true);\r\n let payload = {\r\n Nombre: values.nombre,\r\n IdOrigen: origen.IdCiudad,\r\n Descripcion: descripcion,\r\n };\r\n dispatch(altaExtraAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break\r\n default:\r\n LimpiarForm();\r\n let extra = {\r\n IdPaquete: IdPaquete,\r\n IdExtra: Response.data,\r\n Suplemento: Number(values.suplemento),\r\n Descripcion: planDescripcion,\r\n };\r\n dispatch(altaExtraPaqueteAction(extra)).then((respueta) => {\r\n switch (respueta.status) {\r\n default:\r\n setOpen(false);\r\n setIsload(false);\r\n dispatch(obtenerExtrasByIdPaqueteAction(IdPaquete));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n });\r\n break\r\n }\r\n })\r\n break\r\n }\r\n })\r\n },\r\n })\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues);\r\n setDescripcion('Escribe aqui tu texto
');\r\n };\r\n const onDescripcionValue = value => {\r\n setDescripcion(value)\r\n }\r\n const onDescripcionPlanValue = value => {\r\n setPlanDescripcion(value)\r\n }\r\n return (\r\n\r\n \r\n \r\n 0 ? false : true}\r\n style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\", gap: \"20px\" }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaExtra;\r\n","import { useEffect, useState } from \"react\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { catCiudad } from \"../../../constant/catCiudad\"\r\nimport {\r\n Grid,\r\n Button,\r\n} from \"@material-ui/core\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { obtenerExtrasByIdPaqueteAction } from \"../../../ducks/extrasDuck\";\r\nimport AltaExtra from \"./AltaExtra\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\n\r\nconst FPaquetesExtras = (props) => {\r\n const { open = true, setOpen = () => { }, rowData = {} } = props;\r\n const dispatch = useDispatch();\r\n const extrasPaquetes = useSelector((state) => state.extras.array);\r\n const classes = FPaquetesStyle();\r\n const [isLoad, setIsload] = useState(false);\r\n useEffect(() => {\r\n setIsload(true);\r\n dispatch(obtenerExtrasByIdPaqueteAction(rowData.IdPaquete)).then(\r\n (Response) => {\r\n setIsload(false);\r\n }\r\n );\r\n }, [dispatch, rowData.IdPaquete]);\r\n const handleClose = () => {\r\n setOpen(!open);\r\n };\r\n return (\r\n \r\n {Servicios.map((item, index) =>\r\n
\r\n );\r\n};\r\nexport default LabelServicios;\r\n","import React from \"react\";\r\nimport {\r\n Button,\r\n Paper,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n ButtonGroup,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { eliminarHotelPaqueteAction, obtenerHotelesByIdPaqueteAction } from \"../../../ducks/hotelDuck\";\r\nimport Swal from \"sweetalert2\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport LabelServicios from \"./LabelServicios\";\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%'\r\n },\r\n container: {\r\n maxHeight: 250,\r\n },\r\n})\r\nconst TablaRegistro = (props) => {\r\n const { rows = [], idPaquete = 0 } = props;\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n \r\n const onDelete = (row) =>{\r\n DialogMessage.fire({\r\n title: '驴Estas seguro?',\r\n text: \"隆No podr谩s revertir esto!\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: 'Eliminarlo',\r\n cancelButtonText: 'Cancelar',\r\n reverseButtons: true\r\n }).then((result) =>{\r\n if (result.isConfirmed) {\r\n dispatch(eliminarHotelPaqueteAction(idPaquete, row.Hotel.IdHotel)).then(Response =>{\r\n dispatch(obtenerHotelesByIdPaqueteAction(idPaquete));\r\n ToastMessage.fire(\r\n 'Elimminado',\r\n 'El vuelo ha sido eliminado.',\r\n 'success'\r\n )\r\n })\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n result.dismiss === Swal.DismissReason.cancel\r\n ) {\r\n ToastMessage.fire(\r\n 'Cancelado',\r\n 'No se ha realizado ningun cambio',\r\n 'info'\r\n )\r\n }\r\n })\r\n }\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import React, { Fragment } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport handleRenderOption from \"./handleRenderOption\";\r\nimport useCatalogo from \"./../../../hooks/useCatalogos\";\r\n\r\nconst InitailValuesPais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n}\r\n\r\nconst AutoInputPaises = (props) => {\r\n const catalogoPaises = useCatalogo(\"Pais\");\r\n const {\r\n name = \"\",\r\n label = \"\",\r\n target = InitailValuesPais,\r\n setTarget = () => {},\r\n error = false,\r\n helperText = \"\",\r\n } = props;\r\n\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n setTarget(valor);\r\n } else {\r\n setTarget(InitailValuesPais);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import axios from \"axios\";\r\nimport { APIURL } from \"./../Constantes\";\r\nimport { getCabecera } from \"../utils/getCabecera\";\r\n\r\nconst urlCatalog = \"Catalog\";\r\n\r\nexport const newCiudad = async ({payload}) =>{\r\n return axios.post(`${APIURL}/${urlCatalog}/Ciudad/Add`, payload, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n return Error.response.data;\r\n })\r\n}\r\n\r\nexport const getCiudadAll = async ({codigo}) =>{\r\n return axios.get(`${APIURL}/${urlCatalog}/Ciudad/${codigo}`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}\r\n\r\n\r\nexport const getCatalogoExtras = async () =>{\r\n return axios.get(`${APIURL}/${urlCatalog}/Extras`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}\r\n// *Metodo obtener catalogo tipoa de pago\r\nexport const getCatalogoTiposPago = async () =>{\r\n return axios.get(`${APIURL}/${urlCatalog}/PaymentType`, \r\n {\r\n headers: getCabecera()\r\n }).then((Response) =>{\r\n return Response.data;\r\n }).catch((Error) =>{\r\n //return Error.response.data;\r\n return [];\r\n })\r\n}","\r\nimport { getCiudadAll, newCiudad } from \"../services/serviceCatalog\";\r\n\r\nconst dataInicial = {\r\n array: [],\r\n exito: 0,\r\n codigo: \"0\",\r\n};\r\n\r\nconst POST_CATALOGO_CIUDAD_ADD = \"POST_CATALOGOS_PAIS_ADD\";\r\nconst GET_CATALOGO_CIUDAD_ALL = \"GET_CATALOGO_CIUDAD_ALL\";\r\nconst CLEAR_CATALOGO_CIUDAD_ALL = \"CLEAR_CATALOGO_CIUDAD_ALL\";\r\n\r\nexport default function catalogoCiudadReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case CLEAR_CATALOGO_CIUDAD_ALL:\r\n return { ...state, array: action.payload.array, codigo: action.payload.codigo, exito: action.payload.exito }\r\n case GET_CATALOGO_CIUDAD_ALL:\r\n return { ...state, array: action.payload.array, codigo: action.payload.codigo }\r\n case POST_CATALOGO_CIUDAD_ADD:\r\n return { ...state, exito: action.payload.exito, array: action.payload.array };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const altaCatalogCiudadAction = (payload) => async (dispatch, getSate) => {\r\n const codigo = getSate().catalogoCiudad.codigo;\r\n const response = await newCiudad({ payload });\r\n const newCatalogo = await getCiudadAll({codigo});\r\n dispatch({\r\n type: POST_CATALOGO_CIUDAD_ADD,\r\n payload: {\r\n array: newCatalogo,\r\n exito: 1,\r\n },\r\n });\r\n return response;\r\n};\r\n\r\nexport const obtenerCatalogoCiudadesAction = (codigo) => async (dispatch) =>{\r\n console.log(codigo)\r\n const ciudades = await getCiudadAll({codigo});\r\n dispatch({\r\n type: GET_CATALOGO_CIUDAD_ALL,\r\n payload: {\r\n array: ciudades,\r\n codigo: codigo\r\n }\r\n })\r\n return ciudades;\r\n};\r\n\r\nexport const clearState = () => (dispatch) =>{\r\n dispatch({\r\n type: CLEAR_CATALOGO_CIUDAD_ALL,\r\n payload: {\r\n dataInicial\r\n }\r\n })\r\n}\r\n\r\n","import {makeStyles} from \"@material-ui/core\";\r\n\r\nexport const AutoInputStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: '97%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n textFieldMultiLinea: {\r\n width: '95%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\"\r\n },\r\n containerSpacing:{\r\n margin: \"10px 5px\",\r\n padding: \"10px 10px\"\r\n },\r\n containerSpacingItem:{\r\n margin: \"10px 10px\"\r\n },\r\n modalBotonesCenter:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n modalBotones:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between'\r\n },\r\n modalBoton:{\r\n margin: \"15px 10px\",\r\n width: \"20%\"\r\n },\r\n modal: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n maxWidth: \"1200px\",\r\n margin: \"0 auto\",\r\n padding: theme.spacing(1),\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: 'none',\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n","import { useState } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Tooltip, Grid } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport AddCircleOutlineIcon from \"@material-ui/icons/AddCircleOutline\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { altaCatalogCiudadAction } from \"./../../../ducks/catalogoCiudadDuck\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport { AutoInputStyle } from \"./styles\";\r\n\r\nconst AltaCiudad = (props) => {\r\n const { CodigoPais = \"0\", NombrePais = \"\" } = props;\r\n const dispatch = useDispatch();\r\n const [open, setOpen] = useState(false);\r\n const [nombre, setNombre] = useState(\"\");\r\n const [isLoad, setIsload] = useState(false);\r\n const classes = AutoInputStyle();\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n LimpiarForm();\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n LimpiarForm();\r\n };\r\n const onGuardar = () => {\r\n if (CodigoPais !== \"0\") {\r\n setIsload(true);\r\n let payload = {\r\n Nombre: nombre,\r\n CodigoPais: CodigoPais,\r\n };\r\n dispatch(altaCatalogCiudadAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n setIsload(false);\r\n setOpen(false);\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setNombre(\"\");\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Agregar ciudad \r\n \r\n \r\n Pais: {NombrePais}\r\n \r\n \r\n \r\n {\r\n setNombre(event.target.value);\r\n }}\r\n className={classes.textField}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Agregar\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaCiudad;\r\n","import React, { useEffect } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Grid } from \"@material-ui/core\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport handleRenderOption from \"./handleRenderOption\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { obtenerCatalogoCiudadesAction } from \"../../../ducks/catalogoCiudadDuck\";\r\nimport AltaCiudad from \"./AltaCiudad\";\r\n\r\nconst InitialValueCiudad = {\r\n IdCiudad: 0,\r\n Nombre: \"\",\r\n Codigo: \"\",\r\n};\r\n\r\nconst AutoInputCuidades = (props) => {\r\n const {\r\n name = \"\",\r\n CodigoPais = \"0\",\r\n label = \"\",\r\n target = InitialValueCiudad,\r\n setTarget = () => {},\r\n error = false,\r\n helperText = \"\",\r\n } = props;\r\n const dispatch = useDispatch();\r\n const catalogoCiudades = useSelector((store) => store.catalogoCiudad.array);\r\n\r\n useEffect(() => {\r\n dispatch(obtenerCatalogoCiudadesAction(CodigoPais));\r\n }, [dispatch, CodigoPais]);\r\n\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n setTarget(valor);\r\n } else {\r\n setTarget(InitialValueCiudad);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n 0 ? false : true}\r\n >\r\n \r\n \r\n \r\n Nuevo hotel \r\n \r\n {origen.Nombre} \r\n \r\n \r\n setNombre(event.target.value)}\r\n className={classes.textField}\r\n />\r\n \r\n \r\n \r\n \r\n Servicios\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0 ? false : true}\r\n >\r\n Agregar\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaHotel;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport {\r\n Grid,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n MenuItem,\r\n Button,\r\n} from \"@material-ui/core\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport useGetAPI from \"../../../hooks/useGetAPI\";\r\nimport useCatalogo from \"../../../hooks/useCatalogos\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { obtenerHotelesByIdPaqueteAction } from \"../../../ducks/hotelDuck\";\r\nimport { altaHotelPaqueteAction } from \"../../../ducks/paqueteDuck\";\r\nimport AutoInputPaises from \"./../AutoInputPais\";\r\nimport AutoInputCuidades from \"./../AutoInputCiudades\";\r\nimport AltaHotel from \"./AltaHotel\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nconst FPaquetesHoteles = (props) => {\r\n const { open = true, setOpen = () => {}, rowData = {} } = props;\r\n \r\n const InitialValuePais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n }\r\n \r\n const InitialValueCiudad = {\r\n IdCiudad: 0, \r\n Nombre: \"\"\r\n }\r\n \r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n };\r\n\r\n const dispatch = useDispatch();\r\n const hotelesPaquetes = useSelector((state) => state.hoteles.array);\r\n const classes = FPaquetesStyle();\r\n const catServicios = useCatalogo(\"Servicio\");\r\n const [IdHotel, setIdHotel] = useState(0);\r\n const [servicios, setServicios] = useState([]);\r\n const [pais, setPais] = useState(InitialValuePais);\r\n const [ciudad, setCuidad] = useState(InitialValueCiudad);\r\n const catHoteles = useGetAPI(`Hotel/Source/${ciudad.IdCiudad}`);\r\n const [isLoad, setIsload] = useState(false);\r\n\r\n const getIdServicios = (arrayTipo) => {\r\n return arrayTipo.map((item) => {\r\n return item.IdServicio;\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setIsload(true);\r\n dispatch(obtenerHotelesByIdPaqueteAction(rowData.IdPaquete)).then(\r\n (Response) => {\r\n setIsload(false);\r\n }\r\n );\r\n }, [dispatch, rowData.IdPaquete]);\r\n const onGuardar = () => {\r\n if (IdHotel > 0) {\r\n\r\n if (!hotelesPaquetes.find(paqueteHotel => paqueteHotel.Hotel.IdHotel === IdHotel)){\r\n setIsload(true);\r\n let hotel = {\r\n IdPaquete: rowData.IdPaquete,\r\n IdHotel: IdHotel,\r\n Servicio: getIdServicios(servicios),\r\n };\r\n dispatch(altaHotelPaqueteAction(hotel)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n setIsload(false);\r\n dispatch(obtenerHotelesByIdPaqueteAction(rowData.IdPaquete));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n });\r\n break;\r\n }\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"El hotel ya fue asignado al paquete.\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n const LimpiarForm = () => {\r\n setIdHotel(0);\r\n setServicios([]);\r\n setPais(InitialValuePais);\r\n setCuidad(InitialValueCiudad);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(!open);\r\n LimpiarForm();\r\n };\r\n\r\n const handleSelecHotel = (event) => {\r\n setIdHotel(event.target.value);\r\n };\r\n\r\n const getDescripcion = (arrayTipo) => {\r\n return arrayTipo.map((item) => {\r\n return item.Descripcion;\r\n });\r\n };\r\n\r\n const handleChange = (event) => {\r\n setServicios(event.target.value);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default TablaRegistro;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Grid, Button } from \"@material-ui/core\";\r\nimport AutoInputPaises from \"../AutoInputPais\";\r\nimport AutoInputCuidades from \"../AutoInputCiudades\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n altaDestinosPaqueteAction,\r\n obtenerDestinosByPaquete,\r\n} from \"./../../../ducks/paqueteDuck\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\n\r\nconst InitialValuePais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n}\r\nconst InitialValueCiudad = {\r\n IdCiudad: 0, \r\n Nombre: \"\"\r\n}\r\n\r\nconst Destinos = (props) => {\r\n const { idPaquete = 0 } = props;\r\n const dispatch = useDispatch();\r\n const destinosPaquete = useSelector((state) => state.paquetes.arrayDestinos);\r\n const [pais, setPais] = useState(InitialValuePais);\r\n const [cuidad, setCuidad] = useState(InitialValueCiudad);\r\n const classes = FPaquetesStyle();\r\n const [isLoad, setIsLoad] = useState(false);\r\n \r\n useEffect(() => {\r\n setIsLoad(true);\r\n dispatch(obtenerDestinosByPaquete(idPaquete)).then((Response) => {\r\n setIsLoad(false);\r\n });\r\n }, [idPaquete, dispatch]);\r\n\r\n const onGuardar = () => {\r\n if (pais.IdPais > 0 && cuidad.IdCiudad > 0) {\r\n if (!destinosPaquete.find(destino => destino.IdCiudad === cuidad.IdCiudad)){\r\n setIsLoad(true);\r\n let payload = {\r\n IdPaquete: idPaquete,\r\n IdCiudad: cuidad.IdCiudad,\r\n };\r\n dispatch(altaDestinosPaqueteAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n setIsLoad(false);\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Este destino ya fue agregado.\",\r\n });\r\n }\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setPais(InitialValuePais);\r\n setCuidad(InitialValueCiudad);\r\n };\r\n return (\r\n \r\n \r\n {!isOrigen ?
\r\n ) : null}\r\n {`Origen: ${rowData.Origen.Nombre}`}
\r\n\r\n {Destinos.map((item, index) =>\r\n
\r\n );\r\n};\r\nexport default LabelDestinos;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexWrap: \"wrap\",\r\n \"& > *\": {\r\n margin: theme.spacing(0.5),\r\n },\r\n },\r\n}));\r\n\r\nconst LabelTipoPaquete = (props) => {\r\n const { arrayData = [] } = props;\r\n const classes = useStyles();\r\n if (arrayData[0] === null) return null;\r\n return (\r\n \r\n {arrayData.map((item, index) =>\r\n index < 7 ? (\r\n
\r\n );\r\n};\r\nexport default LabelTipoPaquete;\r\n","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const TPaquetesStyle = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: \"65vh\",\r\n },\r\n ButtonContent: {\r\n display: \"flex\",\r\n flexFlow: \"column wrap\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n section1: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n section2: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n}));\r\n","import { useState } from 'react';\r\nimport { Editor } from 'react-draft-wysiwyg';\r\nimport { EditorState, convertToRaw, ContentState } from \"draft-js\";\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport htmlToDraft from 'html-to-draftjs';\r\nimport './../../../../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nconst ControllerEditor = (props) => {\r\n const {content = 'Hola escribe a qui tu texto
', onValue, height=\"400px\"} = props\r\n const blocksFromHtml = htmlToDraft(content);\r\n const { contentBlocks, entityMap } = blocksFromHtml;\r\n const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);\r\n const [editorState, setEditorState] = useState(EditorState.createWithContent(contentState)) \r\n const changeEditor = (EditorState) => {\r\n onValue(draftToHtml(convertToRaw(EditorState.getCurrentContent())))\r\n setEditorState(EditorState)\r\n }\r\n\r\n return (\r\n\r\n
\r\n )\r\n}\r\nexport default ControllerEditor","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FPaqueteDetalleStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n}));\r\n","import axios from \"axios\";\r\nimport { APIURL } from \"./../Constantes\";\r\nimport { getCabecera } from \"../utils/getCabecera\";\r\nimport { getError } from \"../utils/errors\";\r\nconst urlPackageDetail = \"PackageDetail\";\r\n\r\nexport const newPaqueteDetalle = async ({ IdPaquete, Incluye, NoIncluye, Itinerario}) => {\r\n let payload = JSON.stringify({\r\n IdPaquete,\r\n Incluye,\r\n NoIncluye,\r\n Itinerario\r\n })\r\n\r\n return await axios.post(`${APIURL}/${urlPackageDetail}/Add`, payload, {\r\n headers: getCabecera(),\r\n }).then(Resposne => {\r\n return Resposne.data\r\n }).catch(Error => {\r\n return getError(Error)\r\n });\r\n};\r\n\r\nexport const updatePaqueteDetalle = async ({IdPaquete, Incluye, NoIncluye, Itinerario}) => {\r\n let payload = JSON.stringify({\r\n Incluye, \r\n NoIncluye, \r\n Itinerario\r\n })\r\n return await axios.put(`${APIURL}/${urlPackageDetail}/${IdPaquete}`, payload , {\r\n headers: getCabecera(),\r\n }).then(Resposne => {\r\n return Resposne.data\r\n }).catch(Error => {\r\n return getError(Error)\r\n });\r\n};\r\n\r\nexport const getPaqueteDetalleByIdPaquete = async ({ IdPaquete }) => {\r\n return await axios.get(`${APIURL}/${urlPackageDetail}/${IdPaquete}`,\r\n {\r\n headers: getCabecera(),\r\n }).then(Response => {\r\n return Response.data\r\n }).catch(Error => {\r\n return {}\r\n })\r\n};\r\n","import { getPaqueteDetalleByIdPaquete, newPaqueteDetalle, updatePaqueteDetalle } from \"../services/paqueteDetalleServices\";\r\n\r\nconst dataInicial = {\r\n paqueteDetalle: {},\r\n exito: 0\r\n};\r\n\r\nconst GET_PAQUETES_DETALLE = \"GET_PAQUETES_DETALLE\";\r\nconst POST_PAQUETE_FETALLE_ADD = \"POST_PAQUETE_FETALLE_ADD\";\r\nconst PUT_PAQUETE_DETALLE = \"PUT_PAQUETE_DETALLE\";\r\nconst GET_PAQUETES_DETALLE_CLEAR_STATE = \"GET_PAQUETES_DETALLE_CLEAR_STATE\";\r\n\r\nexport default function paqueteDetallleReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_PAQUETE_DETALLE:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_PAQUETE_FETALLE_ADD:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_PAQUETES_DETALLE:\r\n return { ...state, paqueteDetalle: action.payload.paqueteDetalle };\r\n case GET_PAQUETES_DETALLE_CLEAR_STATE:\r\n return {\r\n ...state,\r\n paqueteDetalle: action.payload.paqueteDetalle,\r\n exito: action.payload.exito,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const actulizaPaqueteDetalle = ({ IdPaquete, Incluye, NoIncluye, Itinerario }) => async (dispatch) => {\r\n return await updatePaqueteDetalle({IdPaquete, Incluye, NoIncluye, Itinerario}).then(Response => {\r\n dispatch({\r\n type: PUT_PAQUETE_DETALLE,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const addPaqueteDetalle = ({ IdPaquete, Incluye, NoIncluye, Itinerario }) => async (dispatch) => {\r\n return await newPaqueteDetalle({IdPaquete, Incluye, NoIncluye, Itinerario}).then(Response => {\r\n dispatch({\r\n type: POST_PAQUETE_FETALLE_ADD,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const getPaqueteDetalle = ({ IdPaquete }) => async (dispatch) => {\r\n return await getPaqueteDetalleByIdPaquete({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: GET_PAQUETES_DETALLE,\r\n payload: {\r\n paqueteDetalle: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}","import ModalBase from \"../../../global/ModalBase\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport ControllerEditor from \"./ControlledEditor\"\r\nimport { useState } from \"react\"\r\nimport { IconButton, Tooltip, Button, Grid, AppBar, Tabs, Tab, Box } from \"@material-ui/core\"\r\nimport BookIcon from '@material-ui/icons/Book'\r\nimport { FPaqueteDetalleStyle } from \"./styles\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport { getPaqueteDetalle, addPaqueteDetalle, actulizaPaqueteDetalle } from \"../../../ducks/paqueteDetalleDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n Escribe aqui tu texto
');\r\n const [incluye, setIncluye] = useState('Escribe aqui tu texto
');\r\n const [noIncluye, setNoIncluye] = useState('Escribe aqui tu texto
');\r\n const handleClose = () => {\r\n onChange()\r\n setItenerario('Escribe aqui tu texto
')\r\n setIncluye('Escribe aqui tu texto
')\r\n setNoIncluye('Escribe aqui tu texto
')\r\n }\r\n useEffect(() => {\r\n setLoad(true)\r\n dispatch(getPaqueteDetalle({ IdPaquete: row?.IdPaquete })).then(Resposne => {\r\n setLoad(false)\r\n if (Resposne?.IdPaquete > 0) {\r\n setItenerario(Resposne?.Itinerario)\r\n setIncluye(Resposne?.Incluye)\r\n setNoIncluye(Resposne?.NoIncluye)\r\n setEditar(true)\r\n } else {\r\n setEditar(false)\r\n }\r\n })\r\n }, [dispatch, row?.IdPaquete, open])\r\n\r\n const onItinerarioValue = (value) => {\r\n setItenerario(value)\r\n }\r\n const onIncluyeValue = (value) => {\r\n setIncluye(value)\r\n }\r\n const onNoIncluyeValue = (value) => {\r\n setNoIncluye(value)\r\n }\r\n const onClick = () => {\r\n (!editar) ? onEnvio() : onActuliza()\r\n }\r\n const onEnvio = () => {\r\n dispatch(addPaqueteDetalle({ IdPaquete: row?.IdPaquete, Itinerario: itinerario, Incluye: incluye, NoIncluye: noIncluye })).then(Response => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ocurrio un problema al guardar la inforamci贸n\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n })\r\n }\r\n const onActuliza = () => {\r\n dispatch(actulizaPaqueteDetalle({ IdPaquete: row?.IdPaquete, Itinerario: itinerario, Incluye: incluye, NoIncluye: noIncluye })).then(Response => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ocurrio un problema al guardar la inforamci贸n\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n })\r\n }\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n return (\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPaqueteDetalle","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexWrap: \"wrap\",\r\n \"& > *\": {\r\n margin: theme.spacing(0.5),\r\n },\r\n },\r\n}));\r\n\r\nconst LabelEstatusPaquete = (props) => {\r\n const { Estatus, Descipcion } = props;\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n );\r\n};\r\nexport default LabelEstatusPaquete;\r\n","import { FormControl, InputLabel, Select, MenuItem, Button } from \"@material-ui/core\"\r\nimport { useEffect } from \"react\"\r\nimport { useState } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { cambiarEstatusPaqueteAction } from \"../../../ducks/paqueteDuck\"\r\nimport useCatalogo from \"./../../../hooks/useCatalogos\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst FormularioEstatusPaquete = (props) => {\r\n const { clavePaquete = \"\", idEstatusPaquete = 1, AdministradoDooddo = false } = props\r\n const catalogo = useCatalogo(\"StatusPackage\")\r\n const [estatus, setEstatus] = useState(0)\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const handleSelect = (event) => {\r\n setEstatus(event.target.value)\r\n }\r\n const onGuardar = () => {\r\n setLoad(true)\r\n dispatch(cambiarEstatusPaqueteAction({ ClavePaquete: clavePaquete, idEstatusPaquete: estatus, AdministradoDooddo })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ocurrio un problema al actulizar el paquete\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n setEstatus(idEstatusPaquete)\r\n }, [idEstatusPaquete])\r\n\r\n return (\r\n \r\n \r\n Estatus \r\n \r\n \r\n {catalogo.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Aplicar\r\n \r\n
\r\n )\r\n}\r\nexport default FormularioEstatusPaquete","import { useState } from 'react'\r\nimport Switch from '@material-ui/core/Switch'\r\nimport { useDispatch } from \"react-redux\"\r\nimport { cambiarEstatusPaqueteAction } from \"../../../ducks/paqueteDuck\"\r\nimport { ToastMessage } from '../../../global/ToastMessage'\r\nimport { DialogMessage } from '../../../global/DialogMessage'\r\nimport BackDrop from '../../../global/BackDrop'\r\nexport default function SwitchAdministracion(props) {\r\n const { clavePaquete = \"\", idEstatusPaquete = 1, AdministradoDooddo = false } = props\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n DialogMessage.fire({\r\n title: '驴Est谩 seguro de aplicar este cambio?',\r\n text: AdministradoDooddo ?\r\n `Al desactivar esta opci贸n el paquete pasar谩 a ser visible en el sitio web de Dooddo y ser谩 enviado a Hubspot.`\r\n : `Al activar esta opci贸n el paquete no ser谩 visible en el sitio web de Dooddo y no ser谩 enviado a Hubspot, solo podr谩 ser asignable desde el sistema de Oficina.`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(cambiarEstatusPaqueteAction({ ClavePaquete: clavePaquete, idEstatusPaquete: idEstatusPaquete, AdministradoDooddo: !event.target.checked })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ocurrio un problema al actulizar el paquete\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexWrap: \"wrap\",\r\n \"& > *\": {\r\n margin: theme.spacing(0.5),\r\n },\r\n },\r\n}));\r\n\r\nconst LabelAdministrado = (props) => {\r\n const { Estatus } = props;\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n );\r\n};\r\nexport default LabelAdministrado\r\n","const dataInicial = {\r\n load: false,\r\n message: \"\"\r\n};\r\n\r\nconst ON_LOAD_ACTION = \"ON_LOAD_ACTION\";\r\nconst OFF_LOAD_ACTION = \"ON_LOAD_ACTION\";\r\n\r\nexport default function loadReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case ON_LOAD_ACTION:\r\n return { ...state, load: action.payload.load, message: action.payload.message }\r\n case OFF_LOAD_ACTION:\r\n return { ...state, load: action.payload.load, message: action.payload.message }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const onLoadAnction = ({message = \"\" }) => async (dispatch) => {\r\n dispatch({\r\n type: ON_LOAD_ACTION,\r\n payload: {\r\n load: true,\r\n message,\r\n },\r\n })\r\n}\r\nexport const offLoadAction = () => async (dispatch) => {\r\n dispatch({\r\n type: OFF_LOAD_ACTION,\r\n payload: {\r\n load: dataInicial.load,\r\n message: dataInicial.message,\r\n },\r\n })\r\n}\r\n","import Switch from '@material-ui/core/Switch'\r\nimport { useDispatch } from \"react-redux\"\r\nimport { cambiarInternacionalPaqueteAction } from \"../../../ducks/paqueteDuck\"\r\nimport { ToastMessage } from '../../../global/ToastMessage'\r\nimport { DialogMessage } from '../../../global/DialogMessage'\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nexport default function SwitchTipoViaje(props) {\r\n const { IdPaquete = 0, EsInternacional = false } = props\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n DialogMessage.fire({\r\n title: '驴Est谩 seguro de aplicar este cambio?',\r\n text: (EsInternacional) ? 'Esto cambiara el paquete al tipo de viaje a nacional' : 'Esto cambiara el paquete al tipo de viaje a internacional',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(cambiarInternacionalPaqueteAction({ EsInternacional: !EsInternacional, IdPaquete })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ocurrio un problema al actulizar el paquete\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}","import axios from \"axios\"\r\nimport { APIURL } from \"../Constantes\"\r\nimport { getCabecera } from \"../utils/getCabecera\"\r\nimport { getError } from \"../utils/errors\"\r\n\r\nconst urlLanding = \"Landing\"\r\n\r\n//* Obtener tosdas las landing\r\n//* GET /api/Landing/All\r\nexport const getLandingAll = async () => {\r\n return axios.get(`${APIURL}/${urlLanding}/All`,\r\n {\r\n headers: getCabecera()\r\n }).then((Response) => {\r\n return Response.data\r\n }).catch((Error) => {\r\n //return Error.response.data;\r\n return []\r\n })\r\n}\r\n//* Obtener tosdas las landing habilitadas\r\n//* GET /api/Landing/Available\r\nexport const getLandingAllHabilitadas = async () => {\r\n return axios.get(`${APIURL}/${urlLanding}/Available`,\r\n {\r\n headers: getCabecera()\r\n }).then((Response) => {\r\n return Response.data\r\n }).catch((Error) => {\r\n //return Error.response.data;\r\n return []\r\n })\r\n}\r\n//* Obtener tosdas las landing asociadas a un paquete por clave paquete\r\n//* GET /api/Landing/Package/{ClavePaquete}\r\nexport const getLandingPaquete = async ({ ClavePaquete }) => {\r\n return axios.get(`${APIURL}/${urlLanding}/Package/${ClavePaquete}`,\r\n {\r\n headers: getCabecera()\r\n }).then((Response) => {\r\n return Response.data\r\n }).catch((Error) => {\r\n //return Error.response.data;\r\n return []\r\n })\r\n}\r\n//* Crear nueva landing page\r\n//* POST /api/Landing\r\nexport const postLandingNew = async ({ Nombre, Descripcion, Enlace, Slug }) => {\r\n return axios.post(`${APIURL}/${urlLanding}`,\r\n {\r\n \"Nombre\": Nombre,\r\n \"Descripcion\": Descripcion,\r\n \"Enlace\": Enlace,\r\n \"Slug\": Slug\r\n },\r\n {\r\n headers: getCabecera()\r\n }).then((Response) => {\r\n return Response.data\r\n }).catch((Error) => {\r\n return getError(Error)\r\n })\r\n}\r\n//* Actulizar nueva landing page\r\n//* PUT /api/Landing/{IdLanding}\r\nexport const putLandingUpdate = async ({IdLanding, Nombre, Descripcion, Enlace, Slug, Estatus }) => {\r\n return axios.put(`${APIURL}/${urlLanding}/${IdLanding}`,\r\n {\r\n \"Nombre\": Nombre,\r\n \"Descripcion\": Descripcion,\r\n \"Enlace\": Enlace,\r\n \"Slug\": Slug,\r\n \"Estatus\": Estatus\r\n },\r\n {\r\n headers: getCabecera()\r\n }).then((Response) => {\r\n return Response.data\r\n }).catch((Error) => {\r\n return getError(Error)\r\n })\r\n}","import { getLandingAll, getLandingAllHabilitadas, getLandingPaquete, postLandingNew, putLandingUpdate } from \"../services/landingService\"\r\nimport { deleteLanginPaquete, postLanginPaquete } from \"../services/servicePaquete\"\r\n\r\nconst dataInicial = {\r\n listLandingPage: [],\r\n listLandingPagePaquete: [],\r\n listLandingHabilitados: [],\r\n exito: 1,\r\n clavePaquete: '0',\r\n modal: false,\r\n actulizar: false,\r\n landingObj: {}\r\n}\r\n\r\nconst GET_LANDING_ALL_ACTION = \"GET_LANDING_ALL_ACTION\"\r\nconst GET_LANDING_HABILITADOS_ACTION = \"GET_LANDING_HABILITADOS_ACTION\"\r\nconst GET_LANDING_PAQUETE_ACTION = \"GET_LANDING_PAQUETE_ACTION\"\r\nconst POST_LANDING_NEW_ACTION = \"POST_LANDING_NEW_ACTION\"\r\nconst PUT_LANDING_UPDATE_ACTION = \"PUT_LANDING_UPDATE_ACTION\"\r\nconst POST_LANDING_PAQUETE_ADD_ACTION = \"POST_LANDING_PAQUETE_ADD_ACTION\"\r\nconst DELETE_LANDING_PAQUETE_REMOVE_ACTION = \"DELETE_LANDING_PAQUETE_REMOVE_ACTION\"\r\nconst OPEN_LANDING_MODAL_ACTION = \"OPEN_LANDING_MODAL_ACTION\"\r\nconst CLOSE_LANDING_MODAL_ACTION = \"CLOSE_LANDING_MODAL_ACTION\"\r\nconst TARGET_LANDING_OBJETO_ACTION = \"TARGET_LANDING_OBJETO_ACTION\"\r\nconst ACTULIZAR_LANDING_ACTION = \"ACTULIZAR_LANDING_ACTION\"\r\nexport default function landingReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case ACTULIZAR_LANDING_ACTION:\r\n return { ...state, actulizar: action.payload.actulizar }\r\n case TARGET_LANDING_OBJETO_ACTION:\r\n return { ...state, landingObj: action.payload.landingObj }\r\n case GET_LANDING_ALL_ACTION:\r\n return { ...state, listLandingPage: action.payload.listLandingPage }\r\n case GET_LANDING_HABILITADOS_ACTION:\r\n return { ...state, listLandingHabilitados: action.payload.listLandingHabilitados }\r\n case GET_LANDING_PAQUETE_ACTION:\r\n return { ...state, listLandingPagePaquete: action.payload.listLandingPagePaquete }\r\n case POST_LANDING_NEW_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_LANDING_UPDATE_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_LANDING_PAQUETE_ADD_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n case DELETE_LANDING_PAQUETE_REMOVE_ACTION:\r\n return { ...state, expect: action.payload.exito }\r\n case OPEN_LANDING_MODAL_ACTION:\r\n return { ...state, clavePaquete: action.payload.clavePaquete, modal: action.payload.modal }\r\n case CLOSE_LANDING_MODAL_ACTION:\r\n return { ...state, clavePaquete: action.payload.clavePaquete, modal: action.payload.modal }\r\n default:\r\n return state\r\n }\r\n}\r\nexport const actulizarlandingFormAction = ({actulizar}) => (dispatch) => {\r\n dispatch({\r\n type: ACTULIZAR_LANDING_ACTION,\r\n payload: {\r\n actulizar: actulizar\r\n }\r\n })\r\n}\r\nexport const targetLandingObjetoAction = ({landing}) => (dispatch) => {\r\n dispatch({\r\n type: TARGET_LANDING_OBJETO_ACTION,\r\n payload: {\r\n landingObj: landing\r\n }\r\n })\r\n}\r\nexport const obtenerLandingAllAction = () => async (dispatch) => {\r\n return await getLandingAll().then(Response => {\r\n dispatch({\r\n type: GET_LANDING_ALL_ACTION,\r\n payload: {\r\n listLandingPage: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return []\r\n })\r\n}\r\nexport const obtenerLandingHabilitadosAction = () => async (dispatch) => {\r\n return await getLandingAllHabilitadas().then(Response => {\r\n dispatch({\r\n type: GET_LANDING_HABILITADOS_ACTION,\r\n payload: {\r\n listLandingHabilitados: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return []\r\n })\r\n}\r\nexport const obtenerLandingPaqueteAction = ({ ClavePaquete }) => async (dispatch) => {\r\n return await getLandingPaquete({ ClavePaquete }).then(Response => {\r\n dispatch({\r\n type: GET_LANDING_PAQUETE_ACTION,\r\n payload: {\r\n listLandingPagePaquete: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return []\r\n })\r\n}\r\nexport const crearLandingAction = ({ Descripcion, Enlace, Nombre, Slug }) => async (dispatch) => {\r\n return await postLandingNew({ Descripcion, Enlace, Nombre, Slug }).then(Response => {\r\n dispatch({\r\n type: POST_LANDING_NEW_ACTION,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const actulizarLandingAction = ({ IdLanding, Estatus, Descripcion, Enlace, Nombre, Slug }) => async (dispatch) => {\r\n return await putLandingUpdate({ IdLanding, Estatus, Descripcion, Enlace, Nombre, Slug }).then(Response => {\r\n dispatch({\r\n type: PUT_LANDING_UPDATE_ACTION,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const asociarLandingPaqueteAction = ({ ClavePaquete, IdLanding }) => async (dispatch) => {\r\n return await postLanginPaquete({ ClavePaquete, IdLanding }).then(Response => {\r\n dispatch({\r\n type: POST_LANDING_PAQUETE_ADD_ACTION,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const eliminarLandingPaqueteAction = ({ IdPaqueteLanding }) => async (dispatch) => {\r\n return await deleteLanginPaquete({ IdPaqueteLanding }).then(Response => {\r\n dispatch({\r\n type: DELETE_LANDING_PAQUETE_REMOVE_ACTION,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const openModalLandingPaqueteAction = ({ clavePaquete }) => (dispatch) => {\r\n dispatch({\r\n type: OPEN_LANDING_MODAL_ACTION,\r\n payload: {\r\n modal: true,\r\n clavePaquete: clavePaquete\r\n }\r\n })\r\n}\r\nexport const closeModalLandingPaqueteAction = () => (dispatch) => {\r\n dispatch({\r\n type: CLOSE_LANDING_MODAL_ACTION,\r\n payload: {\r\n modal: false,\r\n clavePaquete: '0'\r\n }\r\n })\r\n}\r\n","import { useState, Fragment } from \"react\";\r\nimport { Tooltip, List, ListItem, ListItemText, Divider, Typography, IconButton, Box, Collapse } from \"@material-ui/core\";\r\nimport LocalAirportIcon from \"@material-ui/icons/LocalAirport\";\r\nimport AirportShuttleIcon from \"@material-ui/icons/AirportShuttle\";\r\nimport WeekendIcon from \"@material-ui/icons/Weekend\";\r\nimport MuseumIcon from \"@material-ui/icons/Museum\";\r\nimport HotelIcon from \"@material-ui/icons/Hotel\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport ButtonEdit from \"../../../global/ButtonEdit\";\r\nimport PhotoLibraryIcon from \"@material-ui/icons/PhotoLibrary\";\r\nimport DeckIcon from \"@material-ui/icons/Deck\";\r\nimport LabelDestinos from \"./../LabelDestinos\";\r\nimport LabelTipoPaquete from \"./labelTipoPaquete\";\r\nimport { formatDinero } from \"./../../../utils/formatDinero\";\r\nimport { TPaquetesStyle } from \"./styles\";\r\nimport FPaqueteDetalle from \"../FPaqueteDetalle/indes\";\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport LabelEstatusPaquete from \"./LabelEstatusPaquete\";\r\nimport FormularioEstatusPaquete from \"./FormularioEstatusPaquete\";\r\nimport SwitchAdministracion from \"./SwitchAdministracion\";\r\nimport LabelAdministrado from \"./LabelAdministrado\";\r\nimport SwitchTipoViaje from \"./SwitchTipoViaje\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FindInPageIcon from '@material-ui/icons/FindInPage';\r\nimport { openModalLandingPaqueteAction } from \"../../../ducks/landingDuck\";\r\nconst columns = [\r\n { id: \"Accion\", minWidth: 10, align: \"center\", label: \"\" },\r\n {\r\n id: \"FolioPaquete\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"Folio\",\r\n },\r\n {\r\n id: \"Nombrepaquete\",\r\n minWidth: 150,\r\n align: \"center\",\r\n label: \"Nombre paquete\",\r\n },\r\n { id: \"Origen\", minWidth: 50, align: \"center\", label: \"Origen / Destinos\" },\r\n { id: \"Precio\", minWidth: 80, align: \"center\", label: \"Precio\" },\r\n { id: \"TipoPaquete\", minWidth: 30, align: \"center\", label: \"Tipo paquete\" },\r\n { id: \"Estatus\", minWidth: 10, align: \"center\", label: \"Tipo viaje\" },\r\n { id: \"Estatus\", minWidth: 10, align: \"center\", label: \"Estatus\" },\r\n\r\n];\r\n\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n\r\n});\r\n\r\nfunction Row(props) {\r\n const {\r\n row,\r\n onEditar = () => { },\r\n onVuelos = () => { },\r\n onExtras = () => { },\r\n onHotel = () => { },\r\n onHabitacion = () => { },\r\n onSalidas = () => { },\r\n onGaleria = () => { },\r\n onDestinos = () => { },\r\n } = props\r\n \r\n const [open, setOpen] = useState(false)\r\n const classes = useRowStyles()\r\n const dispatch = useDispatch()\r\n const openModalLadingPaquete = (row) => {\r\n dispatch(openModalLandingPaqueteAction({clavePaquete: row?.ClavePaquete}))\r\n }\r\n return (\r\n \r\n \r\n {row.Origen && (\r\n \r\n
\r\n {`${row.Origen.Pais.Nombre} - ${row.Origen.Nombre} `}
\r\n )}\r\n\r\n
\r\n - \r\n
\r\n
\r\n \r\n {\r\n onEditar(row);\r\n }}\r\n />\r\n \r\n {\r\n onDestinos(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onVuelos(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onHotel(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onHabitacion(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onExtras(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onSalidas(row);\r\n }}\r\n >\r\n \r\n \r\n {\r\n onGaleria(row);\r\n }}\r\n >\r\n \r\n \r\n openModalLadingPaquete(row)}\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\nexport default Landing;\r\n","import FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { asociarLandingPaqueteAction, obtenerLandingPaqueteAction, eliminarLandingPaqueteAction, obtenerLandingHabilitadosAction } from '../../../ducks/landingDuck'\r\nimport { offLoadAction, onLoadAnction } from '../../../ducks/loadDuck';\r\nexport default function ListaCheck() {\r\n const { clavePaquete, listLandingPagePaquete, listLandingHabilitados } = useSelector(store => store.landing)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n const indexPagePaquete = listLandingPagePaquete.findIndex((element) => element?.Landing?.IdLanding === Number(event.target.name))\r\n if (indexPagePaquete >= 0) {\r\n const idPaqueteLanding = listLandingPagePaquete[indexPagePaquete]?.IdPaqueteLanding\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(eliminarLandingPaqueteAction({ IdPaqueteLanding: idPaqueteLanding })).then(Response => {\r\n dispatch(obtenerLandingPaqueteAction({ClavePaquete: clavePaquete }))\r\n dispatch(obtenerLandingHabilitadosAction())\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n if (indexPagePaquete === -1) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(asociarLandingPaqueteAction({ ClavePaquete: clavePaquete, IdLanding: event.target.name })).then(Response => {\r\n dispatch(obtenerLandingPaqueteAction({ClavePaquete: clavePaquete }))\r\n dispatch(obtenerLandingHabilitadosAction())\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n }\r\n const validarCheck = (idLanding) => {\r\n const busqueda = (element) => element?.Landing?.IdLanding === Number(idLanding)\r\n const indexPagePaquete = listLandingPagePaquete.findIndex(busqueda)\r\n if (indexPagePaquete === -1) {\r\n return false\r\n }\r\n return true\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default LandingPaquete\r\n","import { useState, useEffect } from \"react\"\r\nimport { TextField } from \"@material-ui/core\"\r\nimport {\r\n obtenerPaquetesAllAction,\r\n clearPaquetesState,\r\n} from \"./../../ducks/paqueteDuck\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../ducks/loadDuck\"\r\n\r\nfunction useDebounce(value, delay) {\r\n const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n useEffect(() => {\r\n const handler = setTimeout(() => {\r\n setDebouncedValue(value)\r\n }, delay)\r\n\r\n return () => {\r\n clearTimeout(handler)\r\n }\r\n }, [value, delay])\r\n\r\n return debouncedValue\r\n}\r\n\r\nconst FBusqueda = (props) => {\r\n const { label = \"Buscar\" } = props\r\n const dispatch = useDispatch()\r\n const [buscador, setBuscador] = useState(\"0\")\r\n const debouncedInput = useDebounce(buscador, 500); // 500ms de retraso\r\n const busqueda = useSelector(store => store.paquetes.busqueda)\r\n useEffect(() => {\r\n if (debouncedInput) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerPaquetesAllAction(debouncedInput)).then((Response) => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n return () => {\r\n dispatch(clearPaquetesState())\r\n }\r\n }, [debouncedInput])\r\n\r\n const onChange = (event) => {\r\n setBuscador((event.target.value.length > 0) ? event.target.value : \"\")\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonResetPass;\r\n","import {useState} from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport SwitchMod from '../../../global/SwitchMod';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { bajaUsuariosAction, obtenerUsuariosAction } from \"./../../../ducks/usuariosDuck\";\r\nimport ButtonEdit from '../../../global/ButtonEdit';\r\nimport ButtonResetPass from '../FChangePass';\r\n\r\nconst columns = [\r\n { id: \"usurio\", minWidth: 150, align: \"center\", label: 'Usuario' },\r\n { id: \"Correo\", minWidth: 150, align: \"center\", label: 'Correo' },\r\n { id: \"telefono\", minWidth: 150, align: \"center\", label: 'Tel茅fono' },\r\n { id: \"rol\", minWidth: 150, align: \"center\", label: 'Rol' },\r\n { id: \"Estatus\", minWidth: 150, align: \"center\", label: 'Estatus' },\r\n { id: \"action\", minWidth: 50, align: \"center\", label: \"\" },\r\n { id: \"action2\", minWidth: 50, align: \"center\", label: \"\" }\r\n];\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n});\r\n\r\nexport default function TUsuarios({rows, onEditar = () =>{}}) {\r\n\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(10);\r\n const {IdTipoUsuario} = useSelector(store => store.usuarios)\r\n const onEdit = (rowItem) =>{\r\n onEditar(rowItem)\r\n }\r\n const onChangeSwitch = (SwitchValue, SwitchCheked) =>{\r\n const valEstatus = SwitchCheked ? 1 : 0;\r\n dispatch(bajaUsuariosAction(SwitchValue, valEstatus)).then((Response) =>{\r\n dispatch(obtenerUsuariosAction(IdTipoUsuario))\r\n });\r\n }\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value);\r\n setPage(0);\r\n };\r\n \r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n return null\r\n })\r\n }\r\n \r\n - \r\n {items.map((value) => {\r\n const labelId = `transfer-list-all-item-${value}-label`;\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FPago = (props) => {\r\n const { open = true, setOpen = () => { }, rowData = {} } = props\r\n const cambio = useCatalogos(`TipoCambio/${catTipoCambio.DOLARES}`)\r\n const dispatch = useDispatch()\r\n const classes = FPagoStyleStyle()\r\n const [isLoad, setIsLoad] = useState(false)\r\n const [selectDay, setSelectedDate] = useState(new Date())\r\n\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSave(values)\r\n },\r\n })\r\n\r\n useEffect(() => {\r\n if (rowData.Moneda.id_moneda === catTipoCambio.DOLARES)\r\n formik.setFieldValue(\"tipoCambio\", cambio.TipoCambio)\r\n else\r\n formik.setFieldValue(\"tipoCambio\", InitalValues.tipoCambio)\r\n },[rowData.Moneda.id_moneda, cambio.TipoCambio]) // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const onSave = (values) => {\r\n setIsLoad(true)\r\n let payload = {\r\n Id_cuenta: rowData.Movimiento?.Cuenta?.Id_Cuenta,\r\n Monto: values.monto,\r\n TipoCambio: values.tipoCambio,\r\n ClaveRastreo: `M_${values.claveRastreo}`,\r\n Referencia: rowData.Movimiento?.Referencia,\r\n fecha: FormatoFecha({ date: selectDay, formato: \"yyyy-MM-dd\" }),\r\n }\r\n dispatch(newPagoUnicoAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break\r\n default:\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break\r\n }\r\n setIsLoad(false)\r\n })\r\n }\r\n\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues)\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen()\r\n LimpiarForm()\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n )\r\n return null\r\n}\r\nexport default ButtonReporteIngresos","import { Button, Grid, MenuItem, FormControl, InputLabel, Select } from \"@material-ui/core\"\r\nimport { BPagoStyle } from \"./BpagoStyles\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerPagosAction } from \"../../../ducks/pagosDuck\"\r\nimport { useEffect, useState } from \"react\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { esFechaValida, formatEndMounth, formatStartMounth, endMounth, startMounth } from \"../../../utils/FormatFecha\"\r\nimport { addFechasIngresosFinalAction, addFechasIngresosIncioAction } from \"../../../ducks/reportesDuck\"\r\nimport ButtonReporteIngresos from \"../../Reportes/ButtonReporteIngresos\"\r\nconst BPago = () => {\r\n const dispatch = useDispatch()\r\n const classes = BPagoStyle()\r\n const [selectDayInicio, setSelectedDateInicio] = useState(new Date())\r\n const [selectDayFin, setSelectedDateFin] = useState(new Date())\r\n const [tipoBusqueda, setTipoBusqueda] = useState(\"0\")\r\n const handleChange = (event) => {\r\n setTipoBusqueda(event.target.value)\r\n }\r\n const onBusacar = () => {\r\n if (!esFechaValida({ date: selectDayInicio }) && !esFechaValida({ date: selectDayFin }))\r\n return null\r\n\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n let fechaIncio = FormatoFecha({ date: selectDayInicio, formato: \"dd-MM-yyyy\" })\r\n let fechaFinal = FormatoFecha({ date: selectDayFin, formato: \"dd-MM-yyyy\" })\r\n let fechaInicioReporte = selectDayInicio\r\n let fechaFinalReporte = selectDayFin\r\n if (tipoBusqueda === \"1\") {\r\n fechaIncio = formatStartMounth({ date: selectDayInicio, formato: \"dd-MM-yyyy\" })\r\n fechaFinal = formatEndMounth({ date: selectDayInicio, formato: \"dd-MM-yyyy\" })\r\n fechaInicioReporte = startMounth({date: selectDayInicio})\r\n fechaFinalReporte = endMounth({ date: selectDayFin })\r\n }\r\n dispatch(\r\n obtenerPagosAction(fechaIncio, fechaFinal)\r\n ).then(Response => {\r\n dispatch(offLoadAction())\r\n dispatch(addFechasIngresosFinalAction({ FechaFin: fechaFinalReporte }))\r\n dispatch(addFechasIngresosIncioAction({ FechaIni: fechaInicioReporte }))\r\n })\r\n }\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(\r\n obtenerPagosAction(\r\n FormatoFecha({ date: selectDayInicio, formato: \"dd-MM-yyyy\" }),\r\n FormatoFecha({ date: selectDayFin, formato: \"dd-MM-yyyy\" })\r\n )\r\n ).then(Response => {\r\n dispatch(offLoadAction())\r\n dispatch(addFechasIngresosFinalAction({ FechaFin: selectDayFin }))\r\n dispatch(addFechasIngresosIncioAction({ FechaIni: selectDayInicio }))\r\n })\r\n }, [])\r\n return (\r\n <>\r\n \r\n \r\n Buscar por \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 \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Ingresos por metodo de pago\r\n \r\n
\r\n \r\n \r\n Total de movimientos: {metricaIngresos.MovTotal}\r\n \r\n
\r\n \r\n \r\n Total de Ingresos: {formatDinero(totalIngresos)} MXN\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 Depositos Bancarios:\r\n \r\n \r\n {`${metricaIngresos.NumDepBan}`}\r\n \r\n
\r\n \r\n \r\n Depositos OpenPay:\r\n \r\n \r\n {`${metricaIngresos.NumOpenPay}`}\r\n \r\n
\r\n \r\n \r\n Depositos Manuales:\r\n \r\n \r\n {`${metricaIngresos.NumPagManual}`}\r\n \r\n
\r\n \r\n \r\n Ingreso Bancarios:\r\n \r\n \r\n {`${formatDinero(metricaIngresos.SumaDepBan)} MXN`}\r\n \r\n
\r\n \r\n \r\n Ingreso OpenPay:\r\n \r\n \r\n {`${formatDinero(metricaIngresos.SumaOpenPay)} MXN`}\r\n \r\n
\r\n \r\n \r\n Ingreso Manuales:\r\n \r\n \r\n {`${formatDinero(metricaIngresos.SumaPagManual)} MXN`}\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 \r\n \r\n
\r\n \r\n \r\n Ingresos por plan de pago\r\n \r\n
\r\n \r\n \r\n Total de movimientos: {metricaIngresosMetodoPago.MovTotal}\r\n \r\n \r\n Total de Ingresos: {formatDinero(totalIngresosPlanPago)} MXN\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 Depositos CIE:\r\n \r\n \r\n {`${metricaIngresosMetodoPago.NumCie}`}\r\n \r\n
\r\n \r\n \r\n Depositos Hibrido:\r\n \r\n \r\n {`${metricaIngresosMetodoPago.NumHibrido}`}\r\n \r\n
\r\n \r\n \r\n Depositos TDC:\r\n \r\n \r\n {`${metricaIngresosMetodoPago.NumTarCredito}`}\r\n \r\n
\r\n \r\n \r\n Ingreso CIE:\r\n \r\n \r\n {`${formatDinero(metricaIngresosMetodoPago.SumaCie)} MXN`}\r\n \r\n
\r\n \r\n \r\n Ingreso Hibrido:\r\n \r\n \r\n {`${formatDinero(metricaIngresosMetodoPago.SumaHibrido)} MXN`}\r\n \r\n
\r\n \r\n \r\n Ingreso TDC:\r\n \r\n \r\n {`${formatDinero(metricaIngresosMetodoPago.SumaTarCredito)} MXN`}\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\nconst FPago = (props) => {\r\n const { open = true, setOpen = () => {} } = props;\r\n\r\n const dispatch = useDispatch();\r\n const classes = FPagoStyleStyle();\r\n const [isLoad, setIsLoad] = useState(false);\r\n const [file, setFile] = useState([]);\r\n const [message, setMessage] = useState(\"\");\r\n const onSave = () => {\r\n if (file.length > 0) {\r\n setIsLoad(true);\r\n setMessage(\"Esto puede tardar varios minutos...\");\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n ArchivoBase64: Logobase64,\r\n ArchivoBase64Extencion: archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(newPagoMasivoAction(payload)).then((Response) =>{\r\n switch (Response.status) {\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: Response.Message ? `${Response.Message}` : `Ocurrio un problema inesperado`,\r\n });\r\n break;\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message ? `${Response.Message}` : `Ha habido un problema de conexi贸n con el servidor`,\r\n });\r\n break;\r\n default:\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n setIsLoad(false);\r\n setMessage(\"\");\r\n })\r\n })\r\n })\r\n }else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"No se ha adjuntado algun archivo valido.\",\r\n });\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setFile([]);\r\n };\r\n const handleClose = () => {\r\n setOpen();\r\n LimpiarForm();\r\n };\r\n return (\r\n \r\n
\r\n Pagos
\r\n{ (label) ? `Porcentaje: ${Math.trunc(progress)}%` : `${Math.trunc(progress)}%`}
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default GComision","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport HomePage from \"../../Home\";\r\nimport {\r\n Container,\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n Box,\r\n Typography\r\n} from \"@material-ui/core\";\r\nimport TComisiones from \"../TComisiones\";\r\nimport TResumen from \"../TResumen\";\r\nimport GComision from \"../GComision\"\r\nimport PollIcon from '@material-ui/icons/Poll'\r\nimport MonetizationOnIcon from '@material-ui/icons/MonetizationOn'\r\nimport MoneyOffIcon from '@material-ui/icons/MoneyOff'\r\nimport { obtenerComisiones }\r\n from \"../../../ducks/cotizacionDuck\";\r\nimport BackDrop from \"./../../../global/BackDrop\"\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { selectClienteTarget, obtenerHabitacionesContratadas, obtenerClienteItemsPaqueteAction } from \"../../../ducks/clientesDuck\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { useEffect } from \"react\"\r\nconst InitialValueCliente = {\r\n referencia: \"\",\r\n idCotizacion: 0,\r\n cliente: {},\r\n}\r\n\r\nconst CbClientes = () => {\r\n const { clientes } = useSelector(store => store.cliente)\r\n const dispatch = useDispatch()\r\n const { referencia } = useParams()\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(selectClienteTarget({ cliente: valor, referencia: valor.Movimiento?.Referencia })).then(Response => {\r\n dispatch(obtenerHabitacionesContratadas({ Referencia: valor.Movimiento?.Referencia }))\r\n dispatch(obtenerClienteItemsPaqueteAction({ IdPaquete: valor?.paquete?.Id_Paquete, referencia: valor.Movimiento?.Referencia }))\r\n dispatch(offLoadAction())\r\n })\r\n } else {\r\n dispatch(selectClienteTarget({ cliente: InitialValueCliente, referencia: InitialValueCliente.referencia }))\r\n dispatch(obtenerHabitacionesContratadas({ Referencia: \"0\" }))\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const clienteOnline = () => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n const valor = clientes.find(item => item.Movimiento?.Referencia === referencia)\r\n if (valor) {\r\n dispatch(selectClienteTarget({ cliente: valor, referencia: valor.Movimiento?.Referencia })).then(Response => {\r\n dispatch(obtenerHabitacionesContratadas({ Referencia: valor.Movimiento?.Referencia }))\r\n dispatch(obtenerClienteItemsPaqueteAction({ IdPaquete: valor?.paquete?.Id_Paquete, referencia: valor.Movimiento?.Referencia }))\r\n dispatch(offLoadAction())\r\n })\r\n } else {\r\n dispatch(offLoadAction())\r\n }\r\n }\r\n if (clientes.length > 0 && referencia)\r\n clienteOnline()\r\n }, [dispatch, clientes, referencia])\r\n\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n let nombre = option?.Titular ?? `${option.Movimiento?.Cuenta?.Nombre.trim()} ${option.Movimiento?.Cuenta?.Apellido_Paterno.trim()}`\r\n return `${option.Movimiento?.Referencia} - ${option.paquete?.Nombre} - ${nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={clientes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CbClientes","export const catEstatusProceso = Object.freeze({\r\n NoAplica: 0,\r\n PRE_RESERVA: 1,\r\n RESERVA: 2,\r\n VUELOS: 3,\r\n LIQUIDADO: 4,\r\n CANCELADO_CLIENTE: 5,\r\n CANECLADO_AGENTE: 6,\r\n BAJA_INACTIVIDAD: 7,\r\n FINALIZADO: 8,\r\n CAMBIO_VIAJE: 9\r\n})","import { catEstatusProceso } from \"../constant/catEstatusProceso\"\r\n\r\nexport const esFinalizado = (estatus) => {\r\n if (estatus === catEstatusProceso.BAJA_INACTIVIDAD\r\n || estatus === catEstatusProceso.FINALIZADO\r\n || estatus === catEstatusProceso.CANCELADO_CLIENTE\r\n || estatus === catEstatusProceso.CANECLADO_AGENTE\r\n || estatus === catEstatusProceso.CAMBIO_VIAJE)\r\n return true\r\n return false\r\n}","import { Grid, Button, FormControl, FormLabel, RadioGroup, FormControlLabel, FormHelperText, Radio } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useState } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { selectClienteTarget, cambiarEstatusPaquete } from \"../../../ducks/clientesDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport { usePermiso } from \"../../../hooks/usePermiso\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport useCatalogos from \"../../../hooks/useCatalogos\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\";\r\nexport const FCortizadorStyle = makeStyles((theme) => ({\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n padding: \"1rem\",\r\n maxHeight: \"80vh\"\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n\r\n },\r\n formControl: {\r\n margin: theme.spacing(3),\r\n },\r\n button: {\r\n margin: theme.spacing(1, 1, 0, 0),\r\n },\r\n}));\r\n\r\nconst ModalFinalizar = () => {\r\n const { profile } = useSelector(store => store.logeo)\r\n const { cliente, referencia } = useSelector(store => store.cliente)\r\n const [permitido] = usePermiso({ location: \"FK_AdministrarClientes_Finalizar\", initialValue: false })\r\n const dispatch = useDispatch()\r\n const classes = FCortizadorStyle()\r\n const [open, setOpen] = useState()\r\n const catalogoFinalizado = useCatalogos(\"ProcessStatus/Cancellation\")\r\n const [value, setValue] = useState('');\r\n const handleRadioChange = (event) => {\r\n setValue(event.target.value);\r\n }\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (value === '')\r\n return null\r\n DialogMessage.fire({\r\n title: `Marcar como finalizado`,\r\n text: `驴Esta seguro de marcar la referencia #${referencia} como finalizado?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(cambiarEstatusPaquete({ IdPaquete: cliente?.paquete?.Id_Paquete, IdEstatusProceso: value })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n setValue('')\r\n }\r\n const handleOpen = () => {\r\n setOpen(true)\r\n setValue('')\r\n }\r\n\r\n if (profile.Rol?.Id === catRoles.ADMINISTRADOR || permitido) return (\r\n <>\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default PigIcon","import { Grid, Button, TextField } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useState } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { selectClienteTarget, CambiarFechaCustomAction } from \"../../../ducks/clientesDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport dayjs from 'dayjs'\r\nimport PickerMod from \"../../../global/PickersMod\"\r\n\r\nexport const FModalCambioFechaStyle = makeStyles((theme) => ({\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n marginTop: \"1rem\"\r\n },\r\n textField : {\r\n width: \"90%\",\r\n marginLeft: \"10px\",\r\n marginBottom: \"1rem\"\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n padding: \"1rem\",\r\n maxHeight: \"80vh\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n\r\n },\r\n formControl: {\r\n margin: theme.spacing(3),\r\n },\r\n button: {\r\n margin: theme.spacing(1, 1, 0, 0),\r\n },\r\n}));\r\n\r\nconst ModalCambioFecha = () => {\r\n const { profile } = useSelector(store => store.logeo)\r\n const { cliente, referencia } = useSelector(store => store.cliente)\r\n const dispatch = useDispatch()\r\n const classes = FModalCambioFechaStyle()\r\n const [open, setOpen] = useState()\r\n const [selectDay, setSelectedDate] = useState(dayjs());\r\n const [montoUnitario, setMontoUnitario] = useState(0)\r\n const handleChangeSalida = (value) => {\r\n setSelectedDate(value)\r\n }\r\n const handleChangeValorUnitiario = (value) => {\r\n setMontoUnitario(value)\r\n }\r\n const handleSubmit = (event) => {\r\n event.preventDefault()\r\n DialogMessage.fire({\r\n title: `Cambio de fecha custom`,\r\n text: `驴Esta seguro de cambiar la fecha de salida de la referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(CambiarFechaCustomAction({ fechaSalida: dayjs(selectDay).format('MMDDYYYY'), montoUnitario: Number(montoUnitario), referencia: referencia })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n setSelectedDate(dayjs())\r\n setMontoUnitario(0)\r\n }\r\n const handleOpen = () => {\r\n setOpen(true)\r\n setSelectedDate(dayjs())\r\n setMontoUnitario(0)\r\n }\r\n\r\n if (profile.Rol?.Id === catRoles.DEVELOPER) return (\r\n <>\r\n \r\n \r\n
\r\n );\r\n}","import \"./TarjetaCliente.css\"\r\nimport { Tooltip } from \"@material-ui/core\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { Skeleton, Alert } from \"@material-ui/lab\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport Avance from \"../../../global/Avance\"\r\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle'\r\nimport AirplanemodeActiveIcon from '@material-ui/icons/AirplanemodeActive'\r\nimport AirportShuttleIcon from '@material-ui/icons/AirportShuttle'\r\nimport AccountBalanceIcon from '@material-ui/icons/AccountBalance'\r\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable'\r\nimport EventBusyIcon from '@material-ui/icons/EventBusy'\r\nimport EventNoteIcon from '@material-ui/icons/EventNote'\r\nimport PhoneIcon from '@material-ui/icons/Phone'\r\nimport MailIcon from '@material-ui/icons/Mail'\r\nimport AssignmentIndIcon from '@material-ui/icons/AssignmentInd'\r\nimport { FormatoFechaIso } from './../../../utils/FormatFecha'\r\nimport BotonTerminado from \"./ModalFinalizar\"\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline'\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport PigIcon from \"../../../global/PigIcon\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { Button } from \"@material-ui/core\"\r\nimport { AceptarTerminosCondiciones } from \"../../../ducks/clientesDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport ModalCambioFecha from \"./ModalCambioFecha\"\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport ModalFormItem from \"./ModalCustomItem\"\r\nimport BotonTipoViaje from \"./BotonTipoViaje\"\r\nconst TarjetaCliente = () => {\r\n const { cliente, referencia, verificado } = useSelector(store => store.cliente)\r\n const { profile } = useSelector(store => store.logeo)\r\n const dispatch = useDispatch()\r\n const handleAceptarTemrinos = () => {\r\n if (referencia === \"\")\r\n return null\r\n\r\n if (cliente?.TerminosCondiciones?.Acepto) {\r\n navigator.clipboard.writeText(referencia)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Referencia copiada\"\r\n })\r\n return null\r\n }\r\n\r\n dispatch(AceptarTerminosCondiciones({ referencia: referencia })).then(Response => {\r\n navigator.clipboard.writeText(referencia)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Referencia copiada\"\r\n })\r\n })\r\n }\r\n if (referencia === \"\")\r\n return (\r\n \r\n
\r\n )\r\n return (\r\n \r\n Seleccione un cliente \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default TarjetaCliente","import { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport { APIURL, AUTH_CREDENTIALS_NAME } from \"../Constantes\";\r\n\r\nconst getCabecera = () => {\r\n let Token = localStorage.getItem(AUTH_CREDENTIALS_NAME);\r\n let cabecera = {\r\n Authorization: `bearer ${Token}`,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }\r\n return cabecera;\r\n}\r\n\r\nexport const useContratacion = ({referencia}) => {\r\n const [contratacion, setContratacion] = useState({});\r\n useEffect(() => {\r\n const getContracion = async () => {\r\n return await axios.get(`${APIURL}/Contrating/Reference/${referencia}`,\r\n {\r\n headers: getCabecera()\r\n }).then(Response => {\r\n setContratacion(Response.data)\r\n }).catch(Error => {\r\n setContratacion({})\r\n })\r\n }\r\n getContracion();\r\n return () => {\r\n setContratacion({})\r\n }\r\n }, [referencia])\r\n return [contratacion];\r\n}","import \"./index.css\"\r\nimport { useEffect } from \"react\"\r\nimport { Alert, Skeleton } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerExtraCotizacion } from \"../../../ducks/clientesDuck\"\r\nimport { formatDinero } from './../../../utils/formatDinero'\r\nimport { FormatoFechaIso } from './../../../utils/FormatFecha'\r\nimport { useContratacion } from \"../../../hooks/useContratacion\"\r\nimport { Divider } from \"@material-ui/core\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\nconst TarjetaExtra = () => {\r\n const { idCotizacion, extraCotizacion, referencia } = useSelector(store => store.cliente)\r\n const dispatch = useDispatch()\r\n const [contratacion] = useContratacion({ referencia })\r\n const extrasPaquete = contratacion.PaqueteContratado?.ListaSuplementoContratado ?? []\r\n\r\n useEffect(() => {\r\n dispatch(obtenerExtraCotizacion({ idCotizacion }))\r\n }, [dispatch, idCotizacion])\r\n\r\n if (contratacion.IdContratacion > 0)\r\n return (\r\n \r\n \r\n \r\n {\r\n (verificado) ?\r\n
\r\n Referencia:
\r\n\r\n
:\r\n Cuenta verificada
\r\n\r\n
\r\n }\r\n Sin verficar
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente?.Titular ?? \"No aplica\"}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente.Movimiento?.Cuenta?.Nombre} ${cliente.Movimiento?.Cuenta?.Apellido_Paterno} ${cliente.Movimiento?.Cuenta?.Apellido_Materno}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente.Movimiento?.Cuenta?.Telefono_Contacto}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente?.EmailTitular ? cliente?.EmailTitular : 'No aplica'}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n (cliente.Movimiento?.Cuenta?.Direccion_Contacto) ? `${cliente.Movimiento?.Cuenta?.Direccion_Contacto}`\r\n : `${cliente.Movimiento?.Cuenta?.eMail}`\r\n }\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${FormatoFechaIso({ date: cliente.paquete?.FechaContratacion, formato: \"dd MMMM yyyy\" }).toUpperCase()}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente.paquete?.Nombre}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`No. Pasajeros: ${cliente.paquete?.Numero_Personas}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${formatDinero(cliente.paquete?.Monto_Paquete)} ${cliente.Moneda?.Clave}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${formatDinero(cliente.Suma)} ${cliente.Moneda?.Clave}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${FormatoFechaIso({ date: cliente.paquete?.Fecha_Viaje, formato: \"dd MMMM yyyy\" }).toUpperCase()}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n (cliente.paquete?.Numero_Pagos > 0) &&\r\n \r\n {`${FormatoFechaIso({ date: cliente.paquete?.FechaRegreso, formato: \"dd MMMM yyyy\" }).toUpperCase()}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {`${formatDinero(cliente.paquete?.Monto_Paquete / cliente.paquete?.Numero_Pagos)} ${cliente.Moneda?.Clave}`}\r\n
\r\n \r\n \r\n {\r\n cliente.paquete?.AlCorriente ? \r\n \r\n \r\n
\r\n \r\n {(cliente.paquete?.AlCorriente) ? `Al Corriente` : \"Con Atraso\"}\r\n
\r\n \r\n \r\n {\r\n cliente.paquete?.AlCorriente ? \r\n \r\n \r\n
\r\n {\r\n (cliente.paquete?.Numero_Pagos > 0) &&\r\n \r\n {`${FormatoFechaIso({ date: cliente.paquete?.FechaCorte, formato: \"dd MMMM yyyy\" }).toUpperCase()}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {`Total de pagos: ${cliente.paquete?.Numero_Pagos}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`Pago actual: ${cliente.paquete?.NumPagoActual}`}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {`${cliente.paquete?.CatEstatusProceso?.Descripcion}`}\r\n
\r\n \r\n
\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER) &&\r\n \r\n {`Paquete: ${cliente.paquete?.Id_Paquete ?? \"No aplica\"}`}\r\n
\r\n }\r\n \r\n {`Tipo de viaje: ${(cliente.paquete?.Internacional) ? \"Internacional\" : \"Nacional\"}`}\r\n
\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER) &&\r\n \r\n
\r\n }\r\n \r\n {`Versi贸n: ${cliente.paquete?.ClaveVersion ?? \"No aplica\"}`}\r\n
\r\n \r\n {`Clave Viaje: ${cliente.paquete?.ClaveViaje ?? \"No aplica\"}`}\r\n
\r\n \r\n
\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER) &&\r\n \r\n
\r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER) &&\r\n \r\n
\r\n }\r\n \r\n
\r\n )\r\n\r\n if (extraCotizacion.length > 0)\r\n return (\r\n \r\n
\r\n \r\n
\r\n {`Monto contrataci贸n: ${formatDinero(contratacion?.MontoContratacion)} ${contratacion?.Moneda}`}
\r\n{`Numero de pasajeros: ${contratacion?.NumeroPersonas}`}
\r\n{`Fecha contrataci贸n: ${FormatoFechaIso({ date: contratacion?.FechaContrato, formato: \"dd/MM/yyy\" })}`}
\r\n{`Email Agente: ${contratacion?.AgenteEmail}`}
\r\n{`Nombre paquete:`}\r\n \r\n
\r\n{`Precio paquete: ${formatDinero(contratacion?.PaqueteContratado?.Precio)} ${contratacion?.Moneda}`}
\r\n{`Total: ${formatDinero(contratacion?.PaqueteContratado?.Precio * contratacion?.NumeroPersonas)} ${contratacion?.Moneda}`}
\r\n \r\n\r\n
\r\n )\r\n }\r\n {`Tipo suplemento: ${item?.TipoSuplemento}`}
\r\n{`Cantidad: ${item?.Cantidad}`}
\r\n{`Monto suplemento: ${formatDinero(item?.Precio)} ${contratacion?.Moneda}`}
\r\n{`Total: ${formatDinero(item?.Precio * item?.Cantidad)} ${contratacion?.Moneda}`}
\r\n{`Fecha contrataci贸n: ${FormatoFechaIso({date: item?.FechaRegistro, formato: \"dd/MM/yyyy\"})}`}
\r\n{`Nombre suplemento:`}\r\n \r\n
\r\n \r\n\r\n
\r\n )\r\n return (\r\n \r\n {\r\n extraCotizacion.map((extra, index) =>\r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n \r\n - \r\n
- \r\n {`Costo: ${formatDinero(extra.Costo)} ${extra.Moneda.Nombre}`}\r\n \r\n
- \r\n {`Comision: ${formatDinero(extra.Comision)}`}\r\n \r\n
- \r\n
- \r\n {`Cantidad: ${extra.Cantidad}`}\r\n \r\n
- \r\n {`Total: ${formatDinero(extra.Total)} ${extra.Moneda.Nombre}`}\r\n \r\n
\r\n
\r\n )\r\n\r\n}\r\nexport default TarjetaExtra","import \"./index.css\"\r\nimport { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerVueloCotizacion } from \"../../../ducks/clientesDuck\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport { Tooltip } from \"@material-ui/core\"\r\nimport GroupIcon from '@material-ui/icons/Group'\r\nimport MonetizationOnIcon from '@material-ui/icons/MonetizationOn'\r\n\r\nconst TarjetaVuelos = () => {\r\n const { idCotizacion, vueloCotizacion } = useSelector(store => store.cliente)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerVueloCotizacion({ idCotizacion }))\r\n }, [dispatch, idCotizacion])\r\n\r\n if (idCotizacion === 0)\r\n return null\r\n\r\n if (vueloCotizacion.length <= 0)\r\n return null\r\n\r\n return (\r\n \r\n Seleccione un cliente \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default TarjetaVuelos","import \"./index.css\"\r\nimport { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerHotelCotizacion } from \"../../../ducks/clientesDuck\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport { Tooltip } from \"@material-ui/core\"\r\nimport GroupIcon from '@material-ui/icons/Group'\r\nimport MonetizationOnIcon from '@material-ui/icons/MonetizationOn'\r\n\r\nconst TarjetaHotel = () => {\r\n const { idCotizacion, hotelCotizacion } = useSelector(store => store.cliente)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerHotelCotizacion({ idCotizacion }))\r\n }, [dispatch, idCotizacion])\r\n\r\n if (idCotizacion === 0)\r\n return null\r\n\r\n if (hotelCotizacion.length <= 0)\r\n return null\r\n\r\n return (\r\n \r\n {\r\n vueloCotizacion.map((vuelo, index) =>\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 {`${formatDinero(vuelo.Costo)}`}\r\n\r\n \r\n - \r\n
\r\n \r\n {formatDinero(vuelo.Comision)}\r\n\r\n \r\n
- \r\n
- \r\n
\r\n \r\n {vuelo.Cantidad}\r\n\r\n \r\n - \r\n
\r\n \r\n {formatDinero(vuelo.Total)}\r\n\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default TarjetaHotel","import { useState } from 'react'\r\nimport { orange } from '@material-ui/core/colors'\r\nimport { Tooltip } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TablePagination from '@material-ui/core/TablePagination'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport { Alert, Skeleton } from '@material-ui/lab'\r\nimport { useEffect } from 'react'\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { obtenerMovimientoCuentaCliente } from '../../../ducks/clientesDuck'\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha'\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport ErrorIcon from '@material-ui/icons/Error'\r\nimport { catRoles } from '../../../constant/catRoles'\r\nconst columns = [\r\n { id: \"calveRastreo\", minWidth: 150, align: \"center\", label: \"Clave de rastreo\" },\r\n { id: \"monto\", minWidth: 150, align: \"center\", label: \"Monto\" },\r\n { id: \"tipoCambio\", minWidth: 50, align: \"center\", label: \"T. C.\" },\r\n { id: \"conversion\", minWidth: 50, align: \"center\", label: \"Conversion\" },\r\n { id: \"fecha\", minWidth: 150, align: \"center\", label: \"Fecha\" },\r\n { id: \"tipoPago\", minWidth: 50, align: \"center\", label: \"Tipo pago\" },\r\n { id: \"corteCaja\", minWidth: 50, align: \"center\", label: \"Corte de caja\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nexport default function TPagos() {\r\n const { referencia } = useSelector(store => store.cliente)\r\n const { profile } = useSelector(store => store.logeo)\r\n const rows = useSelector(store => store.cliente.movimientos)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerMovimientoCuentaCliente({ referencia }))\r\n }, [dispatch, referencia])\r\n\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n\r\n if (referencia === \"\")\r\n return (\r\n \r\n {\r\n hotelCotizacion.map((hotel, index) =>\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 {`${formatDinero(hotel.Costo)}`}\r\n\r\n \r\n - \r\n
\r\n \r\n {formatDinero(hotel.Comision)}\r\n\r\n \r\n
- \r\n
- \r\n
\r\n \r\n {hotel.Cantidad}\r\n\r\n \r\n - \r\n
\r\n \r\n {formatDinero(hotel.Total)}\r\n\r\n \r\n
\r\n
\r\n )\r\n if (rows.length === 0)\r\n return (\r\n \r\n Seleccione un cliente \r\n
\r\n \r\n
\r\n )\r\n return (\r\n \r\n No hay moviminetos para mostrar \r\n
\r\n \r\n
\r\n )\r\n if (rows.length === 0)\r\n return (\r\n \r\n Seleccione un cliente \r\n
\r\n \r\n
\r\n )\r\n return (\r\n \r\n No hay moviminetos para mostrar \r\n
\r\n \r\n
\r\n )\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n (tipoPago) ? \r\n
: N/A
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusCuenta","export const catTipoCompra = {\r\n NoAplica: 0,\r\n Reserva: 1,\r\n Aereo: 2,\r\n Liquidacion: 3,\r\n Seguro: 4,\r\n Equipaje: 5,\r\n UTILIDAD: 6,\r\n}","import CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport ErrorIcon from '@material-ui/icons/Error'\r\nimport { Tooltip } from \"@material-ui/core\"\r\n\r\nconst EstatusVoucher = ({ estatus = true }) => {\r\n if (estatus) return (\r\n \r\n
\r\n )\r\n if (rows.length > 0) return (\r\n \r\n Selecciona un cliente \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default TablaCompras","import React from 'react';\r\nimport {\r\n Chart as ChartJS,\r\n CategoryScale,\r\n LinearScale,\r\n BarElement,\r\n Title,\r\n Tooltip,\r\n Legend,\r\n} from 'chart.js';\r\nimport { Bar } from 'react-chartjs-2';\r\n\r\nChartJS.register(\r\n CategoryScale,\r\n LinearScale,\r\n BarElement,\r\n Title,\r\n Tooltip,\r\n Legend\r\n);\r\n\r\nexport const options = {\r\n responsive: true,\r\n plugins: {\r\n legend: {\r\n display: false,\r\n position: 'top',\r\n },\r\n title: {\r\n display: false,\r\n text: 'Chart.js Bar Chart',\r\n },\r\n },\r\n};\r\n\r\nexport function GraficaPerdidas({ valores, labels=[], label=\"\"}) {\r\n const data = {\r\n labels,\r\n datasets: [\r\n {\r\n label,\r\n data: valores,\r\n backgroundColor: '#009bdb',\r\n },\r\n ],\r\n };\r\n return \r\n No hay compras para mostrar \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default Cabecera","\r\nimport { useEffect } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { Alert } from \"@material-ui/lab\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport { obtenerGrupoViajeUtilidad } from \"./../../../../ducks/clientesDuck\"\r\nconst columns = [\r\n { id: \"cv\", minWidth: 50, align: \"center\", label: \"Clave de viaje\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Nombre paquete\" },\r\n { id: \"td\", minWidth: 50, align: \"center\", label: \"Total depositos\" },\r\n { id: \"tp\", minWidth: 50, align: \"center\", label: \"Total proveedor\" },\r\n { id: \"tu\", minWidth: 50, align: \"center\", label: \"Total utilidad\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TablaCompras = () => {\r\n const { grupoViajeUtilidad, referencia, cliente } = useSelector(store => store.cliente)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerGrupoViajeUtilidad({ ClaveViaje: cliente?.paquete?.ClaveViaje }))\r\n }, [dispatch, cliente?.paquete?.ClaveViaje])\r\n if (referencia === \"\")\r\n return (\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 \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 \r\n Datos generales\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 Precio paquete:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.paquete?.Monto_Paquete)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Monto ahorrado cliente:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.montoAhorrado)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Saldo a favor cliente:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.saldoDisponible)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Precio neto paquete:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.precioNetoTotalCliente)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Precio neto suplmentos:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.precioNetoTotalSupCliente)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Precio neto total:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.precioNetoTotalCliente + comprasDetalle.precioNetoTotalSupCliente)} ${comprasDetalle?.paquete?.Cotizacion?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Tipo cambio prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.paquete?.TipoCambioPrevisto)}`}\r\n \r\n
\r\n \r\n \r\n Moneda proveedor:\r\n \r\n \r\n {`${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Montos\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 Pago proveedor previsto:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.totalPagadoPrevisto)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Monto corte caja total prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.montoCorteCajaTotalPrevisto)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Pago proveedor real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.totalPagado)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Monto corte caja total real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.montoCorteCajaTotal)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Ganancia pago proveedor:\r\n \r\n \r\n {`${formatDinero((comprasDetalle.totalPagadoPrevisto - comprasDetalle.totalPagado))} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Desglose de utilidad\r\n \r\n
\r\n \r\n \r\n Utilidad por paquete y suplementos prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadPaquetePrevista)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad corte de caja prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadCorteCajaPrevista)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n\r\n \r\n \r\n Monto faltante por liquidar prevista:\r\n \r\n \r\n {`${formatDinero((comprasDetalle.sobranteComprasLiquidarPrevista > 0) ? -comprasDetalle.sobranteComprasLiquidarPrevista : comprasDetalle.sobranteComprasLiquidarPrevista)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad sobrante de compras prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadSobranteComprasPrevista)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad total prevista:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadTotalPrevista)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad total prevista %:\r\n \r\n \r\n {`${calcularProcentaje({ monto: comprasDetalle.utilidadTotalPrevista, total: totalPaqueteDolares })}%`}\r\n \r\n
\r\n \r\n \r\n Utilidad por paquete y suplementos real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadPaquete)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad corte de caja real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadCorteCaja)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n\r\n \r\n \r\n Monto faltante por liquidar real:\r\n \r\n \r\n {`${formatDinero((comprasDetalle.sobranteComprasLiquidar > 0) ? - comprasDetalle.sobranteComprasLiquidar : comprasDetalle.sobranteComprasLiquidar)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad sobrante de compras real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadSobranteCompras)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad total real:\r\n \r\n \r\n {`${formatDinero(comprasDetalle.utilidadTotal)} ${comprasDetalle?.paquete?.MonedaProveedor?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Utilidad total real %:\r\n \r\n \r\n {`${porcentajeUtlidadTotalReal}%`}\r\n \r\n
\r\n \r\n \r\n Graficas\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 Monto paquete\r\n \r\n
\r\n {/* \r\n \r\n Desglose utilidad\r\n \r\n
\r\n {/* \r\n \r\n Perdidas\r\n \r\n
\r\n {/* \r\n
\r\n )\r\n\r\n return (\r\n \r\n Selecciona un cliente \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TablaCompras","import TablaCompras from \"./../TCompras\"\r\nimport Cabecera from \"./../Cabecera\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nimport VGrupoUsutilidad from \"./../VGrupoUtilidad\"\r\nimport { useState } from \"react\"\r\nimport { ButtonGroup, Button } from \"@material-ui/core\"\r\nconst VCompras = () => {\r\n const { referencia } = useSelector(store => store.cliente)\r\n const [tipoPago, setTipoPago] = useState(true)\r\n const onClick = () => {\r\n setTipoPago(!tipoPago)\r\n }\r\n if (referencia) return (\r\n \r\n
\r\n )\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n (tipoPago) ? \r\n
: \r\n \r\n
\r\n )\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default BVerificar","import { Button } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { anularVerificarCuentaAction, selectClienteTarget } from \"../../../ducks/clientesDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { usePermiso } from \"../../../hooks/usePermiso\"\r\nimport { catRoles } from \"./../../../constant/catRoles\"\r\nconst BAnularVerificacion = () => {\r\n const [permitido] = usePermiso({ location: \"FK_AdministrarClientes_Anular\", initialValue: false })\r\n const { profile } = useSelector(store => store.logeo)\r\n const { cliente, referencia, verificado } = useSelector(store => store.cliente)\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleVerificar = () => {\r\n DialogMessage.fire({\r\n title: `Verficar cuenta`,\r\n text: `驴Esta seguro de anular la verificaci贸n de esta referencia?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(anularVerificarCuentaAction({ IdCuenta: cliente?.Movimiento?.Cuenta?.Id_Cuenta })).then(Response => {\r\n if (Response?.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n if (verificado)\r\n if (profile.Rol?.Id === catRoles.ADMINISTRADOR || permitido)\r\n return (\r\n Cuenta verificada
\r\n\r\n \r\n
\r\n )\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default BAnularVerificacion","import { Grid, TextField, Button } from \"@material-ui/core\"\r\nimport * as yup from \"yup\";\r\nimport { useFormik } from \"formik\";\r\nimport { useState, useEffect } from \"react\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport { phoneRegExp } from \"../../../utils/yupCustomShema\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { selectClienteTarget, actulizarDatosContactoAction } from \"../../../ducks/clientesDuck\";\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\";\r\nconst validationSchema = yup.object({\r\n nombre: yup.string(\"Ingresa un nombre\").required(\"Nombre es requerido\"),\r\n apellidop: yup\r\n .string(\"Ingresa un apellido paterno\")\r\n .optional(),\r\n apellidom: yup.string(\"Ingresa un apellido materno\").optional(),\r\n telefono: yup\r\n .string(\"Ingresa un telefono\")\r\n .matches(phoneRegExp, \"Numero de telefono invalido\")\r\n .required(\"Telefono es requerido\"),\r\n correo: yup\r\n .string(\"Ingresa un email\")\r\n .email(\"Email invalido\")\r\n .required(\"Email es requerido\"),\r\n})\r\nconst InitalValues = {\r\n nombre: \"\",\r\n apellidop: \"\",\r\n apellidom: \"\",\r\n telefono: \"\",\r\n correo: \"\"\r\n}\r\nconst ArrayFormValues = [\r\n {\r\n name: \"nombre\",\r\n type: \"text\",\r\n label: \"Nombre\"\r\n },\r\n // {\r\n // name: \"apellidop\",\r\n // type: \"text\",\r\n // label: \"Apellido paterno\"\r\n // },\r\n // {\r\n // name: \"apellidom\",\r\n // type: \"text\",\r\n // label: \"Apellido materno\"\r\n // },\r\n {\r\n name: \"telefono\",\r\n type: \"text\",\r\n label: \"Telefono\"\r\n },\r\n {\r\n name: \"correo\",\r\n type: \"text\",\r\n label: \"Correo\"\r\n },\r\n]\r\nconst FielEdit = (props) => {\r\n const {\r\n name,\r\n label,\r\n type = \"text\",\r\n verificado,\r\n formik,\r\n } = props\r\n const [editar, setEditar] = useState(false)\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n )\r\n}\r\nconst FCliente = () => {\r\n const { cliente, referencia, verificado } = useSelector(store => store.cliente)\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => handleSubmit(values),\r\n });\r\n const handleSubmit = (values) => {\r\n if (verificado)\r\n return null\r\n DialogMessage.fire({\r\n title: `Actulizacion de datos`,\r\n text: `驴Esta seguro de que la informaci贸n del cliente es la correcta?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n let payload = {\r\n ...values,\r\n Referencia: referencia,\r\n apellidoP: values.apellidop,\r\n apellidoM: values.apellidom,\r\n }\r\n setLoad(true)\r\n dispatch(actulizarDatosContactoAction(payload)).then(Response => {\r\n if (Response?.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n formik.setFieldValue(\"nombre\", cliente?.Titular)\r\n // formik.setFieldValue(\"apellidop\", cliente?.Movimiento?.Cuenta?.Apellido_Paterno)\r\n // formik.setFieldValue(\"apellidom\", cliente?.Movimiento?.Cuenta?.Apellido_Materno)\r\n formik.setFieldValue(\"apellidop\", \"\")\r\n formik.setFieldValue(\"apellidom\", \"\")\r\n formik.setFieldValue(\"telefono\", cliente?.Movimiento?.Cuenta?.Telefono_Contacto)\r\n formik.setFieldValue(\"correo\", cliente?.Movimiento?.Cuenta?.eMail)\r\n }, [cliente.idCotizacion]) //eslint-disable-line\r\n\r\n return (\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FCliente","import { Button, FormControl, InputLabel, Select, MenuItem, Grid } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport useApi from \"../../../hooks/useAPI\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { selectClienteTarget, cambiarFechaViajeAction } from \"../../../ducks/clientesDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\nconst FFechaViaje = () => {\r\n const { cliente, referencia, verificado } = useSelector(store => store.cliente)\r\n const [value, setValue] = useState(\"0,0,0\")\r\n const [fecha, setFecha] = useState(\"0\")\r\n const [idBloque, setIdBloque] = useState(\"0\")\r\n const [idObjeto, setIdObjeto] = useState(\"0\")\r\n const [load, setLoad] = useState(false)\r\n const [editar, setEditar] = useState(false)\r\n const catalogoFechas = useApi(`Package/TravelDate/${cliente?.paquete?.ClavePaquete}`)\r\n const dispatch = useDispatch()\r\n const handleGuardar = () => {\r\n if (verificado)\r\n return null\r\n DialogMessage.fire({\r\n title: `Cambio de fecha`,\r\n text: `驴Esta seguro de cambiar la fecha de salida a ${FormatoFechaIso({ date: fecha, formato: \"dd MMMM yyyy\" })} para la referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(cambiarFechaViajeAction({\r\n IdPaquete: cliente?.paquete?.Id_Paquete,\r\n IdBloqueSalida: idBloque,\r\n IdObjeto: idObjeto\r\n })).then(Response => {\r\n setLoad(false)\r\n if (Response?.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n setEditar(false)\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n const handleSelecFecha = (event) => {\r\n const valores = event.target.value.split(\",\")\r\n setValue(event.target.value)\r\n setFecha(valores[2])\r\n setIdBloque(valores[1])\r\n setIdObjeto(valores[0])\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n if (catalogoFechas.length > 0) return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n return Paquete: {cliente?.paquete?.Nombre}
\r\nFecha de salida actual: {FormatoFechaIso({ date: cliente?.paquete?.Fecha_Viaje, formato: \"dd MMMM yyyy\" })}
\r\n\r\n \r\n Fecha de salida \r\n \r\n \r\n {catalogoFechas.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n {\r\n (!editar) &&\r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n No hay fechas diponibles para el paquete {cliente?.paquete?.Nombre}\r\n
\r\n}\r\nexport default FFechaViaje","export const catTipoPlaza = {\r\n NoAplica: 0,\r\n Sencilla: 1,\r\n Doble: 2,\r\n Triple: 3,\r\n Cu谩druple: 4,\r\n Menorinfante: 5,\r\n Compartida: 6,\r\n AlojamientoCompartido: 7,\r\n INFANTE: 8,\r\n}","import { Button, TextField, Grid, Divider, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { obtenerHabitacionesContratadas, actulizaContracionPlazaAction } from \"../../../ducks/clientesDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { catTipoPlaza } from \"../../../constant/catTipoPlaza\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\n\r\nconst FormPlaza = (props) => {\r\n const { cliente, verificado, plazaDisponibles } = useSelector(store => store.cliente)\r\n const { id = 0, Cantidad = 0, handleGuardar = () => { }, IdObjeto = \"\", name = \"default\", handleChangeAction = () => { }, disabled = false } = props\r\n const [value, setValue] = useState(Cantidad)\r\n const [editar, setEditar] = useState(false)\r\n const [selectValue, setSelectValue] = useState(id)\r\n const handleChangeValue = (event) => {\r\n setValue(event.target.value)\r\n }\r\n const handleChangeSelectValue = (event) => {\r\n setSelectValue(event.target.value)\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const handleClickSave = () => {\r\n setEditar(false)\r\n handleGuardar({\r\n id: selectValue,\r\n idOld: id,\r\n IdObjeto,\r\n name: name.split(\" \").join(\"\"),\r\n value: value\r\n })\r\n }\r\n if (plazaDisponibles.length > 0) return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Plazas \r\n \r\n \r\n {plazaDisponibles.map((plaza, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n No hay suplemento de tipo plaza diponibles para el paquete {cliente?.paquete?.Nombre}\r\n
\r\n )\r\n}\r\nconst FHabitaciones = () => {\r\n const { cliente, referencia, verificado, plazaContratadas, idContratacion } = useSelector(store => store.cliente)\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n\r\n const handleGuardar = (event) => {\r\n if (verificado) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Referencia verificada\",\r\n });\r\n return null\r\n }\r\n\r\n if (plazaContratadas.find(plaza => plaza.TipoPlaza?.IdTipoPlaza === Number(catTipoPlaza.Compartida))) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Plaza compartidas no se puede modificar\",\r\n });\r\n return null\r\n }\r\n\r\n let newPlazas = []\r\n const arrayPlazas = [...plazaContratadas]\r\n const mapPlazas = arrayPlazas.map((plazaC, index) => {\r\n return {\r\n id: plazaC.SuplementoContratado?.IdExtraPaqueteProveedor,\r\n amount: plazaC.ContratacionSuplemento?.Cantidad,\r\n idSuplemento: plazaC.ContratacionSuplemento?.SuplementoKey\r\n }\r\n })\r\n if (mapPlazas.find(plazaF => plazaF.id !== event.id)) {\r\n newPlazas = mapPlazas.map((plaza, index) => {\r\n if (plaza.id === event.idOld) {\r\n return {\r\n id: event.id,\r\n amount: event.value,\r\n idSuplemento: event.IdObjeto\r\n }\r\n }\r\n return plaza\r\n })\r\n } else {\r\n newPlazas = mapPlazas.map(plaza => {\r\n if (plaza.id === event.id) {\r\n plaza.amount = event.value\r\n }\r\n return plaza\r\n })\r\n }\r\n \r\n if (newPlazas.length === 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Seleccione el numero de plazas\",\r\n });\r\n return null\r\n }\r\n\r\n\r\n DialogMessage.fire({\r\n title: `Cambio de habitaciones`,\r\n text: `驴Esta seguro de cambiar las habitaciones para la referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n let payload = {\r\n IdContratacion: idContratacion,\r\n suplementosEnviados: newPlazas\r\n }\r\n setLoad(true)\r\n dispatch(actulizaContracionPlazaAction(payload)).then(Response => {\r\n setLoad(false)\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerHabitacionesContratadas({ Referencia: referencia }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n const handleChangeAction = (event) => {\r\n // let newPlazas = []\r\n // const arrayPlazas = [...plazaContratadas]\r\n // const mapPlazas = arrayPlazas.map((plazaC, index) => {\r\n // return {\r\n // id: plazaC.SuplementoContratado?.IdExtraPaqueteProveedor,\r\n // amount: plazaC.ContratacionSuplemento?.Cantidad,\r\n // idSuplemento: plazaC.ContratacionSuplemento?.SuplementoKey\r\n // }\r\n // })\r\n // if (mapPlazas.find(plazaF => plazaF.id !== event.id)) {\r\n // newPlazas = mapPlazas.map((plaza, index) => {\r\n // if (plaza.id === event.idOld) {\r\n // return {\r\n // id: event.id,\r\n // amount: event.value,\r\n // idSuplemento: event.IdObjeto\r\n // }\r\n // }\r\n // return plaza\r\n // })\r\n // } else {\r\n // newPlazas = mapPlazas.map(plaza => {\r\n // if (plaza.id === event.id) {\r\n // plaza.amount = event.value\r\n // }\r\n // return plaza\r\n // })\r\n // }\r\n\r\n // const arrayPlazas = [...plaza]\r\n // if (arrayPlazas.find(plaza => plaza.id !== event.id))\r\n // arrayPlazas.push({\r\n // id: event.id,\r\n // amount: event.value,\r\n // idSuplemento: event.IdObjeto\r\n // })\r\n // const newArrayPlazas = arrayPlazas.map(plaza => {\r\n // if (plaza.id === event.id) {\r\n // plaza.amount = event.value\r\n // }\r\n // return plaza\r\n // })\r\n // console.log(\"馃殌 ~ file: FHabitaciones.jsx:204 ~ newArrayPlazas ~ newArrayPlazas:\", newArrayPlazas)\r\n // setPlaza(newArrayPlazas)\r\n }\r\n\r\n return \r\n \r\n \r\n \r\n \r\n {/* \r\n {\r\n (plazaDisponibles.length > 0) ?\r\n \r\n \r\n
\r\n}\r\nexport default FHabitaciones","import { Button, TextField, Grid } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { selectClienteTarget, cambiarMensualidadesAction } from \"../../../ducks/clientesDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\n\r\nconst FMensualidades = () => {\r\n const { cliente, referencia, verificado } = useSelector(store => store.cliente)\r\n const [value, setValue] = useState(\"0\")\r\n const [load, setLoad] = useState(false)\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleGuardar = () => {\r\n if (verificado)\r\n return null\r\n\r\n if (Number(value) <= 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: 'Las mensualidades deben de ser mayor o igual a 1',\r\n })\r\n return null\r\n }\r\n\r\n if (Number(value) > 15) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: 'No se pueden agregar mas de 15 meses',\r\n })\r\n return null\r\n }\r\n\r\n DialogMessage.fire({\r\n title: `Cambio de mensualidades`,\r\n text: `驴Esta seguro de cambiar el numero de mensualidades para la referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(cambiarMensualidadesAction({\r\n IdPaquete: cliente?.paquete?.Id_Paquete,\r\n NumeroPagos: value,\r\n })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n setEditar(false)\r\n dispatch(selectClienteTarget({ cliente, referencia }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n const handleChangeValue = (event) => {\r\n setValue(event.target.value)\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n return Paquete: {cliente?.paquete?.Nombre}
\r\nNumero de pasajeros: {cliente?.paquete?.Numero_Personas}
\r\n\r\n
\r\n )\r\n }\r\n Tipo: {plaza?.TipoPlaza?.Descripcion}
\r\nNombre: {plaza?.SuplementoContratado?.Nombre}
\r\nCantidad: {plaza?.ContratacionSuplemento?.Cantidad}
\r\n\r\n {\r\n plazaDisponibles.map((plaza, index) => {\r\n const plazaC = plazaContratadas.find(plazaC => plazaC.TipoPlaza?.Descripcion === plaza.Descripcion)\r\n return (\r\n
\r\n :\r\n \r\n \r\n
\r\n )\r\n }\r\n )\r\n }\r\n \r\n No hay suplemento de tipo plaza diponibles para el paquete {cliente?.paquete?.Nombre}\r\n
\r\n } */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FMensualidades","import { useSelector } from \"react-redux\"\r\nimport BVerificar from \"./BVerficar\"\r\nimport BAnularVerificacion from \"./BAnularVerificacion\"\r\nimport FCliente from \"./FCliente\"\r\nimport FFechaViaje from \"./FFechaViaje\"\r\nimport FHabitaciones from \"./FHabitaciones\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nimport { Grid, Divider } from \"@material-ui/core\"\r\nimport FMensualidades from \"./FMensualidades\"\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\nconst EditarDatos = () => {\r\n const { referencia, cliente } = useSelector(store => store.cliente)\r\n if (referencia) return (\r\n Paquete: {cliente?.paquete?.Nombre}
\r\nNumero de pagos actual: {cliente?.paquete?.Numero_Pagos}
\r\n\r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n Datos cliente
\r\n\r\n
\r\n Fecha de salida
\r\n\r\n
\r\n Numero de mensualidades
\r\n\r\n
\r\n Habitaciones
\r\n\r\n
\r\n )\r\n}\r\nconst VGrupos = () => {\r\n const { cliente, referencia } = useSelector(store => store.cliente)\r\n const grupo = useApi(`Trip/Group/BO/${cliente.Grupo?.Id_Grupo}`)\r\n \r\n console.log(\"馃殌 ~ file: index.jsx:38 ~ VGrupos ~ grupo:\", grupo)\r\n\r\n if (!referencia) return (\r\n \r\n
\r\n Nombre: {nombre}
\r\nReferencia: {referencia}
\r\n\r\n \r\n {\r\n alCorriente ? \r\n {(alCorriente) ? `Al Corriente` : \"Con Atraso\"}\r\n
\r\n Monto paquete: {formatDinero(total)} {moneda}
\r\nAhorro: {formatDinero(ahorro)} {moneda}
\r\n\r\n {\r\n (grupo.Participantes) ?\r\n grupo.Participantes?.map((participante, index) =>\r\n No pertenece a ning煤n grupo \r\n }\r\n
\r\n )\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n )\r\n}\r\nconst FielEdit = (props) => {\r\n const {\r\n name,\r\n label,\r\n type = \"text\",\r\n verificado,\r\n formik,\r\n } = props\r\n const [editar, setEditar] = useState(false)\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n return (\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n )\r\n}\r\nconst FCheckIn = () => {\r\n const { cliente, modalPasajero, targetPasajero } = useSelector(store => store.cliente)\r\n const [value, setValue] = useState(dayjs())\r\n const [venPasaporte, setVenPasaporte] = useState(dayjs())\r\n const dispatch = useDispatch()\r\n const classes = FCortizadorStyle()\r\n const formik = useFormik({\r\n initialValues: InitialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => handleSubmit(values),\r\n })\r\n const handleChangeValue = (value) => {\r\n setValue(value)\r\n }\r\n const handleChangeVenPasaporte = (value) => {\r\n setVenPasaporte(value)\r\n }\r\n const handleClose = () => {\r\n dispatch(modalPasajeroCheckin({ open: false }))\r\n dispatch(targetPasajeroCheckin({ pasajero: {} }))\r\n formik.resetForm(InitialValues)\r\n }\r\n const handleSubmit = (values) => {\r\n let payload = {}\r\n payload.IdPasajero = targetPasajero?.Pasajero?.idPasajero ?? 0\r\n payload.IdCatTipoPasajero = targetPasajero?.TipoPasajero?.IdCatTipoPasajero\r\n payload.idCuenta = cliente?.Movimiento?.Cuenta?.Id_Cuenta\r\n payload.IdPaquete = cliente?.paquete?.Id_Paquete\r\n payload.Nombre = values.nombre\r\n payload.ApellidoPaterno = values.apellidoPaterno\r\n payload.ApellidoMaterno = values.apellidoMaterno\r\n payload.FechaNacimiento = dayjs(value).format('YYYY-MM-DD')\r\n payload.Nacionalidad = \"No Aplica\"\r\n payload.NumeroPasaporte = values.numPassaporte\r\n payload.FechaVencimiento = dayjs(venPasaporte).format('YYYY-MM-DD')\r\n payload.Internacional = cliente?.paquete?.Internacional\r\n\r\n DialogMessage.fire({\r\n titleText: `驴Est谩 seguro que los datos mostrados son correctos?`,\r\n html: `Nombre completo: ${payload.Nombre} ${payload.ApellidoPaterno} ${payload.ApellidoMaterno}\r\n Fecha de nacimiento: ${payload.FechaNacimiento}\r\n N煤mero de pasaporte: ${payload.NumeroPasaporte}\r\n Fecha de expiraci贸n: ${payload.FechaVencimiento}\r\n La informaci贸n sera utilizada para la compra de tu viaje `,\r\n showCancelButton: true,\r\n confirmButtonText: 'Aceptar',\r\n confirmButtonColor: \"#009bdb\",\r\n cancelButtonText: \"Cancelar\",\r\n icon: \"info\"\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n if (targetPasajero?.Pasajero?.idPasajero > 0) {\r\n dispatch(updatePasajeroCheckin(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 200) {\r\n ToastMessage.fire({\r\n title: \"Operacion exitosa\",\r\n icon: \"success\",\r\n confirmButtonColor: \"#009bdb\",\r\n confirmButtonText: \"Aceptar\",\r\n })\r\n dispatch(obtenerPasajerosDocumentos({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }\r\n })\r\n } else {\r\n dispatch(newPasajeroCheckin(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 200) {\r\n ToastMessage.fire({\r\n title: \"Operacion exitosa\",\r\n icon: \"success\",\r\n confirmButtonColor: \"#009bdb\",\r\n confirmButtonText: \"Aceptar\",\r\n })\r\n dispatch(obtenerPasajerosDocumentos({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }\r\n })\r\n }\r\n }\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (targetPasajero?.Pasajero?.idPasajero) {\r\n setValue(dayjs(targetPasajero?.Pasajero?.FechaNacimiento))\r\n setVenPasaporte(dayjs(targetPasajero?.Pasajero?.documento?.FechaVencimiento))\r\n formik.setFieldValue(\"nombre\", targetPasajero?.Pasajero?.Nombre)\r\n formik.setFieldValue(\"apellidoPaterno\", targetPasajero?.Pasajero?.ApellidoPaterno)\r\n formik.setFieldValue(\"apellidoMaterno\", targetPasajero?.Pasajero?.ApellidoMaterno)\r\n formik.setFieldValue(\"numPassaporte\", targetPasajero?.Pasajero?.documento?.NumeroPasaporte)\r\n }\r\n }, [targetPasajero]) //eslint-disable-line\r\n\r\n return (\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n Aceptar\r\n \r\n
\r\n \r\n \r\n Aplicar checkin\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst FWallet = (props) => {\r\n const { open = false, setOpen = () => { }, idDocumento = 0, update = false, Nombre = \"\" } = props;\r\n const { cliente } = useSelector(store => store.cliente)\r\n const classes = FPaquetesStyle();\r\n const catTipoWallet = useAPI(\"Catalog/CatWallet\");\r\n const [tipoDocumento, setTipoDocumento] = useState(\"0\");\r\n const [file, setFile] = useState([]);\r\n const [isLoad, setIsLoad] = useState(false);\r\n const dispatch = useDispatch();\r\n const onGuardar = () => {\r\n if (file.length <= 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n })\r\n return null\r\n }\r\n setIsLoad(true);\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n idPaquete: cliente?.paquete?.Id_Paquete,\r\n Nombre: `${tipoDocumento} - ${archivo.name.split(\".\")[0]}`,\r\n Imagen: Logobase64,\r\n ExtensionImagen:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n\r\n if (update)\r\n payload.idDocumento = idDocumento\r\n\r\n dispatch((update) ? actualizarWalletDocumentoAction(payload) : nuevoWalletDocumentoAction(payload)).then((Response) => {\r\n setIsLoad(false);\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n })\r\n return null\r\n }\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n dispatch(obtenrWalletPaqueteAction({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n })\r\n })\r\n })\r\n };\r\n const LimpiarForm = () => {\r\n setTipoDocumento(\"0\");\r\n setFile([]);\r\n setOpen(false)\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n LimpiarForm();\r\n };\r\n const handleSelecTipoImagen = (event) => {\r\n setTipoDocumento(event.target.value);\r\n };\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDoload","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport DeleteIcon from \"@material-ui/icons/Delete\"\r\nimport { eliminarWalletDocuemntoAction, obtenrWalletPaqueteAction } from \"./../../../ducks/clientesDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst ButtonDelete = (props) => {\r\n const { idDocumento, Nombre, idPaquete } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDelete = () => {\r\n DialogMessage.fire({\r\n title: `驴Est谩 seguro de que desea eliminar el archivo ${Nombre}?`,\r\n text: 'Se eliminara de forma permanente',\r\n showCancelButton: true,\r\n confirmButtonText: \"Eliminar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(eliminarWalletDocuemntoAction({ idDocumento: idDocumento })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n dispatch(obtenrWalletPaqueteAction({ idPaquete }))\r\n setLoad(false)\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDelete","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport { obtenrWalletPaqueteAction } from \"../../../ducks/clientesDuck\"\r\nimport { useEffect } from \"react\"\r\nimport FWallet from \"./FWallet\"\r\nimport ButtonDoload from \"./ButtonDoload\"\r\nimport ButtonDelete from \"./ButtonDelete\"\r\nimport { Alert } from \"@material-ui/lab\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\nconst VDocumentos = () => {\r\n const { listaDocumentos, cliente, referencia } = useSelector(store => store.cliente)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenrWalletPaqueteAction({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.Id_Paquete])\r\n\r\n if (!referencia) return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default VDocumentos","import { getComprobanteFiscalClienteDowload } from \"../services/documentosService\";\r\nimport { getSolicitudFacturasPendientesAll, putDeclinarSolitudFacturaAgente, putValidateSolicitudFactura } from \"../services/invoiceService\";\r\n\r\nconst dataInicial = {\r\n listFacturasPendientes: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"0\",\r\n total: 0,\r\n exito: 0,\r\n};\r\n\r\nconst GET_FACTURACION_PENDIENTES_ALL = \"GET_FACTURACION_PENDIENTES_ALL\"\r\nconst GET_FACTURACION_PENDIENTES_PAGINA = \"GET_FACTURACION_PENDIENTES_PAGINA\"\r\nconst GET_FACTURACION_PENDIENTES_REGISTROS = \"GET_FACTURACION_PENDIENTES_REGISTROS\"\r\nconst GET_FACTURACION_PENDIENTES_BUSQUEDA = \"GET_FACTURACION_PENDIENTES_BUSQUEDA\"\r\nconst CLEAR_FACTURACION_PENDIENTES = \"CLEAR_FACTURACION_PENDIENTES\"\r\nconst GET_FACTURACION_ESTADO_CUENTA_DOWLOAD = \"GET_FACTURACION_ESTADO_CUENTA_DOWLOAD\"\r\nconst PUT_FACTURACION_PENDIENTES_APROVAR = \"PUT_FACTURACION_PENDIENTES_APROVAR\"\r\nconst PUT_FACTURACION_PENDIENTES_DECLINAR = \"PUT_FACTURACION_PENDIENTES_DECLINAR\"\r\n//* Metodos para el modulo de facturas pendientes\r\nexport default function facturasPendientesReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_FACTURACION_PENDIENTES_DECLINAR:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_FACTURACION_PENDIENTES_APROVAR:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_PENDIENTES_ALL:\r\n return { ...state, listFacturasPendientes: action.payload.listFacturasPendientes, total: action.payload.total }\r\n case GET_FACTURACION_PENDIENTES_PAGINA:\r\n return { ...state, listFacturasPendientes: action.payload.listFacturasPendientes, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_FACTURACION_PENDIENTES_REGISTROS:\r\n return { ...state, listFacturasPendientes: action.payload.listFacturasPendientes, registros: action.payload.registros, total: action.payload.total }\r\n case GET_FACTURACION_PENDIENTES_BUSQUEDA:\r\n return { ...state, listFacturasPendientes: action.payload.listFacturasPendientes, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n case CLEAR_FACTURACION_PENDIENTES:\r\n return { ...state, listFacturasPendientes: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const obtenerFacturasPendientesAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros } = getSate().facturasPendientes\r\n return await getSolicitudFacturasPendientesAll({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_PENDIENTES_ALL,\r\n payload: {\r\n listFacturasPendientes: Response.Facturas,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasPendientesPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros } = getSate().facturasPendientes\r\n return await getSolicitudFacturasPendientesAll({ Pagina: Pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_PENDIENTES_PAGINA,\r\n payload: {\r\n listFacturasPendientes: Response.Facturas,\r\n pagina: Pagina,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasPendientesRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina } = getSate().facturasPendientes\r\n return await getSolicitudFacturasPendientesAll({ Referencia: busqueda, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_PENDIENTES_REGISTROS,\r\n payload: {\r\n listFacturasPendientes: Response.Facturas,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasPendientesBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getSolicitudFacturasPendientesAll({ Referencia: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_PENDIENTES_BUSQUEDA,\r\n payload: {\r\n listFacturasPendientes: Response.Facturas,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerComprobanteFiscalAction = ({ IdFactura }) => async (dispatch, getSate) => {\r\n return await getComprobanteFiscalClienteDowload({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const validarFacturaAction = ({ IdFactura }) => async (dispatch) => {\r\n return await putValidateSolicitudFactura({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: PUT_FACTURACION_PENDIENTES_APROVAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarFacturaAction = ({ IdFactura }) => async (dispatch) => {\r\n return await putDeclinarSolitudFacturaAgente({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: PUT_FACTURACION_PENDIENTES_DECLINAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerComprobanteFiscalAction } from \"../../../ducks/facturacionRecienteDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\n\r\nconst ButtonDowloadComSituacionFiscal = (props) => {\r\n const { IdFactura } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerComprobanteFiscalAction({ IdFactura: IdFactura })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadComSituacionFiscal","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport { obtenerPeticionesFacturasReferenciaAction } from \"../../../ducks/clientesDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport ButtonDowloadComSituacionFiscal from \"../../Facturas/TFacturas/ButtonDowloadComSituacionFiscal\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\nconst VFacturas = () => {\r\n const { facturas, cliente, referencia } = useSelector(store => store.cliente)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerPeticionesFacturasReferenciaAction({ referencia: referencia }))\r\n }, [dispatch, referencia])\r\n\r\n if (!referencia) return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default VFacturas","import React from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nexport default function DialogMensaje(props) {\r\n const { Mensaje } = props\r\n const [open, setOpen] = React.useState(false)\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {\"Comentario del cliente\"} \r\n \r\n \r\n {Mensaje}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import { getEstadoCuentaDevolucionDowload } from \"../services/documentosService\";\r\nimport { getDevolucionesPendientesAll, getDevolucionesPendientesAllVersion, putDeclinarSolitudRembolsoAgente, putValidateDevolucion } from \"../services/refoundService\";\r\n\r\nconst dataInicial = {\r\n listDevolucionesPendientes: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"0\",\r\n total: 0,\r\n exito: 0,\r\n version: 1,\r\n};\r\n\r\nconst GET_DEVOLUCIONES_PENDIENTES_ALL = \"GET_DEVOLUCIONES_PENDIENTES_ALL\";\r\nconst GET_DEVOLUCIONES_PENDIENTES_PAGINA = \"GET_DEVOLUCIONES_PENDIENTES_PAGINA\";\r\nconst GET_DEVOLUCIONES_PENDIENTES_REGISTROS = \"GET_DEVOLUCIONES_PENDIENTES_REGISTROS\";\r\nconst GET_DEVOLUCIONES_PENDIENTES_BUSQUEDA = \"GET_DEVOLUCIONES_PENDIENTES_BUSQUEDA\";\r\nconst CLEAR_DEVOLUCIONES_PENDIENTES = \"CLEAR_DEVOLUCIONES_PENDIENTES\";\r\nconst GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD = \"GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD\"\r\nconst PUT_DEVOLUCIONES_PENDIENTES_APROVAR = \"PUT_DEVOLUCIONES_PENDIENTES_APROVAR\"\r\nconst PUT_DEVOLUCIONES_PENDIENTES_DECLINAR = \"PUT_DEVOLUCIONES_PENDIENTES_DECLINAR\"\r\nconst GET_DEVOLUCIONES_PENDIENTES_VERSION = \"GET_DEVOLUCIONES_PENDIENTES_VERSION\"\r\n\r\nexport default function devolucioenesPendientesReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_DEVOLUCIONES_PENDIENTES_VERSION:\r\n return { ...state, listDevolucionesPendientes: action.payload.listDevolucionesPendientes, total: action.payload.total, version: action.payload.version }\r\n case PUT_DEVOLUCIONES_PENDIENTES_DECLINAR:\r\n return { ...state, exito: action.payload.exito}\r\n case PUT_DEVOLUCIONES_PENDIENTES_APROVAR:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito}\r\n case GET_DEVOLUCIONES_PENDIENTES_ALL:\r\n return { ...state, listDevolucionesPendientes: action.payload.listDevolucionesPendientes, total: action.payload.total }\r\n case GET_DEVOLUCIONES_PENDIENTES_PAGINA:\r\n return { ...state, listDevolucionesPendientes: action.payload.listDevolucionesPendientes, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_DEVOLUCIONES_PENDIENTES_REGISTROS:\r\n return { ...state, listDevolucionesPendientes: action.payload.listDevolucionesPendientes, registros: action.payload.registros, total: action.payload.total }\r\n case GET_DEVOLUCIONES_PENDIENTES_BUSQUEDA:\r\n return { ...state, listDevolucionesPendientes: action.payload.listDevolucionesPendientes, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n case CLEAR_DEVOLUCIONES_PENDIENTES:\r\n return { ...state, listDevolucionesPendientes: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerDevolucionesPendientesVersionAction = ({ version }) => async (dispatch, getSate) => {\r\n const { busqueda, registros, pagina } = getSate().devolucionesPendientes\r\n return await getDevolucionesPendientesAllVersion({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros, IdCatVersionPaquete: version }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_PENDIENTES_VERSION,\r\n payload: {\r\n listDevolucionesPendientes: Response.Devoluciones,\r\n total: Response.Total,\r\n version: version,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesPendientesAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros, version } = getSate().devolucionesPendientes\r\n return await getDevolucionesPendientesAllVersion({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros, IdCatVersionPaquete: version }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_PENDIENTES_ALL,\r\n payload: {\r\n listDevolucionesPendientes: Response.Devoluciones,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n\r\nexport const obtenerDevolucionesPendientesPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros, version } = getSate().devolucionesPendientes\r\n return await getDevolucionesPendientesAllVersion({ Pagina: Pagina + 1, Referencia: busqueda, Registros: registros, IdCatVersionPaquete: version }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_PENDIENTES_PAGINA,\r\n payload: {\r\n listDevolucionesPendientes: Response.Devoluciones,\r\n pagina: Pagina,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesPendientesRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina, version } = getSate().devolucionesPendientes\r\n return await getDevolucionesPendientesAllVersion({ Referencia: busqueda, Pagina: pagina + 1, Registros, IdCatVersionPaquete: version }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_PENDIENTES_REGISTROS,\r\n payload: {\r\n listDevolucionesPendientes: Response.Devoluciones,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesPendientesBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getDevolucionesPendientesAllVersion({ Referencia: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros, IdCatVersionPaquete: dataInicial.version }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_PENDIENTES_BUSQUEDA,\r\n payload: {\r\n listDevolucionesPendientes: Response.Devoluciones,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerEstadoCuentaDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch, getSate) => {\r\n return await getEstadoCuentaDevolucionDowload({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const validarDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch) => {\r\n return await putValidateDevolucion({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: PUT_DEVOLUCIONES_PENDIENTES_APROVAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch) => {\r\n return await putDeclinarSolitudRembolsoAgente({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: PUT_DEVOLUCIONES_PENDIENTES_DECLINAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerEstadoCuentaDevolucionAction } from \"../../../ducks/devolucionesDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadEstadoCueta = (props) => {\r\n const { IdDevolucionSolicitud } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerEstadoCuentaDevolucionAction({ IdDevolucionSolicitud: IdDevolucionSolicitud })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadEstadoCueta","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport { obtenerPeticionesDevolucionesReferenciaAction, obtenerPeticionesFacturasReferenciaAction } from \"../../../ducks/clientesDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nimport DialogMensaje from \"../../Devoluciones/TDevoluciones/DialogMensaje\"\r\nimport ButtonDowloadEstadoCueta from \"../../Devoluciones/TDevoluciones/ButtonDowloadEstadoCueta\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\nconst VDevoluciones = () => {\r\n const { devoluciones, cliente, referencia } = useSelector(store => store.cliente)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerPeticionesDevolucionesReferenciaAction({ referencia: referencia }))\r\n }, [dispatch, referencia])\r\n\r\n if (!referencia) return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default VDevoluciones","import { useState } from \"react\"\r\nimport {\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nimport AccountBalanceIcon from \"@material-ui/icons/AccountBalance\"\r\nimport ReceiptIcon from \"@material-ui/icons/Receipt\"\r\nimport TarjetaExtra from \"../TarjetaExtra\"\r\nimport TarjetaVuelos from \"../TarjetaVuelos\"\r\nimport TarjetaHotel from \"../TarjetaHotel\"\r\nimport VPagos from \"./../VPagos/VistaComrpas\"\r\nimport VCompras from \"../Compras/VCompras\"\r\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart'\r\nimport EditAttributesIcon from '@material-ui/icons/EditAttributes';\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport { useSelector } from \"react-redux\"\r\nimport EditarDatos from \"../EditarDatos\"\r\nimport { usePermiso } from \"../../../hooks/usePermiso\"\r\nimport VGrupos from \"../VGrupos\"\r\nimport SupervisedUserCircleIcon from '@material-ui/icons/SupervisedUserCircle'\r\nimport { esFinalizado } from \"../../../utils/esFinalizado\"\r\nimport VNotificaciones from \"../VNotificaciones\"\r\nimport NotificationsIcon from '@material-ui/icons/Notifications'\r\nimport AttachFileIcon from '@material-ui/icons/AttachFile'\r\nimport FlightIcon from '@material-ui/icons/Flight'\r\nimport VCheckIn from \"../VCheckIn\"\r\nimport VDocumentos from \"../VDocumentos\"\r\nimport VFacturas from \"../VFacturas\"\r\nimport VDevoluciones from \"../VDevoluciones\"\r\nimport InsertDriveFileIcon from '@material-ui/icons/InsertDriveFile'\r\nimport AssignmentReturnIcon from '@material-ui/icons/AssignmentReturn'\r\nimport ShoppingBasketIcon from '@material-ui/icons/ShoppingBasket'\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\n\r\nexport default function TapCliente() {\r\n const [value, setValue] = useState(0);\r\n const { profile } = useSelector(store => store.logeo)\r\n const { cliente } = useSelector(store => store.cliente)\r\n const [permitidoEditar] = usePermiso({ location: \"FK_AdministrarClientes_Editar\", initialValue: false })\r\n const [permitidoItems] = usePermiso({ location: \"FK_AdministrarClientes_Items\", initialValue: false })\r\n const [permitidoCheckIn] = usePermiso({ location: \"FK_AdministrarClientes_CheckIn\", initialValue: false })\r\n const [permitidoWallet] = usePermiso({ location: \"FK_AdministrarClientes_Wallet\", initialValue: false })\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n return null\r\n}\r\nexport default BotonReporte","import { Button } from \"@material-ui/core\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport KeyboardReturnIcon from '@material-ui/icons/KeyboardReturn'\r\nexport const ButtonReturn = () => {\r\n const history = useHistory()\r\n const handleClick = () => {\r\n history.goBack()\r\n return null\r\n }\r\n return (\r\n \r\n
\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { useDispatch, useSelector } from \"react-redux\"\r\nimport { obtenerComisionesFiltro } from \"../../../ducks/cotizacionDuck\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { Grid } from \"@material-ui/core\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { esFechaValida } from \"../../../utils/FormatFecha\"\r\n\r\nconst FiltroFecha = () => {\r\n const dispatch = useDispatch()\r\n const { fechaFiltro } = useSelector(store => store.cotizacion)\r\n const handleChangeFechaMesFin = (date) => {\r\n if (!esFechaValida({ date })) {\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerComisionesFiltro({ fechaFiltro: date })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n a.Nombres > b.Nombres)}\r\n getOptionLabel={(option) => `${option.UserName} - ${option.Nombres} ${option.ApellidoPaterno} ${option.ApellidoMaterno}`}\r\n style={{\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={agentes.length > 0 ? false : true}\r\n onChange={handleSelecAgente}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n\r\n}\r\nexport default CbAgentes","import {makeStyles} from \"@material-ui/core\";\r\nimport { TextField } from \"@material-ui/core\";\r\nimport styled from 'styled-components';\r\n\r\nexport const FPagosStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n\r\n\r\nexport const StyledTextField = styled(TextField)`\r\n label.focused {\r\n color: #1976D2; 馃挌\r\n }\r\n .MuiOutlinedInput-root {\r\n fieldset {\r\n border-color: #757575; 馃挃\r\n }\r\n &:hover fieldset {\r\n border-color: #BBDEFB; 馃挍\r\n }\r\n &.Mui-focused fieldset {\r\n border-color: #1976D2; 馃挌\r\n }\r\n}\r\n`;","import { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { Button, Grid } from \"@material-ui/core\";\r\nimport { FPagosStyle } from \"./styles\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport TResumen from \"../TResumen\";\r\nimport BackDrop from \"./../../../global/BackDrop\"\r\nimport { obtenerResumenes, pagarComision, clearState } from '../../../ducks/cotizacionDuck';\r\nimport {ToastMessage } from \"./../../../global/ToastMessage\"\r\nexport default function FPagos(props) {\r\n\r\n const {\r\n open = false,\r\n setOpenModal = () => {}\r\n } = props;\r\n\r\n const classes = FPagosStyle();\r\n const dispatch = useDispatch()\r\n const resumenAgente = useSelector(store => store.cotizacion.resumenAgente)\r\n const resumenMarcado = useSelector(store => store.cotizacion.resumenMarcado)\r\n\r\n const [isLoad, setIsLoad] = useState(false);\r\n\r\n useEffect(()=>{\r\n if(open)\r\n {\r\n setIsLoad(true);\r\n dispatch(obtenerResumenes()).then((Response) =>{\r\n setIsLoad(false)\r\n })\r\n }\r\n },[dispatch, open])\r\n\r\n const handlePagarComision = () =>{\r\n setIsLoad(true);\r\n dispatch(pagarComision(true)).then((Response) =>{\r\n if (Response.status && Response.status !== 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Operaci贸n exitosa!\",\r\n });\r\n setIsLoad(false)\r\n setOpenModal(false);\r\n })\r\n }\r\n\r\n\r\n const handleCloseModal = () => {\r\n dispatch(clearState())\r\n setOpenModal(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n 驴Est谩 seguro de pagar las siguientes Comisiones?
\r\n\r\n {\r\n (resumenAgente.comision === resumenMarcado.comision) &&\r\n
\r\n Los Montos del Resumen son iguales
\r\n }\r\n {\r\n (resumenAgente.comision !== resumenMarcado.comision) &&\r\nLos Montos del Resumen son diferentes
\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Mes de Pago \r\n \r\n \r\n {meses.map((mes, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )\r\n\r\n}\r\n\r\nexport default CbMeses","import {makeStyles} from \"@material-ui/core\";\r\nimport { TextField } from \"@material-ui/core\";\r\nimport styled from 'styled-components';\r\n\r\nexport const MPagoAgenteStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n\r\n\r\nexport const StyledTextField = styled(TextField)`\r\n label.focused {\r\n color: #1976D2; 馃挌\r\n }\r\n .MuiOutlinedInput-root {\r\n fieldset {\r\n border-color: #757575; 馃挃\r\n }\r\n &:hover fieldset {\r\n border-color: #BBDEFB; 馃挍\r\n }\r\n &.Mui-focused fieldset {\r\n border-color: #1976D2; 馃挌\r\n }\r\n}\r\n`;","import { useEffect, useState } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { Grid } from \"@material-ui/core\"\r\nimport { obtenerSueldoBase, clearState } from \"../../../ducks/cotizacionDuck\"\r\nimport { MPagoAgenteStyle } from \"./styles\"\r\nimport ModalBase from \"../../../global/ModalBase\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport BackDrop from \"./../../../global/BackDrop\"\r\nimport TResumen from \"../TResumen\"\r\nimport TComisiones from \"../TComisiones\"\r\n\r\nconst MPagoAgente = (props) => {\r\n\r\n const {\r\n open = false,\r\n setOpenModal = () => {}\r\n } = props;\r\n\r\n const classes = MPagoAgenteStyle();\r\n const dispatch = useDispatch()\r\n const pagoAgente = useSelector(store => store.cotizacion.pagoAgente);\r\n const resumenMarcado = useSelector(store => store.cotizacion.resumenMarcado);\r\n const [isLoad, setIsLoad] = useState(false);\r\n\r\n useEffect(()=>{\r\n if(open)\r\n {\r\n setIsLoad(true);\r\n dispatch(obtenerSueldoBase()).then((Response) =>{\r\n setIsLoad(false)\r\n })\r\n }\r\n },[dispatch, open])\r\n\r\n const handleCloseModal = () => {\r\n dispatch(clearState())\r\n setOpenModal(false);\r\n };\r\n \r\n\r\n return (\r\n \r\n
\r\n {`Fecha del pago: ${pagoAgente.FechaPago}`}
\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\nexport default VCompras","import { makeStyles } from \"@material-ui/core/styles\";\r\nexport const useEventoStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n justifyContent: \"space-around\",\r\n alignItems: \"center\",\r\n padding: \"0\",\r\n margin: \"10px 0\"\r\n },\r\n details: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"cemter\",\r\n alignItems: \"center\",\r\n gap: \"10px\",\r\n padding: \"0\",\r\n margin: \"0\",\r\n },\r\n content: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"cemter\",\r\n alignItems: \"flex-start\",\r\n paddingLeft: theme.spacing(1),\r\n paddingBottom: theme.spacing(2),\r\n },\r\n controls: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flexDirection: \"row\",\r\n gap: \"10px\",\r\n justifyContent: \"cemter\",\r\n alignItems: \"flex-start\",\r\n paddingLeft: theme.spacing(1),\r\n paddingBottom: theme.spacing(2),\r\n },\r\n alingText: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"cemter\",\r\n alignItems: \"center\",\r\n padding: \"0\",\r\n margin: \"5px 0\",\r\n },\r\n icon: {\r\n padding: \"0\",\r\n margin: \"0 5px\",\r\n }\r\n}));\r\nexport const useVEventoStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n padding: \"0 15px\",\r\n margin: \"0\",\r\n },\r\n title: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"cemter\",\r\n alignItems: \"center\",\r\n padding: \"0\",\r\n margin: \"5px 0\",\r\n },\r\n containerHead: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n padding: \"0\",\r\n margin: \"5px 2rem\",\r\n }\r\n}));","import { useState } from 'react'\r\nimport Button from '@material-ui/core/Button'\r\nimport Dialog from '@material-ui/core/Dialog'\r\nimport DialogActions from '@material-ui/core/DialogActions'\r\nimport DialogContent from '@material-ui/core/DialogContent'\r\nimport DialogContentText from '@material-ui/core/DialogContentText'\r\nimport DialogTitle from '@material-ui/core/DialogTitle'\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport { formatDinero } from '../../../utils/formatDinero'\r\nimport Avance from \"../../../global/Avance\"\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n})\r\n\r\nexport default function MDetalleReferencia({ ClaveViaje }) {\r\n const classes = useStyles();\r\n const [open, setOpen] = useState(false)\r\n const listaParticipantes = useApi(`package/KeyTravel/${ClaveViaje}`)\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n }\r\n const handleClose = () => {\r\n setOpen(false);\r\n }\r\n return (\r\n \r\n \r\n \r\n Grupo de viaje \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}","import { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport AssignmentIcon from '@material-ui/icons/Assignment';\r\nimport { Tooltip, IconButton } from \"@material-ui/core\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha';\r\nimport MDetalleReferencia from '../DReferencias';\r\nconst columns = [\r\n { id: \"paquete\", minWidth: 150, align: \"center\", label: 'Paquete' },\r\n { id: \"claveViaje\", minWidth: 50, align: \"center\", label: 'Clave de viaje' },\r\n { id: \"noReferencias\", minWidth: 50, align: \"center\", label: 'No. Referencias' },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: '' },\r\n];\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n});\r\n\r\nexport default function TGruposCalendario({ rows = [] }) {\r\n const history = useHistory()\r\n const classes = useStyles();\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(10);\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value);\r\n setPage(0);\r\n }\r\n const onDetalle = (row) => {\r\n history.push({\r\n pathname: `/Grupo/${row?.paquete?.Nombre}/${FormatoFechaIso({date: row?.FechaViaje, formato: \"MMddyyyyHHmmss\"})}`\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {`Salida ${fecha}`}\r\n \r\n
\r\n \r\n {\r\n (grupos?.lSalida?.length <= 0 && grupos?.lLiquidacion?.length <= 0 && grupos?.lAereo?.length <= 0) &&\r\n
\r\n \r\n No hay datos pora mostrar \r\n
\r\n\r\n }\r\n {\r\n (grupos?.lSalida?.length > 0) &&\r\n \r\n
\r\n
\r\n
\r\n }\r\n {\r\n (grupos?.lAereo?.length > 0) &&\r\n \r\n
Salidas
\r\n\r\n
\r\n
\r\n
\r\n
\r\n }\r\n {\r\n (grupos?.lLiquidacion?.length > 0) &&\r\n \r\n
Aereos
\r\n\r\n
\r\n
\r\n
\r\n
\r\n }\r\n \r\n
Liquidaciones
\r\n\r\n
N/A
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusCuenta","export const EstatusDocumento = {\r\n NoAplica: 0,\r\n SIN_DOCUMENTO: 1,\r\n DOCUMENTO: 2,\r\n}","import { EstatusDocumento } from \"../../../constant/catEstatusDocumento\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\nimport ErrorIcon from '@material-ui/icons/Error';\r\nimport { Tooltip } from \"@material-ui/core\";\r\nconst EstatusDocumentoLabel = (props) => {\r\n const { estatus } = props\r\n switch (estatus) {\r\n case EstatusDocumento.NoAplica:\r\n return N/A
\r\n case EstatusDocumento.DOCUMENTO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusDocumentoLabel","import { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport AssignmentIcon from '@material-ui/icons/Assignment';\r\nimport { Tooltip, IconButton } from \"@material-ui/core\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport EstatusCuenta from './EstatusCuenta';\r\nimport EstatusDocumentoLabel from './EstatusDocumento';\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 150, align: \"center\", label: 'Referencia' },\r\n { id: \"no.Pax\", minWidth: 50, align: \"center\", label: 'No. Pax' },\r\n { id: \"monto\", minWidth: 50, align: \"center\", label: 'Monto' },\r\n { id: \"doc\", minWidth: 50, align: \"center\", label: 'Documentos' },\r\n { id: \"reserva\", minWidth: 50, align: \"center\", label: 'Reserva' },\r\n { id: \"aereo\", minWidth: 50, align: \"center\", label: 'Aereo' },\r\n { id: \"liquidacion\", minWidth: 50, align: \"center\", label: 'Liquidacion' },\r\n { id: \"seguros\", minWidth: 50, align: \"center\", label: 'Seguros' },\r\n { id: \"equipaje\", minWidth: 50, align: \"center\", label: 'Equipaje' },\r\n { id: \"action\", minWidth: 50, align: \"center\", label: \"\" }\r\n];\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n});\r\n\r\nexport default function TGrupoDetalle({ rows = [] }) {\r\n const history = useHistory()\r\n const classes = useStyles();\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(10);\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value);\r\n setPage(0);\r\n }\r\n const onDetalle = (row) => {\r\n history.push(`/ClienteDetalle/${row?.meta?.Referencia}`)\r\n }\r\n return (\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 Aceptar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default DetallePagoGrupo","import { useState, useEffect } from \"react\";\r\nimport { Button, Grid, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\";\r\nimport PostAddIcon from '@material-ui/icons/PostAdd'\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { FormularioPagoGrupalStyle } from \"./ButtonPagoGrupalStyle\";\r\nimport useApi from \"./../../../hooks/useAPI\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { crearCompraItemGrupo, obtenerComprasPagarGrupo, obtenerGrupoAction } from \"./../../../ducks/viajeCalendarioDuck\"\r\nimport DetallePagoGrupo from \"./DetallePagoGrupo\";\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha';\r\nimport { formatDinero } from \"../../../utils/formatDinero\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nconst ModalFormulario = (props) => {\r\n const {\r\n open = true,\r\n setOpen = () => { }\r\n } = props;\r\n\r\n const { fecha, grupoDetail, ItemsPagarGrupo } = useSelector((store) => store.calendario);\r\n const dispatch = useDispatch()\r\n const dataTipoCompra = useApi(\"Catalog/CatPayGroup\")\r\n const classes = FormularioPagoGrupalStyle()\r\n const [load, setLoad] = useState(false)\r\n const [tipoCompra, setTipoCompra] = useState(0)\r\n\r\n useEffect(() => {\r\n setLoad(true)\r\n dispatch(obtenerComprasPagarGrupo({ idTpoCompra: tipoCompra, fechaViaje: FormatoFechaIso({date: grupoDetail?.FechaSalida, formato: \"MMddyyyyHHmmss\" }), nombrePaquete: grupoDetail?.NombrePaquete })).then(Response => {\r\n setLoad(false)\r\n })\r\n }, [dispatch, tipoCompra, grupoDetail?.FechaSalida, grupoDetail?.NombrePaquete ])\r\n\r\n const onSave = (values) => {\r\n setLoad(true)\r\n DialogMessage.fire({\r\n title: '驴Estas seguro que deseas realizar esta acci贸n?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(crearCompraItemGrupo({\r\n nombrePaquete: grupoDetail?.NombrePaquete,\r\n idTipoCompra: tipoCompra,\r\n fechaViaje: FormatoFechaIso({date: grupoDetail?.FechaSalida, formato: \"MMddyyyyHHmmss\" })\r\n })).then(Response => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n dispatch(obtenerGrupoAction({ nombre: grupoDetail?.NombrePaquete }))\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n setLoad(false)\r\n })\r\n }\r\n })\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n setLoad(false)\r\n setTipoCompra(0)\r\n }\r\n const handleSelecTipoCompra = (event) => {\r\n setTipoCompra(event.target.value)\r\n }\r\n return (\r\n \r\n
\r\n Numero de referencias a pagar: {ItemsPagarGrupo.compras?.length}
\r\n\r\n
\r\n Total a Pagar: {formatDinero(ItemsPagarGrupo.totalPagar)} {ItemsPagarGrupo.moneda?.Clave}
\r\n\r\n Resumen de pago: \r\n
\r\n \r\n
\r\n Total a Pagar: {formatDinero(ItemsPagarGrupo.totalPagar)} {ItemsPagarGrupo.moneda?.Clave}
\r\n驴Esta seguro de mandar la solicitud de pago al area de finanzas?
\r\n\r\n }>\r\n Pago grupal\r\n \r\n
\r\n )\r\n}\r\nexport default ButtonPagoGrupal","import { Alert } from '@material-ui/lab'\r\nimport { Grid, Typography, IconButton, Tooltip } from \"@material-ui/core\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { grupoDetalleStyles } from \"./styles\"\r\nimport HomePage from \"../../Home\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount'\r\nimport TGrupoDetalle from \"./TGrupoDetalle\"\r\nimport { useParams } from 'react-router-dom'\r\nimport { useEffect, useState } from 'react'\r\nimport { obtenerFecha, obtenerGrupoAction } from '../../../ducks/viajeCalendarioDuck'\r\nimport KeyboardReturnIcon from '@material-ui/icons/KeyboardReturn';\r\nimport BackDrop from '../../../global/BackDrop'\r\nimport ButtonPagoGrupal from './ButtonPagoGrupal'\r\nconst VGrupoDetalle = () => {\r\n const Params = useParams()\r\n const [load, setLoad] = useState(false)\r\n const { fecha, grupo, fechaCorta, grupoDetail } = useSelector((store) => store.calendario);\r\n const dispatch = useDispatch()\r\n const classes = grupoDetalleStyles();\r\n const history = useHistory()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerFecha())\r\n }, [dispatch])\r\n\r\n useEffect(() => {\r\n setLoad(true)\r\n dispatch(obtenerGrupoAction({ fecha: Params?.fecha, nombre: Params?.paquete })).then(Response => {\r\n setLoad(false)\r\n })\r\n }, [dispatch, Params?.fecha, Params?.paquete])\r\n\r\n const onCalendario = () => {\r\n history.push(`/Calendario/${fechaCorta}`, {\r\n fechaCorta: fecha\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Paquete: {grupoDetail?.NombrePaquete} \r\n
\r\n
\r\n \r\n
\r\n - \r\n
- Salida: {fecha} \r\n
- Num. Plazas: {grupoDetail?.NumPlazas} \r\n
\r\n
\r\n - \r\n
- Total Reserva: {grupoDetail?.TotalReservas} \r\n
- Total Documentos: {grupoDetail?.TotalDocuemntos} \r\n
\r\n
\r\n - \r\n
- Total Aereos: {grupoDetail?.TotalAereos} \r\n
- Total Liquidaci贸n: {grupoDetail?.TotalLiquidacion} \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 (grupo.length <= 0) &&\r\n
\r\n \r\n No hay datos por mostrar \r\n
\r\n }\r\n {\r\n (grupo.length > 0) &&\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Cliente: {`${cliente?.paquete?.cuenta?.Nombre} ${cliente?.paquete?.cuenta?.Apellido_Paterno} ${cliente?.paquete?.cuenta?.Apellido_Materno}`} \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Paquete: {`${cliente?.paquete?.Nombre}`} \r\n
- Paquete para: {`${cliente?.paquete?.Numero_Personas} personas`} \r\n
- Fecha contrataci贸n: {`${FormatoFechaIso({date: cliente?.paquete?.FechaContratacion, formato: \"dd MMMM yyyy\" })}`} \r\n
- Fecha salida: {`${FormatoFechaIso({date: cliente?.paquete?.Fecha_Viaje, formato: \"dd MMMM yyyy\" })}`} \r\n
\r\n
\r\n - \r\n
- Tel茅fono: {`${cliente?.paquete?.cuenta?.Telefono_Contacto}`} \r\n
- Correo: {`${cliente?.paquete?.cuenta?.eMail}`} \r\n
\r\n
\r\n )\r\n}\r\nexport default Pagos","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerPasajerosDocumentos } from \"../../../../ducks/viajeCalendarioDuck\";\r\nimport { useEffect } from \"react\";\r\nimport { FormatoFechaIso } from \"./../../../../utils/FormatFecha\"\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nconst TablaDocumentos = () => {\r\n const { pasajeros, cliente } = useSelector(store => store.calendario)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerPasajerosDocumentos({ idCuenta: cliente?.paquete?.cuenta?.Id_Cuenta, idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.cuenta?.Id_Cuenta, cliente?.paquete?.Id_Paquete])\r\n\r\n return (\r\n Informaci贸n de pagos
\r\nHistorial de pagos
\r\n\r\n \r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n }>\r\n A帽adir Documento\r\n \r\n
\r\n )\r\n}\r\n\r\nconst FWallet = (props) => {\r\n const { open = false, setOpen = () => { }, idDocumento = 0, update = false, Nombre = \"\" } = props;\r\n const { cliente } = useSelector(store => store.calendario)\r\n const classes = FPaquetesStyle();\r\n const catTipoWallet = useAPI(\"Catalog/CatWallet\");\r\n const [tipoDocumento, setTipoDocumento] = useState(\"0\");\r\n const [file, setFile] = useState([]);\r\n const [isLoad, setIsLoad] = useState(false);\r\n const dispatch = useDispatch();\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n setIsLoad(true);\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n idPaquete: cliente?.paquete?.Id_Paquete,\r\n Nombre: `${tipoDocumento} - ${archivo.name.split(\".\")[0]}` ,\r\n Imagen: Logobase64,\r\n ExtensionImagen:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n\r\n if (update)\r\n payload.idDocumento = idDocumento\r\n\r\n dispatch((update) ? actualizarDocumento(payload) : nuevoDocumento(payload) ).then((Response) => {\r\n setIsLoad(false);\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n dispatch(obtenrWalletPaquete({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n break;\r\n }\r\n });\r\n });\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setTipoDocumento(\"0\");\r\n setFile([]);\r\n setOpen(false)\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n LimpiarForm();\r\n };\r\n const handleSelecTipoImagen = (event) => {\r\n setTipoDocumento(event.target.value);\r\n };\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDoload","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport DeleteIcon from \"@material-ui/icons/Delete\"\r\nimport { eliminarDocumento, obtenrWalletPaquete } from \"./../../../../ducks/viajeCalendarioDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../../global/DialogMessage\"\r\n\r\nconst ButtonDelete = (props) => {\r\n const { idDocumento, Nombre, idPaquete } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDelete = () => {\r\n DialogMessage.fire({\r\n title: `驴Est谩 seguro de que desea eliminar el archivo ${Nombre}?`,\r\n text: 'Se eliminara de forma permanente',\r\n showCancelButton: true,\r\n confirmButtonText: \"Eliminar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(eliminarDocumento({ idDocumento: idDocumento })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n dispatch(obtenrWalletPaquete({ idPaquete }))\r\n setLoad(false)\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDelete","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenrWalletPaquete } from \"../../../../ducks/viajeCalendarioDuck\";\r\nimport { useEffect } from \"react\";\r\nimport FWallet from \"./FWallet\"\r\nimport ButtonDoload from \"./ButtonDoload\";\r\nimport ButtonDelete from \"./ButtonDelete\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\nconst TablaWallet = () => {\r\n const { wallet, cliente } = useSelector(store => store.calendario)\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenrWalletPaquete({ idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.Id_Paquete])\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default TablaWallet","import TablaDocumentos from \"./TablaDocumentos\"\r\nimport TablaWallet from \"./TablaWallet\"\r\nconst Documentos = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default Documentos","import { useSelector, useDispatch } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { useEffect } from \"react\";\r\nimport { obtenerNotificacionesPaquete } from \"../../../../ducks/viajeCalendarioDuck\";\r\nimport { FormatoFechaIso } from \"../../../../utils/FormatFecha\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n });\r\n\r\nconst TablaNotificaciones = () => {\r\n const { notificaciones, cliente } = useSelector(store => store.calendario)\r\n const dispatch = useDispatch()\r\n \r\n useEffect(() => {\r\n dispatch(obtenerNotificacionesPaquete({idCuenta: cliente?.paquete?.cuenta?.Id_Cuenta , idPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.cuenta?.Id_Cuenta, cliente?.paquete?.Id_Paquete ])\r\n \r\n const classes = useStyles();\r\n return (\r\n Documentaci贸n Pasajeros
\r\nDocumentaci贸n
\r\n\r\n
\r\n )\r\n}\r\nexport default Notificaciones","import { Card, CardContent, Typography } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { obtenerComprasDetalle } from \"./../../../../ducks/viajeCalendarioDuck\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport {formatDinero} from \"./../../../../utils/formatDinero\"\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n minWidth: 380,\r\n maxWidth: 380,\r\n },\r\n title: {\r\n fontSize: 14,\r\n },\r\n pos: {\r\n marginBottom: 30,\r\n },\r\n});\r\n\r\n\r\nconst Cabecera = () => {\r\n const classes = useStyles();\r\n const { referencia } = useParams()\r\n const dispatch = useDispatch()\r\n const { cliente, comprasDetalle } = useSelector(store => store.calendario)\r\n \r\n useEffect(() => {\r\n dispatch(obtenerComprasDetalle({idPaquete: cliente?.paquete?.Id_Paquete, referencia}))\r\n },[dispatch, cliente?.paquete?.Id_Paquete, referencia])\r\n\r\n return (\r\n Historial de Notificaciones
\r\n\r\n \r\n \r\n \r\n Proveedor\r\n \r\n \r\n Precio Neto: {formatDinero(comprasDetalle.precioNeto)}\r\n \r\n \r\n Total pagado: {formatDinero(comprasDetalle.totalPagado)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cliente\r\n \r\n \r\n Monto Ahorrado: {formatDinero(comprasDetalle.montoAhorrado)}\r\n \r\n \r\n Saldo disponible: {formatDinero(comprasDetalle.saldoDisponible)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Utilidad\r\n \r\n \r\n Prevista: {formatDinero(comprasDetalle.utilidadPrevista)}\r\n \r\n \r\n Real: {formatDinero(comprasDetalle.utilidadTotal)}\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default Cabecera","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerVouchersDocumentoDowload } from \"./../../../../ducks/viajeCalendarioDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../../global/BackDrop\"\r\nconst DowloadVoucher = (props) => {\r\n const { idCompra } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerVouchersDocumentoDowload({ idCompra: idCompra })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response], { type: \"application/pdf\" }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${Nombre} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default DowloadVoucher","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector } from \"react-redux\";\r\nimport DowloadVoucher from \"./DowloadVoucher\";\r\nconst columns = [\r\n { id: \"nombre\", minWidth: 150, align: \"center\", label: \"Nombre Documento\" },\r\n { id: \"descarga\", minWidth: 150, align: \"center\", label: \"Descarga\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TablaDocumentos = () => {\r\n const rows = useSelector(store => store.calendario.vouchers)\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDelete","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FormularioItemStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid, FormControl, InputLabel, Select, MenuItem, TextField } from \"@material-ui/core\";\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport HeaderModal from \"../../../../global/headerModal\";\r\nimport BackDrop from \"./../../../../global/BackDrop\";\r\nimport ModalBase from \"./../../../../global/ModalBase\";\r\nimport { FormularioItemStyle } from \"./FormularioItemStyles\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport useApi from \"./../../../../hooks/useAPI\";\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { actulizarCompraItem, obtenerComprasItemPaquete } from \"./../../../../ducks/viajeCalendarioDuck\"\r\nimport { useEffect } from \"react\";\r\n\r\nconst validationSchema = yup.object({\r\n monto: yup\r\n .number(\"Ingresa un monto\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n});\r\n\r\nconst ModalFormulario = (props) => {\r\n const {\r\n open = true,\r\n Monto = 0,\r\n moneda = 0,\r\n setOpen = () => { },\r\n idCompra = 0\r\n } = props;\r\n\r\n const dispatch = useDispatch()\r\n const { cliente } = useSelector(store => store.calendario)\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const classes = FormularioItemStyle()\r\n const [load, setLoad] = useState(false)\r\n const [tipoMoneda, setTipoMoneda] = useState(0)\r\n \r\n const formik = useFormik({\r\n initialValues: {\r\n monto: Monto\r\n },\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onUpdate(values)\r\n },\r\n });\r\n \r\n useEffect(() => {\r\n setTipoMoneda(moneda)\r\n },[moneda])\r\n\r\n const onUpdate = (values) => {\r\n setLoad(true)\r\n dispatch(actulizarCompraItem({\r\n idCompra: idCompra,\r\n idMoneda: tipoMoneda,\r\n MontoProveedor: values.monto\r\n })).then(Response => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n handleClose();\r\n dispatch(obtenerComprasItemPaquete({ IdPaquete: cliente.paquete?.Id_Paquete }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n break;\r\n }\r\n setLoad(false)\r\n })\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n setLoad(false)\r\n }\r\n\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FormularioAItem","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const ButtonAutorizacionStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { IconButton, Grid, Button } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport LocalAtmIcon from '@material-ui/icons/LocalAtm'\r\nimport { AutorizarAgenteCompraItem, obtenerComprasItemPaquete } from \"./../../../../ducks/viajeCalendarioDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../../global/DialogMessage\"\r\nimport { ButtonAutorizacionStyle } from \"./ButtonAutorizacionStyle\"\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport HeaderModal from \"../../../../global/headerModal\";\r\nimport ModalBase from \"./../../../../global/ModalBase\";\r\nconst ModalMensaje = (props) => {\r\n const {Compra, open = false, setOpen=()=>{}, idPaquete = 0} = props\r\n const dispatch = useDispatch()\r\n const classes = ButtonAutorizacionStyle()\r\n const [load, setLoad] = useState(false)\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n const onGuardar = () => {\r\n DialogMessage.fire({\r\n title: `驴Esta seguro de mandar al area de finanazas\r\n la solicitud de pago de este Item?`,\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(AutorizarAgenteCompraItem({ idCompra: Compra.idCompra })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Operaci贸n exitoasa\",\r\n });\r\n dispatch(obtenerComprasItemPaquete({ IdPaquete: idPaquete }))\r\n setLoad(false)\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n Motivo: {Compra.TipoCompra?.Descripcion}
\r\nMonto pagado: {formatDinero(Compra.MontoProveedor)} {Compra.moneda?.Clave}
\r\n\r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonAutorizarCompra","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector } from \"react-redux\";\r\nimport EstatusCuenta from \"../../VGrupoDetalle/EstatusCuenta\";\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport ButtonDelete from \"./ButtonDelete\";\r\nimport FormularioAItem from \"./FomularioAItem\";\r\nimport ButtonAutorizarCompra from \"./ButtonAutorizacion\";\r\nimport { EstatusCompra } from \"./../../../../constant/catEstatusCompra\"\r\nconst columns = [\r\n { id: \"item\", minWidth: 150, align: \"center\", label: \"Item\" },\r\n { id: \"montoDivisa\", minWidth: 150, align: \"center\", label: \"Monto Divisa\" },\r\n { id: \"tC\", minWidth: 150, align: \"center\", label: \"T.C.\" },\r\n { id: \"montoPesos\", minWidth: 150, align: \"center\", label: \"Monto MXN\" },\r\n { id: \"pagado\", minWidth: 150, align: \"center\", label: \"Pagado\" },\r\n { id: \"fechaPago\", minWidth: 150, align: \"center\", label: \"Fecha Pago\" },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: \"\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TablaItems = () => {\r\n const rows = useSelector(store => store.calendario.compras)\r\n const { cliente } = useSelector(store => store.calendario)\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TablaItems","import Cabecera from \"./Cabecera\"\r\nimport TablaDocumentos from \"./TablaDocumentos\"\r\nimport TablaItems from \"./TablaItems\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport {obtenerComprasItemPaquete, obtenerVouchersDocumentoPaquete} from \"./../../../../ducks/viajeCalendarioDuck\"\r\nconst Items = () => {\r\n const {cliente} = useSelector(store => store.calendario)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerComprasItemPaquete({IdPaquete: cliente.paquete?.Id_Paquete }))\r\n dispatch(obtenerVouchersDocumentoPaquete({idPaquete: cliente.paquete?.Id_Paquete}))\r\n }, [dispatch, cliente.paquete?.Id_Paquete ])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default Items","import { useState } from \"react\"\r\nimport {\r\n Container,\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport AccountBalanceIcon from \"@material-ui/icons/AccountBalance\"\r\nimport FolderSharedIcon from '@material-ui/icons/FolderShared'\r\nimport NotificationsIcon from '@material-ui/icons/Notifications'\r\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart'\r\nimport Pagos from \"./Pagos\";\r\nimport Documentos from \"./Documentos\";\r\nimport Notificaciones from \"./Notificaciones\";\r\nimport Items from \"./Items\"\r\nimport { useLocation } from \"react-router-dom\"\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n Items
\r\nDocumentos Administrativos
\r\n\r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\n\r\nexport default function TapCliente() {\r\n const [value, setValue] = useState(0);\r\n const location = useLocation()\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n return (\r\n \r\n Bienvenido\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPagarItem\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody, Button } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport FPagarItem from \"../FPagarItem\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport ButtonCliente from \"./../../../global/ButtonClienteDetalle\"\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"montoAhorrado\", minWidth: 50, align: \"center\", label: \"Monto Ahorrado\" },\r\n { id: \"cantidad\", minWidth: 50, align: \"center\", label: \"Cantidad\" },\r\n { id: \"moneda\", minWidth: 50, align: \"center\", label: \"Moneda\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TItemIndividual = () => {\r\n const rows = useSelector(store => store.finanzas.ItemsIndiviudal)\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TItemIndividual","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FPagarGrupaltyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid, FormControl, InputLabel, Select, MenuItem, TextField, TableContainer, Table, TableBody, Paper, TableCell, TableHead, TableRow, } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { FPagarGrupaltyle } from \"./FPagarGrupalStyles\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport useApi from \"./../../../hooks/useAPI\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { pagarCompraGrupal, obtenerItemsGrupal, cancelarCompraGrupal } from \"./../../../ducks/finanzasDuck\"\r\nimport MoneyIcon from '@material-ui/icons/Money';\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport Avance from \"../../../global/Avance\"\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\";\r\nimport {onLoadAnction, offLoadAction} from \"./../../../ducks/loadDuck\"\r\nconst validationSchema = yup.object({\r\n monto: yup\r\n .number(\"Ingresa un monto\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n});\r\nconst InitialValues = {\r\n monto: 1\r\n}\r\nconst Formulario = (props) => {\r\n const {\r\n open = true,\r\n setOpen = () => { },\r\n Item = {}\r\n } = props;\r\n const dispatch = useDispatch()\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const classes = FPagarGrupaltyle()\r\n const [tipoMoneda, setTipoMoneda] = useState(0)\r\n\r\n const formik = useFormik({\r\n initialValues: InitialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSend(values)\r\n },\r\n })\r\n\r\n const handleCancel = (values) => {\r\n DialogMessage.fire({\r\n title: '驴Esta seguro de marcar este item como pagado?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(cancelarCompraGrupal({\r\n idPagoGrupal: Item.pagoGrupal?.idPagoGrupal\r\n })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n handleClose();\r\n dispatch(obtenerItemsGrupal())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n const onSend = (values) => {\r\n DialogMessage.fire({\r\n title: '驴Esta seguro de marcar este item como pagado?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(pagarCompraGrupal({\r\n idPagoGrupal: Item.pagoGrupal?.idPagoGrupal,\r\n TipoCambio: values.monto,\r\n })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n handleClose();\r\n dispatch(obtenerItemsGrupal())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n formik.resetForm(InitialValues);\r\n }\r\n\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPagarGrupal\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport FPagarGrupal from \"../FPagarGrupal\"\r\nconst columns = [\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"cantidad\", minWidth: 50, align: \"center\", label: \"Cantidad\" },\r\n { id: \"moneda\", minWidth: 50, align: \"center\", label: \"Moneda\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TItemGrupal = () => {\r\n const rows = useSelector(store => store.finanzas.ItemsGrupal)\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TItemGrupal","import { useState, useEffect } from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\r\nimport Button from '@material-ui/core/Button'\r\nimport TItemIndividual from '../TItemIndividual'\r\nimport TItemGrupal from '../TItemGrupal'\r\nimport { useDispatch } from 'react-redux'\r\nimport { obtenerItemsIndividual, obtenerItemsGrupal } from '../../../ducks/finanzasDuck'\r\nimport BackDrop from '../../../global/BackDrop'\r\nconst ItemsPagar = () => {\r\n const [tipoPago, setTipoPago] = useState(true)\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const onClick = () => {\r\n setTipoPago(!tipoPago)\r\n }\r\n\r\n useEffect(() => {\r\n setLoad(true)\r\n dispatch(obtenerItemsIndividual()).then(Response => {\r\n setLoad(false)\r\n })\r\n setLoad(true)\r\n dispatch(obtenerItemsGrupal()).then(Response => {\r\n setLoad(false)\r\n })\r\n }, [dispatch])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n (tipoPago) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ItemsPagar","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FDocumentoItemtyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { getVoucherCompraIndividual, getVoucherCompraIndividualDowload, deleteVoucherCompraIndividualDocumento } from \"../services/documentosService\";\r\nconst dataInicial = {\r\n vouchers: [],\r\n idCompra: 0,\r\n exito: 0\r\n}\r\n\r\nconst GET_VOUCHER_ALL = \"GET_VOUCHER_ALL\"\r\nconst DELETE_VOUCHER_ID = \"DELETE_VOUCHER_ID\"\r\nconst UPDATE_VOUCHER_ID = \"UPDATE_VOUCHER_ID\"\r\nconst GET_VOUCHER_DOWLOAD = \"GET_VOUCHER_DOWLOAD\"\r\n\r\nexport default function voucherIndividualReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_VOUCHER_ALL:\r\n return { ...state, idCompra: action.payload.idCompra, vouchers: action.payload.vouchers }\r\n case DELETE_VOUCHER_ID:\r\n return { ...state, exito: action.payload.exito }\r\n case UPDATE_VOUCHER_ID:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_VOUCHER_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerVouchers = ({ idCompra }) => (dispatch) => {\r\n return getVoucherCompraIndividual({ idCompra }).then(Response => {\r\n dispatch({\r\n type: GET_VOUCHER_ALL,\r\n payload: {\r\n idCompra,\r\n vouchers: Response,\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const clearVouchers = () => (dispatch) => {\r\n dispatch({\r\n type: GET_VOUCHER_ALL,\r\n payload: {\r\n idCompra: dataInicial.idCompra,\r\n vouchers: dataInicial.vouchers,\r\n exito: dataInicial.exito\r\n },\r\n })\r\n}\r\nexport const eliminarVoucher = ({ idDocumento }) => (dispatch) => {\r\n return deleteVoucherCompraIndividualDocumento({ idDocumento }).then(Response => {\r\n dispatch({\r\n type: DELETE_VOUCHER_ID,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const dowloadVoucherAction = ({ idDocumento }) => (dispatch) => {\r\n return getVoucherCompraIndividualDowload({ idDocumento }).then(Response => {\r\n dispatch({\r\n type: GET_VOUCHER_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport UploadInput from \"./../../../global/UploadInput\";\r\nimport { FDocumentoItemtyle } from \"./FDocumentoItem\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { getBase64 } from \"./../../../utils/fileBase64\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { cargarComprobanteIndividual, obtenerComprasHistorico } from \"./../../../ducks/finanzasDuck\"\r\nimport AttachmentIcon from '@material-ui/icons/Attachment';\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport AttachFileIcon from '@material-ui/icons/AttachFile';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerVouchers, clearVouchers, eliminarVoucher, dowloadVoucherAction } from \"../../../ducks/voucherIndividualDuck\";\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport IconDelete from \"@material-ui/icons/Delete\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n});\r\n\r\nconst Formulario = (props) => {\r\n const {\r\n onClose = () => { },\r\n Compra = {}\r\n } = props;\r\n const { fechaIndividual } = useSelector(store => store.finanzas)\r\n const dispatch = useDispatch()\r\n const classes = FDocumentoItemtyle()\r\n const [file, setFile] = useState([]);\r\n\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n idCompra: Compra.idCompra,\r\n Nombre: `${archivo.name.split(\".\")[0]}`,\r\n Imagen: Logobase64,\r\n ExtensionImagen:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(cargarComprobanteIndividual(payload)).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return null\r\n }\r\n handleClose();\r\n dispatch(obtenerVouchers({ idCompra: Compra.idCompra }))\r\n dispatch(obtenerComprasHistorico({ fecha: fechaIndividual }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n });\r\n });\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n }\r\n const handleClose = () => {\r\n onClose(false)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Tipo de pago
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Guardar\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nconst TablaVoucher = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { vouchers, idCompra } = useSelector(store => store.vouchersIndividual)\r\n const { fechaIndividual } = useSelector(store => store.finanzas)\r\n const rows = vouchers\r\n const onDelete = ({ idVoucher }) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de eliminar este comprobante?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(eliminarVoucher({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerVouchers({ idCompra }))\r\n dispatch(obtenerComprasHistorico({ fecha: fechaIndividual }))\r\n ToastMessage.fire(\r\n '隆Se elimino el documento!',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(dowloadVoucherAction({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n {(!Update) ? \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FDocumentoItem\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport FDocumentoItem from \"../FDocumentoItem\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\"\r\nconst columns = [\r\n { id: \"cliente\", minWidth: 50, align: \"center\", label: \"Nombre del cliente\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"monto\", minWidth: 50, align: \"center\", label: \"Monto\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TItemIndividualHis = () => {\r\n const Compras = useSelector(store => store.finanzas.ComprasHistorico)\r\n const rows = Compras.compras ?? []\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n
\r\n Motivo: {Compra.TipoCompra?.Descripcion}
\r\nOperador: {`${Compra.paquete?.Proveedor}`}
\r\nMonto pagado: {formatDinero(Compra.MontoProveedor)} {Compra.moneda?.Clave}
\r\n\r\n \r\n Cargar comprobante\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\nexport default TItemIndividualHis","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FDocumentoGrupaltyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { getVoucherCompraGrupal, getVoucherCompraGrupalDowload, deleteVoucherCompraGrupalDocumento } from \"../services/documentosService\";\r\nconst dataInicial = {\r\n vouchers: [],\r\n idCompra: 0,\r\n exito: 0\r\n}\r\nconst GET_VOUCHER_ALL = \"GET_VOUCHER_ALL\"\r\nconst DELETE_VOUCHER_ID = \"DELETE_VOUCHER_ID\"\r\nconst UPDATE_VOUCHER_ID = \"UPDATE_VOUCHER_ID\"\r\nconst GET_VOUCHER_DOWLOAD = \"GET_VOUCHER_DOWLOAD\"\r\n\r\nexport default function voucherGrupalReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_VOUCHER_ALL:\r\n return { ...state, idCompra: action.payload.idCompra, vouchers: action.payload.vouchers }\r\n case DELETE_VOUCHER_ID:\r\n return { ...state, exito: action.payload.exito }\r\n case UPDATE_VOUCHER_ID:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_VOUCHER_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerVouchers = ({ idCompra }) => (dispatch) => {\r\n return getVoucherCompraGrupal({ idCompra }).then(Response => {\r\n dispatch({\r\n type: GET_VOUCHER_ALL,\r\n payload: {\r\n idCompra,\r\n vouchers: Response,\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const clearVouchers = () => (dispatch) => {\r\n dispatch({\r\n type: GET_VOUCHER_ALL,\r\n payload: {\r\n idCompra: dataInicial.idCompra,\r\n vouchers: dataInicial.vouchers,\r\n exito: dataInicial.exito\r\n },\r\n })\r\n}\r\nexport const eliminarVoucher = ({ idDocumento }) => (dispatch) => {\r\n return deleteVoucherCompraGrupalDocumento({ idDocumento }).then(Response => {\r\n dispatch({\r\n type: DELETE_VOUCHER_ID,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const dowloadVoucherAction = ({ idDocumento }) => (dispatch) => {\r\n return getVoucherCompraGrupalDowload({ idDocumento }).then(Response => {\r\n dispatch({\r\n type: GET_VOUCHER_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport UploadInput from \"./../../../global/UploadInput\";\r\nimport { FDocumentoGrupaltyle } from \"./FDocumentoGrupal\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { getBase64 } from \"./../../../utils/fileBase64\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { cargarComprobanteGrupal, obtenerComprasHistoricoGrupal } from \"./../../../ducks/finanzasDuck\"\r\nimport AttachmentIcon from '@material-ui/icons/Attachment';\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport AttachFileIcon from '@material-ui/icons/AttachFile';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerVouchers, clearVouchers, eliminarVoucher, dowloadVoucherAction } from \"../../../ducks/voucherGruapalDuck\";\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport IconDelete from \"@material-ui/icons/Delete\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n});\r\n\r\nconst Formulario = (props) => {\r\n const {\r\n onClose = () => { },\r\n Compra = {}\r\n } = props;\r\n const { fechaIndividual } = useSelector(store => store.finanzas)\r\n const dispatch = useDispatch()\r\n const classes = FDocumentoGrupaltyle()\r\n const [file, setFile] = useState([]);\r\n\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n idPagoGrupal: Compra.pagoGrupal?.idPagoGrupal,\r\n Nombre: `${archivo.name.split(\".\")[0]}`,\r\n Imagen: Logobase64,\r\n ExtensionImagen:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(cargarComprobanteGrupal(payload)).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n handleClose();\r\n dispatch(obtenerVouchers({ idCompra: Compra.pagoGrupal?.idPagoGrupal, }))\r\n dispatch(obtenerComprasHistoricoGrupal({ fecha: fechaIndividual }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n });\r\n });\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n }\r\n const handleClose = () => {\r\n onClose(false)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Guardar\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nconst TablaVoucher = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { vouchers, idCompra } = useSelector(store => store.vouchersIndividual)\r\n const { fechaIndividual } = useSelector(store => store.finanzas)\r\n const rows = vouchers\r\n const onDelete = ({ idVoucher }) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de eliminar este comprobante?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(eliminarVoucher({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerVouchers({ idCompra }))\r\n dispatch(obtenerComprasHistoricoGrupal({ fecha: fechaIndividual }))\r\n ToastMessage.fire(\r\n '隆Se elimino el documento!',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(dowloadVoucherAction({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n {(!Update) ? \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FDocumentoGrupal\r\n","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const MDetalleGrupalStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"900px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { MDetalleGrupalStyle } from \"./MDetalleGrupalStyle\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { obtenerDetalledGrupalAction } from \"./../../../ducks/finanzasDuck\"\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n});\r\nconst MDetalleGrupal = (props) => {\r\n const { Compra } = props\r\n const { detalleGrupo } = useSelector(store => store.finanzas)\r\n const classes = MDetalleGrupalStyle()\r\n const [open, setOpen] = useState(false)\r\n const dispatch = useDispatch()\r\n const onClick = () => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDetalledGrupalAction({ idPagoGrupal: Compra.pagoGrupal?.idPagoGrupal })).then(Resposne => {\r\n dispatch(offLoadAction())\r\n })\r\n setOpen(true)\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n return (\r\n \r\n
\r\n Motivo: {Compra.compra?.TipoCompra?.Descripcion}
\r\nOperador: {Compra.Proveedor}
\r\nMonto pagado: {`${formatDinero(Compra.pagoGrupal?.Monto * Compra.pagoGrupal?.TipoCambio)}`} {Compra.moneda?.Clave}
\r\n\r\n \r\n Cargar comprobante\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Aceptar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default MDetalleGrupal\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport FDocumentoGrupal from \"../FDocumentoGrupal\"\r\nimport MDetalleGrupal from \"../MDetalleGrupal\"\r\nconst columns = [\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"montoSolicitado\", minWidth: 50, align: \"center\", label: \"Monto Solicitado\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TItemGrupalHis = () => {\r\n const { ComprasHistoricoGrupal } = useSelector(store => store.finanzas)\r\n const rows = ComprasHistoricoGrupal?.lista ?? []\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\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\nexport default TItemGrupalHis","import { useState, useEffect } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\r\nimport Button from '@material-ui/core/Button';\r\nimport TItemIndividual from '../TItemIndividualHis';\r\nimport TItemGrupal from '../TItemGrupalHis';\r\nimport { useDispatch } from 'react-redux';\r\nimport { obtenerComprasHistorico, obtenerComprasHistoricoGrupal } from \"./../../../ducks/finanzasDuck\"\r\nimport PickerMod from '../../../global/PickersMod';\r\nimport { FormatoFecha } from '../../../utils/FormatFecha';\r\nimport { onLoadAnction, offLoadAction } from '../../../ducks/loadDuck';\r\nconst ItemsPagados = () => {\r\n const dispatch = useDispatch()\r\n const [tipoPago, setTipoPago] = useState(true)\r\n const [selectDayInicio, setSelectedDateInicio] = useState(new Date());\r\n const onClick = () => {\r\n setTipoPago(!tipoPago)\r\n }\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerComprasHistorico({ fecha: FormatoFecha({ date: selectDayInicio, formato: \"MMddyyyy\" }) })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerComprasHistoricoGrupal({ fecha: FormatoFecha({ date: selectDayInicio, formato: \"MMddyyyy\" }) })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch, selectDayInicio])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n (tipoPago) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ItemsPagados","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nconst columns = [\r\n { id: \"cliente\", minWidth: 50, align: \"center\", label: \"Nombre del cliente\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"montoAhorrado\", minWidth: 50, align: \"center\", label: \"Monto\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TItemUtilidad = () => {\r\n const Compras = useSelector(store => store.finanzas.ItemsUtilidad)\r\n const rows = Compras.compras ?? []\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Tipo de pago
\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\nexport default TItemUtilidad","import { useState, useEffect } from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport TItemUtilidad from '../TItemUtilidad';\r\nimport { useDispatch } from 'react-redux';\r\nimport { obtenerItemsUtiliad } from \"./../../../ducks/finanzasDuck\"\r\nimport PickerMod from '../../../global/PickersMod';\r\nimport { FormatoFecha } from '../../../utils/FormatFecha';\r\nimport BackDrop from '../../../global/BackDrop';\r\nconst ItemsUtilidad = () => {\r\n const dispatch = useDispatch()\r\n const [selectDayInicio, setSelectedDateInicio] = useState(new Date());\r\n const [load, setLoad] = useState(false)\r\n useEffect(() => {\r\n setLoad(true)\r\n dispatch(obtenerItemsUtiliad({ fecha: FormatoFecha({ date: selectDayInicio, formato: \"MMddyyyy\" }) })).then(Response => {\r\n setLoad(false)\r\n })\r\n dispatch(obtenerItemsUtiliad({ fecha: FormatoFecha({ date: selectDayInicio, formato: \"MMddyyyy\" }) })).then(Response => {\r\n setLoad(false)\r\n })\r\n }, [dispatch, selectDayInicio])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ItemsUtilidad","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FCorteStyleStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"100%\",\r\n margin: \"2% 0\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n minWidth: \"40%\"\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n minWidth: \"40%\"\r\n },\r\n}));\r\n\r\nexport const FCorteButonStyleStyle = makeStyles((theme) => ({\r\n center:{\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\"\r\n },\r\n flexEnd:{\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n contentMargin:{\r\n margin: \"10px 0\",\r\n }\r\n }));","import { useState, useEffect } from \"react\";\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../../global/DialogMessage\";\r\nimport { FCorteStyleStyle, FCorteButonStyleStyle } from \"./FCorteStyle\";\r\nimport { Button, Grid, Typography, TextField } from \"@material-ui/core\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport HeaderModal from \"../../../../global/headerModal\";\r\nimport ModalBase from \"./../../../../global/ModalBase\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport { nuevoCorteCaja, obtenerMovientosUSDAction } from \"./../../../../ducks/finanzasDuck\"\r\nimport { offLoadAction, onLoadAnction } from \"./../../../../ducks/loadDuck\"\r\nimport * as yup from \"yup\";\r\nimport { useFormik, getIn } from \"formik\";\r\n\r\nconst validationSchema = yup.object({\r\n tipoCambio: yup.number(\"Ingresa tipo de cambio valido\").required(\"Tipo de cambio es requerido\"),\r\n});\r\n\r\nconst InitalValues = {\r\n tipoCambio: 1,\r\n};\r\n\r\nconst BCorte = ({ disabled = false }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const handleOpen = () => {\r\n setIsOpen(!isOpen)\r\n }\r\n const classButton = FCorteButonStyleStyle();\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FCorte = ({ open = true, setOpen = () => { } }) => {\r\n const movimientosUSD = useSelector(store => store.finanzas.movimientosCuenta)\r\n const { movimientoFechaIni, movimeintoFechaFin } = useSelector(store => store.finanzas)\r\n const rows = movimientosUSD?.MovimientosCuenta ?? []\r\n const dispatch = useDispatch();\r\n const classes = FCorteStyleStyle();\r\n const [total, setTotal] = useState(0)\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => onSave(values)\r\n })\r\n const onSave = (values) => {\r\n if (Number(values.tipoCambio) <= 1) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Dato no valido\",\r\n text: \"El tipo de cambio debe ser mayor a 1\"\r\n })\r\n return null\r\n }\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de aplicar es corte de caja?',\r\n html: `Ingreso Total MXN: ${formatDinero(movimientosUSD.TotalMXN)}\r\n Tipo de cambio: ${formatDinero(values.tipoCambio)}\r\n Total de moviemientos: ${rows.length}\r\n Total con T.C: ${formatDinero(total)}`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: \"Procesando\"}))\r\n dispatch(nuevoCorteCaja({ TipoCambio: values.tipoCambio })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerMovientosUSDAction({ FechaInicio: movimientoFechaIni, FechaFinal: movimeintoFechaFin }))\r\n handleClose();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues);\r\n };\r\n const handleClose = () => {\r\n setOpen();\r\n LimpiarForm();\r\n };\r\n\r\n const Valor = getIn(formik.values, \"tipoCambio\");\r\n\r\n useEffect(() => {\r\n setTotal(movimientosUSD.TotalMXN / Valor)\r\n }, [Valor, movimientosUSD.TotalMXN]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\nexport default TMovimientos","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const DCorteStyleStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"100%\",\r\n margin: \"2% 0\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n minWidth: \"90%\"\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n minWidth: \"90%\"\r\n },\r\n}));\r\n\r\nexport const DCorteButonStyleStyle = makeStyles((theme) => ({\r\n center:{\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\"\r\n },\r\n flexEnd:{\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n contentMargin:{\r\n margin: \"10px 0\",\r\n }\r\n }));","import { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport { APIURL, AUTH_CREDENTIALS_NAME } from \"../Constantes\";\r\n\r\nconst getCabecera = () => {\r\n let Token = localStorage.getItem(AUTH_CREDENTIALS_NAME);\r\n let cabecera = {\r\n Authorization: `bearer ${Token}`,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n }\r\n return cabecera;\r\n}\r\n\r\nexport const useDetalleCorte = ({idCorte}) => {\r\n const [movimientos, setMovimientos] = useState([]);\r\n useEffect(() => {\r\n const getIsActivo = async () => {\r\n return await axios.get(`${APIURL}/CashRegister/TransactionsUSD/${idCorte}`,\r\n {\r\n headers: getCabecera()\r\n }).then(Response => {\r\n setMovimientos(Response.data)\r\n }).catch(Error => {\r\n setMovimientos([])\r\n })\r\n }\r\n getIsActivo();\r\n return () => {\r\n setMovimientos([])\r\n }\r\n }, [idCorte])\r\n return [movimientos];\r\n}","\r\nimport { useState } from \"react\"\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody, Grid, Typography } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../../utils/FormatFecha\"\r\nimport ButtonClienteDetalle from \"../../../../global/ButtonClienteDetalle\"\r\nimport Brightness1Icon from '@material-ui/icons/Brightness1';\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"Deposito\", minWidth: 50, align: \"center\", label: \"Deposito\" },\r\n // { id: \"tipoCambio\", minWidth: 50, align: \"center\", label: \"T.C.C.\" },\r\n { id: \"compra\", minWidth: 50, align: \"center\", label: \"Compra USD\" },\r\n { id: \"tipoCambio\", minWidth: 50, align: \"center\", label: \"T.C.\" },\r\n { id: \"venta\", minWidth: 50, align: \"center\", label: \"Venta USD\" },\r\n { id: \"utiliad\", minWidth: 50, align: \"center\", label: \"Utilidad USD\" },\r\n { id: \"fechaPago\", minWidth: 50, align: \"center\", label: \"Fecha Pago\" },\r\n { id: \"isPeso\", minWidth: 50, align: \"center\", label: \"\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TMovimientos = ({ rows = [] }) => {\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n T.C.C.: {formatDinero(rows[0]?.tipoCambioCorteCaja)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Paquete dolar: \r\n \r\n Paquete peso a dolar: \r\n \r\n
\r\n )\r\n}\r\nexport default TMovimientos","import { useState } from \"react\";\r\nimport { DCorteStyleStyle, DCorteButonStyleStyle } from \"./DCorteStyle\";\r\nimport { Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../../global/headerModal\";\r\nimport ModalBase from \"./../../../../global/ModalBase\";\r\nimport { useDetalleCorte } from \"../../../../hooks/useDetalleCorte\";\r\nimport TMovimientos from \"./TMovimientos\";\r\nconst DBCorte = ({ disabled = false, idCorte = 0 }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const handleOpen = () =>{\r\n setIsOpen(!isOpen)\r\n }\r\n const classButton = DCorteButonStyleStyle();\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst DCorte = ({ open = true, setOpen = () => { }, idCorte = 0 }) => {\r\n const classes = DCorteStyleStyle();\r\n const [movimientos] = useDetalleCorte({idCorte})\r\n const handleClose = () => {\r\n setOpen();\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TCortes","import { useState } from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\r\nimport Button from '@material-ui/core/Button'\r\nimport TMovimientos from '../TMovimientos'\r\nimport TCortes from '../TCorte'\r\nconst VCorte = () => {\r\n const [tipo, setTipo] = useState(true)\r\n const handleClick = () => {\r\n setTipo(!tipo)\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n (tipo) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default VCorte","import { getEstadoCuentaDevolucionDowload } from \"../services/documentosService\";\r\nimport { getDevolucionesValidasAll, putAceptarDevolucion, putDeclinarSolitudRembolsoFinanzas } from \"../services/refoundService\";\r\n\r\nconst dataInicial = {\r\n listDevolucionesAceptadas: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"0\",\r\n total: 0,\r\n exito: 0,\r\n};\r\n\r\nconst GET_DEVOLUCIONES_ACEPTADAS_ALL = \"GET_DEVOLUCIONES_ACEPTADAS_ALL\";\r\nconst GET_DEVOLUCIONES_ACEPTADAS_PAGINA = \"GET_DEVOLUCIONES_ACEPTADAS_PAGINA\";\r\nconst GET_DEVOLUCIONES_ACEPTADAS_REGISTROS = \"GET_DEVOLUCIONES_ACEPTADAS_REGISTROS\";\r\nconst GET_DEVOLUCIONES_ACEPTADAS_BUSQUEDA = \"GET_DEVOLUCIONES_ACEPTADAS_BUSQUEDA\";\r\nconst CLEAR_DEVOLUCIONES_ACEPTADAS = \"CLEAR_DEVOLUCIONES_ACEPTADAS\";\r\nconst GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD = \"GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD\"\r\nconst PUT_DEVOLUCIONES_ACEPTADAS_APROVAR = \"PUT_DEVOLUCIONES_ACEPTADAS_APROVAR\"\r\nconst PUT_DEVOLUCIONES_ACEPTADAS_DECLINAR = \"PUT_DEVOLUCIONES_ACEPTADAS_DECLINAR\"\r\n\r\nexport default function devolucioenesAceptadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_DEVOLUCIONES_ACEPTADAS_DECLINAR:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_DEVOLUCIONES_ACEPTADAS_APROVAR:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito}\r\n case GET_DEVOLUCIONES_ACEPTADAS_ALL:\r\n return { ...state, listDevolucionesAceptadas: action.payload.listDevolucionesAceptadas, total: action.payload.total }\r\n case GET_DEVOLUCIONES_ACEPTADAS_PAGINA:\r\n return { ...state, listDevolucionesAceptadas: action.payload.listDevolucionesAceptadas, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_DEVOLUCIONES_ACEPTADAS_REGISTROS:\r\n return { ...state, listDevolucionesAceptadas: action.payload.listDevolucionesAceptadas, registros: action.payload.registros, total: action.payload.total }\r\n case GET_DEVOLUCIONES_ACEPTADAS_BUSQUEDA:\r\n return { ...state, listDevolucionesAceptadas: action.payload.listDevolucionesAceptadas, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n case CLEAR_DEVOLUCIONES_ACEPTADAS:\r\n return { ...state, listDevolucionesAceptadas: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const obtenerDevolucionesAceptadasAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros } = getSate().devolucionesAceptadas\r\n return await getDevolucionesValidasAll({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ACEPTADAS_ALL,\r\n payload: {\r\n listDevolucionesAceptadas: Response.Devoluciones,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n\r\nexport const obtenerDevolucionesAceptadasPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros } = getSate().devolucionesAceptadas\r\n return await getDevolucionesValidasAll({ Pagina: Pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ACEPTADAS_PAGINA,\r\n payload: {\r\n listDevolucionesAceptadas: Response.Devoluciones,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesAceptadasRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina } = getSate().devolucionesAceptadas\r\n return await getDevolucionesValidasAll({ Referencia: busqueda, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ACEPTADAS_REGISTROS,\r\n payload: {\r\n listDevolucionesAceptadas: Response.Devoluciones,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesAceptadasBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getDevolucionesValidasAll({ Referencia: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ACEPTADAS_BUSQUEDA,\r\n payload: {\r\n listDevolucionesAceptadas: Response.Devoluciones,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerEstadoCuentaDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch, getSate) => {\r\n return await getEstadoCuentaDevolucionDowload({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const aprobarDevolucionAction = ({ IdDevolucionSolicitud, IdMoneda, Monto, TipoCambio }) => async (dispatch) => {\r\n return await putAceptarDevolucion({ IdDevolucionSolicitud, IdMoneda, Monto, TipoCambio }).then(Response => {\r\n dispatch({\r\n type: PUT_DEVOLUCIONES_ACEPTADAS_APROVAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch) => {\r\n return await putDeclinarSolitudRembolsoFinanzas({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: PUT_DEVOLUCIONES_ACEPTADAS_DECLINAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\n\r\n","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerEstadoCuentaDevolucionAction } from \"../../../ducks/devolucionesDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadEstadoCueta = (props) => {\r\n const { IdDevolucionSolicitud } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerEstadoCuentaDevolucionAction({ IdDevolucionSolicitud: IdDevolucionSolicitud })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadEstadoCueta","import { IconButton, Button, Grid, FormControl, InputLabel, Select, MenuItem, TextField, makeStyles } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect, useState } from \"react\"\r\nimport BeenhereIcon from '@material-ui/icons/Beenhere'\r\nimport { aprobarDevolucionAction, obtenerDevolucionesAceptadasAction } from \"../../../ducks/devolucionesAceptadas\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport * as yup from \"yup\";\r\nimport { useFormik } from \"formik\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\n\r\nexport const FPagarItemStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}))\r\nconst validationSchema = yup.object({\r\n monto: yup\r\n .number(\"Ingresa un monto\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n tipoCambio: yup\r\n .number(\"Ingresa un T.C.\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n})\r\nconst InitialValues = {\r\n monto: 0,\r\n tipoCambio: 1\r\n}\r\n\r\nconst ButtonAprovarDevolucion = (props) => {\r\n const { IdDevolucionSolicitud, MonedaPaquete } = props\r\n const [open, setOpen] = useState(false)\r\n const [tipoMoneda, setTipoMoneda] = useState(0)\r\n const [fechaPago, setFechaPago] = useState(new Date())\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const dispatch = useDispatch()\r\n const classes = FPagarItemStyle()\r\n useEffect(() =>{ \r\n setTipoMoneda(MonedaPaquete)\r\n },[MonedaPaquete])\r\n const handleClose = () => {\r\n setOpen(false)\r\n formik.resetForm(InitialValues);\r\n }\r\n const formik = useFormik({\r\n initialValues: InitialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSend(values)\r\n },\r\n })\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n formik.setFieldValue('tipoCambio', 1)\r\n }\r\n const onSend = (values) => {\r\n if (MonedaPaquete === 2 && values.tipoCambio <= 1)\r\n {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"El tipo de cambio no puede ser 1 cuendo la moneda son USD\",\r\n })\r\n return null\r\n }\r\n const payload = {\r\n IdDevolucionSolicitud: IdDevolucionSolicitud,\r\n IdMoneda: tipoMoneda,\r\n Monto: values.monto,\r\n TipoCambio: values.tipoCambio\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(aprobarDevolucionAction(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesAceptadasAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n const handleClick = () => {\r\n setOpen(true)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonAprovarDevolucion","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { declinarDevolucionAction, obtenerDevolucionesAceptadasAction } from \"../../../ducks/devolucionesAceptadas\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff'\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst ButtonDeclinarRembolso = (props) => {\r\n const { IdDevolucionSolicitud } = props\r\n const dispatch = useDispatch()\r\n const onDeclinarSolicitud = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de declinar esta solicitud de rembolso?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(declinarDevolucionAction({ IdDevolucionSolicitud: IdDevolucionSolicitud })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesAceptadasAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n \r\n }\r\n return (\r\n \r\n \r\n \r\n {\"Comentario del cliente\"} \r\n \r\n \r\n {Mensaje}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerDevolucionesAceptadasPaginaAction, obtenerDevolucionesAceptadasRegistrosAction } from \"./../../../ducks/devolucionesAceptadas\"\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport ButtonDowloadEstadoCueta from \"./ButtonDowloadEstadoCueta\"\r\nimport ButtonAprovarDevolucion from \"./ButtonAprovarDevolucion\"\r\nimport ButtonDeclinarRembolso from \"./ButtonDeclinarRembolso\"\r\nimport DialogMensaje from \"./DialogMensaje\"\r\nconst columns = [\r\n { id: \"1\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"2\", minWidth: 50, align: \"center\", label: \"Nombre\" },\r\n { id: \"3\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"4\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"5\", minWidth: 50, align: \"center\", label: \"Banco\" },\r\n { id: \"6\", minWidth: 50, align: \"center\", label: \"CLABE\" },\r\n { id: \"7\", minWidth: 50, align: \"center\", label: \"RFC\" },\r\n { id: \"8\", minWidth: 50, align: \"center\", label: \"Documento\" },\r\n { id: \"9\", minWidth: 50, align: \"center\", label: \"Comentario\" },\r\n { id: \"10\", minWidth: 50, align: \"center\", label: \"\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TDevolucion = () => {\r\n const { listDevolucionesAceptadas, total, pagina, registros } = useSelector(store => store.devolucionesAceptadas)\r\n const rows = listDevolucionesAceptadas ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDevolucionesAceptadasPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDevolucionesAceptadasRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TDevolucion","import TDevolucion from \"./TDevolucion\"\r\nimport { obtenerDevolucionesAceptadasAction } from \"./../../../ducks/devolucionesAceptadas\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\n\r\nconst VDevoluciones = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerDevolucionesAceptadasAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VDevoluciones","import { deleteVoucherDevolucion, getEstadoCuentaDevolucionDowload, getVoucherDevolucion, postCargarVoucherRembolso } from \"../services/documentosService\";\r\nimport { getDevolucionesHistoricoAll } from \"../services/refoundService\";\r\n\r\nconst dataInicial = {\r\n listDevolucionesHistoria: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"0\",\r\n filtroEstatus: \"3\",\r\n total: 0,\r\n exito: 0,\r\n}\r\n\r\nconst GET_DEVOLUCIONES_HISTORIAL_ALL = \"GET_DEVOLUCIONES_HISTORIAL_ALL\";\r\nconst GET_DEVOLUCIONES_HISTORIAL_PAGINA = \"GET_DEVOLUCIONES_HISTORIAL_PAGINA\";\r\nconst GET_DEVOLUCIONES_HISTORIAL_REGISTROS = \"GET_DEVOLUCIONES_HISTORIAL_REGISTROS\";\r\nconst GET_DEVOLUCIONES_HISTORIAL_BUSQUEDA = \"GET_DEVOLUCIONES_HISTORIAL_BUSQUEDA\";\r\nconst CLEAR_DEVOLUCIONES_HISTORIAL = \"CLEAR_DEVOLUCIONES_HISTORIAL\";\r\nconst GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD = \"GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD\"\r\nconst POST_DEVOLUCIONES_HISTORIAL_VOUCHER = \"POST_DEVOLUCIONES_HISTORIAL_VOUCHER\"\r\nconst GET_DEVOLUCIONES_HISTORIAL_VOUCHER_DOWLOAD = \"GET_DEVOLUCIONES_HISTORIAL_VOUCHER_DOWLOAD\"\r\nconst DELETE_DEVOLUCIONES_HISTORIAL_VOUCHER = \"DELETE_DEVOLUCIONES_HISTORIAL_VOUCHER\"\r\nconst GET_DEVOLUCIONES_HISTORIAL_FILTRO = \"GET_DEVOLUCIONES_HISTORIAL_FILTRO\"\r\n\r\nexport default function devolucioenesHistoriaReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_DEVOLUCIONES_HISTORIAL_FILTRO:\r\n return { ...state, listDevolucionesHistoria: action.payload.listDevolucionesHistoria, total: action.payload.total, filtroEstatus: action.payload.filtroEstatus, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n case DELETE_DEVOLUCIONES_HISTORIAL_VOUCHER:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_DEVOLUCIONES_HISTORIAL_VOUCHER_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_DEVOLUCIONES_HISTORIAL_VOUCHER:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_DEVOLUCIONES_HISTORIAL_ALL:\r\n return { ...state, listDevolucionesHistoria: action.payload.listDevolucionesHistoria, total: action.payload.total }\r\n case GET_DEVOLUCIONES_HISTORIAL_PAGINA:\r\n return { ...state, listDevolucionesHistoria: action.payload.listDevolucionesHistoria, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_DEVOLUCIONES_HISTORIAL_REGISTROS:\r\n return { ...state, listDevolucionesHistoria: action.payload.listDevolucionesHistoria, registros: action.payload.registros, total: action.payload.total }\r\n case GET_DEVOLUCIONES_HISTORIAL_BUSQUEDA:\r\n return { ...state, listDevolucionesHistoria: action.payload.listDevolucionesHistoria, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros, filtroEstatus: action.payload.filtroEstatus }\r\n case CLEAR_DEVOLUCIONES_HISTORIAL:\r\n return { ...state, listDevolucionesHistoria: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerDevolucionesHistorialFiltroAction = ({filtroEstatus}) => async (dispatch, getSate) => {\r\n return await getDevolucionesHistoricoAll({ Referencia: dataInicial.busqueda, IdCatEstatusDevolucion: filtroEstatus, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_FILTRO,\r\n payload: {\r\n listDevolucionesHistoria: Response.Devoluciones,\r\n total: Response.Total,\r\n busqueda: dataInicial.busqueda,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n filtroEstatus: filtroEstatus\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const eliminarDevolucionesVoucherAction = ({ IdDevolucionComprobante }) => async (dispatch, getSate) => {\r\n return await deleteVoucherDevolucion({ IdDevolucionComprobante }).then(Response => {\r\n dispatch({\r\n type: DELETE_DEVOLUCIONES_HISTORIAL_VOUCHER,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerDevolucionesVoucherDescargaAction = ({ IdDevolucionComprobante }) => async (dispatch, getSate) => {\r\n return await getVoucherDevolucion({ IdDevolucionComprobante }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_VOUCHER_DOWLOAD,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerDevolucionesHistorialAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros, filtroEstatus } = getSate().devolucionesHistorial\r\n return await getDevolucionesHistoricoAll({ Pagina: pagina + 1, IdCatEstatusDevolucion: filtroEstatus, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_ALL,\r\n payload: {\r\n listDevolucionesHistoria: Response.Devoluciones,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n\r\nexport const obtenerDevolucionesHistorialPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros, filtroEstatus } = getSate().devolucionesHistorial\r\n return await getDevolucionesHistoricoAll({ Pagina: Pagina + 1, Referencia: busqueda, IdCatEstatusDevolucion: filtroEstatus, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_PAGINA,\r\n payload: {\r\n listDevolucionesHistoria: Response.Devoluciones,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesHistorialRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina, filtroEstatus } = getSate().devolucionesHistorial\r\n return await getDevolucionesHistoricoAll({ Referencia: busqueda, IdCatEstatusDevolucion: filtroEstatus, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_REGISTROS,\r\n payload: {\r\n listDevolucionesHistoria: Response.Devoluciones,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerDevolucionesHistorialBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getDevolucionesHistoricoAll({ Referencia: Referencia, IdCatEstatusDevolucion: dataInicial.filtroEstatus, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_HISTORIAL_BUSQUEDA,\r\n payload: {\r\n listDevolucionesHistoria: Response.Devoluciones,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n filtroEstatus: dataInicial.filtroEstatus\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerEstadoCuentaDevolucionAction = ({ IdDevolucionSolicitud }) => async (dispatch, getSate) => {\r\n return await getEstadoCuentaDevolucionDowload({ IdDevolucionSolicitud }).then(Response => {\r\n dispatch({\r\n type: GET_DEVOLUCIONES_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const cargarVoucherDevolucionAction = ({ Extension, IdDevolucionSolicitud, Imagen, Nombre }) => async (dispatch, getSate) => {\r\n return await postCargarVoucherRembolso({ Extension, IdDevolucionSolicitud, Imagen, Nombre }).then(Resposne => {\r\n dispatch({\r\n type: POST_DEVOLUCIONES_HISTORIAL_VOUCHER,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerEstadoCuentaDevolucionAction } from \"../../../ducks/devolucionesDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadEstadoCueta = (props) => {\r\n const { IdDevolucionSolicitud } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerEstadoCuentaDevolucionAction({ IdDevolucionSolicitud: IdDevolucionSolicitud })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadEstadoCueta","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const ButtonVoucherDevolucionStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\"\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"../../../global/ModalBase\"\r\nimport UploadInput from \"../../../global/UploadInput\"\r\nimport { ButtonVoucherDevolucionStyle } from \"./ButtonVoucherDevolucionStyle\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { getBase64 } from \"../../../utils/fileBase64\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { obtenerComprasHistorico } from \"../../../ducks/finanzasDuck\"\r\nimport AttachmentIcon from '@material-ui/icons/Attachment'\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport AttachFileIcon from '@material-ui/icons/AttachFile'\r\n\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport IconDelete from \"@material-ui/icons/Delete\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { obtenerDevolucionesHistorialAction, cargarVoucherDevolucionAction, eliminarDevolucionesVoucherAction, obtenerDevolucionesVoucherDescargaAction } from \"../../../ducks/devolucionesHistorial\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n});\r\n\r\nconst Formulario = (props) => {\r\n const {\r\n onClose = () => { },\r\n Devolucion = {}\r\n } = props\r\n\r\n const dispatch = useDispatch()\r\n const classes = ButtonVoucherDevolucionStyle()\r\n const [file, setFile] = useState([]);\r\n\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n IdDevolucionSolicitud: Devolucion?.IdDevolucionSolicitud,\r\n Nombre: `${archivo.name.split(\".\")[0]}`,\r\n Imagen: Logobase64,\r\n Extension:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(cargarVoucherDevolucionAction(payload)).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesHistorialAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n })\r\n })\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n }\r\n const handleClose = () => {\r\n onClose(false)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Guardar\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nconst TablaVoucher = ({ Devolucion }) => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const rows = Devolucion?.Devolucion?.lDevolucionComprobante ?? []\r\n console.log(\"馃殌 ~ TablaVoucher ~ rows:\", rows)\r\n const onDelete = ({ idVoucher }) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de eliminar este comprobante?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(eliminarDevolucionesVoucherAction({ IdDevolucionComprobante: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesHistorialAction())\r\n ToastMessage.fire(\r\n '隆Se elimino el documento!',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDevolucionesVoucherDescargaAction({ IdDevolucionComprobante: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesHistorialAction())\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n {(Devolucion?.Devolucion?.lDevolucionComprobante.length > 0) ? \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonVoucherDevolucion","import React from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nexport default function DialogMensaje(props) {\r\n const { Mensaje } = props\r\n const [open, setOpen] = React.useState(false)\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n\r\n return (\r\n \r\n \r\n Cargar comprobante\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\"Comentario del cliente\"} \r\n \r\n \r\n {Mensaje}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import { FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport useCatalogo from \"../../../hooks/useCatalogos\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { obtenerDevolucionesHistorialFiltroAction } from \"../../../ducks/devolucionesHistorial\"\r\nconst FiltroEstatusDevolucion = () => {\r\n const catEstatusDevolucion = useCatalogo(\"Refound/Status\")\r\n const { filtroEstatus } = useSelector(store => store.devolucionesHistorial)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerDevolucionesHistorialFiltroAction({filtroEstatus: event.target.value})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TDevolucion","import TDevolucion from \"./TDevolucion\"\r\nimport { obtenerDevolucionesHistorialAction } from \"./../../../ducks/devolucionesHistorial\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\n\r\nconst VDevoluciones = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerDevolucionesHistorialAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VDevoluciones","import { useState } from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\r\nimport Button from '@material-ui/core/Button'\r\nimport VDebolucion from '../VDebolucion'\r\nimport VDevolucionHistorial from '../VDevolucionHistorial'\r\nconst VToggleDevolucion = () => {\r\n const [toggle, setToggle] = useState(true)\r\n const onClick = () => {\r\n setToggle(!toggle)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n (toggle) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default VToggleDevolucion","import { getComprobanteFiscalClienteDowload, postCargarFactura } from \"../services/documentosService\";\r\nimport { getSolicitudFacturasValidasAll, putAceptarFactura, putDeclinarSolitudFacturaFinanzas, putValidateSolicitudFactura } from \"../services/invoiceService\";\r\n\r\nconst dataInicial = {\r\n listFacturasAceptadas: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"0\",\r\n total: 0,\r\n exito: 0,\r\n}\r\n\r\nconst GET_FACTURACION_ACEPTADAS_ALL = \"GET_FACTURACION_ACEPTADAS_ALL\"\r\nconst GET_FACTURACION_ACEPTADAS_PAGINA = \"GET_FACTURACION_ACEPTADAS_PAGINA\"\r\nconst GET_FACTURACION_ACEPTADAS_REGISTROS = \"GET_FACTURACION_ACEPTADAS_REGISTROS\"\r\nconst GET_FACTURACION_ACEPTADAS_BUSQUEDA = \"GET_FACTURACION_ACEPTADAS_BUSQUEDA\"\r\nconst CLEAR_FACTURACION_ACEPTADAS = \"CLEAR_FACTURACION_ACEPTADAS\"\r\nconst GET_FACTURACION_ESTADO_CUENTA_DOWLOAD = \"GET_FACTURACION_ESTADO_CUENTA_DOWLOAD\"\r\nconst PUT_FACTURACION_ACEPTADAS_APROVAR = \"PUT_FACTURACION_ACEPTADAS_APROVAR\"\r\nconst PUT_FACTURACION_ACEPTADAS_DECLINAR = \"PUT_FACTURACION_ACEPTADAS_DECLINAR\"\r\nconst PUT_FACTURAS_ACEPTADAS_CARGAR_ARCHIVO = \"PUT_FACTURAS_ACEPTADAS_CARGAR_ARCHIVO\"\r\n//* metodos para finanzas\r\nexport default function facturacionAceptadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_FACTURAS_ACEPTADAS_CARGAR_ARCHIVO:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_FACTURACION_ACEPTADAS_DECLINAR:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_FACTURACION_ACEPTADAS_APROVAR:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_ACEPTADAS_ALL:\r\n return { ...state, listFacturasAceptadas: action.payload.listFacturasAceptadas, total: action.payload.total }\r\n case GET_FACTURACION_ACEPTADAS_PAGINA:\r\n return { ...state, listFacturasAceptadas: action.payload.listFacturasAceptadas, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_FACTURACION_ACEPTADAS_REGISTROS:\r\n return { ...state, listFacturasAceptadas: action.payload.listFacturasAceptadas, registros: action.payload.registros, total: action.payload.total }\r\n case GET_FACTURACION_ACEPTADAS_BUSQUEDA:\r\n return { ...state, listFacturasAceptadas: action.payload.listFacturasAceptadas, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n case CLEAR_FACTURACION_ACEPTADAS:\r\n return { ...state, listFacturasAceptadas: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const obtenerFacturasAceptadasAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros } = getSate().facturasAceptadas\r\n return await getSolicitudFacturasValidasAll({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ACEPTADAS_ALL,\r\n payload: {\r\n listFacturasAceptadas: Response.Facturas,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasAceptadasPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros } = getSate().facturasAceptadas\r\n return await getSolicitudFacturasValidasAll({ Pagina: Pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ACEPTADAS_PAGINA,\r\n payload: {\r\n listFacturasAceptadas: Response.Facturas,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasAceptadasRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina } = getSate().facturasAceptadas\r\n return await getSolicitudFacturasValidasAll({ Referencia: busqueda, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ACEPTADAS_REGISTROS,\r\n payload: {\r\n listFacturasAceptadas: Response.Facturas,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturasAceptadasBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getSolicitudFacturasValidasAll({ Referencia: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ACEPTADAS_BUSQUEDA,\r\n payload: {\r\n listFacturasAceptadas: Response.Facturas,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerComprobanteFiscalAction = ({ IdFactura }) => async (dispatch, getSate) => {\r\n return await getComprobanteFiscalClienteDowload({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const aprobarFacturaction = ({ IdFactura }) => async (dispatch) => {\r\n return await putAceptarFactura({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: PUT_FACTURACION_ACEPTADAS_APROVAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarFacturasAction = ({ IdFactura }) => async (dispatch) => {\r\n return await putDeclinarSolitudFacturaFinanzas({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: PUT_FACTURACION_ACEPTADAS_DECLINAR,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const cargarFacturaAction = ({ Extension, IdFactura, Imagen, Nombre }) => async (dispatch) => {\r\n return await postCargarFactura({ Extension, IdFactura, Imagen, Nombre }).then(Response => {\r\n dispatch({\r\n type: PUT_FACTURAS_ACEPTADAS_CARGAR_ARCHIVO,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerComprobanteFiscalAction } from \"../../../ducks/facturacionAceptadasDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadCompSituacionFiscal = (props) => {\r\n const { IdFactura } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerComprobanteFiscalAction({ IdFactura: IdFactura })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadCompSituacionFiscal","import { IconButton, Button, Grid, makeStyles } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useState } from \"react\"\r\nimport BeenhereIcon from '@material-ui/icons/Beenhere'\r\nimport { aprobarFacturaction, obtenerFacturasAceptadasAction, cargarFacturaAction } from \"../../../ducks/facturacionAceptadasDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"../../../global/ModalBase\"\r\nimport UploadInput from \"./../../../global/UploadInput\";\r\nimport { getBase64 } from \"./../../../utils/fileBase64\";\r\n\r\nexport const FPagarItemStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}))\r\n\r\nconst ButtonAprovarFactura = (props) => {\r\n const { IdFactura } = props\r\n const [open, setOpen] = useState(false)\r\n const dispatch = useDispatch()\r\n const classes = FPagarItemStyle()\r\n const [file, setFile] = useState([]);\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n const onSend = () => {\r\n if (file.length <= 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos un archivo.\",\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"Esto puede tardar varios minutos...\" }))\r\n dispatch(aprobarFacturaction({ IdFactura: IdFactura })).then(Response => {\r\n if (Response?.status === 500) {\r\n dispatch(offLoadAction())\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n dispatch(offLoadAction())\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n let payload = {\r\n IdFactura: IdFactura,\r\n Nombre: `${archivo.name.split(\".\")[0]}`,\r\n Imagen: Logobase64,\r\n Extension:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n }\r\n dispatch(cargarFacturaAction(payload)).then((Response) => {\r\n dispatch(offLoadAction())\r\n\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerFacturasAceptadasAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n })\r\n })\r\n })\r\n }\r\n const handleClick = () => {\r\n setOpen(true)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Aprovado\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonAprovarFactura","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { declinarFacturasAction, obtenerFacturasAceptadasAction } from \"../../../ducks/facturacionAceptadasDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff'\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst ButtonDeclinarFactura = (props) => {\r\n const { IdFactura } = props\r\n const dispatch = useDispatch()\r\n const onDeclinarSolicitud = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de declinar esta solicitud de factura?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(declinarFacturasAction({ IdFactura: IdFactura })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerFacturasAceptadasAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n \r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TFacturas","import TFacturas from \"./TFacturas\"\r\nimport { obtenerFacturasAceptadasAction } from \"./../../../ducks/facturacionAceptadasDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\n\r\nconst VDevoluciones = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerFacturasAceptadasAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VDevoluciones","import { getComprobanteFiscalClienteDowload, getFactura, deleteFactura, postCargarFactura } from \"../services/documentosService\";\r\nimport { getFacturasAceptadasHistoricoAll } from \"../services/invoiceService\";\r\n\r\nconst dataInicial = {\r\n listFactuasHistorial: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"NA\",\r\n filtroEstatus: \"3\",\r\n total: 0,\r\n exito: 0,\r\n}\r\n\r\nconst GET_FACTURACION_HISTORIAL_ALL = \"GET_FACTURACION_HISTORIAL_ALL\";\r\nconst GET_FACTURACION_HISTORIAL_PAGINA = \"GET_FACTURACION_HISTORIAL_PAGINA\";\r\nconst GET_FACTURACION_HISTORIAL_REGISTROS = \"GET_FACTURACION_HISTORIAL_REGISTROS\";\r\nconst GET_FACTURACION_HISTORIAL_BUSQUEDA = \"GET_FACTURACION_HISTORIAL_BUSQUEDA\";\r\nconst CLEAR_FACTURACION_HISTORIAL = \"CLEAR_FACTURACION_HISTORIAL\";\r\nconst GET_FACTURACION_ESTADO_CUENTA_DOWLOAD = \"GET_FACTURACION_ESTADO_CUENTA_DOWLOAD\"\r\nconst POST_FACTURACION_HISTORIAL_VOUCHER = \"POST_FACTURACION_HISTORIAL_VOUCHER\"\r\nconst GET_FACTURACION_HISTORIAL_VOUCHER_DOWLOAD = \"GET_FACTURACION_HISTORIAL_VOUCHER_DOWLOAD\"\r\nconst DELETE_FACTURACION_HISTORIAL_VOUCHER = \"DELETE_FACTURACION_HISTORIAL_VOUCHER\"\r\nconst GET_FACTURACION_HISTORIAL_FILTRO = \"GET_FACTURACION_HISTORIAL_FILTRO\"\r\n//* Metodos para finanzas\r\nexport default function facturacionHistoriaReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case DELETE_FACTURACION_HISTORIAL_VOUCHER:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_HISTORIAL_VOUCHER_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_FACTURACION_HISTORIAL_VOUCHER:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_ESTADO_CUENTA_DOWLOAD:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_FACTURACION_HISTORIAL_ALL:\r\n return { ...state, listFactuasHistorial: action.payload.listFactuasHistorial, total: action.payload.total }\r\n case GET_FACTURACION_HISTORIAL_PAGINA:\r\n return { ...state, listFactuasHistorial: action.payload.listFactuasHistorial, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_FACTURACION_HISTORIAL_REGISTROS:\r\n return { ...state, listFactuasHistorial: action.payload.listFactuasHistorial, registros: action.payload.registros, total: action.payload.total }\r\n case GET_FACTURACION_HISTORIAL_BUSQUEDA:\r\n return { ...state, listFactuasHistorial: action.payload.listFactuasHistorial, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros, filtroEstatus: action.payload.filtroEstatus }\r\n case GET_FACTURACION_HISTORIAL_FILTRO:\r\n return { ...state, listFactuasHistorial: action.payload.listFactuasHistorial, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros, filtroEstatus: action.payload.filtroEstatus }\r\n case CLEAR_FACTURACION_HISTORIAL:\r\n return { ...state, listFactuasHistorial: action.payload.array, pagina: action.payload.pagina, registros: action.payload.registros, busqueda: action.payload.busqueda }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerFacturaHistorialFiltroAction = ({ filtroEstatus }) => async (dispatch, getSate) => {\r\n return await getFacturasAceptadasHistoricoAll({ Referencia: dataInicial.busqueda, IdCatEstatusDevolucion:filtroEstatus, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_FILTRO,\r\n payload: {\r\n listFactuasHistorial: Response.Facturas,\r\n total: Response.Total,\r\n busqueda: dataInicial.busqueda,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n filtroEstatus: filtroEstatus\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturaHistorialAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros, filtroEstatus } = getSate().facturasHistorial\r\n return await getFacturasAceptadasHistoricoAll({ Pagina: pagina + 1, IdCatEstatusDevolucion: filtroEstatus, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_ALL,\r\n payload: {\r\n listFactuasHistorial: Response.Facturas,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturaHistorialPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros, filtroEstatus } = getSate().facturasHistorial\r\n return await getFacturasAceptadasHistoricoAll({ Pagina: Pagina + 1, Referencia: busqueda, IdCatEstatusDevolucion: filtroEstatus, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_PAGINA,\r\n payload: {\r\n listFactuasHistorial: Response.Facturas,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturaHistorialRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina, filtroEstatus } = getSate().facturasHistorial\r\n return await getFacturasAceptadasHistoricoAll({ Referencia: busqueda, IdCatEstatusDevolucion: filtroEstatus, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_REGISTROS,\r\n payload: {\r\n listFactuasHistorial: Response.Facturas,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerFacturaHistorialBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getFacturasAceptadasHistoricoAll({ Referencia: Referencia, IdCatEstatusDevolucion: dataInicial.filtroEstatus, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_BUSQUEDA,\r\n payload: {\r\n listFactuasHistorial: Response.Facturas,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n filtroEstatus: dataInicial.filtroEstatus\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerComprobanteFiscalAction = ({ IdFactura }) => async (dispatch, getSate) => {\r\n return await getComprobanteFiscalClienteDowload({ IdFactura }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_ESTADO_CUENTA_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const cargarFacturaAction = ({ Extension, IdFactura, Imagen, Nombre }) => async (dispatch, getSate) => {\r\n return await postCargarFactura({ Extension, IdFactura, Imagen, Nombre }).then(Resposne => {\r\n dispatch({\r\n type: POST_FACTURACION_HISTORIAL_VOUCHER,\r\n payload: {\r\n exito: 1\r\n },\r\n })\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const eliminarFacturaAction = ({ IdFacturaComprobante }) => async (dispatch, getSate) => {\r\n return await deleteFactura({ IdFacturaComprobante }).then(Response => {\r\n dispatch({\r\n type: DELETE_FACTURACION_HISTORIAL_VOUCHER,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerFacturaDescargaAction = ({ IdFacturaComprobante }) => async (dispatch, getSate) => {\r\n return await getFactura({ IdFacturaComprobante }).then(Response => {\r\n dispatch({\r\n type: GET_FACTURACION_HISTORIAL_VOUCHER_DOWLOAD,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\n","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadTwoTone from \"@material-ui/icons/CloudDownloadTwoTone\"\r\nimport { obtenerComprobanteFiscalAction } from \"../../../ducks/facturacionHistorialDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadCompFiscal = (props) => {\r\n const { IdFactura } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerComprobanteFiscalAction({ IdFactura: IdFactura })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadCompFiscal","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport CloudDownloadSharp from \"@material-ui/icons/CloudDownloadSharp\"\r\nimport { obtenerFacturaDescargaAction } from \"../../../ducks/facturacionHistorialDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst ButtonDowloadFactura = (props) => {\r\n const { IdFacturaComprobante } = props\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const onDowload = () => {\r\n setLoad(true)\r\n dispatch(obtenerFacturaDescargaAction({ IdFacturaComprobante })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // let fchAct = new Date().toISOString();\r\n // let fileName = `${\"EDC\"} - ${fchAct}.pdf`;\r\n // link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoad(false)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\nexport default ButtonDowloadFactura","import { FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport useCatalogo from \"../../../hooks/useCatalogos\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { obtenerFacturaHistorialFiltroAction } from \"../../../ducks/facturacionHistorialDuck\"\r\nconst FiltroEstatusFacturas = () => {\r\n const catEstatusFacturas = useCatalogo(\"Invoice/Status\")\r\n const { filtroEstatus } = useSelector(store => store.facturasHistorial)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerFacturaHistorialFiltroAction({filtroEstatus: event.target.value})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TFacturasHistorial","import TFacturasHistorial from \"./TFacturasHistorial\"\r\nimport { obtenerFacturaHistorialAction } from \"./../../../ducks/facturacionHistorialDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\n\r\nconst VFacturasHistorial = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerFacturaHistorialAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VFacturasHistorial","import { useState } from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\r\nimport Button from '@material-ui/core/Button'\r\nimport VFacturas from '../VFacturas'\r\nimport VFacturasHistorial from '../VFacturasHistorial'\r\nconst VToggleFacturas = () => {\r\n const [toggle, setToggle] = useState(true)\r\n const onClick = () => {\r\n setToggle(!toggle)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n (toggle) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default VToggleFacturas","import { getItemsExtras, putPagarCompraExtra } from \"../services/comprasService\";\r\n\r\nconst dataInicial = {\r\n listExtrasItemsAceptadas: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: \"NA\",\r\n total: 0,\r\n exito: 0,\r\n}\r\n\r\nconst GET_EXTRAS_CONTRATADOS_ACEPTADAS_ALL = \"GET_EXTRAS_CONTRATADOS_ACEPTADAS_ALL\"\r\nconst GET_EXTRAS_CONTRATADOS_ACEPTADAS_PAGINA = \"GET_EXTRAS_CONTRATADOS_ACEPTADAS_PAGINA\"\r\nconst GET_EXTRAS_CONTRATADOS_ACEPTADAS_REGISTROS = \"GET_EXTRAS_CONTRATADOS_ACEPTADAS_REGISTROS\"\r\nconst GET_EXTRAS_CONTRATADOS_ACEPTADAS_BUSQUEDA = \"GET_EXTRAS_CONTRATADOS_ACEPTADAS_BUSQUEDA\"\r\nconst PUT_EXTRAS_CONTRATADOS_ACEPTADAS_ENVIAR_PAGO = \"PUT_EXTRAS_CONTRATADOS_ACEPTADAS_ENVIAR_PAGO\"\r\n//* metodos para finanzas\r\nexport default function extrasContratadosAceptadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_EXTRAS_CONTRATADOS_ACEPTADAS_ENVIAR_PAGO:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_EXTRAS_CONTRATADOS_ACEPTADAS_ALL:\r\n return { ...state, listExtrasItemsAceptadas: action.payload.listExtrasItemsAceptadas, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_ACEPTADAS_PAGINA:\r\n return { ...state, listExtrasItemsAceptadas: action.payload.listExtrasItemsAceptadas, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_ACEPTADAS_REGISTROS:\r\n return { ...state, listExtrasItemsAceptadas: action.payload.listExtrasItemsAceptadas, registros: action.payload.registros, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_ACEPTADAS_BUSQUEDA:\r\n return { ...state, listExtrasItemsAceptadas: action.payload.listExtrasItemsAceptadas, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const pagarItemExtrraAction = ({ idCompra }) => async (dispatch) => {\r\n return await putPagarCompraExtra({ idCompra }).then(Response => {\r\n dispatch({\r\n type: PUT_EXTRAS_CONTRATADOS_ACEPTADAS_ENVIAR_PAGO,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerExtrasAceptadasAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros } = getSate().extrasContratadosAprobados\r\n return await getItemsExtras({ Pagina: pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_ACEPTADAS_ALL,\r\n payload: {\r\n listExtrasItemsAceptadas: Response.LCompra,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasAceptadasPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros } = getSate().extrasContratadosAprobados\r\n return await getItemsExtras({ Pagina: Pagina + 1, Referencia: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_ACEPTADAS_PAGINA,\r\n payload: {\r\n listExtrasItemsAceptadas: Response.LCompra,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasAceptadasRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina } = getSate().extrasContratadosAprobados\r\n return await getItemsExtras({ Referencia: busqueda, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_ACEPTADAS_REGISTROS,\r\n payload: {\r\n listExtrasItemsAceptadas: Response.LCompra,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasAceptadasBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getItemsExtras({ Referencia: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_ACEPTADAS_BUSQUEDA,\r\n payload: {\r\n listExtrasItemsAceptadas: Response.LCompra,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FPagarItemStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport {\r\n IconButton, Button, Grid\r\n} from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nimport { FPagarItemStyle } from \"./FPagarItemStyles\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { obtenerExtrasAceptadasAction, pagarItemExtrraAction } from \"../../../ducks/extrasContratadosAceptadasDuck\"\r\nimport MoneyIcon from '@material-ui/icons/Money';\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\";\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\";\r\nimport {offLoadAction, onLoadAnction} from \"../../../ducks/loadDuck\"\r\nconst validationSchema = yup.object({\r\n monto: yup\r\n .number(\"Ingresa un monto\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n});\r\nconst InitialValues = {\r\n monto: 1\r\n}\r\nconst Formulario = (props) => {\r\n const {\r\n open = true,\r\n setOpen = () => { },\r\n Compra = {}\r\n } = props\r\n const dispatch = useDispatch()\r\n console.log(\"馃殌 ~ Formulario ~ Compra:\", Compra)\r\n const classes = FPagarItemStyle()\r\n const formik = useFormik({\r\n initialValues: InitialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSend(values)\r\n },\r\n })\r\n // const handleCancel = () => {\r\n // DialogMessage.fire({\r\n // title: '驴Esta seguro de marcar este item como cancelado?',\r\n // text: '',\r\n // showCancelButton: true,\r\n // confirmButtonText: \"Aceptar\",\r\n // cancelButtonText: \"Cancelar\",\r\n // }).then((result) => {\r\n // if (result.isConfirmed) {\r\n // dispatch(onLoadAnction({message: ''}))\r\n // dispatch(cancelarCompraIndividual({\r\n // idCompra: Compra.idCompra,\r\n // })).then(Response => {\r\n // dispatch(offLoadAction())\r\n // if (Response?.status === 500) {\r\n // ToastMessage.fire({\r\n // icon: \"error\",\r\n // title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n // });\r\n // return null\r\n // }\r\n // if (Response?.status === 400) {\r\n // ToastMessage.fire({\r\n // icon: \"warning\",\r\n // text: Response?.Message,\r\n // });\r\n // return null\r\n // }\r\n // handleClose();\r\n // dispatch(obtenerItemsIndividual())\r\n // ToastMessage.fire({\r\n // icon: \"success\",\r\n // title: \"Ingreso Correcto\",\r\n // });\r\n // })\r\n // }\r\n // })\r\n // }\r\n const onSend = (values) => {\r\n DialogMessage.fire({\r\n title: '驴Esta seguro de marcar este item como pagado?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: ''}))\r\n dispatch(pagarItemExtrraAction({\r\n idCompra: Compra.idCompra,\r\n })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: Response?.Message,\r\n });\r\n return null\r\n }\r\n handleClose();\r\n dispatch(obtenerExtrasAceptadasAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n formik.resetForm(InitialValues);\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPagarItemExtra\r\n","\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerExtrasAceptadasPaginaAction, obtenerExtrasAceptadasRegistrosAction } from \"../../../ducks/extrasContratadosAceptadasDuck\"\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport FPagarItemExtra from \"../FPagarItemExtra\"\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"montoAhorrado\", minWidth: 50, align: \"center\", label: \"Monto Ahorrado\" },\r\n { id: \"cantidad\", minWidth: 50, align: \"center\", label: \"Cantidad\" },\r\n { id: \"moneda\", minWidth: 50, align: \"center\", label: \"Moneda\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TExtras = () => {\r\n const { listExtrasItemsAceptadas, total, pagina, registros } = useSelector(store => store.extrasContratadosAprobados)\r\n console.log(\"馃殌 ~ TExtras ~ listExtrasItemsAceptadas:\", listExtrasItemsAceptadas)\r\n const rows = listExtrasItemsAceptadas ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasAceptadasPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasAceptadasRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TExtras","import { obtenerExtrasAceptadasAction } from \"./../../../ducks/extrasContratadosAceptadasDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport TExtras from \"./TExtras\"\r\n\r\nconst VExtras = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerExtrasAceptadasAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VExtras","import { getItemsExtrasHistorico } from \"../services/comprasService\";\r\nimport { FormatoFecha } from \"../utils/FormatFecha\";\r\nconst dataInicial = {\r\n listExtrasItemsHistorial: [],\r\n pagina: 0,\r\n registros: 10,\r\n busqueda: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n total: 0,\r\n exito: 0,\r\n}\r\n\r\nconst GET_EXTRAS_CONTRATADOS_HISTORIAL_ALL = \"GET_EXTRAS_CONTRATADOS_HISTORIAL_ALL\"\r\nconst GET_EXTRAS_CONTRATADOS_HISTORIAL_PAGINA = \"GET_EXTRAS_CONTRATADOS_HISTORIAL_PAGINA\"\r\nconst GET_EXTRAS_CONTRATADOS_HISTORIAL_REGISTROS = \"GET_EXTRAS_CONTRATADOS_HISTORIAL_REGISTROS\"\r\nconst GET_EXTRAS_CONTRATADOS_HISTORIAL_BUSQUEDA = \"GET_EXTRAS_CONTRATADOS_HISTORIAL_BUSQUEDA\"\r\n\r\n//* metodos para finanzas\r\nexport default function extrasContratadosHistorialReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_EXTRAS_CONTRATADOS_HISTORIAL_ALL:\r\n return { ...state, listExtrasItemsHistorial: action.payload.listExtrasItemsHistorial, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_HISTORIAL_PAGINA:\r\n return { ...state, listExtrasItemsHistorial: action.payload.listExtrasItemsHistorial, pagina: action.payload.pagina, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_HISTORIAL_REGISTROS:\r\n return { ...state, listExtrasItemsHistorial: action.payload.listExtrasItemsHistorial, registros: action.payload.registros, total: action.payload.total }\r\n case GET_EXTRAS_CONTRATADOS_HISTORIAL_BUSQUEDA:\r\n return { ...state, listExtrasItemsHistorial: action.payload.listExtrasItemsHistorial, busqueda: action.payload.busqueda, total: action.payload.total, pagina: action.payload.pagina, registros: action.payload.registros }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const obtenerExtrasHitoricoAction = () => async (dispatch, getSate) => {\r\n const { busqueda, pagina, registros } = getSate().extrasContratadosHistorial\r\n return await getItemsExtrasHistorico({ Pagina: pagina + 1, fecha: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_HISTORIAL_ALL,\r\n payload: {\r\n listExtrasItemsHistorial: Response.compras,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasHistoricoPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busqueda, registros } = getSate().extrasContratadosHistorial\r\n return await getItemsExtrasHistorico({ Pagina: Pagina + 1, fecha: busqueda, Registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_HISTORIAL_PAGINA,\r\n payload: {\r\n listExtrasItemsHistorial: Response.compras,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasHistoricoRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busqueda, pagina } = getSate().extrasContratadosHistorial\r\n return await getItemsExtrasHistorico({ fecha: busqueda, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_HISTORIAL_REGISTROS,\r\n payload: {\r\n listExtrasItemsHistorial: Response.compras,\r\n total: Response.Total,\r\n registros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerExtrasHistoricoBusquedaAction = ({ Referencia }) => async (dispatch, getSate) => {\r\n return await getItemsExtrasHistorico({ fecha: Referencia, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registros }).then(Response => {\r\n dispatch({\r\n type: GET_EXTRAS_CONTRATADOS_HISTORIAL_BUSQUEDA,\r\n payload: {\r\n listExtrasItemsHistorial: Response.compras,\r\n total: Response.Total,\r\n busqueda: Referencia,\r\n registros: dataInicial.registros,\r\n pagina: dataInicial.pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n","\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerExtrasHistoricoPaginaAction, obtenerExtrasHistoricoRegistrosAction } from \"../../../ducks/extrasContratadosHistorialDuck\"\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport FDocumentoItem from \"../FDocumentoItem\"\r\n\r\nconst columns = [\r\n { id: \"cliente\", minWidth: 50, align: \"center\", label: \"Nombre del cliente\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"fechaSalida\", minWidth: 50, align: \"center\", label: \"Fecha de Salida\" },\r\n { id: \"motivo\", minWidth: 50, align: \"center\", label: \"Motivo\" },\r\n { id: \"monto\", minWidth: 50, align: \"center\", label: \"Monto\" },\r\n { id: \"operador\", minWidth: 50, align: \"center\", label: \"Operador\" },\r\n { id: \"pagar\", minWidth: 50, align: \"center\", label: \"Pagar\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TExtrasHistorico = () => {\r\n const { listExtrasItemsHistorial, total, pagina, registros } = useSelector(store => store.extrasContratadosHistorial)\r\n const rows = listExtrasItemsHistorial ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasHistoricoPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasHistoricoRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TExtrasHistorico","import { obtenerExtrasHitoricoAction } from \"./../../../ducks/extrasContratadosHistorialDuck\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport TExtrasHistorico from \"./TExtrasHistorico.\"\r\n\r\nconst VExtrasHistorico = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerExtrasHitoricoAction())\r\n },[])\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default VExtrasHistorico","import { useState } from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\r\nimport Button from '@material-ui/core/Button'\r\nimport VExtras from '../VExtras'\r\nimport VExtrasHistorico from '../VExtrasHistorico'\r\n\r\nconst VToggleExtras = () => {\r\n const [toggle, setToggle] = useState(true)\r\n const onClick = () => {\r\n setToggle(!toggle)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n (toggle) &&\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default VToggleExtras","import { useState } from \"react\";\r\nimport {\r\n Container,\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n Box,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport HomePage from \"../../Home\";\r\nimport AccountBalanceIcon from \"@material-ui/icons/AccountBalance\";\r\nimport ItemsPagar from \"../ItemsPagar\";\r\nimport ItemsPagados from \"../ItemsPagados\";\r\nimport ItemsUtilidad from \"../ItemsUtilidad\"\r\nimport InsertChartIcon from '@material-ui/icons/InsertChart';\r\nimport VCorte from \"../CorteCaja/VCorte\";\r\nimport HistoryIcon from '@material-ui/icons/History';\r\nimport VToggleDevolucion from \"../VToggleDevolucion\";\r\nimport VToggleFacturas from \"../VToggleFacturas\";\r\nimport VToggleExtras from \"../VToogleExtras\";\r\nimport { usePermiso } from \"../../../hooks/usePermiso\";\r\nimport { catRoles } from \"../../../constant/catRoles\";\r\nimport { useSelector } from \"react-redux\";\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Finanzas
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","\r\nimport { getDetallePaqueteReferencia, getPenalizacionCancelacionPaquete, putCambioFechaCliente, putCancelacionPaquete } from \"../services/servicePaquete\";\r\nimport { putPsajeroDelete, postPenalizacionAddPasajero, postPasajeroAdd, getPasajeros, getSolicitudesPasajeros, putPasajeroAcept, putPasajeroDecline, postPenalizacionDeletePasajero } from \"./../services/passengerService\"\r\nimport { FormatoDiff } from \"../utils/FormatFecha\";\r\nimport { getContratacionReferencia } from \"../services/contratacionService\"\r\nimport { getComprasItemsPaquete } from \"../services/comprasService\";\r\n\r\nconst dataInicial = {\r\n cliente: {},\r\n referencia: \"\",\r\n accion: 0,\r\n exito: 0,\r\n viaje: {},\r\n diasRestantes: 0,\r\n penalizacionCancel: {},\r\n penalizacion: {},\r\n estatusProceso: {},\r\n isCancelacion: false,\r\n pasajeros: {},\r\n solicitudesPasajeros: {},\r\n tapCambioPasajero: 0,\r\n cotizacion: {},\r\n compras: []\r\n};\r\n\r\nconst SELECT_CAMBIOS_CLIENTE = \"SELECT_CAMBIOS_CLIENTE\"\r\nconst GET_CAMBIOS_COMPRAS = \"GET_CAMBIOS_COMPRAS\"\r\nconst GET_CAMBIOS_VIAJE_REFERENCIA = \"GET_CAMBIOS_VIAJE_REFERENCIA\"\r\nconst GET_CAMBIOS_COTIZACION = \"GET_CAMBIOS_COTIZACION\"\r\nconst SEELCT_CAMBIOS_ACCION = \"SEELCT_CAMBIOS_ACCION\"\r\nconst CANCELAR_PAQUETE_CAMBIOS = \"CANCELAR_PAQUETE_CAMBIOS\"\r\nconst CONSULTA_PENALIZACIONES_CAMBIOS = \"CONSULTA_PENALIZACIONES_CAMBIOS\"\r\nconst POST_CAMBIOS_FECHA_SALIDA = \"POST_CAMBIOS_FECHA_SALIDA\"\r\nconst GET_CAMBIOS_CANCELACION = \"GET_CAMBIOS_CANCELACION\"\r\nconst PUT_CAMBIOS_CANCELACION = \"PUT_CAMBIOS_CANCELACION\"\r\nconst PUT_CAMBIOS_CAMBIO_FECHA = \"PUT_CAMBIOS_CAMBIO_FECHA\"\r\nconst SELECT_CAMBIOS_CANCELACION = \"SELECT_CAMBIOS_CANCELACION\"\r\nconst POST_CAMBIOS_PASAJERO_ADD_PENALITY = \"POST_CAMBIOS_PASAJERO_ADD_PENALITY\"\r\nconst POST_CAMBIOS_PASAJERO_REMOVE_PENALITY = \"POST_CAMBIOS_PASAJERO_REMOVE_PENALITY\"\r\nconst POST_CAMBIOS_PASAJERO_ADD = \"POST_CAMBIOS_PASAJERO_ADD\"\r\nconst POST_CAMBIOS_PASAJERO_REMOVE = \"POST_CAMBIOS_PASAJERO_REMOVE\"\r\nconst GET_CAMBIOS_PASAJEROS = \"GET_CAMBIOS_PASAJEROS\"\r\nconst GET_CAMBIOS_PASAJEROS_SOLICITUDES = \"GET_CAMBIOS_PASAJEROS_SOLICITUDES\"\r\nconst PUT_CAMBIOS_PASAJERO_DISPONIBLE = \"PUT_CAMBIOS_PASAJERO_DISPONIBLE\"\r\nconst PUT_CAMBIOS_PASAJERO_NO_DISPONIBLE = \"PUT_CAMBIOS_PASAJERO_NO_DISPONIBLE\"\r\nconst CHANGE_CAMBIOS_PASAJERO_TAP = \"CHANGE_CAMBIOS_PASAJERO_TAP\"\r\nconst CLEAR_STATE = \"CLEAR_STATE\"\r\n\r\nexport default function cambiosReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_CAMBIOS_COMPRAS:\r\n return { ...state, compras: action.payload.compras }\r\n case GET_CAMBIOS_COTIZACION:\r\n return { ...state, cotizacion: action.payload.cotizacion }\r\n case CHANGE_CAMBIOS_PASAJERO_TAP:\r\n return { ...state, tapCambioPasajero: action.payload.tapCambioPasajero} \r\n case PUT_CAMBIOS_PASAJERO_DISPONIBLE:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_CAMBIOS_PASAJERO_NO_DISPONIBLE:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_CAMBIOS_PASAJEROS_SOLICITUDES: \r\n return { ...state, solicitudesPasajeros: action.payload.solicitudesPasajeros }\r\n case GET_CAMBIOS_PASAJEROS:\r\n return { ...state, pasajeros: action.payload.pasajeros }\r\n case POST_CAMBIOS_PASAJERO_ADD_PENALITY:\r\n return { ...state, penalizacion: action.payload.penalizacion }\r\n case POST_CAMBIOS_PASAJERO_REMOVE_PENALITY:\r\n return { ...state, penalizacion: action.payload.penalizacion }\r\n case POST_CAMBIOS_PASAJERO_ADD:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_CAMBIOS_PASAJERO_REMOVE:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_CAMBIOS_CAMBIO_FECHA:\r\n return { ...state, exito: action.payload.exito }\r\n case SELECT_CAMBIOS_CANCELACION:\r\n return { ...state, isCancelacion: action.payload.isCancelacion }\r\n case GET_CAMBIOS_VIAJE_REFERENCIA:\r\n return { ...state, viaje: action.payload.viaje, estatusProceso: action.payload.estatusProceso }\r\n case PUT_CAMBIOS_CANCELACION:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_CAMBIOS_CANCELACION:\r\n return { ...state, penalizacionCancel: action.payload.penalizacionCancel }\r\n case POST_CAMBIOS_FECHA_SALIDA:\r\n return { ...state, exito: action.payload.exito }\r\n case CONSULTA_PENALIZACIONES_CAMBIOS:\r\n return { ...state, penalizacion: action.payload.penalizacion }\r\n case CANCELAR_PAQUETE_CAMBIOS:\r\n return { ...state, exito: action.payload.exito }\r\n case SEELCT_CAMBIOS_ACCION:\r\n return { ...state, accion: action.payload.accion }\r\n case SELECT_CAMBIOS_CLIENTE:\r\n return {\r\n ...state,\r\n cliente: action.payload.cliente,\r\n referencia: action.payload.referencia,\r\n viaje: action.payload.viaje,\r\n estatusProceso: action.payload.estatusProceso,\r\n diasRestantes: action.payload.diasRestantes\r\n }\r\n case CLEAR_STATE:\r\n return {\r\n ...state,\r\n cliente: action.payload.cliente,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport const changeCambioPasajeroTapAction = ({ tapValue }) => (dispatch) => {\r\n dispatch({\r\n type: CHANGE_CAMBIOS_PASAJERO_TAP,\r\n payload: {\r\n tapCambioPasajero: tapValue\r\n }\r\n })\r\n}\r\n\r\nexport const selectIsCancelacionAction = ({ isCancelacion }) => (dispatch) => {\r\n dispatch({\r\n type: SELECT_CAMBIOS_CANCELACION,\r\n payload: {\r\n isCancelacion\r\n }\r\n })\r\n}\r\n\r\nexport const obtenerPenalizacionAction = ({ idPaquete, Accion }) => async (dispatch) => {\r\n dispatch({\r\n type: CONSULTA_PENALIZACIONES_CAMBIOS,\r\n payload: {\r\n penalizacion: []\r\n }\r\n })\r\n}\r\n\r\nexport const accionTargetAction = ({ accion }) => async (dispatch) => {\r\n dispatch({\r\n type: SEELCT_CAMBIOS_ACCION,\r\n payload: {\r\n accion\r\n }\r\n })\r\n}\r\nexport const consultaDetalleViajeAction = () => async (dispatch, getState) => {\r\n const {cliente, referencia} = getState().cambios\r\n return await getDetallePaqueteReferencia({ Referencia: referencia }).then(Response => {\r\n if (Response.status === 500 || Response.status === 400) {\r\n dispatch({\r\n type: SELECT_CAMBIOS_CLIENTE,\r\n payload: {\r\n cliente,\r\n referencia,\r\n viaje: {},\r\n estatusProceso: {},\r\n }\r\n })\r\n return Response\r\n }\r\n dispatch({\r\n type: SELECT_CAMBIOS_CLIENTE,\r\n payload: {\r\n cliente,\r\n referencia,\r\n viaje: Response,\r\n estatusProceso: Response?.Paquete?.CatEstatusProceso,\r\n diasRestantes: FormatoDiff({ date: Response?.Paquete?.Fecha_Viaje }),\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\nexport const clienteTargetAction = ({ cliente, referencia }) => async (dispatch) => {\r\n return await getDetallePaqueteReferencia({ Referencia: referencia }).then(Response => {\r\n if (Response.status === 500 || Response.status === 400) {\r\n dispatch({\r\n type: SELECT_CAMBIOS_CLIENTE,\r\n payload: {\r\n cliente,\r\n referencia,\r\n viaje: {},\r\n estatusProceso: {},\r\n }\r\n })\r\n return Response\r\n }\r\n dispatch({\r\n type: SELECT_CAMBIOS_CLIENTE,\r\n payload: {\r\n cliente,\r\n referencia,\r\n viaje: Response,\r\n estatusProceso: Response?.Paquete?.CatEstatusProceso,\r\n diasRestantes: FormatoDiff({ date: Response?.Paquete?.Fecha_Viaje }),\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\nexport const obtnerViajeRefenciaAction = () => async (dispatch, getState) => {\r\n const { referencia } = getState().cambios\r\n return await getDetallePaqueteReferencia({ Referencia: referencia }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_VIAJE_REFERENCIA,\r\n payload: {\r\n viaje: Response,\r\n estatusProceso: Response?.Paquete?.CatEstatusProceso,\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\n/***\r\n * TODO: Cambio de fecha\r\n */\r\nexport const aplicarCambioFecha = ({ IdPaquete, IdBloqueSalida, IdObjeto }) => async (dispatch) => {\r\n return await putCambioFechaCliente({ IdPaquete, IdBloqueSalida, IdObjeto }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_CANCELACION,\r\n payload: {\r\n penalizacionCancel: Response\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\n/**\r\n * TODO: Cancelaciones de paquete\r\n */\r\nexport const obtenerPenalizacionCancelacion = ({ IdPaquete }) => async (dispatch) => {\r\n return await getPenalizacionCancelacionPaquete({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_CANCELACION,\r\n payload: {\r\n penalizacionCancel: Response\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\nexport const cancelarPaqueteAction = ({ IdPaquete }) => async (dispatch) => {\r\n return await putCancelacionPaquete({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: PUT_CAMBIOS_CANCELACION,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\n/**\r\n * TODO: Cambios de pasajeros\r\n */\r\n\r\nexport const consultaPasajerosAction = ({ IdPaquete }) => async (dispatch) => {\r\n return await getPasajeros({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_PASAJEROS,\r\n payload: {\r\n pasajeros: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const consultaPenalizacionAddPasajeroAction = ({ IdPaquete, Adultos, Infantes, Menores }) => async (dispatch) => {\r\n return await postPenalizacionAddPasajero({ IdPaquete, Adultos, Infantes, Menores }).then(Response => {\r\n dispatch({\r\n type: POST_CAMBIOS_PASAJERO_ADD_PENALITY,\r\n payload: {\r\n penalizacion: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const consultaPenalizacionRemovePasajeroAction = ({ IdPaquete, Adultos, Infantes, Menores }) => async (dispatch) => {\r\n return await postPenalizacionDeletePasajero({ IdPaquete, Adultos, Infantes, Menores }).then(Response => {\r\n dispatch({\r\n type: POST_CAMBIOS_PASAJERO_REMOVE_PENALITY,\r\n payload: {\r\n penalizacion: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const AddPasajeroAction = ({ IdPaquete, Adultos, Infantes, Menores }) => async (dispatch) => {\r\n return await postPasajeroAdd({ IdPaquete, Adultos, Infantes, Menores }).then(Response => {\r\n dispatch({\r\n type: POST_CAMBIOS_PASAJERO_ADD,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\nexport const RemovePasajeroAction = ({ IdPaquete, Adultos, Infantes, Menores }) => async (dispatch) => {\r\n return await putPsajeroDelete({ IdPaquete, Adultos, Infantiles: Infantes, Menores }).then(Response => {\r\n dispatch({\r\n type: POST_CAMBIOS_PASAJERO_REMOVE,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n })\r\n}\r\nexport const consultaSolicitudesPasajeroAction = ({ IdPaquete }) => async (dispatch) => {\r\n return await getSolicitudesPasajeros({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_PASAJEROS_SOLICITUDES,\r\n payload: {\r\n solicitudesPasajeros: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const aceptPasajeroAction = ({ IdSolicitud }) => async (dispatch) => {\r\n return await putPasajeroAcept({ IdSolicitud }).then(Response => {\r\n dispatch({\r\n type: PUT_CAMBIOS_PASAJERO_DISPONIBLE,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinePasajeroAction = ({ IdSolicitud }) => async (dispatch) => {\r\n return await putPasajeroDecline({ IdSolicitud }).then(Response => {\r\n dispatch({\r\n type: PUT_CAMBIOS_PASAJERO_NO_DISPONIBLE,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n/**\r\n * TODO: Clear state\r\n */\r\nexport const clearState = () => async (dispatch) => {\r\n dispatch({\r\n type: CLEAR_STATE,\r\n payload: dataInicial\r\n })\r\n}\r\n/**\r\n * TODO: Obtener cotizacion\r\n */\r\nexport const obtenerCotizacionAction = ({ Referencia }) => async (dispatch) => {\r\n return await getContratacionReferencia({ Referencia }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_COTIZACION,\r\n payload: {\r\n cotizacion: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerComprasAction = ({ IdPaquete }) => async (dispatch) => {\r\n return await getComprasItemsPaquete({ IdPaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIOS_COMPRAS,\r\n payload: {\r\n compras: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport useApi from \"../../../../hooks/useAPI\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { clienteTargetAction, accionTargetAction, obtenerCotizacionAction, obtenerComprasAction } from \"../../../../ducks/cambiosDuck\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport BackDrop from \"../../../../global/BackDrop\"\r\nconst InitialValueCliente = {\r\n referencia: \"\",\r\n idCotizacion: 0,\r\n cliente: {},\r\n}\r\n\r\nconst BCliente = () => {\r\n const clientes = useApi(\"Trip/Listado\")\r\n const dispatch = useDispatch()\r\n const { Referencia } = useParams()\r\n const [load, setLoad] = useState(false)\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n setLoad(true)\r\n dispatch(clienteTargetAction({ cliente: valor, referencia: valor.Movimiento?.Referencia })).then(Response => {\r\n setLoad(false)\r\n dispatch(obtenerCotizacionAction({Referencia: valor.Movimiento?.Referencia }))\r\n dispatch(obtenerComprasAction({IdPaquete: valor.paquete?.Id_Paquete }))\r\n })\r\n } else {\r\n dispatch(clienteTargetAction({ cliente: InitialValueCliente, referencia: InitialValueCliente.referencia }))\r\n dispatch(accionTargetAction({ accion: 0 }))\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const check = () => {\r\n setLoad(true)\r\n dispatch(clienteTargetAction({ cliente: clientes.find(cliente => cliente.Movimiento?.Referencia === Referencia), referencia: Referencia })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n if (clientes.length > 0 && Referencia) {\r\n setLoad(true)\r\n check()\r\n }\r\n return () => {\r\n setLoad(false)\r\n dispatch(clienteTargetAction({ cliente: InitialValueCliente, referencia: InitialValueCliente.referencia }))\r\n dispatch(accionTargetAction({ accion: 0 }))\r\n }\r\n }, [dispatch, clientes, Referencia])\r\n\r\n if (Referencia)\r\n return \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n let nombre = option?.Titular ?? `${option.Movimiento?.Cuenta?.Nombre.trim()} ${option.Movimiento?.Cuenta?.Apellido_Paterno.trim()}`\r\n return `${option.Movimiento?.Referencia} - ${option.paquete?.Nombre} - ${nombre}`\r\n }}\r\n style={{\r\n width: \"50%\",\r\n margin: \"5px 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={clientes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default BCliente","import { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from \"@material-ui/core\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"../../../../utils/formatDinero\"\r\nconst TablaContrato = () => {\r\n const {cotizacion} = useSelector(store => store.cambios)\r\n return (\r\n \r\n
\r\n )\r\n if (rows.length > 0) return (\r\n \r\n Selecciona un cliente \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default TablaCompras","import { Collapse, IconButton, Typography, Box } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport KeyboardArrowDown from \"@material-ui/icons/KeyboardArrowDown\"\r\nimport KeyboardArrowUp from \"@material-ui/icons/KeyboardArrowUp\"\r\nimport TablaContrato from \"../TablaContrato\"\r\nimport TablaCompras from \"../TablaCompras\"\r\nconst Desplegable = () => {\r\n const [open, setOpen] = useState(false)\r\n return (\r\n \r\n No hay compras para mostrar \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default Desplegable","import { useSelector } from \"react-redux\"\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nconst useStyles = makeStyles({\r\n root: {\r\n margin: \"10px 0\"\r\n },\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nconst TablaDCliente = () => {\r\n const classes = useStyles()\r\n const { cliente, viaje,diasRestantes } = useSelector(store => store.cambios)\r\n return (\r\n \r\n setOpen(!open)}>\r\n {\r\n (open) ? \"ver menos\" : \"ver m谩s\"\r\n }\r\n \r\n setOpen(!open)}>\r\n {open ? \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default Cabecera","import { FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useDispatch } from \"react-redux\"\r\nimport { accionTargetAction } from \"../../../../ducks/cambiosDuck\"\r\nimport useCatalogos from \"../../../../hooks/useCatalogos\"\r\nimport { useSelector } from \"react-redux\"\r\nexport const SAccionStyle = makeStyles((theme) => ({\r\n root: {\r\n margin: \"10px 0\",\r\n },\r\n}))\r\n\r\nconst BAccion = () => {\r\n const { isCancelacion, accion } = useSelector(store => store.cambios)\r\n const catalogo = useCatalogos(\"ChangeCancel\")\r\n const Clasess = SAccionStyle()\r\n const dispatch = useDispatch()\r\n const handleSelecAccion = (event) => {\r\n dispatch(accionTargetAction({ accion: event.target.value }))\r\n }\r\n return (\r\n \r\n Seleccione un cliente\r\n
\r\n }\r\n \r\n
\r\n )\r\n}\r\nexport default VCancelaciones","export const DIAS_RESTANTES_CAMBIOS_FECHA = 89 \r\nexport const DIAS_RESTANTES_CAMBIO_PASAJERO = 90\r\nexport const DIAS_PERMITIR_VIGENCIA_FECHA = 6\r\nexport const catCotizador = Object.freeze({\r\n PORCENTAJE_MENSUALIDAD_HIBRIDO: 0.50,\r\n PORCENTAJE_TARJETA_CREDITO_HIBRIDO: 0.50,\r\n CANTIDAD_PAGOS_HIBRIDO: 3,\r\n CANTIDAD_DIAS_TARJETA_CREDITO: 15,\r\n CANTIDAD_PAGOS_ADIFERIR: 3,\r\n})\r\n","import { Button, FormControl, InputLabel, Select, MenuItem, Grid, TextField } from \"@material-ui/core\"\r\nimport { useState, useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { consultaPenalizacionAddPasajeroAction, AddPasajeroAction, consultaPasajerosAction, consultaSolicitudesPasajeroAction, changeCambioPasajeroTapAction, consultaDetalleViajeAction } from \"./../../../ducks/cambiosDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst catTipoPasajero = {\r\n ADULTO: 1,\r\n MENOR: 2,\r\n INFANTE: 3,\r\n}\r\nconst catalogoTipo = [\r\n {\r\n id: 1,\r\n descripcion: \"Adultos\"\r\n },\r\n {\r\n id: 2,\r\n descripcion: \"Menores\"\r\n },\r\n {\r\n id: 3,\r\n descripcion: \"Infantes\"\r\n },\r\n]\r\nconst FNuevoPasajero = () => {\r\n const { cliente, viaje, referencia } = useSelector(store => store.cambios)\r\n const [value, setValue] = useState(\"0\")\r\n const [cantidad, setCantidad] = useState(0)\r\n const [load, setLoad] = useState(false)\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n const tipo = catalogoTipo.find(tipo => tipo.id === value)\r\n const consultarPenalizacion = (tipo) => {\r\n setLoad(true)\r\n dispatch(consultaPenalizacionAddPasajeroAction({\r\n IdPaquete: viaje.Paquete?.Id_Paquete,\r\n Adultos: (tipo.id === catTipoPasajero.ADULTO) ? cantidad : 0,\r\n Infantes: (tipo.id === catTipoPasajero.INFANTE) ? cantidad : 0,\r\n Menores: (tipo.id === catTipoPasajero.MENOR) ? cantidad : 0,\r\n })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(consultaPasajerosAction({ IdPaquete: viaje.Paquete?.Id_Paquete }))\r\n })\r\n }\r\n if (tipo)\r\n consultarPenalizacion(tipo)\r\n return () => {\r\n\r\n }\r\n }, [dispatch, cantidad, value])\r\n\r\n const handleGuardar = () => {\r\n if (cantidad === 0)\r\n return null\r\n if (value === \"0\")\r\n return null\r\n DialogMessage.fire({\r\n title: `Cambio psajero`,\r\n text: `驴Esta seguro de agregar un nuevo pasajero para la referencia: #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n const tipo = catalogoTipo.find(tipo => tipo.id === value)\r\n const payload = {\r\n IdPaquete: viaje.Paquete?.Id_Paquete,\r\n [`${tipo.descripcion}`]: cantidad\r\n }\r\n dispatch(AddPasajeroAction(payload)).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(consultaDetalleViajeAction())\r\n dispatch(changeCambioPasajeroTapAction({ tapValue: 0 }))\r\n dispatch(consultaSolicitudesPasajeroAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n hangdleClickCancelar()\r\n handleClearState()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n\r\n const handleSelecTipo = (event) => {\r\n setValue(event.target.value)\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const hangdleClickCancelar = () => {\r\n setEditar(!editar)\r\n handleClearState()\r\n }\r\n const handleClearState = () => {\r\n setValue(\"0\")\r\n setCantidad(0)\r\n }\r\n const handleChange = (event) => {\r\n setCantidad(event.target.value)\r\n }\r\n if (catalogoTipo.length > 0) return (\r\n \r\n \r\n Total a cobrar por la cancelaci贸n del paquete: {`${formatDinero(penalizacionCancel.MontoPenalizacion)} ${viaje.Moneda?.Clave}`}\r\n \r\n \r\n Total no cobrado: {`${formatDinero((penalizacionCancel.MontoPenalizacion - viaje?.Suma < 0) ? 0 :penalizacionCancel.MontoPenalizacion - viaje?.Suma )} ${viaje.Moneda?.Clave}`}\r\n \r\n \r\n Total a devolver al cliente: {`${formatDinero((penalizacionCancel.MontoPenalizacion - viaje?.Suma < 0) ? (penalizacionCancel.MontoPenalizacion - viaje?.Suma ) * -1 : 0 )} ${viaje.Moneda?.Clave}`}\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 return \r\n \r\n Tipo pasajero \r\n \r\n \r\n {catalogoTipo.map((tipo, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n No hay fechas diponibles para el paquete {cliente?.paquete?.Nombre}\r\n
\r\n}\r\nexport default FNuevoPasajero","import { Button, Typography, Divider, TableContainer, Table, TableHead, TableRow, TableBody, Paper, TableCell } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { useState, useEffect } from \"react\"\r\nimport { catEstatusProceso } from \"./../../../constant/catEstatusProceso\"\r\nimport { DIAS_RESTANTES_CAMBIO_PASAJERO } from \"./../../../constant/constantes\"\r\nimport { FormatoFechaIso, FormatoDiffYear } from \"../../../utils/FormatFecha\"\r\nimport { consultaPenalizacionRemovePasajeroAction, consultaPasajerosAction, RemovePasajeroAction, consultaDetalleViajeAction } from \"../../../ducks/cambiosDuck\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport FNuevoPasajero from \"./FNuevoPasajero\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nexport const VCambioPasajerosStyle = makeStyles((theme) => ({\r\n root: {\r\n margin: \"10px 0\",\r\n },\r\n content: {\r\n margin: \"20px 0\",\r\n },\r\n contentButton: {\r\n margin: \"20px 0\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n table: {\r\n minWidth: 650,\r\n },\r\n}))\r\nconst VCambioPasajero = () => {\r\n const { cliente, viaje, diasRestantes, penalizacion, pasajeros } = useSelector(store => store.cambios)\r\n const dispatch = useDispatch()\r\n const classes = VCambioPasajerosStyle()\r\n const totalPasajeors = useApi(`Trip/Documents/${viaje?.Cuenta?.Id_Cuenta}/${cliente?.paquete?.Id_Paquete}`)\r\n const [virtuales, setVirtuales] = useState([])\r\n const [load, setLoad] = useState(false)\r\n\r\n useEffect(() => {\r\n dispatch(consultaPasajerosAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.Id_Paquete])\r\n\r\n useEffect(() => {\r\n const llenarArray = () => {\r\n let arrayVirtual = []\r\n let numAdultos = viaje.Paquete?.Numero_Personas\r\n let numMenor = pasajeros.supMenor?.Cantidad\r\n if (numMenor > 0)\r\n numAdultos = numAdultos - numMenor\r\n for (let i = 0; i < numAdultos; i++) {\r\n arrayVirtual.push({\r\n idPasajero: `A-${i + 1}`,\r\n Nombre: `Pasajero ${i + 1}`,\r\n ApellidoPaterno: \"\",\r\n ApellidoMaterno: \"\",\r\n FechaNacimiento: \"\",\r\n Tipo: \"Adultos\"\r\n })\r\n }\r\n for (let j = 0; j < numMenor; j++) {\r\n arrayVirtual.push({\r\n idPasajero: `M-${j + 1}`,\r\n Nombre: `Pasajero menor ${j + 1}`,\r\n ApellidoPaterno: \"\",\r\n ApellidoMaterno: \"\",\r\n FechaNacimiento: \"\",\r\n Tipo: \"Menores\"\r\n })\r\n }\r\n setVirtuales(arrayVirtual)\r\n }\r\n if (viaje.Paquete?.Numero_Personas > totalPasajeors.length)\r\n llenarArray()\r\n return () => {\r\n setVirtuales([])\r\n }\r\n }, [viaje.Paquete?.Numero_Personas, totalPasajeors.length, pasajeros.supMenor?.Cantidad])\r\n\r\n const onEliminar = ({ psajero, tipo, virtual }) => {\r\n setLoad(true)\r\n const payload = {\r\n IdPaquete: viaje.Paquete?.Id_Paquete,\r\n [`${tipo}`]: (virtual) ? [0] : [psajero.idPasajero]\r\n }\r\n dispatch(consultaPenalizacionRemovePasajeroAction(payload)).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de eliminar este pasajero?',\r\n html: `Penalizacion: ${Response.MontoPenalizacion} ${viaje?.Moneda?.Clave} \r\n Nuevo monto paquete: ${Response.MontoPaquete} ${viaje?.Moneda?.Clave}`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(RemovePasajeroAction(payload)).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(consultaDetalleViajeAction())\r\n dispatch(consultaPasajerosAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n ToastMessage.fire(\r\n 'Se aplico la cancelacion!',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n })\r\n }\r\n if (diasRestantes <= DIAS_RESTANTES_CAMBIO_PASAJERO)\r\n return \r\n
\r\n if (viaje.Paquete?.CatEstatusProceso === catEstatusProceso.VUELOS)\r\n return No es posible cambiar psajeros
\r\nSe supero el limete de dias para aplicar este cambio
\r\n\r\n
\r\n return (\r\n No es posible cambiar psajeros
\r\nEl paquete se encuentra en estatus de aereos
\r\n\r\n
\r\n )\r\n}\r\nexport default VCambioPasajero","export const catEstatusCambioPasajero = Object.freeze({\r\n NO_APLICA: 0,\r\n VALIDA_DISPONIBILIDAD: 1,\r\n MONTO_REQUERIDO: 2,\r\n PAGADO: 3,\r\n ACEPTADO_CLIENTE: 4,\r\n SIN_DISPONIBILIDAD: 5,\r\n NO_PAGADO: 6,\r\n RECHAZADO_CLIENTE: 7\r\n})","import { useDispatch, useSelector } from \"react-redux\"\r\nimport { Paper, Button, TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from \"@material-ui/core\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\"\r\nimport { useState } from \"react\"\r\nimport { consultaSolicitudesPasajeroAction, aceptPasajeroAction, declinePasajeroAction, consultaDetalleViajeAction } from \"../../../ducks/cambiosDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { catEstatusCambioPasajero } from \"./../../../constant/catEstatusCambioPasajero\"\r\nimport { Alert } from \"@material-ui/lab\"\r\nconst Solicitudes = () => {\r\n const { cliente, referencia, solicitudesPasajeros } = useSelector(store => store.cambios)\r\n const solicitudes = solicitudesPasajeros\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleDisponible = () => {\r\n DialogMessage.fire({\r\n title: `Cambio psajero`,\r\n text: `驴Confirmar que si hay disponibilidad de pasajeros para esta referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(aceptPasajeroAction({ IdSolicitud: solicitudes.IdSolicitudAgregarPasajeros })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(consultaDetalleViajeAction())\r\n dispatch(consultaSolicitudesPasajeroAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n const handleNoDiponible = () => {\r\n DialogMessage.fire({\r\n title: `Cambio psajero`,\r\n text: `驴Confirmar que no hay disponibilidad de pasajeros para esta referencia #${referencia}?`,\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(declinePasajeroAction({ IdSolicitud: solicitudes.IdSolicitudAgregarPasajeros })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(consultaSolicitudesPasajeroAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n }\r\n if (solicitudesPasajeros.IdSolicitudAgregarPasajeros > 0) return (\r\n \r\n \r\n Monto por agregar: {`${formatDinero((penalizacion.MontoPaquete - viaje.Paquete.Monto_Paquete > 0) ? penalizacion.MontoPaquete - viaje.Paquete.Monto_Paquete : 0)} ${viaje?.Moneda?.Clave}`}\r\n \r\n \r\n Monto penalizacion: {`${formatDinero(penalizacion.MontoPenalizacion)} ${viaje?.Moneda?.Clave}`}\r\n \r\n \r\n Nuevo monto del paquete: {`${formatDinero(penalizacion.MontoPaquete)} ${viaje?.Moneda?.Clave}`}\r\n \r\n
\r\n \r\n \r\n Agregar pasajeros\r\n \r\n
\r\n \r\n \r\n Pasajeros existentes\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 return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n )\r\n}\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n }\r\n}\r\nconst CambioPasajeros = () => {\r\n const { cliente, solicitudesPasajeros, tapCambioPasajero } = useSelector(store => store.cambios)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(consultaSolicitudesPasajeroAction({ IdPaquete: cliente?.paquete?.Id_Paquete }))\r\n }, [dispatch, cliente?.paquete?.Id_Paquete])\r\n\r\n const handleChange = (event, newValue) => {\r\n dispatch(changeCambioPasajeroTapAction({ tapValue: newValue }))\r\n }\r\n\r\n return (\r\n \r\n
\r\n return (\r\n No es posible cambiar la fecha de salida
\r\nSe supero el limete de dias para aplicar este cambio
\r\n\r\n
\r\n )\r\n}\r\nexport default CambioFecha","import axios from \"axios\"\r\nimport { APIURL } from \"../Constantes\"\r\nimport { getCabecera } from \"../utils/getCabecera\"\r\n// import { getError } from \"../utils/errors\"\r\n\r\nconst urlCategory = \"Category\";\r\n\r\nexport const getDestinos = async () => {\r\n return await axios.get(\r\n `${APIURL}/${urlCategory}/find`, {\r\n headers: getCabecera(),\r\n }\r\n ).then((Response) => {\r\n return Response.data;\r\n }).catch((Error => {\r\n return [];\r\n }))\r\n}","export const DEFAULT_CURRENCY_CODE = \"USD\"\r\nexport const CURRENCY_CODE = {\r\n 1: \"MXN\",\r\n 2: \"USD\"\r\n}","import { getDestinos } from \"../services/categoriaService\"\r\nimport {\r\n getPaqueteDiponiblesCategoriaAdmin,\r\n getPaqueteSuplementoDiponibles,\r\n getPaqueteFechasDiponibles,\r\n getPlazasDiponiblesClavePaquete,\r\n getExtrasDisponiblesClavePaquete,\r\n getPenalizacionCambioPaquete,\r\n putCambioPaquete\r\n} from \"../services/servicePaquete\"\r\nimport { getCatalogoExtras } from \"../services/serviceCatalog\"\r\nimport { FormatoDiffMount } from \"../utils/FormatFecha\"\r\nimport { CURRENCY_CODE } from \"../utils/getMoneda\"\r\nconst dataInicial = {\r\n categoria: {},\r\n paquete: {},\r\n clavePaquete: \"0\",\r\n listaItems: [],\r\n montoTotal: 0,\r\n cantidadMenores: 0,\r\n pasajerosTotal: 0,\r\n cantidadAdultos: 0,\r\n cantidadMernor: 0,\r\n cantidadInfantes: 0,\r\n cantidadPasajeros: 0,\r\n cantidadMensualidad: 0,\r\n montoMensual: 0,\r\n fechaSalida: '0,0,0',\r\n categoriaExtra: \"0\",\r\n extra: \"0\",\r\n listaFechaSalida: [],\r\n listaSuplmentos: [],\r\n listaPaquetes: [],\r\n listaCategoria: [],\r\n listaHabitaciones: [],\r\n listaCategoriaExtras: [],\r\n listaExtrasDisponibles: [],\r\n penalizacion: {},\r\n exito: 0,\r\n \r\n}\r\n\r\nconst CAMBIO_PAQUETE_ADD_INFANTES = \"CAMBIO_PAQUETE_ADD_INFANTE\"\r\nconst CAMBIO_PAQUETE_ADD_MENORES = \"CAMBIO_PAQUETE_ADD_MENORES\"\r\nconst CAMBIO_PAQUETE_ADD_ADULTOS = \"CAMBIO_PAQUETE_ADD_ADULTOS\"\r\nconst CAMBIO_PAQUETE_ADD_CATEGORIA = \"CAMBIO_PAQUETE_ADD_CATEGORIA\"\r\nconst CAMBIO_PAQUETE_ADD_MENSUALIDADES = \"CAMBIO_PAQUETE_ADD_MENSUALIDADES\"\r\nconst CAMBIO_PAQUETE_ADD_PAQUETE = \"CAMBIO_PAQUETE_ADD_PAQUETE\"\r\nconst CAMBIO_PAQUETE_ADD_ITEM = \"CAMBIO_PAQUETE_ADD_ITEM\"\r\nconst CAMBIO_PAQUETE_ADD_PASAJERO = \"CAMBIO_PAQUETE_ADD_PASAJERO\"\r\nconst CAMBIO_PAQUETE_ADD_FECHA_SALIDA = \"CAMBIO_PAQUETE_ADD_FECHA_SALIDA\"\r\nconst CAMBIO_PAQUETE_ADD_CATEGORIA_EXTRA = \"CAMBIO_PAQUETE_ADD_CATEGORIA_EXTRA\"\r\nconst CAMBIO_PAQUETE_ADD_EXTRA = \"CAMBIO_PAQUETE_ADD_EXTRA\"\r\nconst GET_CAMBIO_PAQUETE_CATEGORIA = \"GET_CAMBIO_PAQUETE_CATEGORIA\"\r\nconst GET_CAMBIO_PAQUETE_PAQUETES = \"GET_CAMBIO_PAQUETE_PAQUETES\"\r\nconst GET_CAMBIO_PAQUETE_SUPLMENTOS = \"GET_CAMBIO_PAQUETE_SUPLMENTOS\"\r\nconst GET_CAMBIO_PAQUETE_FECHA_SALIDA = \"GET_CAMBIO_PAQUETE_FECHA_SALIDA\"\r\nconst GET_CAMBIO_PAQUETE_HABITACIONES = \"GET_CAMBIO_PAQUETE_HABITACIONES\"\r\nconst GET_CABMIO_PAQUETE_CATEGORIA_EXTRAS = \"GET_CABMIO_PAQUETE_CATEGORIA_EXTRAS\"\r\nconst GET_CAMBIO_PAQUETE_EXTRAS_DISPONIBLES = \"GET_CAMBIO_PAQUETE_EXTRAS_DISPONIBLES\"\r\nconst GET_CAMBIO_PAQUETE_PENALIZACION = \"GET_CAMBIO_PAQUETE_PENALIZACION\"\r\nconst POST_CAMBIO_PAQUETE_CAMBIO = \"POST_CAMBIO_PAQUETE_CAMBIO\"\r\nconst RESET_CAMBIO_PAQUETE_STATE = \"RESET_CAMBIO_PAQUETE_STATE\"\r\nconst RESET_CAMBIO_PAQUETE_PENALIZACION = \"RESET_CAMBIO_PAQUETE_PENALIZACION\"\r\n\r\nexport default function cambiosPaqueteReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case CAMBIO_PAQUETE_ADD_INFANTES:\r\n return { ...state, cantidadInfantes: action.payload.cantidadInfantes, cantidadPasajeros: action.payload.cantidadPasajeros }\r\n case CAMBIO_PAQUETE_ADD_MENORES:\r\n return { ...state, cantidadMenores: action.payload.cantidadMenores, cantidadPasajeros: action.payload.cantidadPasajeros }\r\n case CAMBIO_PAQUETE_ADD_ADULTOS:\r\n return { ...state, cantidadAdultos: action.payload.cantidadAdultos, cantidadPasajeros: action.payload.cantidadPasajeros }\r\n case POST_CAMBIO_PAQUETE_CAMBIO:\r\n return { ...state, exito: action.payload.exito }\r\n case RESET_CAMBIO_PAQUETE_STATE:\r\n return { ...state, penalizacion: action.payload.penalizacion, extra: action.payload.extra, fechaSalida: action.payload.fechaSalida, categoriaExtra: action.categoriaExtra }\r\n case RESET_CAMBIO_PAQUETE_PENALIZACION:\r\n return { ...state, penalizacion: action.payload.penalizacion }\r\n case GET_CAMBIO_PAQUETE_PENALIZACION:\r\n return { ...state, penalizacion: action.payload.penalizacion }\r\n case CAMBIO_PAQUETE_ADD_EXTRA:\r\n return { ...state, extra: action.payload.extra }\r\n case GET_CAMBIO_PAQUETE_EXTRAS_DISPONIBLES:\r\n return { ...state, listaExtrasDisponibles: action.payload.listaExtrasDisponibles }\r\n case CAMBIO_PAQUETE_ADD_CATEGORIA_EXTRA:\r\n return { ...state, categoriaExtra: action.payload.categoriaExtra }\r\n case GET_CABMIO_PAQUETE_CATEGORIA_EXTRAS:\r\n return { ...state, listaCategoriaExtras: action.payload.listaCategoriaExtras }\r\n case GET_CAMBIO_PAQUETE_HABITACIONES:\r\n return { ...state, listaHabitaciones: action.payload.listaHabitaciones }\r\n case CAMBIO_PAQUETE_ADD_CATEGORIA:\r\n return { ...state, categoria: action.payload.categoria }\r\n case CAMBIO_PAQUETE_ADD_MENSUALIDADES:\r\n return { ...state, cantidadMensualidad: action.payload.cantidadMensualidad, montoMensual: action.payload.montoMensual }\r\n case CAMBIO_PAQUETE_ADD_PAQUETE:\r\n return { ...state, paquete: action.payload.paquete, clavePaquete: action.payload.clavePaquete }\r\n case CAMBIO_PAQUETE_ADD_ITEM:\r\n return { ...state, listaItems: action.payload.listaItems, montoTotal: action.payload.montoTotal, montoMensual: action.payload.montoMensual }\r\n case CAMBIO_PAQUETE_ADD_FECHA_SALIDA:\r\n return { ...state, fechaSalida: action.payload.fechaSalida, cantidadMensualidad: action.payload.cantidadMensualidad, montoMensual: action.payload.montoMensual }\r\n case CAMBIO_PAQUETE_ADD_PASAJERO:\r\n return { ...state, cantidadPasajeros: action.payload.cantidadPasajeros, montoTotal: action.payload.montoTotal, pasajerosTotal: action.payload.pasajerosTotal }\r\n case GET_CAMBIO_PAQUETE_FECHA_SALIDA:\r\n return { ...state, listaFechaSalida: action.payload.listaFechaSalida }\r\n case GET_CAMBIO_PAQUETE_CATEGORIA:\r\n return { ...state, listaCategoria: action.payload.listaCategoria }\r\n case GET_CAMBIO_PAQUETE_PAQUETES:\r\n return { ...state, listaPaquetes: action.payload.listaPaquetes }\r\n case GET_CAMBIO_PAQUETE_SUPLMENTOS:\r\n return { ...state, listaSuplmentos: action.payload.listaSuplmentos }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const addInfantesAction = ({ cantidad }) => (dispatch, getState) => {\r\n const { cantidadAdultos, cantidadMenores } = getState().cambiosPaquete\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_INFANTES,\r\n payload: {\r\n cantidadInfantes: cantidad,\r\n cantidadPasajeros: Number(cantidad) + Number(cantidadAdultos) + Number(cantidadMenores)\r\n }\r\n })\r\n}\r\nexport const addMenoresAction = ({ cantidad }) => (dispatch, getState) => {\r\n const { cantidadInfantes, cantidadAdultos } = getState().cambiosPaquete\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_MENORES,\r\n payload: {\r\n cantidadMenores: cantidad,\r\n cantidadPasajeros: Number(cantidad) + Number(cantidadInfantes) + Number(cantidadAdultos)\r\n }\r\n })\r\n}\r\nexport const addAdultosAction = ({ cantidad }) => (dispatch, getState) => {\r\n const { cantidadInfantes, cantidadMenores } = getState().cambiosPaquete\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_ADULTOS,\r\n payload: {\r\n cantidadAdultos: cantidad,\r\n cantidadPasajeros: Number(cantidad) + Number(cantidadInfantes) + Number(cantidadMenores)\r\n }\r\n })\r\n}\r\nexport const addExtraAction = ({ extra }) => (dispatch) => {\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_EXTRA,\r\n payload: {\r\n extra,\r\n }\r\n })\r\n}\r\nexport const addCategoriaExtraAction = ({ categoriaExtra }) => (dispatch) => {\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_CATEGORIA_EXTRA,\r\n payload: {\r\n categoriaExtra,\r\n }\r\n })\r\n}\r\nexport const addFechaSalidaAction = ({ fechaSalida, fecha }) => (dispatch, getState) => {\r\n const total = getState().cambiosPaquete.montoTotal\r\n const mensualidad = FormatoDiffMount({ date: fecha })\r\n const mensualidades = (mensualidad === 0) ? 1 : mensualidad\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_FECHA_SALIDA,\r\n payload: {\r\n fechaSalida,\r\n cantidadMensualidad: mensualidades,\r\n montoMensual: total / mensualidades\r\n }\r\n })\r\n}\r\nexport const addCantidadMensualidadesAction = ({ cantidadMensualidad }) => (dispatch, getState) => {\r\n const total = getState().cambiosPaquete.montoTotal\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_MENSUALIDADES,\r\n payload: {\r\n cantidadMensualidad,\r\n montoMensual: total / cantidadMensualidad\r\n }\r\n })\r\n}\r\nexport const addCantiadPasajerosAction = ({ cantidadPasajeros }) => (dispatch, getState) => {\r\n const arrayItem = getState().cambiosPaquete.listaItems\r\n const totalPasajeros = getState().cambiosPaquete.pasajerosTotal\r\n const total = arrayItem.reduce((a, b) => {\r\n return a + (b.price * b.quantity)\r\n }, 0)\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_PASAJERO,\r\n payload: {\r\n cantidadPasajeros: Number(cantidadPasajeros),\r\n montoTotal: total,\r\n pasajerosTotal: Number(totalPasajeros)\r\n }\r\n })\r\n}\r\nexport const addItemsAction = ({ listaItem }) => (dispatch, getState) => {\r\n const cantidadMensualidad = getState().cambiosPaquete.cantidadMensualidad\r\n const total = listaItem.reduce((a, b) => {\r\n return a + (b.price * b.quantity)\r\n }, 0)\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_ITEM,\r\n payload: {\r\n listaItems: listaItem,\r\n montoTotal: total,\r\n montoMensual: total / cantidadMensualidad\r\n }\r\n })\r\n}\r\nexport const addCategoriaAction = ({ categoria }) => (dispatch) => {\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_CATEGORIA,\r\n payload: {\r\n categoria\r\n }\r\n })\r\n}\r\nexport const addPaqueteAction = ({ paquete }) => (dispatch) => {\r\n dispatch({\r\n type: CAMBIO_PAQUETE_ADD_PAQUETE,\r\n payload: {\r\n paquete,\r\n clavePaquete: paquete.ClavePaquete ?? \"0\"\r\n }\r\n })\r\n}\r\nexport const obtenerCategoriasAction = () => async (dispatch) => {\r\n return await getDestinos().then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_CATEGORIA,\r\n payload: {\r\n listaCategoria: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerPaquetesAction = ({ IdCategoria }) => async (dispatch) => {\r\n return await getPaqueteDiponiblesCategoriaAdmin({ IdCategoria }).then(Response => {\r\n if (IdCategoria === 0) {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_PAQUETES,\r\n payload: {\r\n listaPaquetes: []\r\n }\r\n })\r\n return null\r\n }\r\n\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_PAQUETES,\r\n payload: {\r\n listaPaquetes: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerSuplementosAction = ({ ClavePaquete }) => async (dispatch) => {\r\n return await getPaqueteSuplementoDiponibles({ ClavePaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_SUPLMENTOS,\r\n payload: {\r\n listaSuplmentos: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerFechaSalidaAction = ({ ClavePaquete }) => async (dispatch) => {\r\n return await getPaqueteFechasDiponibles({ ClavePaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_FECHA_SALIDA,\r\n payload: {\r\n listaFechaSalida: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerHabitacionesAction = ({ ClavePaquete }) => async (dispatch) => {\r\n return await getPlazasDiponiblesClavePaquete({ ClavePaquete }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_HABITACIONES,\r\n payload: {\r\n listaHabitaciones: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerCategoriaExtrasAction = () => async (dispatch) => {\r\n return await getCatalogoExtras().then(Response => {\r\n dispatch({\r\n type: GET_CABMIO_PAQUETE_CATEGORIA_EXTRAS,\r\n payload: {\r\n listaCategoriaExtras: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerExtrasDisponiblesAction = ({ categoriaExtra, ClavePaquete }) => async (dispatch) => {\r\n return await getExtrasDisponiblesClavePaquete({ ClavePaquete, idCatExtra: categoriaExtra }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_EXTRAS_DISPONIBLES,\r\n payload: {\r\n listaExtrasDisponibles: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const resetStateAction = () => (dispatch) => {\r\n dispatch({\r\n type: RESET_CAMBIO_PAQUETE_STATE,\r\n payload: {\r\n penalizacion: dataInicial.penalizacion,\r\n extra: dataInicial.extra,\r\n fechaSalida: dataInicial.fechaSalida,\r\n categoriaExtra: dataInicial.categoriaExtra,\r\n\r\n }\r\n })\r\n}\r\n\r\nexport const aplicarCambioPaqueteAction = () => async (dispatch, getState) => {\r\n const Referencia = getState().cambios.referencia ?? \"0\"\r\n const paqueteSelect = getState().cambiosPaquete.paquete\r\n const deal_currency_code = CURRENCY_CODE[paqueteSelect?.Moneda.id_moneda]\r\n const amount = getState().cambiosPaquete.penalizacion?.MontoPaquete ?? 0\r\n const monto_mensual_a_pagar = getState().cambiosPaquete.penalizacion?.MontoPaquete / getState().cambiosPaquete.cantidadMensualidad\r\n const numero_de_mensualidades = getState().cambiosPaquete.cantidadMensualidad\r\n const numero_de_personas = getState().cambiosPaquete.cantidadPasajeros ?? 0\r\n const paquete_contratado = paqueteSelect?.envioPaqueteProveedor?.IdObjeto ?? \"0\"\r\n const numero_de_items = getState().cambiosPaquete.listaItems.length\r\n let listaItems = getState().cambiosPaquete.listaItems ?? []\r\n let suplementosEnviados = []\r\n const suplmentoSalida = listaItems.find(item => item.type === 'SALIDA')\r\n const arraySuuplementoSalida = suplmentoSalida.name.split(\"-\")\r\n const fecha_de_salida = arraySuuplementoSalida[arraySuuplementoSalida.length - 1].trim()\r\n listaItems = listaItems.filter(item => item.type !== 'PAQUETE')\r\n suplementosEnviados = listaItems.map(item => {\r\n return {\r\n idSuplemento: item.id,\r\n amount: item.quantity\r\n }\r\n })\r\n return await putCambioPaquete({ Referencia, amount, monto_mensual_a_pagar, deal_currency_code, fecha_de_salida, numero_de_items, numero_de_mensualidades, numero_de_personas, paquete_contratado, suplementosEnviados }).then(Response => {\r\n dispatch({\r\n type: POST_CAMBIO_PAQUETE_CAMBIO,\r\n payload: {\r\n exito: 1\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerPenalizacionAction = () => async (dispatch, getState) => {\r\n const Referencia = getState().cambios.referencia ?? \"0\"\r\n const paqueteSelect = getState().cambiosPaquete.paquete\r\n const deal_currency_code = CURRENCY_CODE[paqueteSelect?.Moneda.id_moneda]\r\n const amount = getState().cambiosPaquete.montoTotal ?? 0\r\n const numero_de_personas = getState().cambiosPaquete.cantidadPasajeros ?? 0\r\n const paquete_contratado = paqueteSelect?.envioPaqueteProveedor?.IdObjeto ?? \"0\"\r\n let listaItems = getState().cambiosPaquete.listaItems ?? []\r\n let suplementosEnviados = []\r\n listaItems = listaItems.filter(item => item.type !== 'PAQUETE')\r\n suplementosEnviados = listaItems.map(item => {\r\n return {\r\n idSuplemento: item.id,\r\n amount: item.quantity\r\n }\r\n })\r\n return await getPenalizacionCambioPaquete({ Referencia, amount, deal_currency_code, numero_de_personas, paquete_contratado, suplementosEnviados }).then(Response => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_PENALIZACION,\r\n payload: {\r\n penalizacion: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const resetPenalizacionAction = () => async (dispatch, getState) => {\r\n dispatch({\r\n type: GET_CAMBIO_PAQUETE_PENALIZACION,\r\n payload: {\r\n penalizacion: dataInicial.penalizacion\r\n }\r\n })\r\n}\r\n","import React from \"react\";\r\nimport parse from \"autosuggest-highlight/parse\";\r\nimport match from \"autosuggest-highlight/match\";\r\n\r\nconst handleRenderOption = (option, { inputValue }) => {\r\n const matches = match(`${option.Nombre}`, inputValue);\r\n const parts = parse(`${option.Nombre}`, matches);\r\n const highlightStyle = {\r\n fontWeight: 700,\r\n backgroundColor: \"lightyellow\",\r\n padding: \"5px 2px\",\r\n };\r\n return (\r\n \r\n \r\n Penalizacion: {`${formatDinero(penalizacion.MontoPenalizacion)} ${viaje.Moneda.Clave}`}\r\n \r\n \r\n Monto adcional por suplemento: {`${formatDinero(penalizacion.MontoPaquete - viaje?.Paquete?.Monto_Paquete)} ${viaje.Moneda.Clave}`}\r\n \r\n \r\n Nuevo monto paquete: {`${formatDinero(penalizacion.MontoPaquete)} ${viaje.Moneda.Clave}`}\r\n \r\n \r\n Total no cobrado: {`${formatDinero((penalizacion.MontoPenalizacion - viaje?.Suma < 0) ? 0 : penalizacion.MontoPenalizacion - viaje?.Suma)} ${viaje.Moneda.Clave}`}\r\n \r\n \r\n Nueva fecha de salida: {(fecha !== \"N/A\" ? FormatoFechaIso({ date: fecha, formato: \"dd MMMM yyyy\" }) : \"N/A\")}\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 {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addCategoriaAction, obtenerCategoriasAction, resetPenalizacionAction, resetStateAction} from \"../../../../ducks/cambioPaqueteDuck\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\nconst InitialValueCategoria = {\r\n Nombre: \"\",\r\n IdCategoriaPaquete: 0,\r\n}\r\n\r\nconst CbCategoria = () => {\r\n const { listaCategoria, categoria } = useSelector(store => store.cambiosPaquete)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerCategoriasAction())\r\n }, [dispatch])\r\n const getOptionHangle = (event, valor) => {\r\n dispatch(resetPenalizacionAction())\r\n dispatch(resetStateAction())\r\n if (valor) {\r\n dispatch(addCategoriaAction({ categoria: valor }))\r\n } else {\r\n dispatch(addCategoriaAction({ categoria: InitialValueCategoria }))\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaCategoria.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => {\r\n return (\r\n
\r\n )\r\n}\r\nexport default CbCategoria","import React from \"react\";\r\nimport parse from \"autosuggest-highlight/parse\";\r\nimport match from \"autosuggest-highlight/match\";\r\n\r\nconst handleRenderOption = (option, { inputValue }) => {\r\n const matches = match(`${option.Nombre}`, inputValue);\r\n const parts = parse(`${option.Nombre}`, matches);\r\n const highlightStyle = {\r\n fontWeight: 700,\r\n backgroundColor: \"lightyellow\",\r\n padding: \"5px 2px\",\r\n };\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addPaqueteAction, obtenerPaquetesAction, addItemsAction, resetStateAction, resetPenalizacionAction } from \"../../../../ducks/cambioPaqueteDuck\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\n\r\nconst InitialValuePaquete = {\r\n Nombre: \"\",\r\n ClavePaquete: \"0\",\r\n}\r\n\r\nconst CbPaquete = () => {\r\n const { categoria, listaPaquetes, paquete, cantidadPasajeros } = useSelector(store => store.cambiosPaquete)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerPaquetesAction({ IdCategoria: categoria.IdCategoriaPaquete }))\r\n }, [dispatch, categoria.IdCategoriaPaquete])\r\n const getOptionHangle = (event, valor) => {\r\n dispatch(resetPenalizacionAction())\r\n dispatch(resetStateAction())\r\n if (valor) {\r\n dispatch(addPaqueteAction({ paquete: valor }))\r\n let arraItems = []\r\n let itemPaquete = {\r\n id: valor.envioPaqueteProveedor?.IdObjeto,\r\n name: valor.Nombre,\r\n price: valor.PrecioPublico,\r\n currency: valor.Moneda?.Clave,\r\n type: \"PAQUETE\",\r\n quantity: cantidadPasajeros\r\n }\r\n arraItems.push(itemPaquete)\r\n dispatch(addItemsAction({listaItem: arraItems}))\r\n \r\n } else {\r\n dispatch(addPaqueteAction({ paquete: InitialValuePaquete }))\r\n dispatch(addItemsAction({listaItem: []}))\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaPaquetes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CbPaquete","import { Button, Grid, TextField } from \"@material-ui/core\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport {addCantiadPasajerosAction, addItemsAction} from \"./../../../../../ducks/cambioPaqueteDuck\"\r\nimport {ToastMessage} from \"./../../../../../global/ToastMessage\"\r\nconst FieldCatidadPasajero = () => {\r\n const { cantidadPasajeros, listaItems, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const { cliente } = useSelector(store => store.cambios)\r\n const noPax = cliente.paquete?.Numero_Personas ?? 0\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n \r\n useEffect(() => {\r\n dispatch(addCantiadPasajerosAction({cantidadPasajeros: noPax }))\r\n },[dispatch, noPax])\r\n\r\n const handleGuardar = () => {\r\n hangdleClickEditar()\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const hangdleClickCancelar = () => {\r\n setEditar(!editar)\r\n }\r\n const handleChange = (event) => {\r\n const newCantidadPasajeros = event.target.value\r\n \r\n if (Number(newCantidadPasajeros) <= 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"La cantidad de pasajeros debe ser mayor o igaul a 1\",\r\n })\r\n return null\r\n }\r\n\r\n if (listaItems.find(item => item.name === \"Sencilla\")) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede agregar mas pasajeros, plaza Sencilla\",\r\n })\r\n dispatch(addCantiadPasajerosAction({cantidadPasajeros: 1 }))\r\n return null\r\n }\r\n\r\n if (listaItems.find(item => item.name === \"Compartida\")) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede agregar mas pasajeros, plaza Compartida\",\r\n })\r\n dispatch(addCantiadPasajerosAction({cantidadPasajeros: 1 }))\r\n return null\r\n }\r\n\r\n dispatch(addCantiadPasajerosAction({cantidadPasajeros: newCantidadPasajeros }))\r\n let arrayItems = [...listaItems]\r\n arrayItems = arrayItems.map(item => {\r\n if (item.type === \"PAQUETE\")\r\n return {...item, quantity: Number(newCantidadPasajeros) }\r\n if (item.type === \"SALIDA\" || item.type === \"EXTRA\")\r\n return {...item, quantity: Number(newCantidadPasajeros) }\r\n return item\r\n })\r\n dispatch(addItemsAction({listaItem: arrayItems}))\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FieldCatidadPasajero","import { Button, FormControl, InputLabel, Select, MenuItem, Grid } from \"@material-ui/core\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { FormatoFechaIso } from \"./../../../../../utils/FormatFecha\"\r\nimport { addFechaSalidaAction, obtenerFechaSalidaAction, addItemsAction, resetPenalizacionAction} from \"../../../../../ducks/cambioPaqueteDuck\"\r\nimport { formatDinero } from \"../../../../../utils/formatDinero\"\r\n\r\nconst FieldSalida = () => {\r\n // const { cliente } = useSelector(store => store.cambios)\r\n const { listaFechaSalida, fechaSalida, paquete, listaItems, cantidadPasajeros, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerFechaSalidaAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const handleGuardar = () => {\r\n const fecha = fechaSalida.split(\",\")[2]\r\n const salida = listaFechaSalida.find(salida => salida.FechaSalida === fecha)\r\n let arraItems = listaItems.filter(item => item.type !== 'SALIDA')\r\n let itemPaquete = {\r\n id: salida.IdObjeto,\r\n name: `${salida.Descripcion} - ${FormatoFechaIso({date: salida.FechaSalida, formato: \"yyyy/MM/dd\"})}`,\r\n price: salida.Precio,\r\n currency: paquete.Moneda?.Clave,\r\n type: \"SALIDA\",\r\n quantity: cantidadPasajeros\r\n }\r\n arraItems.push(itemPaquete)\r\n dispatch(addItemsAction({listaItem: arraItems}))\r\n dispatch(resetPenalizacionAction())\r\n setEditar(false)\r\n }\r\n\r\n const handleSelecFecha = (event) => {\r\n const fecha = event.target.value.split(\",\")[2]\r\n dispatch(addFechaSalidaAction({ fechaSalida: event.target.value, fecha }))\r\n\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FieldSalida","import { Button, Grid, TextField } from \"@material-ui/core\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport {addCantidadMensualidadesAction} from \"./../../../../../ducks/cambioPaqueteDuck\"\r\nimport { ToastMessage } from \"./../../../../../global/ToastMessage\"\r\nconst FieldMensualidades = () => {\r\n const { cantidadMensualidad, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const { cliente } = useSelector(store => store.cambios)\r\n const noMensualidad = cliente.paquete?.Numero_Pagos ?? 0\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(addCantidadMensualidadesAction({cantidadMensualidad: noMensualidad }))\r\n },[dispatch, noMensualidad])\r\n const handleGuardar = () => {\r\n hangdleClickEditar()\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const hangdleClickCancelar = () => {\r\n setEditar(!editar)\r\n }\r\n const handleChange = (event) => {\r\n const newMensualidad = event.target.value\r\n\r\n if (Number(newMensualidad) <= 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"La cantidad de mensualidades debe ser mayor o igaul a 1\",\r\n })\r\n return null\r\n }\r\n dispatch(addCantidadMensualidadesAction({cantidadMensualidad: newMensualidad }))\r\n }\r\n return (\r\n \r\n \r\n Fecha de salida \r\n \r\n \r\n {listaFechaSalida.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n {\r\n (!editar) &&\r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FieldMensualidades","import { Button, TextField, Grid, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../../../utils/formatDinero\"\r\nimport { obtenerHabitacionesAction, addItemsAction, resetPenalizacionAction } from \"./../../../../../ducks/cambioPaqueteDuck\"\r\nimport { ToastMessage } from \"./../../../../../global/ToastMessage\"\r\nconst FieldHabitacion = () => {\r\n const { listaHabitaciones, paquete, cantidadPasajeros, listaItems, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const dispatch = useDispatch()\r\n const [editar, setEditar] = useState(false)\r\n const [value, setValue] = useState(1)\r\n const [selectValue, setSelectValue] = useState(\"0\")\r\n useEffect(() => {\r\n dispatch(obtenerHabitacionesAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const handleChangeValue = (event) => {\r\n\r\n if (Number(event.target.value) <= 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"La cantidad de suplmentos debe ser mayor o igaul a 1\",\r\n })\r\n return null\r\n }\r\n\r\n setValue(event.target.value)\r\n }\r\n const handleChangeSelectValue = (event) => {\r\n setSelectValue(event.target.value)\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const handleClickSave = () => {\r\n const supHabitacion = listaHabitaciones.find(plaza => plaza.IdExtraPaqueteProveedor === parseInt(selectValue))\r\n\r\n if (!supHabitacion) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Seleccione un suplmento de habitacion\",\r\n })\r\n return null\r\n }\r\n\r\n if (Number(value) <= 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"La cantidad de suplmentos debe ser mayor o igaul a 1\",\r\n })\r\n return null\r\n }\r\n\r\n if (supHabitacion.Descripcion === \"Sencilla\" && cantidadPasajeros !== 1) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede asignar una plaza Sencilla si hay mas de un pasajero\",\r\n })\r\n return null\r\n }\r\n\r\n if (supHabitacion.Descripcion === \"Compartida\" && cantidadPasajeros !== 1) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede asignar una plaza Compartida si hay mas de un pasajero\",\r\n })\r\n return null\r\n }\r\n\r\n if (listaItems.find(item => item.name === \"Sencilla\")) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede agregar mas plazas\",\r\n })\r\n return null\r\n }\r\n\r\n if (listaItems.find(item => item.name === \"Compartida\")) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"No se puede agregar mas plazas\",\r\n })\r\n return null\r\n }\r\n\r\n const plazaItem = listaItems.find(item => item.name === supHabitacion.Descripcion)\r\n let arraItems = [...listaItems]\r\n\r\n if (plazaItem) {\r\n arraItems = arraItems.filter(item => item.id !== supHabitacion.IdObjeto)\r\n }\r\n\r\n let itemHabitacion = {\r\n id: supHabitacion.IdObjeto,\r\n name: `${supHabitacion.Descripcion}`,\r\n price: supHabitacion.Suplemento,\r\n currency: paquete.Moneda?.Clave,\r\n type: \"PLAZA\",\r\n quantity: value\r\n }\r\n\r\n arraItems.push(itemHabitacion)\r\n\r\n // if (supHabitacion.Descripcion === \"Menor e infante\") {\r\n // arraItems = arraItems.map(item => {\r\n // if (item.type === \"SALIDA\" || item.type === \"EXTRA\")\r\n // return {...item, quantity: Number(cantidadPasajeros) + Number(value) }\r\n // return item\r\n // })\r\n // }\r\n dispatch(addItemsAction({ listaItem: arraItems }))\r\n dispatch(resetPenalizacionAction())\r\n setEditar(false)\r\n }\r\n return \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FieldHabitacion","import { Button, Grid, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { useState, useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../../../utils/formatDinero\"\r\nimport { obtenerExtrasDisponiblesAction, addItemsAction, addExtraAction, resetPenalizacionAction } from \"./../../../../../ducks/cambioPaqueteDuck\"\r\n\r\nconst FieldExtras = () => {\r\n const { listaExtrasDisponibles, paquete, cantidadPasajeros, listaItems, categoriaExtra, extra, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const dispatch = useDispatch()\r\n const [editar, setEditar] = useState(false)\r\n useEffect(() => {\r\n dispatch(obtenerExtrasDisponiblesAction({ categoriaExtra: categoriaExtra, ClavePaquete: clavePaquete }))\r\n }, [dispatch, categoriaExtra, clavePaquete])\r\n const handleChangeSelectValue = (event) => {\r\n dispatch(addExtraAction({ extra: event.target.value }))\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const handleClickSave = () => {\r\n const extraFind = listaExtrasDisponibles.find(extraItem => extraItem.EnvioSuplementoProveedor?.IdObjeto === extra)\r\n\r\n if (!extraFind)\r\n return null\r\n\r\n let arraItems = listaItems.filter(item => item.id !== extra)\r\n let itemExtra = {\r\n id: extraFind.EnvioSuplementoProveedor?.IdObjeto,\r\n name: `${extraFind.Extra?.Nombre}`,\r\n price: extraFind.Suplemento,\r\n currency: paquete.Moneda?.Clave,\r\n type: \"EXTRA\",\r\n quantity: cantidadPasajeros\r\n }\r\n arraItems.push(itemExtra)\r\n dispatch(addItemsAction({ listaItem: arraItems }))\r\n dispatch(resetPenalizacionAction())\r\n setEditar(false)\r\n\r\n }\r\n return \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Plazas \r\n \r\n \r\n {listaHabitaciones.map((plaza, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {\r\n (!editar) &&\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FieldExtras","import { Grid, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerCategoriaExtrasAction, addCategoriaExtraAction } from \"../../../../../ducks/cambioPaqueteDuck\"\r\n\r\nconst FieldCatalogoExtras = () => {\r\n const { listaCategoriaExtras, categoriaExtra, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const dispatch = useDispatch()\r\n \r\n useEffect(() => {\r\n dispatch(obtenerCategoriaExtrasAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const handleChangeSelectValue = (event) => {\r\n dispatch(addCategoriaExtraAction({categoriaExtra: event.target.value}))\r\n }\r\n return \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Extras \r\n \r\n \r\n {listaExtrasDisponibles.map((extra, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n {\r\n (!editar) &&\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n Extras \r\n \r\n \r\n {listaCategoriaExtras.map((categoria, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FieldCatalogoExtras","import { Button, Grid, TextField } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addAdultosAction } from \"../../../../../ducks/cambioPaqueteDuck\"\r\nimport { ToastMessage } from \"../../../../../global/ToastMessage\"\r\nconst FieldAdultos = (props) => {\r\n const { cantidadAdultos, listaItems, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const { cliente } = useSelector(store => store.cambios)\r\n const [editar, setEditar] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n dispatch(addAdultosAction({ cantidad: event.target.value }))\r\n }\r\n const handleGuardar = () => {\r\n hangdleClickEditar()\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n const hangdleClickCancelar = () => {\r\n setEditar(!editar)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FieldAdultos","import { Grid } from \"@material-ui/core\"\r\nimport CbCategoria from \"../cbCategoria\"\r\nimport CbPaquete from \"../cbPaquetes\"\r\nimport FieldCatidadPasajero from \"./FieldCatidadPasajero\"\r\nimport FieldSalida from \"./FieldFechaSalida\"\r\nimport FieldMensualidades from \"./FieldMensualidades\"\r\nimport FieldHabitacion from \"./FieldHabitacion\"\r\nimport FieldExtras from \"./FieldExtras\"\r\nimport FieldCatalogoExtras from \"./FieldCatalogoExtras\"\r\nimport FieldAdultos from \"./FieldAdultos\"\r\nconst FCotizacion = () => {\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\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 \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\nexport default FCotizacion","export const StringItemsType = Object.freeze({\r\n PAQUETE: \"PAQUETE\",\r\n SALIDA: \"SALIDA\",\r\n EXTRA: \"EXTRA\",\r\n PLAZAI: \"PLAZAI\",\r\n PLAZAM: \"PLAZAM\",\r\n PLAZA: \"PLAZA\"\r\n})","import { Button, IconButton, TableContainer, Table, TableHead, TableRow, TableBody, Paper, TableCell, Typography } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport FCotizacion from \"./FCotizacion\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff'\r\nimport { addItemsAction, aplicarCambioPaqueteAction, obtenerPenalizacionAction, resetPenalizacionAction } from \"../../../ducks/cambioPaqueteDuck\"\r\nimport { accionTargetAction, obtnerViajeRefenciaAction, obtenerCotizacionAction } from \"../../../ducks/cambiosDuck\"\r\nimport { useState } from \"react\"\r\nimport BackDrop from \"./../../../global/BackDrop\"\r\nimport { StringItemsType } from \"../../../constant/StringItemsType\"\r\nexport const VCambioPasajerosStyle = makeStyles((theme) => ({\r\n root: {\r\n margin: \"10px 0\",\r\n },\r\n content: {\r\n margin: \"20px 0\",\r\n },\r\n contentButton: {\r\n margin: \"20px 0\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n table: {\r\n minWidth: 650,\r\n },\r\n}))\r\nconst validarSalida = ({ listaItems }) => {\r\n return listaItems.some(item => item.type === StringItemsType.SALIDA);\r\n}\r\n\r\nconst CambioPaquete = () => {\r\n const classes = VCambioPasajerosStyle()\r\n const dispatch = useDispatch()\r\n const { referencia } = useSelector(store => store.cambios)\r\n const { listaItems, montoTotal, penalizacion, cantidadMensualidad, paquete, clavePaquete } = useSelector(store => store.cambiosPaquete)\r\n const [load, setLoad] = useState(false)\r\n const handleDeleteItem = (idItem) => {\r\n let arraItems = listaItems.filter(item => item.id !== idItem)\r\n dispatch(resetPenalizacionAction())\r\n dispatch(addItemsAction({ listaItem: arraItems }))\r\n }\r\n const handleClickPenality = () => {\r\n if (clavePaquete === \"0\") {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Seleccione un paquete\",\r\n })\r\n return null\r\n }\r\n setLoad(true)\r\n dispatch(obtenerPenalizacionAction()).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n })\r\n }\r\n const handleClickGuardar = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de aplicar este cambio?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(aplicarCambioPaqueteAction()).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(resetPenalizacionAction())\r\n dispatch(addItemsAction({ listaItem: [] }))\r\n dispatch(obtnerViajeRefenciaAction())\r\n dispatch(obtenerCotizacionAction({Referencia: referencia }))\r\n dispatch(accionTargetAction({ accion: 0 })) \r\n ToastMessage.fire(\r\n '隆Se aplico el cambio de paquete!',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default CambioPaquete","export const catCambios = {\r\n NoAplica: 0,\r\n CANCELACIONES: 4,\r\n CAMBIO_FECHA: 1,\r\n CAMBIO_PASAJERO: 3,\r\n CAMBIO_PAQUETE: 2,\r\n}","import { Container, Grid, Button } from \"@material-ui/core\"\r\nimport HomePage from \"../../Home\"\r\nimport Cabecera from \"./Cabecera\"\r\nimport BAccion from \"./BAccion\"\r\nimport Cancelaciones from \"./../Cancelaciones\"\r\nimport CambioPasajeros from \"../CambioPasajero\"\r\nimport CambioFecha from \"../CambioFecha\"\r\nimport CambioPaquete from \"../CambioPaquete\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { catCambios } from \"../../../constant/catCambios\"\r\nimport KeyboardReturnIcon from \"@material-ui/icons/KeyboardReturn\"\r\nimport { useHistory, useLocation } from \"react-router-dom\"\r\nimport { useEstatusPaqueteValido } from \"../../../hooks/useEstusPaqueteValido\"\r\nimport { useEffect } from \"react\"\r\nimport { selectIsCancelacionAction } from \"./../../../ducks/cambiosDuck\"\r\nconst VCambios = () => {\r\n const { referencia, accion, estatusProceso, isCancelacion } = useSelector(store => store.cambios)\r\n const [valido] = useEstatusPaqueteValido({ estatus: estatusProceso?.IdEstatusProceso })\r\n const history = useHistory()\r\n const location = useLocation()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(selectIsCancelacionAction({isCancelacion: location?.pathname.includes('/Cancelaciones')}))\r\n }, [dispatch, location.pathname])\r\n const onReturn = () => {\r\n history.goBack()\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Total: {formatDinero(montoTotal)} {paquete?.Moneda?.Clave}\r\n \r\n \r\n Monto penalizacion: {formatDinero(penalizacion.MontoPenalizacion)} {paquete?.Moneda?.Clave}\r\n \r\n \r\n Total a cobrar por el cambio de Paquete: {formatDinero(penalizacion.MontoPaquete)} {paquete?.Moneda?.Clave}\r\n \r\n \r\n Monto mensual a cobrar con penalizcion: {formatDinero(penalizacion.MontoPaquete / cantidadMensualidad)} {paquete?.Moneda?.Clave}\r\n \r\n
\r\n \r\n {\r\n (penalizacion.MontoPaquete > 0) ?\r\n \r\n :\r\n \r\n }\r\n
\r\n \r\n {\r\n isCancelacion ? \"Cancelaci贸n\" : \"Cambios\"\r\n } \r\n
\r\n \r\n {\r\n (location.state.reservas) ?\r\n\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n Este paquete esta en estatus de {estatusProceso?.Descripcion}
\r\nNuevo
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusReserva","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FormularioReservaStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { getReservasAll } from \"../services/serviceViaje\";\r\nimport { newCompraItem, updateAutorizacionCompraItem } from \"../services/comprasService\";\r\nconst dataInicial = {\r\n reservas: [],\r\n total: 0,\r\n busquedaReferencia: \"NA\",\r\n busquedaEstatus: \"NA\",\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n};\r\n\r\nconst GET_RESERVAS_ALL = \"GET_RESERVAS_ALL\"\r\nconst GET_RESERVAS_BUSQUEDA_ALL = \"GET_RESERVAS_BUSQUEDA_ALL\"\r\nconst GET_RESERVAS_REGISTROS_PAGINA = \"GET_RESERVAS_REGISTROS_PAGINA\"\r\nconst GET_RESERVAS_PAGINA = \"GET_RESERVAS_PAGINA\"\r\nconst POST_RESERVAS_EXITO = \"POST_RESERVAS_EXITO\"\r\nconst PUT_RESERVAS_AUTORIZADO_EXITO = \"PUT_RESERVAS_AUTORIZADO_EXITO\"\r\nconst CLEAR_RESERVAS_STATE = \"CLEAR_RESERVAS_STATE\"\r\nexport default function reservasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_RESERVAS_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_RESERVAS_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_RESERVAS_BUSQUEDA_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n busquedaReferencia: action.payload.busquedaReferencia,\r\n busquedaEstatus: action.payload.busquedaEstatus,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case POST_RESERVAS_EXITO:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_RESERVAS_AUTORIZADO_EXITO:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_RESERVAS_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total\r\n };\r\n case CLEAR_RESERVAS_STATE:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const generarReservaAction = ({ idTipoCompra, idPaquete, idCuenta, idMoneda, MontoProveedor, FechaRegreso }) => async (dispatch) => {\r\n return await newCompraItem({ idTipoCompra, idPaquete, idCuenta, idMoneda, MontoProveedor, FechaRegreso }).then(Response => {\r\n dispatch({\r\n type: POST_RESERVAS_EXITO,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const autorizarReservaAction = ({ idCompra }) => async (dispatch) => {\r\n return await updateAutorizacionCompraItem({ idCompra }).then(Response => {\r\n dispatch({\r\n type: PUT_RESERVAS_AUTORIZADO_EXITO,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerReservasAction = () => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, pagina, registroPagina } = getSate().reservas\r\n return await getReservasAll({ Referencia: busquedaReferencia, EstatusCompra: busquedaEstatus, Pagina: pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasBusquedaAction = ({ Referencia, EstatusCompra }) => async (dispatch, getSate) => {\r\n return await getReservasAll({ Referencia, EstatusCompra, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_BUSQUEDA_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n busquedaReferencia: Referencia,\r\n busquedaEstatus: EstatusCompra,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, pagina } = getSate().reservas\r\n return await getReservasAll({ Referencia: busquedaReferencia, EstatusCompra: busquedaEstatus, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_REGISTROS_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, registroPagina } = getSate().reservas\r\n return await getReservasAll({ Referencia: busquedaReferencia, EstatusCompra: busquedaEstatus, Pagina: Pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_RESERVAS_STATE,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n}","import { useState } from \"react\";\r\nimport { Button, Grid, FormControl, InputLabel, Select, MenuItem, TextField } from \"@material-ui/core\";\r\nimport PostAddIcon from '@material-ui/icons/PostAdd'\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { FormularioReservaStyle } from \"./style\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport useApi from \"./../../../hooks/useAPI\";\r\nimport { useCatPurchase } from \"../../../hooks/useCatPurchase\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { generarReservaAction, obtenerReservasAction } from \"./../../../ducks/reservasDuck\"\r\nimport { catTipoCompra } from \"../../../constant/catTipoCompra\"\r\nimport dayjs from 'dayjs'\r\nimport PickerMod from \"../../../global/PickersMod\";\r\nconst validationSchema = yup.object({\r\n monto: yup\r\n .number(\"Ingresa un monto\")\r\n .positive(\"Monto postivo\")\r\n .required(\"Monto es requerido\"),\r\n});\r\n\r\nconst initialValues = {\r\n monto: 0\r\n}\r\n\r\nconst ModalFormulario = (props) => {\r\n const {\r\n idCuenta = 0,\r\n idPaquete = 0,\r\n Referencia = \"\",\r\n open = true,\r\n setOpen = () => { },\r\n idMoneda = 0\r\n } = props;\r\n const dispatch = useDispatch()\r\n const [regreso, setRegreso] = useState(dayjs())\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const dataTipoCompra = useCatPurchase({ idPaquete: idPaquete })\r\n const classes = FormularioReservaStyle()\r\n const [load, setLoad] = useState(false)\r\n const [tipoMoneda, setTipoMoneda] = useState(idMoneda)\r\n const formik = useFormik({\r\n initialValues: initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSave(values)\r\n },\r\n })\r\n const handleChangeRegreso = (value) => {\r\n setRegreso(value)\r\n }\r\n const onSave = (values) => {\r\n setLoad(true)\r\n dispatch(generarReservaAction({\r\n idCuenta: idCuenta,\r\n idMoneda: tipoMoneda,\r\n idPaquete: idPaquete,\r\n idTipoCompra: catTipoCompra.Reserva,\r\n MontoProveedor: values.monto,\r\n FechaRegreso: dayjs(regreso).format('YYYY-MM-DD')\r\n\r\n })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerReservasAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n\r\n })\r\n }\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n setLoad(false)\r\n setTipoMoneda(idMoneda)\r\n formik.resetForm(initialValues);\r\n }\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n }\r\n return (\r\n \r\n
\r\n Aviso!
\r\nPara agregar un nuevo item, se tiene que pagar los items actules
\r\n\r\n
\r\n Aviso!
\r\nEste paquete no tiene moneda proveedor
\r\n\r\n } disabled={disabled}>\r\n Reservar\r\n \r\n
\r\n )\r\n}\r\nexport default FormularioItem","import {useEffect, useState} from \"react\";\r\nimport axios from \"axios\";\r\nimport { APIURL, AUTH_CREDENTIALS_NAME } from \"../Constantes\";\r\nexport const useCatPurchase = ({idPaquete}) =>{\r\n const getCabecera = () =>{\r\n let Token = localStorage.getItem(AUTH_CREDENTIALS_NAME);\r\n let cabecera = { Authorization: `bearer ${Token}`,\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",}\r\n return cabecera;\r\n }\r\n const [data, setData] = useState({});\r\n useEffect(() =>{\r\n const getAPI = async () =>{\r\n try {\r\n const response = await axios.get(`${APIURL}/Catalog/CatPurchase/${idPaquete}`,\r\n {\r\n headers: getCabecera()\r\n });\r\n switch (response.status) {\r\n case 200:\r\n setData(response.data)\r\n break;\r\n default:\r\n setData({});\r\n break;\r\n }\r\n } catch (error) {\r\n setData({});\r\n }\r\n }\r\n getAPI();\r\n return () =>{\r\n setData({});\r\n }\r\n },[idPaquete])\r\n return data;\r\n}","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FAutorizarStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { Button, Grid } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { autorizarReservaAction, obtenerReservasAction } from \"./../../../ducks/reservasDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { FAutorizarStyle } from \"./styles\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nconst ModalMensaje = (props) => {\r\n const { Compra, Moneda, open = false, setOpen = () => { }, estatus = 0 } = props\r\n const dispatch = useDispatch()\r\n const classes = FAutorizarStyle()\r\n const [load, setLoad] = useState(false)\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n const onGuardar = () => {\r\n DialogMessage.fire({\r\n title: `驴Esta seguro de mandar al area de finanazas\r\n la solicitud de pago de este Item?`,\r\n html: (estatus === EstatusCompra.FONDOS_INSUFICIENTES) ? `Los fondos no son suficientes para cubrir toda la reserva. 驴Desea continuar con el proceso?`: \"\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(autorizarReservaAction({ idCompra: Compra.idCompra })).then(Response => {\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n setLoad(false)\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Operaci贸n exitoasa\",\r\n })\r\n dispatch(obtenerReservasAction())\r\n setLoad(false)\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n Motivo: Reserva
\r\nMonto pagado: {formatDinero(Compra?.MontoProveedor)} {Moneda?.Clave}
\r\n\r\n \r\n
\r\n\r\n )\r\n}\r\nexport default FAutorizacion","\r\nimport { useState } from \"react\"\r\nimport { Tooltip, Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport EstatusReserva from \"../Estatus\"\r\nimport FReserva from \"../FPagarReserva\"\r\nimport FAutorizacion from \"../FAutorizar\"\r\nimport { obtenerReservasPaginaAction, obtenerReservasRegistrosAction } from \"./../../../ducks/reservasDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nimport Avance from \"../../../global/Avance\"\r\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable'\r\nimport EventBusyIcon from '@material-ui/icons/EventBusy'\r\nimport {offLoadAction, onLoadAnction} from \"./../../../ducks/loadDuck\"\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"nombre\", minWidth: 50, align: \"center\", label: \"Nombre\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"salida\", minWidth: 50, align: \"center\", label: \"Salida\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Pax\" },\r\n { id: \"montoPaquete\", minWidth: 50, align: \"center\", label: \"Monto\" },\r\n { id: \"ahorro\", minWidth: 50, align: \"center\", label: \"Ahorro\" },\r\n { id: \"porcentaje\", minWidth: 50, align: \"center\", label: \"%\" },\r\n { id: \"corriente\", minWidth: 50, align: \"center\", label: \"Corriente\" },\r\n { id: \"estatus\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"version\", minWidth: 50, align: \"center\", label: \"Versi贸n\" },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: \"Acci贸n\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TReservas = () => {\r\n const { reservas, total, pagina, registroPagina } = useSelector(store => store.reservas)\r\n const rows = reservas ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerReservasPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setLoad(true)\r\n dispatch(obtenerReservasRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TReservas","import { getDocuemtVoucherDowload } from \"../services/documentosService\";\r\nimport { getReservasAutorizadas } from \"../services/serviceViaje\";\r\nimport { FormatoFecha } from \"./../utils/FormatFecha\"\r\nconst dataInicial = {\r\n reservas: [],\r\n total: 0,\r\n fechaInicio: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n fechaFinal: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n}\r\nconst GET_RESERVAS_AUTH_ALL = \"GET_RESERVAS_AUTH_ALL\"\r\nconst GET_RESERVAS_AUTH_BUSQUEDA_ALL = \"GET_RESERVAS_AUTH_BUSQUEDA_ALL\"\r\nconst GET_RESERVAS_AUTH_REGISTROS_PAGINA = \"GET_RESERVAS_AUTH_REGISTROS_PAGINA\"\r\nconst GET_RESERVAS_AUTH_PAGINA = \"GET_RESERVAS_AUTH_PAGINA\"\r\nconst GET_RESERVAS_AUTH_DOWLOAD = \"GET_RESERVAS_AUTH_DOWLOAD\"\r\nconst CLEAR_RESERVAS_AUTH_STATE = \"CLEAR_RESERVAS_AUTH_STATE\"\r\nexport default function reservasAutorizadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_RESERVAS_AUTH_DOWLOAD:\r\n return {\r\n ...state,\r\n exito: action.exito\r\n }\r\n case GET_RESERVAS_AUTH_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_RESERVAS_AUTH_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_RESERVAS_AUTH_BUSQUEDA_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n fechaInicio: action.payload.fechaInicio,\r\n fechaFinal: action.payload.fechaFinal,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_RESERVAS_AUTH_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total\r\n };\r\n case CLEAR_RESERVAS_AUTH_STATE:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n\r\nexport const obtenerVoucherDowloadAuthAction = ({idCompra}) => async (dispatch, getSate) => {\r\n return await getDocuemtVoucherDowload({idCompra}).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_AUTH_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerReservasAuthAction = () => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina, registroPagina } = getSate().reservasAuth\r\n return await getReservasAutorizadas({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_AUTH_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasAuthBusquedaAction = ({ FechaInicio, FechaFin }) => async (dispatch, getSate) => {\r\n return await getReservasAutorizadas({ FechaInicio, FechaFin ,Pagina: dataInicial.pagina + 1, Registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_AUTH_BUSQUEDA_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n fechaInicio: FechaInicio,\r\n fechaFinal: FechaFin,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasAuthRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina } = getSate().reservasAuth\r\n return await getReservasAutorizadas({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_AUTH_REGISTROS_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasAuthPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, registroPagina } = getSate().reservasAuth\r\n return await getReservasAutorizadas({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: Pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_AUTH_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_RESERVAS_AUTH_STATE,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n}","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FDocumentoItemtyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { FDocumentoItemtyle } from \"./FDocumentoItem\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerVouchers, clearVouchers, dowloadVoucherAction } from \"../../../ducks/voucherIndividualDuck\";\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n})\r\n\r\nconst TablaVoucher = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { vouchers } = useSelector(store => store.vouchersIndividual)\r\n const rows = vouchers\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(dowloadVoucherAction({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Aceptar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TVoucher\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, Button, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport EstatusReserva from \"../Estatus\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport { obtenerReservasAuthPaginaAction, obtenerReservasAuthRegistrosAction, obtenerVoucherDowloadAuthAction } from \"./../../../ducks/reservasAuthDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport TVoucher from \"./TVoucher\"\r\nconst columns = [\r\n { id: \"numero\", minWidth: 50, align: \"center\", label: \"Nombre\" },\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Num Pax\" },\r\n { id: \"montoPaquete\", minWidth: 50, align: \"center\", label: \"Monto paquete\" },\r\n { id: \"montoProveedor\", minWidth: 50, align: \"center\", label: \"Monto Proveedor\" },\r\n { id: \"estatus\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"detalles\", minWidth: 50, align: \"center\", label: \"Detalles\" },\r\n { id: \"voucher\", minWidth: 50, align: \"center\", label: \"Voucher\" },\r\n]\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\nconst TReservasAutorizadas = () => {\r\n const { reservas, total, pagina, registroPagina } = useSelector(store => store.reservasAuth)\r\n const rows = reservas ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const [load, setLoad] = useState(false)\r\n const handleChangePage = (event, newPage) => {\r\n setLoad(true)\r\n dispatch(obtenerReservasAuthPaginaAction({ Pagina: newPage })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n setLoad(true)\r\n dispatch(obtenerReservasAuthRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n const handleDetalle = (referencia) => {\r\n history.push(`/ClienteReferenciaReserva/${referencia}`, {\r\n reservas: true\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TReservasAutorizadas","import { Grid, Button, FormControl, InputLabel, MenuItem, Select } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport FielBusqueda from \"../../../global/FielBusuqeda\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerReservasBusquedaAction } from \"../../../ducks/reservasDuck\"\r\n// import useCatalogos from \"../../../hooks/useCatalogos\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst FiltradoReservas = () => {\r\n const [busqueda, setBusqueda] = useState(\"0\")\r\n const [estatus, setEstatus] = useState(\"0\")\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n // const catalogo = useCatalogos(\"CatStatusPurchase\")\r\n const handleFiltro = () => {\r\n setLoad(true)\r\n dispatch(obtenerReservasBusquedaAction({ Referencia: (busqueda === \"0\") ? \"NA\" : busqueda, EstatusCompra: (estatus === \"0\") ? \"NA\" : estatus })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Estatus \r\n setEstatus(event.target.value)}\r\n label=\"Moneda\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltradoReservas","import { Grid, Button } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerReservasAuthBusquedaAction } from \"../../../ducks/reservasAuthDuck\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst FiltradoReservasAutorizadas = () => {\r\n const [fechaIncio, setFechaInicio] = useState(new Date())\r\n const [fechaFinal, setFechaFinal] = useState(new Date())\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n setLoad(true)\r\n dispatch(obtenerReservasAuthBusquedaAction({ FechaInicio: FormatoFecha({ date: fechaIncio, formato: \"MMddyyyy\" }), FechaFin: FormatoFecha({ date: fechaFinal, formato: \"MMddyyyy\" })})).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltradoReservasAutorizadas","import { getReservasExperidas } from \"../services/serviceViaje\"\r\nimport { newCompraItem, updateAutorizacionCompraItem } from \"../services/comprasService\"\r\nconst dataInicial = {\r\n reservas: [],\r\n total: 0,\r\n busquedaReferencia: \"NA\",\r\n busquedaEstatus: \"NA\",\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n};\r\n\r\nconst GET_RESERVAS_EXPIRADAS_ALL = \"GET_RESERVAS_EXPIRADAS_ALL\"\r\nconst GET_RESERVAS_EXPIRADAS_BUSQUEDA_ALL = \"GET_RESERVAS_EXPIRADAS_BUSQUEDA_ALL\"\r\nconst GET_RESERVAS_EXPIRADAS_REGISTROS_PAGINA = \"GET_RESERVAS_EXPIRADAS_REGISTROS_PAGINA\"\r\nconst GET_RESERVAS_EXPIRADAS_PAGINA = \"GET_RESERVAS_EXPIRADAS_PAGINA\"\r\nconst POST_RESERVAS_EXPIRADAS_EXITO = \"POST_RESERVAS_EXPIRADAS_EXITO\"\r\nconst PUT_RESERVAS_EXPIRADAS_AUTORIZADO_EXITO = \"PUT_RESERVAS_EXPIRADAS_AUTORIZADO_EXITO\"\r\nconst CLEAR_RESERVAS_EXPIRADAS_STATE = \"CLEAR_RESERVAS_EXPIRADAS_STATE\"\r\nexport default function reservasExpiradasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_RESERVAS_EXPIRADAS_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_RESERVAS_EXPIRADAS_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_RESERVAS_EXPIRADAS_BUSQUEDA_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total,\r\n busquedaReferencia: action.payload.busquedaReferencia,\r\n busquedaEstatus: action.payload.busquedaEstatus,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case POST_RESERVAS_EXPIRADAS_EXITO:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_RESERVAS_EXPIRADAS_AUTORIZADO_EXITO:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_RESERVAS_EXPIRADAS_ALL:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas,\r\n total: action.payload.total\r\n };\r\n case CLEAR_RESERVAS_EXPIRADAS_STATE:\r\n return {\r\n ...state,\r\n reservas: action.payload.reservas\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const generarReservaAction = ({ idTipoCompra, idPaquete, idCuenta, idMoneda, MontoProveedor, FechaRegreso }) => async (dispatch) => {\r\n return await newCompraItem({ idTipoCompra, idPaquete, idCuenta, idMoneda, MontoProveedor, FechaRegreso }).then(Response => {\r\n dispatch({\r\n type: POST_RESERVAS_EXPIRADAS_EXITO,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const autorizarReservaAction = ({ idCompra }) => async (dispatch) => {\r\n return await updateAutorizacionCompraItem({ idCompra }).then(Response => {\r\n dispatch({\r\n type: PUT_RESERVAS_EXPIRADAS_AUTORIZADO_EXITO,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerReservasExpiradasAction = () => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, pagina, registroPagina } = getSate().reservasExpirdas\r\n return await getReservasExperidas({ referencia: busquedaReferencia, estusCompra: busquedaEstatus, pagina: pagina + 1, registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_EXPIRADAS_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasBusquedaAction = ({ Referencia, EstatusCompra }) => async (dispatch, getSate) => {\r\n return await getReservasExperidas({ referencia: Referencia, estusCompra: EstatusCompra, pagina: dataInicial.pagina + 1, registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_EXPIRADAS_BUSQUEDA_ALL,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n busquedaReferencia: Referencia,\r\n busquedaEstatus: EstatusCompra,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, pagina } = getSate().reservasExpirdas\r\n return await getReservasExperidas({ referencia: busquedaReferencia, estusCompra: busquedaEstatus, pagina: pagina + 1, registros: Registros }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_EXPIRADAS_REGISTROS_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerReservasPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { busquedaReferencia, busquedaEstatus, registroPagina } = getSate().reservasExpirdas\r\n return await getReservasExperidas({ referencia: busquedaReferencia, estusCompra: busquedaEstatus, pagina: Pagina + 1, registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_RESERVAS_EXPIRADAS_PAGINA,\r\n payload: {\r\n reservas: Response.listViajeCompra,\r\n total: Response.tamanio,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_RESERVAS_EXPIRADAS_STATE,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n}","\r\nimport { useState } from \"react\"\r\nimport { Tooltip, Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport EstatusReserva from \"../Estatus\"\r\nimport FReserva from \"../FPagarReserva\"\r\nimport FAutorizacion from \"../FAutorizar\"\r\nimport { obtenerReservasPaginaAction, obtenerReservasRegistrosAction } from \"./../../../ducks/reservasExpiradasDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nimport Avance from \"../../../global/Avance\"\r\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable'\r\nimport EventBusyIcon from '@material-ui/icons/EventBusy'\r\nimport {offLoadAction, onLoadAnction} from \"./../../../ducks/loadDuck\"\r\nconst columns = [\r\n { id: \"referencia\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"nombre\", minWidth: 50, align: \"center\", label: \"Nombre\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"salida\", minWidth: 50, align: \"center\", label: \"Salida\" },\r\n { id: \"np\", minWidth: 50, align: \"center\", label: \"Pax\" },\r\n { id: \"montoPaquete\", minWidth: 50, align: \"center\", label: \"Monto\" },\r\n { id: \"ahorro\", minWidth: 50, align: \"center\", label: \"Ahorro\" },\r\n { id: \"porcentaje\", minWidth: 50, align: \"center\", label: \"%\" },\r\n { id: \"corriente\", minWidth: 50, align: \"center\", label: \"Corriente\" },\r\n { id: \"estatus\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"version\", minWidth: 50, align: \"center\", label: \"Versi贸n\" },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: \"Acci贸n\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TReservasExpiradas = () => {\r\n const { reservas, total, pagina, registroPagina } = useSelector(store => store.reservasExpirdas)\r\n const rows = reservas ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerReservasPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setLoad(true)\r\n dispatch(obtenerReservasRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TReservasExpiradas","import { Grid, Button, FormControl, InputLabel, MenuItem, Select } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport FielBusqueda from \"../../../global/FielBusuqeda\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerReservasBusquedaAction } from \"../../../ducks/reservasExpiradasDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nconst FiltradoReservasExpiradas = () => {\r\n const [busqueda, setBusqueda] = useState(\"0\")\r\n const [estatus, setEstatus] = useState(\"0\")\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerReservasBusquedaAction({ Referencia: (busqueda === \"0\") ? \"NA\" : busqueda, EstatusCompra: (estatus === \"0\") ? \"NA\" : estatus })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Estatus \r\n setEstatus(event.target.value)}\r\n label=\"Moneda\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltradoReservasExpiradas","import { useState, useEffect } from \"react\"\r\nimport {\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event'\r\nimport ReceiptIcon from \"@material-ui/icons/Receipt\"\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport TReservas from \"../TRservas\"\r\nimport TReservasAutorizadas from \"../TReservasAuth/idnex\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerReservasAction } from \"../../../ducks/reservasDuck\"\r\nimport { obtenerReservasAuthAction } from \"../../../ducks/reservasAuthDuck\"\r\nimport FiltradoReservas from \"../FiltradoReservas\"\r\nimport FiltradoReservasAutorizadas from \"../FiltrarReservasAutorizadas\"\r\nimport TReservasExpiradas from \"../TReservasExpiradas\"\r\nimport { obtenerReservasExpiradasAction } from \"../../../ducks/reservasExpiradasDuck\"\r\nimport FiltradoReservasExpiradas from \"../FiltradoReservasExpiradas\"\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VReservas = () => {\r\n const [value, setValue] = useState(0)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerReservasAction())\r\n dispatch(obtenerReservasAuthAction())\r\n dispatch(obtenerReservasExpiradasAction())\r\n }, [dispatch])\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Reservas
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TAereo","import { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport LocalAtmIcon from '@material-ui/icons/LocalAtm'\r\nimport { Tooltip } from \"@material-ui/core\"\r\n\r\nconst EstatusAereos = (props) => {\r\n const { estatus } = props\r\n switch (estatus) {\r\n case EstatusCompra.NoAplica:\r\n return Nuevo
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusAereos","import { getAereosAutorizados, getAereosClaveViajeAutorizados } from \"../services/serviceViaje\";\r\nimport { FormatoFecha } from \"./../utils/FormatFecha\"\r\nimport { getDocuemtVoucherGrupalCompra } from \"../services/documentosService\";\r\nconst dataInicial = {\r\n aereos: [],\r\n total: 0,\r\n fechaInicio: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n fechaFinal: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n grupos: [],\r\n grupo: {},\r\n grupoValido: false,\r\n}\r\nconst GET_AEREOS_AUTH_ALL = \"GET_AEREOS_AUTH_ALL\"\r\nconst GET_AEREOS_AUTH_BUSQUEDA_ALL = \"GET_AEREOS_AUTH_BUSQUEDA_ALL\"\r\nconst GET_AEREOS_AUTH_REGISTROS_PAGINA = \"GET_AEREOS_AUTH_REGISTROS_PAGINA\"\r\nconst GET_AEREOS_AUTH_PAGINA = \"GET_AEREOS_AUTH_PAGINA\"\r\nconst GET_AEREOS_AUTH_GRUPOS_CLAVE = \"GET_AEREOS_AUTH_GRUPOS_CLAVE\"\r\nconst GET_AEREOS_AUTH_DOWLOAD = \"GET_AEREOS_AUTH_DOWLOAD\"\r\nconst CLEAR_AEREOS_AUTH_STATE = \"CLEAR_AEREOS_AUTH_STATE\"\r\nexport default function aereosAutorizadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_AEREOS_AUTH_DOWLOAD:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case GET_AEREOS_AUTH_GRUPOS_CLAVE:\r\n return {\r\n ...state,\r\n grupos: action.payload.grupos,\r\n grupo: action.payload.grupo,\r\n grupoValido: action.payload.grupoValido,\r\n }\r\n case GET_AEREOS_AUTH_PAGINA:\r\n return {\r\n ...state,\r\n aereos: action.payload.aereos,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_AEREOS_AUTH_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n aereos: action.payload.aereos,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_AEREOS_AUTH_BUSQUEDA_ALL:\r\n return {\r\n ...state,\r\n aereos: action.payload.aereos,\r\n total: action.payload.total,\r\n fechaInicio: action.payload.fechaInicio,\r\n fechaFinal: action.payload.fechaFinal,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_AEREOS_AUTH_ALL:\r\n return {\r\n ...state,\r\n aereos: action.payload.aereos,\r\n total: action.payload.total\r\n };\r\n case CLEAR_AEREOS_AUTH_STATE:\r\n return {\r\n ...state,\r\n aereos: action.payload.aereos\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerVoucherDowloadGrupoAuthAction = ({idPagoGrupal}) => async (dispatch, getSate) => {\r\n return await getDocuemtVoucherGrupalCompra({idPagoGrupal}).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obteneraereosAuthAction = () => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina, registroPagina } = getSate().aereosAuth\r\n return await getAereosAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_ALL,\r\n payload: {\r\n aereos: Response.listGrupoAereo,\r\n total: Response.tamanio\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obteneraereosAuthBusquedaAction = ({ FechaInicio, FechaFin }) => async (dispatch, getSate) => {\r\n return await getAereosAutorizados({ FechaInicio, FechaFin ,Pagina: dataInicial.pagina + 1, Registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_BUSQUEDA_ALL,\r\n payload: {\r\n aereos: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n fechaInicio: FechaInicio,\r\n fechaFinal: FechaFin,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obteneraereosAuthRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina } = getSate().aereosAuth\r\n return await getAereosAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_REGISTROS_PAGINA,\r\n payload: {\r\n aereos: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obteneraereosAuthPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, registroPagina } = getSate().aereosAuth\r\n return await getAereosAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: Pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_PAGINA,\r\n payload: {\r\n aereos: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerGruposClaveViajeAuthAction = ({ IdPagoGrupal }) => async (dispatch, getSate) => {\r\n return await getAereosClaveViajeAutorizados({ IdPagoGrupal }).then(Response => {\r\n dispatch({\r\n type: GET_AEREOS_AUTH_GRUPOS_CLAVE,\r\n payload: {\r\n grupos: Response,\r\n grupoValido: !Response.every(element => element?.Compra?.estatusCompra?.idEstatusCompra === 3),\r\n grupo: { ...Response, FechaViaje: Response.Fecha_Viaje, PlazaAereo: Response.totalCumplido, PlazaTotal: Response.totalPlazas, lViajeVompra: [] }\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_AEREOS_AUTH_STATE,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n}","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FDocumentoGrupaltyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nimport { FDocumentoGrupaltyle } from \"./FDocumentoGrupal\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerVouchers, clearVouchers, dowloadVoucherAction } from \"../../../ducks/voucherGruapalDuck\";\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n})\r\nconst TablaVoucher = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { vouchers } = useSelector(store => store.vouchersIndividual)\r\n const rows = vouchers\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(dowloadVoucherAction({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Aceptar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TVocuher\r\n","\r\nimport { useState } from \"react\"\r\nimport { Paper, Button, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport EstatusAereos from \"../Estatus\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport { obteneraereosAuthPaginaAction, obteneraereosAuthRegistrosAction, obtenerVoucherDowloadGrupoAuthAction } from \"./../../../ducks/aereosAuthDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport TVocuher from \"./TVoucher\"\r\nconst columns = [\r\n { id: \"numero\", minWidth: 50, align: \"center\", label: \"#\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"cv\", minWidth: 50, align: \"center\", label: \"Clave Viaje\" },\r\n { id: \"fechaViaje\", minWidth: 50, align: \"center\", label: \"Fecha Viaje\" },\r\n { id: \"estatus\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"noViajes\", minWidth: 50, align: \"center\", label: \"No. Viajes\" },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: \"Grupos\" },\r\n { id: \"voucher\", minWidth: 50, align: \"center\", label: \"Voucher\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TAereosAutorizadas = () => {\r\n const { aereos, total, pagina, registroPagina } = useSelector(store => store.aereosAuth)\r\n const rows = aereos\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const [load, setLoad] = useState(false)\r\n const handleChangePage = (event, newPage) => {\r\n setLoad(true)\r\n dispatch(obteneraereosAuthPaginaAction({ Pagina: newPage })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n setLoad(true)\r\n dispatch(obteneraereosAuthRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n const handleDetalle = (grupo) => {\r\n history.push(`/Aereos/Autorizados/${grupo?.compra?.pagoGrupal?.idPagoGrupal}`, {\r\n reservas: true\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TAereosAutorizadas","import { Grid, Button } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obteneraereosAuthBusquedaAction } from \"../../../ducks/aereosAuthDuck\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst FiltroAereoAutorizado = () => {\r\n const [fechaIncio, setFechaInicio] = useState(new Date())\r\n const [fechaFinal, setFechaFinal] = useState(new Date())\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n setLoad(true)\r\n dispatch(obteneraereosAuthBusquedaAction({ FechaInicio: FormatoFecha({ date: fechaIncio, formato: \"MMddyyyy\" }), FechaFin: FormatoFecha({ date: fechaFinal, formato: \"MMddyyyy\" })})).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltroAereoAutorizado","import { Grid, Button, TextField } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerAereosClaveViajeAction } from \"../../../ducks/aereosDuck\"\r\nimport {offLoadAction, onLoadAnction} from \"./../../../ducks/loadDuck\"\r\nconst FiltroAereo = () => {\r\n const [busqueda, setBusqueda] = useState(\"NA\")\r\n const [buscador, setBuscador] = useState(\"\")\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerAereosClaveViajeAction({ claveViaje: (busqueda === \"NA\") ? \"NA\" : busqueda})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const onChange = (event) =>{\r\n setBusqueda((event.target.value.length > 0) ? event.target.value : \"NA\")\r\n setBuscador((event.target.value.length > 0) ? event.target.value : \"\")\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n onChange(e)}\r\n />\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltroAereo","import { useState, useEffect } from \"react\"\r\nimport {\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event';\r\nimport ReceiptIcon from \"@material-ui/icons/Receipt\"\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport TAereo from \"../TAereo\"\r\nimport TAereosAutorizadas from \"../TAereosAuth\";\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerAereosAction } from \"../../../ducks/aereosDuck\"\r\nimport { obteneraereosAuthAction } from \"../../../ducks/aereosAuthDuck\"\r\nimport FiltroAereoAutorizado from \"./../FiltroAereoAutorizado\"\r\nimport FiltroAereo from \"../FiltroAereo\";\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VAereo = () => {\r\n const [value, setValue] = useState(0)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerAereosAction())\r\n dispatch(obteneraereosAuthAction())\r\n },[dispatch])\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Aereos
\r\n\r\n }>\r\n Reservar Aereros\r\n \r\n
\r\n )\r\n}\r\nexport default FPagarAereo","import { useState } from \"react\"\r\nimport { Button } from \"@material-ui/core\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { generarCompraAereoAction, obtenerGruposClaveViajeAction } from \"../../../ducks/aereosDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nconst BotonValidarAereo = (props) => {\r\n const { idCuenta, idMoneda, idPaquete } = props\r\n const { grupo } = useSelector(store => store.aereos)\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const handleClick = () => {\r\n DialogMessage.fire({\r\n title: '驴Esta seguro de validar la informaci贸n de aereo?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(generarCompraAereoAction({ idCuenta, idMoneda, idPaquete })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema con el servidor\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerGruposClaveViajeAction({ claveViaje: grupo.ClaveViaje }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default BotonValidarAereo","import { makeStyles } from '@material-ui/core/styles';\r\nimport { Button } from '@material-ui/core';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { useSelector } from 'react-redux';\r\nimport { formatDinero } from '../../../utils/formatDinero';\r\nimport EstatusAereos from '../Estatus';\r\nimport { useHistory } from 'react-router-dom';\r\nimport KeyboardReturnIcon from \"@material-ui/icons/KeyboardReturn\"\r\nimport FPagarAereo from '../FPagarAereo';\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha';\r\nimport BotonValidarAereo from '../BotonValidar';\r\nimport { EstatusCompra } from '../../../constant/catEstatusCompra';\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nconst TGrupoAereo = () => {\r\n const classes = useStyles();\r\n const history = useHistory()\r\n const { grupos, grupo } = useSelector(store => store.aereos)\r\n const rows = grupos\r\n const onReturn = () => {\r\n history.goBack()\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default TGrupoAereo","import { Container, Grid } from \"@material-ui/core\"\r\nimport HomePage from \"../../Home\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport { obtenerGruposClaveViajeAction } from \"../../../ducks/aereosDuck\"\r\nimport TGrupoAereo from \"../TGrupoAereo\"\r\nconst VGrupoAereo = () => {\r\n const { ClavePaquete } = useParams()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerGruposClaveViajeAction({ claveViaje: ClavePaquete }))\r\n }, [dispatch, ClavePaquete])\r\n return (\r\n \r\n
\r\n \r\n
\r\n Paquete: {grupo?.Paquete}
\r\nFecha Salida: {FormatoFechaIso({ date: grupo?.FechaViaje, formato: \"dd MMMM yyyy\" })}
\r\nClave Viaje: {grupo?.ClaveViaje}
\r\nTotal Pax: {grupo?.totalPasajeros}
\r\nNo. Viajes: {grupo?.PlazaAereo} / {grupo?.PlazaTotal}
\r\nAereos
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default TGrupoAereoAuth","import { Container, Grid } from \"@material-ui/core\"\r\nimport HomePage from \"../../Home\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport { obtenerGruposClaveViajeAuthAction } from \"../../../ducks/aereosAuthDuck\"\r\nimport TGrupoAereoAuth from \"../TGrupoAereoAuth\"\r\nconst VGrupoAereoAuth = () => {\r\n const { idGrupo } = useParams()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerGruposClaveViajeAuthAction({ IdPagoGrupal: idGrupo }))\r\n }, [dispatch, idGrupo])\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n Paquete: {grupo?.Paquete}
\r\nFecha Salida: {FormatoFechaIso({ date: grupo?.FechaViaje })}
\r\nClave Viaje: {grupo?.ClaveViaje}
\r\nNo. Viajes: {grupo?.PlazaAereo} / {grupo?.PlazaTotal}
\r\nAereos Autorizados
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TLiquidaciones","import { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport LocalAtmIcon from '@material-ui/icons/LocalAtm'\r\nimport { Tooltip } from \"@material-ui/core\"\r\n\r\nconst EstatusLiquidaciones = (props) => {\r\n const { estatus } = props\r\n switch (estatus) {\r\n case EstatusCompra.NoAplica:\r\n return Nuevo
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusLiquidaciones","import { getLiquidacionesAutorizados, getLiquidacionesAutorizadosGrupo } from \"../services/serviceViaje\";\r\nimport { FormatoFecha } from \"./../utils/FormatFecha\"\r\nimport { getDocuemtVoucherGrupalCompra } from \"../services/documentosService\";\r\nconst dataInicial = {\r\n liquidaciones: [],\r\n total: 0,\r\n fechaInicio: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n fechaFinal: FormatoFecha({date: new Date(), formato: \"MMddyyyy\"}),\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n grupo: {},\r\n grupos: [],\r\n}\r\nconst GET_LIQUIDACIONES_AUTH_ALL = \"GET_LIQUIDACIONES_AUTH_ALL\"\r\nconst GET_LIQUIDACIONES_AUTH_BUSQUEDA_ALL = \"GET_LIQUIDACIONES_AUTH_BUSQUEDA_ALL\"\r\nconst GET_LIQUIDACIONES_AUTH_REGISTROS_PAGINA = \"GET_LIQUIDACIONES_AUTH_REGISTROS_PAGINA\"\r\nconst GET_LIQUIDACIONES_AUTH_PAGINA = \"GET_LIQUIDACIONES_AUTH_PAGINA\"\r\nconst GET_LIQUIDACIONES_AUTH_GRUPO = \"GET_LIQUIDACIONES_AUTH_GRUPO\"\r\nconst GET_LIQUIDACIONES_DOWLOAD = \"GET_LIQUIDACIONES_DOWLOAD\"\r\nconst CLEAR_LIQUIDACIONES_AUTH_STATE = \"CLEAR_LIQUIDACIONES_AUTH_STATE\"\r\nexport default function liquidacionesAutorizadasReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case GET_LIQUIDACIONES_DOWLOAD:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case GET_LIQUIDACIONES_AUTH_GRUPO:\r\n return {\r\n ...state,\r\n grupo: action.payload.grupo,\r\n grupos: action.payload.grupos\r\n }\r\n case GET_LIQUIDACIONES_AUTH_PAGINA:\r\n return {\r\n ...state,\r\n liquidaciones: action.payload.liquidaciones,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_LIQUIDACIONES_AUTH_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n liquidaciones: action.payload.liquidaciones,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_LIQUIDACIONES_AUTH_BUSQUEDA_ALL:\r\n return {\r\n ...state,\r\n liquidaciones: action.payload.liquidaciones,\r\n total: action.payload.total,\r\n fechaInicio: action.payload.fechaInicio,\r\n fechaFinal: action.payload.fechaFinal,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_LIQUIDACIONES_AUTH_ALL:\r\n return {\r\n ...state,\r\n liquidaciones: action.payload.liquidaciones,\r\n total: action.payload.total\r\n };\r\n case CLEAR_LIQUIDACIONES_AUTH_STATE:\r\n return {\r\n ...state,\r\n liquidaciones: action.payload.liquidaciones\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const obtenerVoucherDowloadGrupoAuthAction = ({idPagoGrupal}) => async (dispatch, getSate) => {\r\n return await getDocuemtVoucherGrupalCompra({idPagoGrupal}).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_DOWLOAD,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerliquidacionesAuthAction = () => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina, registroPagina } = getSate().liquidacionesAuth\r\n return await getLiquidacionesAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_AUTH_ALL,\r\n payload: {\r\n liquidaciones: Response.listGrupoAereo,\r\n total: Response.tamanio\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerliquidacionesAuthBusquedaAction = ({ FechaInicio, FechaFin }) => async (dispatch, getSate) => {\r\n return await getLiquidacionesAutorizados({ FechaInicio, FechaFin ,Pagina: dataInicial.pagina + 1, Registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_AUTH_BUSQUEDA_ALL,\r\n payload: {\r\n liquidaciones: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n fechaInicio: FechaInicio,\r\n fechaFinal: FechaFin,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerliquidacionesAuthRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, pagina } = getSate().liquidacionesAuth\r\n return await getLiquidacionesAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_AUTH_REGISTROS_PAGINA,\r\n payload: {\r\n liquidaciones: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerliquidacionesAuthPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { fechaInicio, fechaFinal, registroPagina } = getSate().liquidacionesAuth\r\n return await getLiquidacionesAutorizados({ FechaInicio: fechaInicio, FechaFin: fechaFinal, Pagina: Pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_AUTH_PAGINA,\r\n payload: {\r\n liquidaciones: Response.listGrupoAereo,\r\n total: Response.tamanio,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerliquidacionesAuthGrupoAction = ({ IdPagoGrupal }) => async (dispatch, getSate) => {\r\n return await getLiquidacionesAutorizadosGrupo({ IdPagoGrupal}).then(Response => {\r\n dispatch({\r\n type: GET_LIQUIDACIONES_AUTH_GRUPO,\r\n payload: {\r\n grupo: { ...Response, FechaViaje: Response.Fecha_Viaje, PlazaAereo: Response.totalCumplido, PlazaTotal: Response.totalPlazas, lViajeVompra: [] },\r\n grupos: Response,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const clearState = () => (dispatch) => {\r\n dispatch({\r\n type: CLEAR_LIQUIDACIONES_AUTH_STATE,\r\n payload: {\r\n dataInicial,\r\n },\r\n });\r\n}","import { makeStyles } from \"@material-ui/core\";\r\n\r\nexport const FDocumentoGrupaltyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"1rem\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}));\r\n","import { useState } from \"react\";\r\nimport { IconButton, Button, Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nimport { FDocumentoGrupaltyle } from \"./FDocumentoGrupal\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { obtenerVouchers, clearVouchers, dowloadVoucherAction } from \"../../../ducks/voucherGruapalDuck\";\r\nimport IconDowload from \"@material-ui/icons/GetApp\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n})\r\nconst TablaVoucher = () => {\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const { vouchers } = useSelector(store => store.vouchersIndividual)\r\n const rows = vouchers\r\n const onDowload = ({ idVoucher }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(dowloadVoucherAction({ idDocumento: idVoucher })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Compra Item ${idVoucher}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Aceptar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TVocuher\r\n","\r\nimport { Paper, Button, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport EstatusAereos from \"../Estatus\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport { obtenerliquidacionesAuthRegistrosAction, obtenerliquidacionesAuthPaginaAction, obtenerVoucherDowloadGrupoAuthAction } from \"./../../../ducks/liquidacionesAuthDuck\"\r\nimport TVocuher from \"./TVoucher\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nconst columns = [\r\n { id: \"numero\", minWidth: 50, align: \"center\", label: \"#\" },\r\n { id: \"paquete\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"cv\", minWidth: 50, align: \"center\", label: \"Clave Viaje\" },\r\n { id: \"fechaViaje\", minWidth: 50, align: \"center\", label: \"Fecha Viaje\" },\r\n { id: \"estatus\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"noViajes\", minWidth: 50, align: \"center\", label: \"No. Viajes\" },\r\n { id: \"accion\", minWidth: 50, align: \"center\", label: \"Grupos\" },\r\n { id: \"voucher\", minWidth: 50, align: \"center\", label: \"Voucher\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TLiquidacionesAutorizadas = () => {\r\n const { liquidaciones, total, pagina, registroPagina } = useSelector(store => store.liquidacionesAuth)\r\n const rows = liquidaciones\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerliquidacionesAuthPaginaAction({ Pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerliquidacionesAuthRegistrosAction({ Registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleDetalle = (grupo) => {\r\n history.push(`/Liquidaciones/Autorizados/${grupo?.compra?.pagoGrupal?.idPagoGrupal}`, {\r\n reservas: true\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TLiquidacionesAutorizadas","import { Grid, Button } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerliquidacionesAuthBusquedaAction } from \"../../../ducks/liquidacionesAuthDuck\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nconst FiltroLiquidacionesAutorizado = () => {\r\n const [fechaIncio, setFechaInicio] = useState(new Date())\r\n const [fechaFinal, setFechaFinal] = useState(new Date())\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n setLoad(true)\r\n dispatch(obtenerliquidacionesAuthBusquedaAction({ FechaInicio: FormatoFecha({ date: fechaIncio, formato: \"MMddyyyy\" }), FechaFin: FormatoFecha({ date: fechaFinal, formato: \"MMddyyyy\" })})).then(Response => {\r\n setLoad(false)\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltroLiquidacionesAutorizado","import { Grid, Button, TextField } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerliquidacionesBusquedaAction } from \"../../../ducks/liquidacionesDuck\"\r\nimport {offLoadAction, onLoadAnction} from \"./../../../ducks/loadDuck\"\r\nconst FiltroLiquidaciones = () => {\r\n const [busqueda, setBusqueda] = useState(\"NA\")\r\n const [buscador, setBuscador] = useState(\"\")\r\n const dispatch = useDispatch()\r\n const handleFiltro = () => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerliquidacionesBusquedaAction({ busqueda: (busqueda === \"NA\") ? \"NA\" : busqueda})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const onChange = (event) =>{\r\n setBusqueda((event.target.value.length > 0) ? event.target.value : \"NA\")\r\n setBuscador((event.target.value.length > 0) ? event.target.value : \"\")\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n onChange(e)}\r\n />\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FiltroLiquidaciones","import { useState, useEffect } from \"react\"\r\nimport {\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event';\r\nimport ReceiptIcon from \"@material-ui/icons/Receipt\"\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport TLiquidaciones from \"../TLiquidaciones\"\r\nimport TLiquidacionesAuth from \"../TLiquidacionesAuth\";\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerliquidacionesAction } from \"../../../ducks/liquidacionesDuck\"\r\nimport { obtenerliquidacionesAuthAction } from \"../../../ducks/liquidacionesAuthDuck\"\r\nimport FiltroLiquidacionesAuth from \"./../FiltroLiquidacionesAuth\"\r\nimport FiltroLiquidaciones from \"../FiltroLiquidaciones\";\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VAereo = () => {\r\n const [value, setValue] = useState(0)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerliquidacionesAction())\r\n dispatch(obtenerliquidacionesAuthAction())\r\n },[dispatch])\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Liquidaciones
\r\n\r\n }>\r\n Liquidaciones\r\n \r\n
\r\n )\r\n}\r\nexport default FPagarLiquidaciones","import { useState } from \"react\"\r\nimport { Button } from \"@material-ui/core\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { generarCompraLiquidacionAction, obtenerGruposClaveViajeAction } from \"../../../ducks/liquidacionesDuck\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\n\r\nconst BotonValidarLiquidacion = (props) => {\r\n const { idCuenta, idMoneda, idPaquete } = props\r\n const { grupo } = useSelector(store => store.liquidaciones)\r\n const dispatch = useDispatch()\r\n const [load, setLoad] = useState(false)\r\n const handleClick = () => {\r\n DialogMessage.fire({\r\n title: '驴Esta seguro de validar la informaci贸n de liquidaci贸n?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n dispatch(generarCompraLiquidacionAction({ idCuenta, idMoneda, idPaquete })).then(Response => {\r\n setLoad(false)\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema con el servidor\",\r\n })\r\n return null\r\n }\r\n dispatch(obtenerGruposClaveViajeAction({ claveViaje: grupo.ClaveViaje }))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default BotonValidarLiquidacion","import { makeStyles } from '@material-ui/core/styles';\r\nimport { Button } from '@material-ui/core';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { useSelector } from 'react-redux';\r\nimport { formatDinero } from '../../../utils/formatDinero';\r\nimport EstatusLiquidaciones from '../Estatus';\r\nimport { useHistory } from 'react-router-dom';\r\nimport KeyboardReturnIcon from \"@material-ui/icons/KeyboardReturn\"\r\nimport FPagarLiquidaciones from '../FPagarLiquidaciones';\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha';\r\nimport BotonValidarLiquidacion from '../BotonValidar';\r\nimport { EstatusCompra } from '../../../constant/catEstatusCompra';\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nconst TGrupoLiquidaciones = () => {\r\n const classes = useStyles();\r\n const history = useHistory()\r\n const { grupos, grupo } = useSelector(store => store.liquidaciones)\r\n const rows = grupos\r\n const handleDetalle = (referencia) => {\r\n history.push(`/ClienteReferenciaLiquidaciones/${referencia}`, {\r\n reservas: true\r\n })\r\n }\r\n const onReturn = () => {\r\n history.goBack()\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default TGrupoLiquidaciones","import { Container, Grid } from \"@material-ui/core\"\r\nimport HomePage from \"../../Home\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport { obtenerCalculoGruposClaveViajeAction, obtenerGruposClaveViajeAction } from \"../../../ducks/liquidacionesDuck\"\r\nimport TGrupoLiquidaciones from \"../TGrupoLiquidaciones\"\r\nconst VGrupoAereo = () => {\r\n const { ClavePaquete } = useParams()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerGruposClaveViajeAction({ claveViaje: ClavePaquete }))\r\n dispatch(obtenerCalculoGruposClaveViajeAction({ claveViaje: ClavePaquete }))\r\n }, [dispatch, ClavePaquete])\r\n return (\r\n \r\n
\r\n \r\n
\r\n Paquete: {grupo?.Paquete}
\r\nFecha Salida: {FormatoFechaIso({ date: grupo?.FechaViaje })}
\r\nClave Viaje: {grupo?.ClaveViaje}
\r\nTotal Pax: {grupo?.totalPasajeros}
\r\nNo Plazas: {grupo?.PlazaLiquidacion} / {grupo?.PlazaTotal}
\r\nLiquidaciones
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default TGrupoLiquidacionesAuth","import { Container, Grid } from \"@material-ui/core\"\r\nimport HomePage from \"../../Home\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useEffect } from \"react\"\r\nimport { obtenerliquidacionesAuthGrupoAction } from \"../../../ducks/liquidacionesAuthDuck\"\r\nimport TGrupoLiquidacionesAuth from \"../TGrupoLiquidacionesAuth\"\r\nconst VGrupoLiquidacionesAuth = () => {\r\n const { idGrupo } = useParams()\r\n console.log(\"馃殌 ~ file: index.jsx:10 ~ VGrupoLiquidacionesAuth ~ idGrupo:\", idGrupo)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerliquidacionesAuthGrupoAction({ IdPagoGrupal: idGrupo }))\r\n }, [dispatch, idGrupo])\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n Paquete: {grupo?.Paquete}
\r\nFecha Salida: {FormatoFechaIso({ date: grupo?.FechaViaje })}
\r\nClave Viaje: {grupo?.ClaveViaje}
\r\nNo. Viajes: {grupo?.PlazaAereo} / {grupo?.PlazaTotal}
\r\nLiquidaciones Autorizados
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addCategoriaAction, obtenerCategoriasAction} from \"../../../ducks/cambiosClaveViaje\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\nconst InitialValueCategoria = {\r\n Nombre: \"\",\r\n IdCategoriaPaquete: 0,\r\n}\r\n\r\nconst CbCategoria = () => {\r\n const { listaCategoria, categoria } = useSelector(store => store.cambiosGrupales)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerCategoriasAction())\r\n }, [dispatch])\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n dispatch(addCategoriaAction({ categoria: valor }))\r\n } else {\r\n dispatch(addCategoriaAction({ categoria: InitialValueCategoria }))\r\n\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaCategoria.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => {\r\n return (\r\n
\r\n )\r\n}\r\nexport default CbCategoria","import React from \"react\";\r\nimport parse from \"autosuggest-highlight/parse\";\r\nimport match from \"autosuggest-highlight/match\";\r\n\r\nconst handleRenderOption = (option, { inputValue }) => {\r\n const matches = match(`${option.Nombre}`, inputValue);\r\n const parts = parse(`${option.Nombre}`, matches);\r\n const highlightStyle = {\r\n fontWeight: 700,\r\n backgroundColor: \"lightyellow\",\r\n padding: \"5px 2px\",\r\n };\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addPaqueteAction, obtenerPaquetesAction } from \"../../../ducks/cambiosClaveViaje\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\n\r\nconst InitialValuePaquete = {\r\n Nombre: \"\",\r\n ClavePaquete: \"0\",\r\n}\r\n\r\nconst CbPaquete = () => {\r\n const { categoria, listaPaquetes, paquete } = useSelector(store => store.cambiosGrupales)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerPaquetesAction({ IdCategoria: categoria.IdCategoriaPaquete }))\r\n }, [dispatch, categoria.IdCategoriaPaquete])\r\n const getOptionHangle = (event, valor) => {\r\n if (!valor) {\r\n dispatch(addPaqueteAction({ paquete: InitialValuePaquete }))\r\n return null\r\n }\r\n dispatch(addPaqueteAction({ paquete: valor }))\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaPaquetes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CbPaquete","import { Button, Grid } from \"@material-ui/core\"\r\nimport { useState } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { FormatoFecha } from \"./../../../utils/FormatFecha\"\r\nimport { actulizarFechaSalidaCustomAction, obtenerGrupoClaveViajeAction } from \"../../../ducks/cambiosClaveViaje\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport BackDrop from \"../../../global/BackDrop\"\r\nimport PickerMod from \"../../../global/PickersMod\";\r\nconst FieldFechaCustom = (props) => {\r\n const { ClaveViaje } = props\r\n const { clavePaquete } = useSelector(store => store.cambiosGrupales)\r\n const [editar, setEditar] = useState(false)\r\n const [load, setLoad] = useState(false)\r\n const dispatch = useDispatch()\r\n const [fechaPago, setFechaPago] = useState(new Date())\r\n const handleGuardar = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de aplicar este cambio?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setLoad(true)\r\n const fecha = FormatoFecha({date: fechaPago, formato: \"MMddyyyy\"})\r\n dispatch(actulizarFechaSalidaCustomAction({ ClaveViaje, FechaSalida: fecha})).then(Response => {\r\n setLoad(false)\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerGrupoClaveViajeAction({ ClavePaquete: clavePaquete }))\r\n setEditar(false)\r\n ToastMessage.fire(\r\n 'Se aplico el cambio de fecha',\r\n '',\r\n 'success'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n const hangdleClickEditar = () => {\r\n setEditar(!editar)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FieldFechaCustom","import { useState } from 'react'\r\nimport Button from '@material-ui/core/Button'\r\nimport Dialog from '@material-ui/core/Dialog'\r\nimport DialogActions from '@material-ui/core/DialogActions'\r\nimport DialogContent from '@material-ui/core/DialogContent'\r\nimport DialogContentText from '@material-ui/core/DialogContentText'\r\nimport DialogTitle from '@material-ui/core/DialogTitle'\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport { formatDinero } from '../../../utils/formatDinero'\r\nimport Avance from \"../../../global/Avance\"\r\n\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n})\r\n\r\nexport default function DReferencias({ ClaveViaje }) {\r\n const classes = useStyles();\r\n const [open, setOpen] = useState(false)\r\n const listaParticipantes = useApi(`package/KeyTravel/${ClaveViaje}`)\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n }\r\n const handleClose = () => {\r\n setOpen(false);\r\n }\r\n return (\r\n \r\n \r\n Editar\r\n \r\n }\r\n {\r\n (editar) &&\r\n
\r\n \r\n \r\n Guardar\r\n \r\n \r\n Cancelar\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n Grupo de viaje \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}","import { useEffect, useState, Fragment } from \"react\"\r\nimport { TableContainer, Table, TableHead, TableRow, TableBody, Paper, TableCell, Collapse, IconButton, Box, Typography } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { obtenerGrupoClaveViajeAction, obtenerFechaSalidaAction } from \"../../../ducks/cambiosClaveViaje\"\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\"\r\nimport FieldFechaCustom from \"../FieldFechaCustom\"\r\nimport KeyboardArrowUpIcon from \"@material-ui/icons/KeyboardArrowUp\"\r\nimport KeyboardArrowDownIcon from \"@material-ui/icons/KeyboardArrowDown\"\r\nimport DReferencias from \"../DReferencias\"\r\nexport const VCambioPasajerosStyle = makeStyles((theme) => ({\r\n root: {\r\n margin: \"10px 0\",\r\n },\r\n content: {\r\n margin: \"20px 0\",\r\n },\r\n contentButton: {\r\n margin: \"20px 0\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n table: {\r\n minWidth: 650,\r\n },\r\n}))\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n})\r\nconst TGrupo = () => {\r\n const classes = VCambioPasajerosStyle()\r\n const dispatch = useDispatch()\r\n const { clavePaquete, listaGrupoClaveViaje } = useSelector(store => store.cambiosGrupales)\r\n useEffect(() => {\r\n dispatch(obtenerGrupoClaveViajeAction({ ClavePaquete: clavePaquete }))\r\n dispatch(obtenerFechaSalidaAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const Row = (props) => {\r\n const { ClaveViaje, FechaSalida, Cantidad, Iterable } = props\r\n const [open, setOpen] = useState(false);\r\n const classes = useRowStyles();\r\n return (\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\nexport default TGrupo","import { Container, Grid } from \"@material-ui/core\"\r\nimport HomePage from \"../Home\"\r\nimport CbCategoria from \"./cbCategoria\"\r\nimport CbPaquete from \"./cbPaquetes\"\r\nimport TGrupo from \"./TGrupo\"\r\nconst CambiosGrupales = () => {\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import axios from \"axios\";\r\nimport { APIURL } from \"../Constantes\";\r\nimport { getCabecera } from \"../utils/getCabecera\";\r\nimport { getError } from \"../utils/errors\";\r\n\r\nconst urlClient = \"User/Client\";\r\n\r\n//* M茅todo GET para interesados all\r\n//* GET /api/User/Client/Interested/All\r\nexport const getInterestedClientAll = async () => {\r\n return await axios.get(\r\n `${APIURL}/${urlClient}/Interested/All`, {\r\n headers: getCabecera(),\r\n }\r\n ).then((response) => {\r\n return response.data\r\n }).catch((error) => {\r\n return []\r\n })\r\n}\r\n\r\n//* M茅todo GET para interesados\r\n//* GET /api/User/Client/Interested/{IdCliente}/{Pagina}/{Registros}\r\nexport const getInterestedClients = async ({ idCliente, pagina, registros }) => {\r\n return await axios.get(\r\n `${APIURL}/${urlClient}/Interested/${idCliente}/${pagina}/${registros}`, {\r\n headers: getCabecera(),\r\n }\r\n ).then((response) => {\r\n return response.data\r\n }).catch((error) => {\r\n return {}\r\n })\r\n}\r\n\r\n// M茅todo GET para no interesados\r\nexport const getNoInterestedClients = async ({ pagina, registros }) => {\r\n return await axios.get(\r\n `${APIURL}/${urlClient}/NoInterested/${pagina}/${registros}`, {\r\n headers: getCabecera(),\r\n }\r\n ).then((response) => {\r\n return response.data;\r\n }).catch((error) => {\r\n return {}\r\n })\r\n}\r\n\r\n// M茅todo PUT para marcar como interesado\r\nexport const markAsInterested = async (idCliente) => {\r\n return await axios.put(\r\n `${APIURL}/${urlClient}/Interested/${idCliente}`,\r\n {}, // Cuerpo vac铆o, pero puede modificarse si es necesario\r\n {\r\n headers: getCabecera(),\r\n }\r\n ).then((response) => {\r\n return response.data;\r\n }).catch((error) => {\r\n return getError(error);\r\n })\r\n}\r\n\r\n// M茅todo PUT para marcar como no interesado\r\nexport const markAsNoInterested = async ({ idCliente }) => {\r\n return await axios.put(\r\n `${APIURL}/${urlClient}/NoInterested/${idCliente}`,\r\n {}, // Cuerpo vac铆o, pero puede modificarse si es necesario\r\n {\r\n headers: getCabecera(),\r\n }\r\n ).then((response) => {\r\n return response.data;\r\n }).catch((error) => {\r\n return getError(error);\r\n });\r\n};\r\n","import { updateClienteCoitizacion, postNuevoClienteCotizacion, deleteClientesCotizacion } from \"../services/serviceUsuarios\"\r\nimport { deleteCotizacion, getCotizacion, getCotizacionPdf, putAceptarCotizacion } from \"../services/cotizacionService\"\r\nimport { getNoInterestedClients, markAsNoInterested, getInterestedClientAll, getInterestedClients } from \"../services/cleinteServices\"\r\nconst dataInicial = {\r\n clientes: [],\r\n clientesAll: [],\r\n cliente: {},\r\n update: false,\r\n vista: 1,\r\n exito: 0,\r\n modalCotizador: false,\r\n clientesPagina: 0,\r\n clientesRegistros: 10,\r\n clientesTotal: 0,\r\n idCliente: 0,\r\n idCotizacion: 0,\r\n cotizacion: {},\r\n listaNoInteresados: [],\r\n totalNoInteresados: 0,\r\n paginaNoInteresados: 0,\r\n registrosNoInteresados: 10,\r\n modalRegistroCliente: false,\r\n}\r\nconst GET_COTIZADOR_ID_COTIZACION = \"GET_COTIZADOR_ID_COTIZACION\"\r\nconst GET_COTIZADOR_CLIENTE_PDF = \"GET_COTIZADOR_CLIENTE_PDF\"\r\nconst MODAL_COTIZADOR_ACTION = \"MODAL_COTIZADOR_ACTION\"\r\nconst ADD_COTIZADOR_CLIENTE_ACTION = \"ADD_COTIZADOR_CLIENTE_ACTION\"\r\nconst GET_COTIZADOR_CLIENTES_ALL_ACTION = \"GET_COTIZADOR_CLIENTES_ALL_ACTION\"\r\nconst GET_COTIZADOR_CLIENTES_ACTION = \"GET_COTIZADOR_CLIENTES_ACTION\"\r\nconst GET_COTIZADOR_CLIENTES_PAGINA_ACTION = \"GET_COTIZADOR_CLIENTES_PAGINA_ACTION\"\r\nconst GET_COTIZADOR_CLIENTES_REGISTROS_ACTION = \"GET_COTIZADOR_CLIENTES_REGISTROS_ACTION\"\r\nconst GET_COTIZADOR_CLIENTES_FILTRO_ACTION = \"GET_COTIZADOR_CLIENTES_FILTRO_ACTION\"\r\nconst DELETE_COTIZADOR_CLIENTE_ACTION = \"DELETE_COTIZADOR_CLIENTE_ACTION\"\r\nconst UPDATE_COTIZADOR_CLIENTE_ACTION = \"UPDATE_COTIZADOR_CLIENTE_ACTION\"\r\nconst DELETE_COTIZADOR_COTIZACION_ACTION = \"DELETE_COTIZADOR_COTIZACION_ACTION\"\r\nconst GET_COTIIZADOR_LISTA_ACTION = \"GET_COTIIZADOR_LISTA_ACTION\"\r\nconst VIEW_COTIIZADOR_ACTION = \"VIEW_COTIIZADOR_ACTION\"\r\nconst TARGET_COTIZADOR_CLIENTE = \"TARGET_COTIZADOR_CLIENTE\"\r\nconst PUT_COTIZADOR_CLIENTES_ACEPTAR_COTIZACION = \"PUT_COTIZADOR_CLIENTES_ACEPTAR_COTIZACION\"\r\nconst GET_COTIZADOR_NO_INTERESADOS_ALL = \"GET_COTIZADOR_NO_INTERESADOS_ALL\"\r\nconst GET_COTIZADOR_NO_INTERESADOS_ALL_PAGINA = \"GET_COTIZADOR_NO_INTERESADOS_ALL_PAGINA\"\r\nconst GET_COTIZADOR_NO_INTERESADOS_ALL_REGISTROS = \"GET_COTIZADOR_NO_INTERESADOS_ALL_REGISTROS\"\r\nconst PUT_COTIZADOR_MARCAR_NO_INTERESADO = \"PUT_COTIZADOR_MARCAR_NO_INTERESADO\"\r\nconst MODAL_COTIZADOR_REGISTRO_CLIENTE = \"MODAL_COTIZADOR_REGISTRO_CLIENTE\"\r\nexport default function cotizadorReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case MODAL_COTIZADOR_REGISTRO_CLIENTE:\r\n return { ...state, modalRegistroCliente: action.payload.modalRegistroCliente }\r\n case GET_COTIZADOR_NO_INTERESADOS_ALL_PAGINA:\r\n return { ...state, listaNoInteresados: action.payload.listaNoInteresados, totalNoInteresados: action.payload.totalNoInteresados, paginaNoInteresados: action.payload.paginaNoInteresados}\r\n case GET_COTIZADOR_NO_INTERESADOS_ALL_REGISTROS:\r\n return { ...state, listaNoInteresados: action.payload.listaNoInteresados, totalNoInteresados: action.payload.totalNoInteresados, registrosNoInteresados: action.payload.registrosNoInteresados }\r\n case GET_COTIZADOR_NO_INTERESADOS_ALL:\r\n return { ...state, listaNoInteresados: action.payload.listaNoInteresados, totalNoInteresados: action.payload.totalNoInteresados }\r\n case PUT_COTIZADOR_MARCAR_NO_INTERESADO:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZADOR_CLIENTES_ACEPTAR_COTIZACION:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_COTIZADOR_ID_COTIZACION:\r\n return { ...state, cotizacion: action.payload.cotizacion }\r\n case GET_COTIZADOR_CLIENTE_PDF:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case DELETE_COTIZADOR_COTIZACION_ACTION:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case UPDATE_COTIZADOR_CLIENTE_ACTION:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case DELETE_COTIZADOR_CLIENTE_ACTION:\r\n return {\r\n ...state,\r\n exito: action.payload.exito\r\n }\r\n case GET_COTIZADOR_CLIENTES_ALL_ACTION:\r\n return {\r\n ...state,\r\n clientesAll: action.payload.clientesAll\r\n }\r\n case GET_COTIZADOR_CLIENTES_FILTRO_ACTION:\r\n return {\r\n ...state,\r\n clientes: action.payload.clientes,\r\n clientesTotal: action.payload.clientesTotal,\r\n idCliente: action.payload.idCliente\r\n }\r\n case GET_COTIZADOR_CLIENTES_PAGINA_ACTION:\r\n return {\r\n ...state,\r\n clientes: action.payload.clientes,\r\n clientesTotal: action.payload.clientesTotal,\r\n clientesPagina: action.payload.clientesPagina,\r\n }\r\n case GET_COTIZADOR_CLIENTES_REGISTROS_ACTION:\r\n return {\r\n ...state,\r\n clientes: action.payload.clientes,\r\n clientesTotal: action.payload.clientesTotal,\r\n clientesRegistros: action.payload.clientesRegistros\r\n }\r\n case MODAL_COTIZADOR_ACTION:\r\n return { ...state, modalCotizador: action.payload.modalCotizador, update: action.payload.update, idCotizacion: action.payload.idCotizacion }\r\n case TARGET_COTIZADOR_CLIENTE:\r\n return { ...state, cliente: action.payload.cliente, vista: action.payload.vista, editar: action.payload.editar }\r\n case VIEW_COTIIZADOR_ACTION:\r\n return { ...state, vista: action.payload.vista }\r\n case GET_COTIIZADOR_LISTA_ACTION:\r\n return { ...state, cotizaciones: action.payload.cotizaciones }\r\n case GET_COTIZADOR_CLIENTES_ACTION:\r\n return { ...state, clientes: action.payload.clientes, clientesTotal: action.payload.clientesTotal }\r\n case ADD_COTIZADOR_CLIENTE_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n default:\r\n return state;\r\n }\r\n}\r\nexport const openModalRegistroClienteAction = ({ open }) => (dispatch) => {\r\n dispatch({\r\n type: MODAL_COTIZADOR_REGISTRO_CLIENTE,\r\n payload: {\r\n modalRegistroCliente: open\r\n }\r\n })\r\n}\r\nexport const marcarNoInteresadoAction = ({ idCliente }) => async (dispatch) => {\r\n return await markAsNoInterested({ idCliente }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZADOR_MARCAR_NO_INTERESADO,\r\n payload: {\r\n exito: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerNoInteresadosAction = () => async (dispatch, getSate) => {\r\n const { registrosNoInteresados, paginaNoInteresados } = getSate().cotizador\r\n return await getNoInterestedClients({ pagina: paginaNoInteresados + 1, registros: registrosNoInteresados }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_NO_INTERESADOS_ALL,\r\n payload: {\r\n listaNoInteresados: Response.lCliente,\r\n totalNoInteresados: Response.Cantidad\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerNoInteresadosPaginaAction = ({ pagina }) => async (dispatch, getSate) => {\r\n const { registrosNoInteresados } = getSate().cotizador\r\n return await getNoInterestedClients({ pagina: pagina + 1, registros: registrosNoInteresados }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_NO_INTERESADOS_ALL_PAGINA,\r\n payload: {\r\n listaNoInteresados: Response.lCliente,\r\n totalNoInteresados: Response.Cantidad,\r\n paginaNoInteresados: pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerNoInteresadosRegistrosAction = ({ registros }) => async (dispatch, getSate) => {\r\n const { paginaNoInteresados } = getSate().cotizador\r\n return await getNoInterestedClients({ pagina: paginaNoInteresados + 1, registros: registros }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_NO_INTERESADOS_ALL_REGISTROS,\r\n payload: {\r\n listaNoInteresados: Response.lCliente,\r\n totalNoInteresados: Response.Cantidad,\r\n registrosNoInteresados: registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const aceptarCotizacionAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putAceptarCotizacion({ IdCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZADOR_CLIENTES_ACEPTAR_COTIZACION,\r\n payload: {\r\n exito: Response,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const obtenerCotizacionIdAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await getCotizacion({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_ID_COTIZACION,\r\n payload: {\r\n cotizacion: Response,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerCotizacionPdf = ({ IdCotizacion }) => async (dispatch) => {\r\n return await getCotizacionPdf({ IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTE_PDF,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const eliminarCotizacionAction = ({ idCotizacion }) => async (dispatch) => {\r\n return await deleteCotizacion({ idCotizacion }).then(Response => {\r\n dispatch({\r\n type: DELETE_COTIZADOR_COTIZACION_ACTION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const eliminarClienteCotizadorAction = ({ idCliente }) => async (dispatch) => {\r\n return await deleteClientesCotizacion({ idCliente }).then(Response => {\r\n dispatch({\r\n type: DELETE_COTIZADOR_CLIENTE_ACTION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerClientesCotizadorAllAction = () => async (dispatch) => {\r\n return await getInterestedClientAll().then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTES_ALL_ACTION,\r\n payload: {\r\n clientesAll: Response,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const filtroClientesCotizadorAction = ({ idCliente }) => async (dispatch) => {\r\n return await getInterestedClients({ pagina: dataInicial.clientesPagina + 1, registros: dataInicial.clientesRegistros, idCliente }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTES_FILTRO_ACTION,\r\n payload: {\r\n clientes: Response.lCliente,\r\n clientesTotal: Response.Cantidad,\r\n idCliente: idCliente,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerClientesCotizadorRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { clientesPagina, idCliente } = getSate().cotizador\r\n return await getInterestedClients({ pagina: clientesPagina + 1, registros: Registros, idCliente }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTES_REGISTROS_ACTION,\r\n payload: {\r\n clientes: Response.lCliente,\r\n clientesTotal: Response.Cantidad,\r\n clientesRegistros: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerClientesCotizadorPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { clientesRegistros, idCliente } = getSate().cotizador\r\n return await getInterestedClients({ pagina: Pagina + 1, registros: clientesRegistros, idCliente }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTES_PAGINA_ACTION,\r\n payload: {\r\n clientes: Response.lCliente,\r\n clientesTotal: Response.Cantidad,\r\n clientesPagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerClientesCotizadorAction = () => async (dispatch) => {\r\n return await getInterestedClients({ pagina: dataInicial.clientesPagina + 1, registros: dataInicial.clientesRegistros, idCliente: dataInicial.idCliente })\r\n .then(Response => {\r\n dispatch({\r\n type: GET_COTIZADOR_CLIENTES_ACTION,\r\n payload: {\r\n clientes: Response.lCliente,\r\n clientesTotal: Response.Cantidad,\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n\r\nexport const newClienteCtoizacionAction = ({ EMail, Nombre, Telefono }) => async (dispatch) => {\r\n return await postNuevoClienteCotizacion({ EMail, Nombre, Telefono }).then(Response => {\r\n dispatch({\r\n type: ADD_COTIZADOR_CLIENTE_ACTION,\r\n payload: {\r\n exito: true\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n\r\n}\r\nexport const updateClienteCtoizacionAction = ({ idCliente, EMail, Nombre, Telefono }) => async (dispatch) => {\r\n return await updateClienteCoitizacion({ idCliente, EMail, Nombre, Telefono }).then(Response => {\r\n dispatch({\r\n type: UPDATE_COTIZADOR_CLIENTE_ACTION,\r\n payload: {\r\n exito: true\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n\r\n}\r\nexport const modalViewCotizadorAction = ({ open, update = false, idCotizacion = 0 }) => (dispatch) => {\r\n dispatch({\r\n type: MODAL_COTIZADOR_ACTION,\r\n payload: {\r\n modalCotizador: open,\r\n update,\r\n idCotizacion\r\n }\r\n })\r\n}\r\nexport const targetClienteAction = ({ cliente, vista, editar }) => (dispatch) => {\r\n dispatch({\r\n type: TARGET_COTIZADOR_CLIENTE,\r\n payload: {\r\n cliente,\r\n vista,\r\n editar\r\n }\r\n })\r\n}","export const InitialValueCliente = Object.freeze({\r\n IdCliente: 0,\r\n Nombre: \"\",\r\n})","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { targetClienteAction, filtroClientesCotizadorAction } from \"../../../ducks/cotizadorDuck\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { InitialValueCliente } from \"../InitialCliente\"\r\nconst CBClientes = () => {\r\n const clientes = useSelector(store => store.cotizador.clientesAll)\r\n const dispatch = useDispatch()\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n dispatch(onLoadAnction({message: \"Buscando...\"}))\r\n dispatch(filtroClientesCotizadorAction({ idCliente: valor.IdCliente })).then(Response => {\r\n dispatch(offLoadAction())\r\n dispatch(targetClienteAction({ cliente: valor, vista: 1, editar: false }))\r\n })\r\n } else {\r\n dispatch(targetClienteAction({ cliente: InitialValueCliente, vista: 1, editar: false }))\r\n dispatch(filtroClientesCotizadorAction({ idCliente: 0 }))\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n let nombre = option?.Nombre \r\n return `${nombre} (${option.EMail})`\r\n }}\r\n style={{\r\n width: \"100%\",\r\n margin: \"5px 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={clientes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CBClientes","\r\nimport { useState, Fragment } from \"react\"\r\nimport { Tooltip, IconButton } from \"@material-ui/core\"\r\nimport Paper from \"@material-ui/core/Paper\"\r\nimport Table from \"@material-ui/core/Table\"\r\nimport TableBody from \"@material-ui/core/TableBody\"\r\nimport TableCell from \"@material-ui/core/TableCell\"\r\nimport TableContainer from \"@material-ui/core/TableContainer\"\r\nimport TableHead from \"@material-ui/core/TableHead\"\r\nimport TablePagination from \"@material-ui/core/TablePagination\"\r\nimport TableRow from \"@material-ui/core/TableRow\"\r\nimport EditIcon from '@material-ui/icons/Edit'\r\nimport DeleteIcon from '@material-ui/icons/Delete'\r\nimport VisibilityIcon from '@material-ui/icons/Visibility'\r\nimport GetAppIcon from '@material-ui/icons/GetApp'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { yellow } from \"@material-ui/core/colors\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { FormatoFechaIso } from \"./../../../utils/FormatFecha\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { URL_CONSULTA_COTIZACION } from \"../../../Constantes\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { targetClienteAction, obtenerClientesCotizadorAction, eliminarCotizacionAction, obtenerCotizacionPdf, modalViewCotizadorAction, obtenerCotizacionIdAction, aceptarCotizacionAction } from \"../../../ducks/cotizadorDuck\";\r\nimport BeenhereIcon from '@material-ui/icons/Beenhere'\r\nimport ShareIcon from '@material-ui/icons/Share';\r\nexport const TCotizacionesStyle = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n margin: '1rem 0'\r\n },\r\n container: {\r\n maxHeight: \"65vh\",\r\n },\r\n ButtonContent: {\r\n display: \"flex\",\r\n flexFlow: \"column wrap\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n section1: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n section2: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n}))\r\nconst columns = [\r\n {\r\n id: \"folioCotizacion\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"Folio\",\r\n },\r\n { id: \"paquete\", minWidth: 10, align: \"center\", label: \"Paquete\" },\r\n { id: \"fecha\", minWidth: 50, align: \"center\", label: \"Fecha creacion\" },\r\n { id: \"fechaVigencia\", minWidth: 50, align: \"center\", label: \"Fecha expiraci贸n\" },\r\n { id: \"monto\", minWidth: 80, align: \"center\", label: \"Monto\" },\r\n { id: \"planPagos\", minWidth: 80, align: \"center\", label: \"Tipo pago\" },\r\n { id: \"estatus\", minWidth: 30, align: \"center\", label: \"Estatus\" },\r\n { id: \"Accion\", minWidth: 10, align: \"center\", label: \"\" },\r\n]\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n\r\n})\r\nfunction Row(props) {\r\n const { row, cliente } = props\r\n const { profile } = useSelector(store => store.logeo)\r\n const classes = useRowStyles()\r\n const dispatch = useDispatch()\r\n const handleShareCotizacion = async ({ id }) => {\r\n const url = `${URL_CONSULTA_COTIZACION}/${id}/${profile.Id}`;\r\n try {\r\n await navigator.clipboard.writeText(url)\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"La cotizaci贸n se ha copiado al portapapeles. Ahora puedes pegarla donde quieras.\",\r\n })\r\n } catch (err) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Hubo un error al copiar la cotizaci贸n al portapapeles.\",\r\n })\r\n }\r\n };\r\n const handleOpenCotizacion = ({ id }) => {\r\n window.open(`${URL_CONSULTA_COTIZACION}/${id}/${profile.Id}`)\r\n }\r\n const handleDowloadCotizacioon = ({ id }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionPdf({ IdCotizacion: id })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n link.download = `Cotizaci贸n-${id}-${new Date().toString()}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Archivo descargado\",\r\n });\r\n })\r\n }\r\n const onEditar = ({ id }) => {\r\n dispatch(obtenerCotizacionIdAction({ IdCotizacion: id }))\r\n dispatch(targetClienteAction({ cliente, vista: 1, editar: false }))\r\n dispatch(modalViewCotizadorAction({ open: true, update: true, idCotizacion: id }))\r\n }\r\n const onAceptarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de aceptar la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(aceptarCotizacionAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerClientesCotizadorAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onEliminar = ({ id }) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de eliminar esta cotizacion?',\r\n text: \"\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Eliminar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(eliminarCotizacionAction({ idCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerClientesCotizadorAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n {\r\n (row.CatEstatusCotizacion?.IdCatEstatusCotizacion === 1) &&\r\n \r\n onEditar({ id: row.IdCotizacion })}>\r\n \r\n \r\n }\r\n {\r\n (row.CatEstatusCotizacion?.IdCatEstatusCotizacion === 1) &&\r\n \r\n onEliminar({ id: row.IdCotizacion })}>\r\n \r\n \r\n }\r\n \r\n handleShareCotizacion({ id: row.IdCotizacion })}>\r\n \r\n \r\n \r\n handleOpenCotizacion({ id: row.IdCotizacion })}>\r\n \r\n \r\n \r\n handleDowloadCotizacioon({ id: row.IdCotizacion })}>\r\n \r\n \r\n {\r\n (row.CatEstatusCotizacion?.IdCatEstatusCotizacion === 1) &&\r\n \r\n onAceptarCotizacion({ id: row.IdCotizacion })}>\r\n \r\n \r\n }\r\n
\r\n \r\n {\r\n (false) &&\r\n \r\n handleEditar(row)}>\r\n \r\n \r\n }\r\n {\r\n (false) &&\r\n \r\n handleEliminar({ id: row.IdCliente })}>\r\n \r\n \r\n }\r\n \r\n handleNoInteresado({ id: row.IdCliente })}>\r\n \r\n \r\n \r\n handleNuevaCotizacion({ cliente: row })}>\r\n \r\n \r\n
\r\n\r\n Aun no hay cotizaciones
\r\n :Nombre: ${payload.Nombre}
\r\nEmail: ${payload.EMail}
\r\nTel茅fono: ${payload.Telefono}
\r\n `,\r\n icon: \"info\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Confirmar y enviar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }));\r\n if (editar) {\r\n payload.idCliente = cliente.IdCliente;\r\n dispatch(updateClienteCtoizacionAction(payload)).then((response) => {\r\n dispatch(offLoadAction());\r\n handleResponse(response);\r\n });\r\n } else {\r\n dispatch(newClienteCtoizacionAction(payload)).then((response) => {\r\n dispatch(offLoadAction());\r\n handleResponse(response);\r\n });\r\n }\r\n }\r\n })\r\n }\r\n const handleResponse = (response) => {\r\n if (response.status === 500 || response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: response.Message || \"Ha habido un problema, intenta m谩s tarde.\",\r\n })\r\n return\r\n }\r\n clearForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n }\r\n const clearForm = () => {\r\n formik.resetForm(InitalValues)\r\n dispatch(obtenerClientesCotizadorAction())\r\n dispatch(obtenerClientesCotizadorAllAction())\r\n dispatch(openModalRegistroClienteAction({ open: false }))\r\n dispatch(targetClienteAction({ cliente: InitialValueCliente, editar: false, vista: 1 }))\r\n }\r\n useEffect(() => {\r\n if (editar) {\r\n const nameSplit = cliente.Nombre?.split(\" \") || [];\r\n formik.setFieldValue(\"nombre\", nameSplit[0] || \"\");\r\n formik.setFieldValue(\"apellidop\", nameSplit[1] || \"\");\r\n formik.setFieldValue(\"apellidom\", nameSplit[2] || \"\");\r\n formik.setFieldValue(\"telefono\", cliente?.Telefono?.slice(3) || \"\");\r\n formik.setFieldValue(\"lada\", cliente?.Telefono?.slice(0, 3) || \"+52\");\r\n formik.setFieldValue(\"correo\", cliente?.EMail || \"\");\r\n } else {\r\n formik.resetForm(InitalValues);\r\n }\r\n }, [editar, cliente.IdCliente]); //eslint-disable-line\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Form;\r\n","import Form from \"./Form\"\r\nexport const VCliente = () => {\r\n return (\r\n\r\n \r\n
\r\n )\r\n}\r\nexport default VCliente","import { Grid, Button } from \"@material-ui/core\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport { makeStyles } from \"@material-ui/core\"\r\nimport VCliente from \"../VClientes\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { openModalRegistroClienteAction } from \"../../../ducks/cotizadorDuck\"\r\nexport const ModalFormClienteStyle = makeStyles((theme) => ({\r\n containerSpacing: {\r\n margin: \"10px 5px\",\r\n padding: \"10px 10px\"\r\n },\r\n modal: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n maxWidth: \"600px\",\r\n margin: \"0 auto\",\r\n padding: theme.spacing(1),\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: 'none',\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n minWidth: \"90%\",\r\n },\r\n}))\r\nexport const ModalFormCliente = () => {\r\n const { modalRegistroCliente } = useSelector(state => state.cotizador)\r\n const dispatch = useDispatch()\r\n const classes = ModalFormClienteStyle()\r\n const handleClose = () => {\r\n dispatch(openModalRegistroClienteAction({open: false}))\r\n }\r\n const handleOpen = () => {\r\n dispatch(openModalRegistroClienteAction({open: true}))\r\n }\r\n return (\r\n <>\r\n \r\n \r\n Clinete target: {idCliente}\r\n
\r\n Agente ID: {profile.Id}\r\n
s\r\n Agente Mail: {profile.Email}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n (false) &&\r\n \r\n handleEditar(row)}>\r\n \r\n \r\n }\r\n {\r\n (false) &&\r\n \r\n handleEliminar({ id: row.IdCliente })}>\r\n \r\n \r\n }\r\n \r\n handleNuevaCotizacion({ cliente: row })}>\r\n \r\n \r\n
\r\n\r\n Aun no hay cotizaciones
\r\n :\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addCategoriaAction, obtenerCategoriasAction, resetStateAction} from \"../../../../ducks/cotizadorPaqueteDuck\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\nconst InitialValueCategoria = {\r\n Nombre: \"\",\r\n IdCategoriaPaquete: 0,\r\n}\r\n\r\nconst CbCategoria = () => {\r\n const { listaCategoria, categoria } = useSelector(store => store.cotizadorPaquete)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerCategoriasAction())\r\n }, [dispatch])\r\n const getOptionHangle = (event, valor, reason) => {\r\n dispatch(resetStateAction())\r\n if (valor) {\r\n dispatch(addCategoriaAction({ categoria: valor }))\r\n } else {\r\n dispatch(addCategoriaAction({ categoria: InitialValueCategoria }))\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaCategoria.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => {\r\n return (\r\n
\r\n )\r\n}\r\nexport default CbCategoria","import React from \"react\";\r\nimport parse from \"autosuggest-highlight/parse\";\r\nimport match from \"autosuggest-highlight/match\";\r\n\r\nconst handleRenderOption = (option, { inputValue }) => {\r\n const matches = match(`${option.Nombre}`, inputValue);\r\n const parts = parse(`${option.Nombre}`, matches);\r\n const highlightStyle = {\r\n fontWeight: 700,\r\n backgroundColor: \"lightyellow\",\r\n padding: \"5px 2px\",\r\n };\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { addAdultosAction, addMenoresAction, addInfantesAction, addPaqueteAction, obtenerPaquetesAction, addItemsAction, resetStateAction } from \"../../../../ducks/cotizadorPaqueteDuck\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { useEffect } from \"react\"\r\n\r\nconst InitialValuePaquete = {\r\n Nombre: \"\",\r\n ClavePaquete: \"0\",\r\n}\r\n\r\nconst CbPaquete = () => {\r\n const { categoria, listaPaquetes, paquete, cantidadPasajeros } = useSelector(store => store.cotizadorPaquete)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerPaquetesAction({ IdCategoria: categoria.IdCategoriaPaquete }))\r\n }, [dispatch, categoria.IdCategoriaPaquete])\r\n const getOptionHangle = (event, valor) => {\r\n dispatch(resetStateAction())\r\n if (valor) {\r\n let arraItems = []\r\n let itemPaquete = {\r\n id: valor.envioPaqueteProveedor?.IdObjeto,\r\n name: valor.Nombre,\r\n price: valor.PrecioPublico,\r\n currency: valor.Moneda?.Clave,\r\n type: \"PAQUETE\",\r\n quantity: cantidadPasajeros\r\n }\r\n arraItems.push(itemPaquete)\r\n dispatch(addPaqueteAction({ paquete: valor }))\r\n dispatch(addItemsAction({listaItem: arraItems}))\r\n dispatch(addAdultosAction({ cantidad: 0 }))\r\n dispatch(addMenoresAction({ cantidad: 0 }))\r\n dispatch(addInfantesAction({ cantidad: 0 }))\r\n } else {\r\n dispatch(addPaqueteAction({ paquete: InitialValuePaquete }))\r\n dispatch(addItemsAction({listaItem: []}))\r\n dispatch(addAdultosAction({ cantidad: 0 }))\r\n dispatch(addMenoresAction({ cantidad: 0 }))\r\n dispatch(addInfantesAction({ cantidad: 0 }))\r\n }\r\n }\r\n return (\r\n \r\n a.Nombre > b.Nombre)}\r\n getOptionLabel={(option) => {\r\n return `${option.Nombre}`\r\n }}\r\n style={{\r\n width: \"97%\",\r\n margin: \"2% 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaPaquetes.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CbPaquete","import { FormControl, InputLabel, Select, MenuItem, Grid } from \"@material-ui/core\"\r\nimport { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { FormatoFechaIso } from \"../../../../../utils/FormatFecha\"\r\nimport { addMetodoPagoAction, obtenerMensualidadesAction, addFechaSalidaAction, obtenerFechaSalidaAction, addItemsAction, obtenerHabitacionesAction, obtenerNoMensualidadHibridoCalculoAction } from \"../../../../../ducks/cotizadorPaqueteDuck\"\r\nimport { formatDinero } from \"../../../../../utils/formatDinero\"\r\n\r\nconst FieldSalida = () => {\r\n const { montoFinal, listaFechaSalida, fechaSalida, paquete, listaItems, cantidadPasajeros, clavePaquete } = useSelector(store => store.cotizadorPaquete)\r\n console.log(\"馃殌 ~ FieldSalida ~ listaFechaSalida:\", listaFechaSalida)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerHabitacionesAction({ ClavePaquete: clavePaquete }))\r\n dispatch(obtenerFechaSalidaAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const handleSelecFecha = (event) => {\r\n const value = event.target.value\r\n const arrayValue = value.split(\",\")\r\n const fecha = arrayValue[2]\r\n const fechaFormato = `${FormatoFechaIso({ date: fecha, formato: \"yyyy/MM/dd\" })}`\r\n const fechaFormato2 = FormatoFechaIso({ date: fecha, formato: \"MMddyyyy\" })\r\n dispatch(addFechaSalidaAction({ fechaSalida: value, fecha }))\r\n dispatch(obtenerMensualidadesAction({ fecha: fechaFormato2, monto: montoFinal }))\r\n dispatch(addMetodoPagoAction({ metodoPago: \"0\" }))\r\n dispatch(obtenerNoMensualidadHibridoCalculoAction({fechaSalida: fechaFormato2}))\r\n let arraItems = listaItems.filter(item => item.type !== 'SALIDA')\r\n let itemPaquete = {\r\n id: arrayValue[0],\r\n name: fechaFormato,\r\n price: arrayValue[3],\r\n currency: paquete.Moneda?.Clave,\r\n type: \"SALIDA\",\r\n quantity: cantidadPasajeros\r\n }\r\n arraItems.push(itemPaquete)\r\n dispatch(addItemsAction({ listaItem: arraItems }))\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n {label} \r\n \r\n \r\n {catalogoExtas.map((extra, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FieldExtras","import { Grid, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\"\r\nimport { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { obtenerCategoriaExtrasAction, addCategoriaExtraAction } from \"../../../../../ducks/cotizadorPaqueteDuck\"\r\nimport FieldExtras from \"../FieldExtras\"\r\nconst FieldCatalogoExtras = () => {\r\n const { listaCategoriaExtras, categoriaExtra, clavePaquete } = useSelector(store => store.cotizadorPaquete)\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerCategoriaExtrasAction({ ClavePaquete: clavePaquete }))\r\n }, [dispatch, clavePaquete])\r\n\r\n const handleChangeSelectValue = (event) => {\r\n dispatch(addCategoriaExtraAction({ categoriaExtra: event.target.value }))\r\n }\r\n // return \r\n // \r\n // \r\n // \r\n // Extras \r\n // \r\n // \r\n // {listaCategoriaExtras.map((categoria, index) => (\r\n // \r\n // ))}\r\n // \r\n // \r\n // \r\n // \r\n //
\r\n return \r\n {listaCategoriaExtras.map((categoria, index) => (\r\n
\r\n}\r\nexport default FieldCatalogoExtras","import { Grid, TextField } from \"@material-ui/core\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { ToastMessage } from \"../../../../../global/ToastMessage\"\r\nimport { addAdultosAction, addItemsAction, addMenoresAction, addInfantesAction, addIndividualAction } from \"../../../../../ducks/cotizadorPaqueteDuck\"\r\nconst FieldAdultos = () => {\r\n const { cantidadAdultos, clavePaquete, listaItems, fechaSalida } = useSelector(store => store.cotizadorPaquete)\r\n const dispatch = useDispatch()\r\n const handleChange = (event) => {\r\n const newCantidadPasajeros = event.target.value\r\n if (Number(newCantidadPasajeros) < 0) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"La cantidad de pasajeros debe ser mayor o igaul a 1\",\r\n })\r\n return null\r\n }\r\n let arrayItems = [...listaItems]\r\n dispatch(addInfantesAction({ cantidad: 0 }))\r\n dispatch(addMenoresAction({ cantidad: 0 }))\r\n const arrayItemsFilt = arrayItems.filter(item => {\r\n return (item.type !== \"PLAZA\" && item.type !== \"PLAZAM\" && item.type !== \"PLAZAI\")\r\n })\r\n //arrayItems = arrayItems.filter(item => item.name !== \"Menor e infante\" || item.name !== \"Infante\")\r\n // if (Number(newCantidadPasajeros) === 1) {\r\n // dispatch(addMenoresAction({ cantidad: 0 }))\r\n // dispatch(addInfantesAction({ cantidad: 0 }))\r\n // arrayItems = listaItems.filter(item => item.name !== \"Menor e infante\")\r\n // }\r\n // if (Number(newCantidadPasajeros) > 1 || Number(newCantidadPasajeros) < 1) {\r\n \r\n // }\r\n dispatch(addIndividualAction({ individual: \"0\" }))\r\n dispatch(addItemsAction({ listaItem: arrayItemsFilt }))\r\n dispatch(addAdultosAction({ cantidad: newCantidadPasajeros }))\r\n }\r\n return (\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n Metodo pago \r\n \r\n \r\n {listaMetodosPago.map((metodo, index) => {\r\n if (mensualidades.length < catCotizador.CANTIDAD_PAGOS_HIBRIDO && metodo.IdCatTipoPago === catTipoPago.HIBRIDO) {\r\n return null\r\n }\r\n if (FormatoDiff({date: fechaSalida.split(\",\")[2]}) <= catCotizador.CANTIDAD_DIAS_TARJETA_CREDITO && metodo.IdCatTipoPago === catTipoPago.TARJETA_CREDITO) {\r\n return null\r\n }\r\n return (\r\n \r\n )\r\n })}\r\n \r\n \r\n \r\n \r\n
\r\n}\r\nexport default FieldMetodoPago","import { Grid } from \"@material-ui/core\"\r\nimport CbCategoria from \"../cbCategoria\"\r\nimport CbPaquete from \"../cbPaquetes\"\r\nimport FieldSalida from \"./FieldFechaSalida\"\r\nimport FieldCatalogoExtras from \"./FieldCatalogoExtras\"\r\nimport FieldAdultos from \"./FieldAdultos\"\r\nimport FieldMenores from \"./FieldMenores\"\r\nimport FieldInfantes from \"./FieldInfantes\"\r\nimport FieldIndividual from \"./FieldIndividual\"\r\nimport FieldMetodoPago from \"./FieldMetodoPago\"\r\nimport { useSelector } from \"react-redux\"\r\nconst FCotizacion = () => {\r\n const { update } = useSelector(store => store.cotizador)\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n (!update) &&\r\n \r\n \r\n }\r\n {\r\n (!update) &&\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}\r\nexport default FCotizacion","import { Accordion, AccordionSummary, AccordionDetails, Grid, Table, TableBody, Paper, TableCell, TableContainer, TableHead, TableRow, FormControl, InputLabel, Select, MenuItem, RadioGroup, FormControlLabel, Radio } from \"@material-ui/core\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { catTipoPago } from \"../../../../constant/catTipoPago\"\r\nimport { formatDinero } from \"./../../../../utils/formatDinero\"\r\nimport { FormatoFechaIso, formatAddMonthformat, formatSubDaysIso } from \"../../../../utils/FormatFecha\"\r\nimport { makeStyles } from \"@material-ui/core\"\r\nimport { useEffect } from \"react\"\r\nimport { obtenerMensualidadesAction, obtenerBancosAction, obtenerBancoMensualidad, obtenerPlazosBanoAction, addBancoAction, addBancoMensualidadAction, obtenerPlanPagosHibrido } from \"../../../../ducks/cotizadorPaqueteDuck\"\r\nimport { catCotizador } from \"../../../../constant/constantes\"\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore'\r\n\r\nexport const VPagosStyle = makeStyles((theme) => ({\r\n}))\r\n\r\nconst VPagos = () => {\r\n const { noMensualidadHibrido, mensualidadHibrido, fechaSalidaFormat, banco, metodoPago, listaPlazosBanco, mensualidades, montoTotal, paquete, fechaSalida, listaBancos, bancoMensualidad } = useSelector(store => store.cotizadorPaquete)\r\n const classes = VPagosStyle()\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n const validar = () => {\r\n let montoFinal = montoTotal\r\n let fechaFinal = FormatoFechaIso({ date: fechaSalidaFormat, formato: \"MMddyyyy\" })\r\n if (Number(metodoPago) === catTipoPago.HIBRIDO) {\r\n montoFinal = montoTotal * catCotizador.PORCENTAJE_MENSUALIDAD_HIBRIDO\r\n fechaFinal = formatAddMonthformat({ months: catCotizador.CANTIDAD_PAGOS_ADIFERIR })\r\n }\r\n dispatch(obtenerMensualidadesAction({ fecha: fechaFinal, monto: montoFinal }))\r\n }\r\n if (fechaSalidaFormat !== \"0\" && montoTotal !== 0)\r\n validar()\r\n dispatch(obtenerBancosAction())\r\n }, [dispatch, fechaSalidaFormat, montoTotal, metodoPago])\r\n\r\n useEffect(() => {\r\n const obtener = () => {\r\n let montoFinal = montoTotal\r\n if (Number(metodoPago) === catTipoPago.HIBRIDO && noMensualidadHibrido > 0) {\r\n let fechaFinal = FormatoFechaIso({ date: fechaSalidaFormat, formato: \"MMddyyyy\" })\r\n dispatch(obtenerPlanPagosHibrido({\r\n FecSalida: fechaFinal,\r\n IdBanco: banco,\r\n NumPagoCIE: noMensualidadHibrido,\r\n PorCIE: catCotizador.PORCENTAJE_MENSUALIDAD_HIBRIDO * 100,\r\n PorTC: catCotizador.PORCENTAJE_TARJETA_CREDITO_HIBRIDO * 100,\r\n PrecioPaquete: montoFinal\r\n }))\r\n montoFinal = montoTotal * catCotizador.PORCENTAJE_TARJETA_CREDITO_HIBRIDO\r\n }\r\n dispatch(obtenerBancoMensualidad({ IdBanco: banco }))\r\n dispatch(obtenerPlazosBanoAction({ IdBanco: banco, PrecioPaquete: montoFinal }))\r\n }\r\n if (banco !== 0)\r\n obtener()\r\n }, [dispatch, banco, montoTotal, metodoPago, fechaSalidaFormat])\r\n\r\n\r\n const handleChangeSelectValue = (event) => {\r\n dispatch(addBancoAction({ banco: event.target.value }))\r\n dispatch(addBancoMensualidadAction({ bancoMensualidad: \"0\" }))\r\n }\r\n const handleChangeRadioValue = (event) => {\r\n dispatch(addBancoMensualidadAction({ bancoMensualidad: event.target.value }))\r\n }\r\n if (Number(metodoPago) !== catTipoPago.NOAPLICA && montoTotal > 0) return (\r\n Tarjeta de credito
\r\nFecha pago: {formatSubDaysIso({ date: fechaSalidaFormat, days: 60, formato: \"dd MMMM yyyy\" })}
\r\n }\r\nFormato CIE
\r\nTotal: {`${formatDinero((Number(metodoPago) === catTipoPago.HIBRIDO) ? montoTotal * catCotizador.PORCENTAJE_MENSUALIDAD_HIBRIDO : montoTotal)} ${paquete?.Moneda?.Clave}`}
\r\nHibrido
\r\n\r\n
\r\n Selecciona un metodo de pago
\r\n{`${extra?.name}`}
\r\n \r\n\r\n \r\n {/* \r\n Clinete target: {cliente.Nombre}\r\n
\r\n Total pasajeros: {cantidadPasajeros}\r\n
\r\n update: {`${update}`}\r\n
\r\n idCotizacion: {idCotizacion}\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default CambioPaquete","import { Grid } from \"@material-ui/core\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"./../../../global/ModalBase\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { modalViewCotizadorAction, targetClienteAction } from \"../../../ducks/cotizadorDuck\";\r\nimport { addItemsAction, addAdultosAction, addMenoresAction, addMetodoPagoAction, addBancoAction, addBancoMensualidadAction, addIndividualAction } from \"../../../ducks/cotizadorPaqueteDuck\";\r\nimport CotizadorPaquete from \"../CotizadorPaquete\"\r\nimport { InitialValueCliente } from \"../InitialCliente\"\r\n\r\nexport const FCortizadorStyle = makeStyles((theme) => ({\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n padding: \"1rem\",\r\n overflowY: \"scroll\",\r\n maxHeight: \"80vh\"\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n minWidth: \"99vw\",\r\n minHeight: \"99vh\",\r\n maxWidth: \"99vw\",\r\n maxHeight: \"99vh\",\r\n },\r\n}))\r\n\r\nexport const FCotizador = () => {\r\n const { modalCotizador } = useSelector(store => store.cotizador)\r\n const dispatch = useDispatch()\r\n const classes = FCortizadorStyle();\r\n const handleClose = () => {\r\n const autoComplete = document.getElementsByClassName('MuiAutocomplete-clearIndicator')[2];\r\n if (autoComplete) {\r\n autoComplete.click()\r\n }\r\n const autoComplete2 = document.getElementsByClassName('MuiAutocomplete-clearIndicator')[1];\r\n if (autoComplete2) {\r\n autoComplete2.click()\r\n }\r\n dispatch(targetClienteAction({ cliente: InitialValueCliente, vista: 1, editar: false }))\r\n dispatch(modalViewCotizadorAction({ open: false }))\r\n dispatch(addItemsAction({listaItem: []}))\r\n dispatch(addAdultosAction({ cantidad: 0 }))\r\n dispatch(addMenoresAction({ cantidad: 0 }))\r\n dispatch(addMetodoPagoAction({metodoPago: \"0\"}))\r\n dispatch(addBancoAction({banco: \"0\"}))\r\n dispatch(addBancoMensualidadAction({banco: \"0\"}))\r\n dispatch(addIndividualAction({individual: \"0\"}))\r\n }\r\n return (\r\n \r\n Total pasajeros: {cantidadPasajeros}\r\n
\r\n update: {`${update}`}\r\n
\r\n idCotizacion: {idCotizacion}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/* Total: {formatDinero(montoTotal)} {paquete?.Moneda?.Clave} */}\r\n Total: {formatDinero(validaPrecioTotal({ bancoMensualidad, listaPlazosBanco, metodoPago, total: montoTotal, mensualidades }))} {paquete?.Moneda?.Clave}\r\n \r\n
\r\n \r\n \r\n {\r\n (update) ? \"Actulziar\" : \"Guardar\"\r\n }\r\n \r\n
\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VCotizador = () => {\r\n const [value, setValue] = useState(0)\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Cotizador
\r\n\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nconst Form = () => {\r\n const { editar, banco } = useSelector(store => store.banco)\r\n const dispatch = useDispatch()\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => handleSubmit(values),\r\n })\r\n const handleSubmit = (values) => {\r\n let payload = {\r\n Nombre: values.nombre,\r\n TasaCobro: values.tasaCobro,\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n if (editar) {\r\n payload.idBanco = banco.IdBanco\r\n payload.Estatus = banco.Estatus\r\n dispatch(actulizaBancoAction(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n clearForm()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n } else {\r\n dispatch(nuevoBancoAction(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n clearForm()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const formLoad = () => {\r\n formik.setFieldValue(\"nombre\", banco?.Nombre)\r\n }\r\n if (editar)\r\n formLoad()\r\n else\r\n formik.resetForm(InitalValues)\r\n }, [editar, banco.IdBanco]) //eslint-disable-line\r\n\r\n const handleCancel = () => {\r\n clearForm()\r\n }\r\n \r\n const clearForm = () => {\r\n formik.resetForm(InitalValues)\r\n dispatch(targetBancoAction({ banco: InitialValueBanco, editar: false}))\r\n }\r\n return (\r\n \r\n )\r\n}\r\nexport default Form","import { useState } from \"react\";\r\nimport { Tooltip, IconButton, Switch } from '@material-ui/core';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport AccountBalanceIcon from '@material-ui/icons/AccountBalance';\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { openModalMensualidad, targetBancoAction, eliminarBancoAction, obtenerBancosAllAction, actulizaBancoAction } from \"../../../ducks/bancoDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { yellow } from \"@material-ui/core/colors\";\r\nconst columns = [\r\n { id: \"Nombre\", minWidth: 150, align: \"center\", label: \"Nombre\" },\r\n { id: \"Estatus\", minWidth: 30, align: \"center\", label: \"Estatus\" },\r\n { id: \"Accion\", minWidth: 30, align: \"center\", label: \"\" },\r\n];\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: \"100%\",\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n});\r\n\r\nconst TBanco = () => {\r\n const classes = useStyles()\r\n const { bancos } = useSelector(store => store.banco)\r\n const dispatch = useDispatch()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n const handleEdit = ({ banco }) => {\r\n dispatch(targetBancoAction({ banco, editar: true }))\r\n }\r\n const handleModalMensualidad = ({ banco }) => {\r\n dispatch(targetBancoAction({ banco, editar: false }))\r\n dispatch(openModalMensualidad({open: true}))\r\n }\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n const handleChange = ({ banco }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(actulizaBancoAction({ idBanco: banco.IdBanco, Estatus: !banco.Estatus, Nombre: banco.Nombre, TasaCobro: 0 })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n const handleEliminar = ({ banco }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(eliminarBancoAction({ idBanco: banco.IdBanco })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default FieldMain","import { useEffect } from \"react\";\r\nimport { Grid, Button } from \"@material-ui/core\"\r\nimport * as yup from \"yup\";\r\nimport { useFormik } from \"formik\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { ToastMessage } from \"../../../../global/ToastMessage\";\r\nimport { actulizaBancoAction, obtenerBancosAllAction, nuevoBancoAction, targetBancoAction } from \"../../../../ducks/bancoGeneralDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../../ducks/loadDuck\"\r\nimport { useSelector } from \"react-redux\";\r\nimport { InitialValueBanco } from \"../../InitialValueBanco\";\r\nimport FieldMain from \"../../../../global/FieldMain\";\r\nconst validationSchema = yup.object({\r\n nombre: yup.string(\"Ingresa un nombre\").required(\"Nombre es requerido\"),\r\n tasaCobro: yup.number(\"Ingresa un apellido paterno\").required(\"Tasa de cobro es requerido\"),\r\n})\r\nconst InitalValues = {\r\n nombre: \"\",\r\n tasaCobro: \"\",\r\n}\r\nconst ArrayFormValues = [\r\n {\r\n name: \"nombre\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n width: \"30%\"\r\n },\r\n {\r\n name: \"tasaCobro\",\r\n type: \"number\",\r\n label: \"Tasa de cobro %\",\r\n width: \"30%\"\r\n },\r\n]\r\nconst Form = () => {\r\n const { editar, bancoMain } = useSelector(store => store.bancoMain)\r\n const dispatch = useDispatch()\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => handleSubmit(values),\r\n })\r\n const handleSubmit = (values) => {\r\n let payload = {\r\n Nombre: values.nombre,\r\n TasaGeneral: values.tasaCobro,\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n if (editar) {\r\n payload.idBanco = bancoMain.IdBancoGeneral\r\n dispatch(actulizaBancoAction(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n clearForm()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n } else {\r\n dispatch(nuevoBancoAction(payload)).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerBancosAllAction())\r\n clearForm()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const formLoad = () => {\r\n formik.setFieldValue(\"nombre\", bancoMain?.Nombre)\r\n formik.setFieldValue(\"tasaCobro\", bancoMain?.TasaGeneral)\r\n }\r\n if (editar)\r\n formLoad()\r\n else\r\n formik.resetForm(InitalValues)\r\n }, [editar, bancoMain.IdBancoGeneral]) //eslint-disable-line\r\n\r\n const handleCancel = () => {\r\n clearForm()\r\n }\r\n const clearForm = () => {\r\n formik.resetForm(InitalValues)\r\n dispatch(targetBancoAction({ banco: InitialValueBanco, editar: false}))\r\n }\r\n return (\r\n \r\n )\r\n}\r\nexport default Form","import TBancoMain from \"./TBancoMain\"\r\nimport FBancoMain from \"./FBancoMain\"\r\nimport { useEffect } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { obtenerBancosAllAction } from \"../../../ducks/bancoGeneralDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nexport const BancoMain = () => {\r\n const dispatch = useDispatch()\r\n const { bancosMain, editar } = useSelector(store => store.bancoMain)\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerBancosAllAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch])\r\n return (\r\n \r\n {\r\n (bancosMain.length === 0 || editar) ?
\r\n )\r\n}\r\nexport default BancoMain","import { useState } from \"react\";\r\nimport { Tooltip, IconButton, Switch } from '@material-ui/core';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport EditIcon from '@material-ui/icons/Edit';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { obtenerMensualidadesBanco, eliminarMensualidadBanco, obtenerMensualidadBanco} from \"../../../ducks/bancoDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { yellow } from \"@material-ui/core/colors\";\r\nconst columns = [\r\n { id: \"Mensualidad\", minWidth: 150, align: \"center\", label: \"Mensualidad\" },\r\n { id: \"SobreTasa\", minWidth: 30, align: \"center\", label: \"Sobretasa\" },\r\n { id: \"Accion\", minWidth: 30, align: \"center\", label: \"\" },\r\n];\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: \"100%\",\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n});\r\n\r\nconst TMensualidad = () => {\r\n const classes = useStyles()\r\n const { listaMensualidadesBanco, banco } = useSelector(store => store.banco)\r\n const dispatch = useDispatch()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n const handleEdit = ({ bancoMensualidad }) => {\r\n dispatch(obtenerMensualidadBanco({ mensualidadBanco: bancoMensualidad, editar: true }))\r\n }\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n const handleEliminar = ({ bancoMensualidad }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(eliminarMensualidadBanco({ IdBancoMensualidad: bancoMensualidad.IdBancoMensualidad })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerMensualidadesBanco({IdBanco: banco.IdBanco}))\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n return (\r\n Metodos de pago
\r\nBanco principal
\r\n\r\n \r\n {/* \r\n fechaIncio {FormatoFecha({ date: selectDayInicio, formato: \"MMddyyyy\" })}\r\n
\r\n fechaFinal {FormatoFecha({ date: selectDayFin, formato: \"MMddyyyy\" })}\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default Utilidad\r\n","import { useState } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { addFechasIngresosFinalAction, addFechasIngresosIncioAction } from \"../../../ducks/reportesDuck\"\r\nimport { Grid, MenuItem, FormControl, InputLabel, Select } from \"@material-ui/core\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { endMounth, esFechaValida, startMounth } from \"../../../utils/FormatFecha\"\r\n\r\nconst CabeceraIngresos = () => {\r\n const dispatch = useDispatch()\r\n const { ingresoFechaFin, ingresoFechaIncio } = useSelector(store => store.reportes)\r\n const [tipoBusqueda, setTipoBusqueda] = useState(\"0\")\r\n const handleChange = (event) => {\r\n setTipoBusqueda(event.target.value)\r\n }\r\n const handleChangeFechaMesFin = (date) => {\r\n if (!esFechaValida({ date })) {\r\n return null\r\n }\r\n const fechaFin = endMounth({ date })\r\n dispatch(addFechasIngresosFinalAction({ FechaFin: fechaFin }))\r\n }\r\n const handleChangeFechaMesIncio = (date) => {\r\n if (!esFechaValida({ date })) {\r\n return null\r\n }\r\n const fechaInicio = startMounth({ date })\r\n dispatch(addFechasIngresosIncioAction({ FechaIni: fechaInicio }))\r\n }\r\n const handleClickSelecFechaInicio = (date) => {\r\n if (!esFechaValida({ date })) {\r\n return null\r\n }\r\n dispatch(addFechasIngresosIncioAction({ FechaIni: date }))\r\n }\r\n const handleClickSelecFechaFinal = (date) => {\r\n if (!esFechaValida({ date })) {\r\n return null\r\n }\r\n dispatch(addFechasIngresosFinalAction({ FechaFin: date }))\r\n }\r\n return (\r\n <>\r\n \r\n fechaFinal {FormatoFecha({ date: selectDayFin, formato: \"MMddyyyy\" })}\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
\r\n \r\n \r\n Resumen en USD\r\n \r\n
\r\n \r\n \r\n Total de pasajeros: {utilidadLiquidaciones.TotalPasajerosUSD}\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 Monto reserva:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoReservaUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Monto aereos:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoAereoUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Monto liquidacion:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoLiquidacionUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Total proveedor: \r\n \r\n \r\n {`${formatDinero(totalProveedorUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Utilidad paquete:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilPaqueteUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Utilidad sobrante:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilSobranteUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Utilidad tipo de cambio:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilTipoCambio)} USD`}\r\n \r\n
\r\n \r\n \r\n Utilidad por baja:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilSuspendidaUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Utilidad total:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilPaqueteUSD + utilidadLiquidaciones.MontoUtilSobranteUSD + utilidadLiquidaciones.MontoUtilTipoCambio + utilidadLiquidaciones.MontoUtilSuspendidaUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Suma total:\r\n \r\n \r\n {`${formatDinero(totalItemsUSD)} USD`}\r\n \r\n
\r\n \r\n \r\n Resumen en USD\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 \r\n {/* \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Resumen en MXN\r\n \r\n
\r\n \r\n \r\n Total de pasajeros: {utilidadLiquidaciones.TotalPasajerosMXN}\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 Monto reserva:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoReservaMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Monto aereos:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoAereoMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Monto liquidacion:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoLiquidacionMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Total proveedor\r\n \r\n \r\n {`${formatDinero(totalProveedorMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Utilidad paquete:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilPaqueteMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Utilidad sobrante:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilSobranteMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Utilidad tipo de cambio:\r\n \r\n \r\n {`NO APLICA`}\r\n \r\n
\r\n \r\n \r\n Utilidad por baja:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilSuspendidaMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Utilidad total:\r\n \r\n \r\n {`${formatDinero(utilidadLiquidaciones.MontoUtilPaqueteMXN + utilidadLiquidaciones.MontoUtilSobranteMXN + utilidadLiquidaciones.MontoUtilSuspendidaMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Suma total:\r\n \r\n \r\n {`${formatDinero(totalItemsMXN)} MXN`}\r\n \r\n
\r\n \r\n \r\n Resumen en MXN\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Buscar por \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\nexport default ButtonVoucher\r\n","import { useState } from \"react\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport Paper from \"@material-ui/core/Paper\"\r\nimport Table from \"@material-ui/core/Table\"\r\nimport TableBody from \"@material-ui/core/TableBody\"\r\nimport TableCell from \"@material-ui/core/TableCell\"\r\nimport TableContainer from \"@material-ui/core/TableContainer\"\r\nimport TableHead from \"@material-ui/core/TableHead\"\r\nimport TablePagination from \"@material-ui/core/TablePagination\"\r\nimport TableRow from \"@material-ui/core/TableRow\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport ButtonClienteDetalle from \"./../../../global/ButtonClienteDetalle\"\r\nimport ButtonVoucher from \"../ButtonVoucher\"\r\nconst columns = [\r\n { id: \"cliente\", minWidth: 150, align: \"center\", label: \"Cliente\" },\r\n { id: \"monto\", minWidth: 150, align: \"center\", label: \"Monto\" },\r\n { id: \"referencia\", minWidth: 150, align: \"center\", label: \"Referencia\" },\r\n { id: \"tipoCompra\", minWidth: 150, align: \"center\", label: \"Tipo Compra\" },\r\n { id: \"voucher\", minWidth: 150, align: \"center\", label: \"Voucher\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: \"100%\",\r\n marginTop: \"15px\",\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nexport default function TablaEgresosMxn() {\r\n const { metricaEgresos } = useSelector(store => store.reportes)\r\n const rows = metricaEgresos?.lDetEgresoMXN ?? []\r\n console.log(\"馃殌 ~ TablaEgresosMxn ~ rows:\", rows)\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n return (\r\n \r\n \r\n Buscar por \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n return null\r\n}\r\nexport default ButtonReporteEgresosMxn","import { Button } from \"@material-ui/core\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { otenerReporteEgresosUsdAction } from \"../../../ducks/reportesDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport { usePermiso } from \"../../../hooks/usePermiso\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\";\r\nconst ButtonReporteEgresosUsd = () => {\r\n const { profile } = useSelector(store => store.logeo)\r\n const { egresosFechaFin, egresosFechaInicio } = useSelector(store => store.reportes)\r\n const [permitido] = usePermiso({ location: \"FK_AdministrarClientes_Reportes\", initialValue: false })\r\n const dispatch = useDispatch()\r\n const handleDowload = () => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(otenerReporteEgresosUsdAction({\r\n FechaIni: FormatoFecha({ date: egresosFechaInicio, formato: \"MMddyyyy\" }),\r\n FechaFin: FormatoFecha({ date: egresosFechaFin, formato: \"MMddyyyy\" }),\r\n })).then((Response) => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([Response.data], { type: \"application/vnd.ms-excel\" })\r\n )\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n let fchAct = new Date().toISOString();\r\n let fileName = 'Egresos USD -' + fchAct + '.xlsx'\r\n link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"隆OPERACI脫N EXITOSA!\"\r\n });\r\n dispatch(offLoadAction())\r\n });\r\n\r\n }\r\n if (profile.Rol?.Id === catRoles.ADMINISTRADOR || permitido) return (\r\n \r\n \r\n
\r\n )\r\n return null\r\n}\r\nexport default ButtonReporteEgresosUsd","import { useEffect } from \"react\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { obtenerEgresosReporteAction, obtenerEgresosMensualesAction } from \"../../../ducks/reportesDuck\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport { Card, CardContent, Grid, Typography } from \"@material-ui/core\"\r\nimport { FormatoFecha } from \"../../../utils/FormatFecha\"\r\nimport Grafica from \"../Utilidad/Grafica\"\r\nimport TablaEgresosMxn from \"../TablaEgresosMxn\"\r\nimport TablaEgresosUsd from \"../TablaEgresoUsd\"\r\nimport CabeceraEgresos from \"../CabeceraEgresos\"\r\nimport ButtonReporteEgresosMxn from \"../ButtonReporteEgresosMxn\"\r\nimport ButtonReporteEgresosUsd from \"../ButtonReporteEgresosUsd\"\r\nimport GraficaBarras from \"../../../global/GraficaBarras\"\r\n\r\nconst useStyles = makeStyles({\r\n main: {\r\n padding: \"2%\"\r\n },\r\n container: {\r\n display: \"flex\",\r\n flexFlow: \"row\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n gap: \"1rem\",\r\n },\r\n root: {\r\n width: '60%',\r\n minWidth: 180,\r\n height: 460,\r\n marginTop: \"1rem\"\r\n },\r\n rootGrafica: {\r\n width: '40%',\r\n minWidth: 180,\r\n height: 460,\r\n marginTop: \"1rem\"\r\n },\r\n title: {\r\n fontSize: 14,\r\n },\r\n pos: {\r\n marginBottom: 10,\r\n marginTop: 10,\r\n padding: 2\r\n },\r\n})\r\nconst useTratarDataMensualesUSD = () => {\r\n const { metricaEgresosMensuales } = useSelector(store => store.reportes)\r\n const egresosMensuales = metricaEgresosMensuales ?? []\r\n const labels = egresosMensuales.map(valor => {\r\n return `${FormatoFecha({ date: new Date(valor.Anho, valor.Mes - 1), formato: \"MMM yyyy\" }).toUpperCase()}`\r\n })\r\n const data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: 'Reservas USD',\r\n data: egresosMensuales.map((valor) => valor.TotReservaUSD),\r\n backgroundColor: 'rgba(75, 192, 192, 0.2)',\r\n borderColor: 'rgba(75, 192, 192, 1)',\r\n stack: 'Stack 0',\r\n },\r\n {\r\n label: 'Aereos USD',\r\n data: egresosMensuales.map((valor) => valor.TotAereoUSD),\r\n backgroundColor: 'rgba(54, 162, 235, 0.2)',\r\n borderColor: 'rgba(54, 162, 235, 1)',\r\n stack: 'Stack 0',\r\n },\r\n {\r\n label: 'Liquidacion USD',\r\n data: egresosMensuales.map((valor) => valor.TotLiquidacionUSD),\r\n backgroundColor: 'rgba(255, 206, 86, 0.2)',\r\n borderColor: 'rgba(255, 206, 86, 1)',\r\n stack: 'Stack 0',\r\n },\r\n ],\r\n }\r\n return [labels, data]\r\n}\r\nconst useTratarDataMensualesMXN = () => {\r\n const { metricaEgresosMensuales } = useSelector(store => store.reportes)\r\n const egresosMensuales = metricaEgresosMensuales ?? []\r\n const labels = egresosMensuales.map(valor => {\r\n return `${FormatoFecha({ date: new Date(valor.Anho, valor.Mes - 1), formato: \"MMM yyyy\" }).toUpperCase()}`\r\n })\r\n const data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: 'Reservas MXN',\r\n data: egresosMensuales.map((valor) => valor.TotReservaMXN),\r\n backgroundColor: 'rgba(255, 105, 97, 0.2 )',\r\n borderColor: 'rgba(75, 192, 192, 1)',\r\n stack: 'Stack 1',\r\n },\r\n {\r\n label: 'Aereos MXN',\r\n data: egresosMensuales.map((valor) => valor.TotAereoMXN),\r\n backgroundColor: 'rgba(153, 102, 255, 0.2)',\r\n borderColor: 'rgba(54, 162, 235, 1)',\r\n stack: 'Stack 1',\r\n },\r\n {\r\n label: 'Liquidacion MXN',\r\n data: egresosMensuales.map((valor) => valor.TotLiquidacionMXN),\r\n backgroundColor: 'rgba(255,169,233, 0.2)',\r\n borderColor: 'rgba(255, 206, 86, 1)',\r\n stack: 'Stack 1',\r\n },\r\n ],\r\n }\r\n return [labels, data]\r\n}\r\nconst useObtenerEgresos = ({ fechaInicio, fechaFinal }) => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"Obteniendo informaci贸n...\" }))\r\n dispatch(obtenerEgresosReporteAction({ FechaFin: FormatoFecha({ date: fechaFinal, formato: \"MMddyyyy\" }), FechaIni: FormatoFecha({ date: fechaInicio, formato: \"MMddyyyy\" }) })).then(Resposne => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch, fechaInicio, fechaFinal])\r\n}\r\nconst useObtenerEgresosMensuales = ({ fechaInicio, fechaFinal }) => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"Obteniendo informaci贸n...\" }))\r\n dispatch(obtenerEgresosMensualesAction({ FechaFin: FormatoFecha({ date: fechaFinal, formato: \"MMddyyyy\" }), FechaIni: FormatoFecha({ date: fechaInicio, formato: \"MMddyyyy\" }) })).then(Resposne => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch, fechaInicio, fechaFinal])\r\n}\r\nconst calcularProcentaje = ({ monto, total }) => {\r\n let resultado = monto * 100\r\n resultado = resultado / total\r\n return (resultado < 0) ? resultado * -1 : resultado\r\n}\r\nconst Egresos = () => {\r\n const classes = useStyles()\r\n const { metricaEgresos, egresosFechaFin, egresosFechaInicio } = useSelector(store => store.reportes)\r\n useObtenerEgresos({ fechaFinal: egresosFechaFin, fechaInicio: egresosFechaInicio })\r\n useObtenerEgresosMensuales({ fechaFinal: egresosFechaFin, fechaInicio: egresosFechaInicio })\r\n const [ labelsUSD, dataUSD] = useTratarDataMensualesUSD()\r\n const [ labelsMXN, dataMXN] = useTratarDataMensualesMXN()\r\n return (\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 \r\n \r\n Egresos USD\r\n \r\n
\r\n \r\n \r\n Total de egresos: {metricaEgresos.CanEgresosUSD}\r\n \r\n \r\n Monto de egresos: {formatDinero(metricaEgresos.TotEgresosUSD)} USD\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 Total Reservas:\r\n \r\n \r\n {metricaEgresos.CanReservaUSD}\r\n \r\n
\r\n \r\n \r\n Total Aereos:\r\n \r\n \r\n {metricaEgresos.CanAereoUSD}\r\n \r\n
\r\n \r\n \r\n Total Liquidaciones:\r\n \r\n \r\n {metricaEgresos.CanLiquidacionUSD}\r\n \r\n
\r\n \r\n \r\n Monto Reservas:\r\n \r\n \r\n {formatDinero(metricaEgresos.TotReservaUSD)} USD\r\n \r\n
\r\n \r\n \r\n Monto Aereos:\r\n \r\n \r\n {formatDinero(metricaEgresos.TotAereoUSD)} USD\r\n \r\n
\r\n \r\n \r\n Monto Liquidaciones:\r\n \r\n \r\n {formatDinero(metricaEgresos.TotLiquidacionUSD)} USD\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 \r\n \r\n
\r\n \r\n \r\n Egresos MXN\r\n \r\n
\r\n \r\n \r\n Total de Egresos: {metricaEgresos.CanEgresosMXN}\r\n \r\n \r\n Monto de Egresos: {formatDinero(metricaEgresos.TotEgresosMXN)} MXN\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 Total Reservas:\r\n \r\n \r\n {metricaEgresos.CanReservaMXN}\r\n \r\n
\r\n \r\n \r\n Total Aereos:\r\n \r\n \r\n {metricaEgresos.CanAereoMXN}\r\n \r\n
\r\n \r\n \r\n Total Liquidaciones:\r\n \r\n \r\n {metricaEgresos.CanLiquidacionMXN}\r\n \r\n
\r\n \r\n \r\n Total Reservas:\r\n \r\n \r\n {formatDinero(metricaEgresos.TotReservaMXN)} MXN\r\n \r\n
\r\n \r\n \r\n Total Aereos\r\n \r\n \r\n {formatDinero(metricaEgresos.TotAereoMXN)} MXN\r\n \r\n
\r\n \r\n \r\n Total Liquidacion\r\n \r\n \r\n {formatDinero(metricaEgresos.TotLiquidacionMXN)} MXN\r\n \r\n
\r\n \r\n
\r\n Datos genrales
\r\n Total de cotizaciones del mes: {cotizacionesAllMes?.total}\r\n {\r\n cotizacionesAllMes?.lDetalleCotizacionGlobal?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n })?.map((cotizacion, index) => {\r\n return (\r\n\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n {\r\n `${item.cuenta?.eMail}`\r\n\r\n }\r\n
\r\n Total de cotizacion del agente: {item.lDetalleCotizacion?.reduce((a, b) => a + b.total, 0)}\r\n
\r\n {\r\n item.lDetalleCotizacion?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n }).map(cotizacion => {\r\n return (\r\n
\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n Datos genrales
\r\n Total de cotizaciones del dia: {cotizacioneAllDia?.total}\r\n {\r\n cotizacioneAllDia?.lDetalleCotizacionGlobal?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n })?.map((cotizacion, index) => {\r\n return (\r\n\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n {\r\n `${item.cuenta?.eMail}`\r\n\r\n }\r\n
\r\n Total de cotizacion del agente: {item.lDetalleCotizacion?.reduce((a, b) => a + b.total, 0)}\r\n
\r\n {\r\n item.lDetalleCotizacion?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n }).map(cotizacion => {\r\n return (\r\n
\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { useEffect } from \"react\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { TextField } from \"@material-ui/core\"\r\nimport { obtenerAgentes } from \"../../../../ducks/usuariosDuck\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport handleRenderOption from \"./handleRenderAgente\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../../ducks/loadDuck\"\r\nimport { agregarAgentesLista } from \"../../../../ducks/reportesCotizacionesDuck\"\r\nconst useObtenerAgentes = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({}))\r\n dispatch(obtenerAgentes()).then((Response) => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch])\r\n}\r\nconst CbAgentes = () => {\r\n const dispatch = useDispatch()\r\n const agentes = useSelector(store => store.usuarios.agentes)\r\n const { agentesSeleccionados } = useSelector(store => store.reporteCotizador)\r\n useObtenerAgentes()\r\n const handleSelecAgente = (event, valor) => {\r\n if (!valor)\r\n return null\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n const newAgentesSeleccionados = [...agentesSeleccionados]\r\n const findAgente = newAgentesSeleccionados.findIndex(agente => agente.UserId === valor.UserId)\r\n if (findAgente >= 0) {\r\n dispatch(offLoadAction())\r\n return null\r\n }\r\n newAgentesSeleccionados.push(valor)\r\n dispatch(agregarAgentesLista({newAgentes: newAgentesSeleccionados}))\r\n dispatch(offLoadAction())\r\n }\r\n\r\n return (\r\n Obteneido informaci贸n
\r\n {\r\n `${agente.Email}`\r\n\r\n }\r\n
\r\n Total de cotizacion del agente: {agente.lDetalleCotizacion?.reduce((a, b) => a + b.total, 0)}\r\n
\r\n {\r\n data?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n }).map(cotizacion => {\r\n return (\r\n
\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n Obteneido informaci贸n
\r\n {\r\n `${agente.Email}`\r\n\r\n }\r\n
\r\n Total de cotizacion del agente: {agente.lDetalleCotizacion?.reduce((a, b) => a + b.total, 0)}\r\n
\r\n {\r\n data?.sort((a, b) => {\r\n return a.catEstatusCotizacion?.IdCatEstatusCotizacion - b.catEstatusCotizacion?.IdCatEstatusCotizacion\r\n }).map(cotizacion => {\r\n return (\r\n
\r\n {`${cotizacion?.catEstatusCotizacion?.Descripcion}: ${cotizacion?.total}`}\r\n
\r\n )\r\n })\r\n }\r\n Total vertical: {reporteImagenes?.totVertical}
\r\nTotal horizontal: {reporteImagenes?.totHorizaontal}
\r\nTotal vertical timer: {reporteImagenes?.totVerticalTimer}
\r\nTotal horizontal timer: {reporteImagenes?.totHorizaontalTimer}
\r\nReportes
\r\n\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonAceptarDevolucion","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { declinarDevolucionAction, obtenerDevolucionesPendientesAction } from \"../../../ducks/devolucionesDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff'\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst ButtonDeclinarRembolso = (props) => {\r\n const { IdDevolucionSolicitud } = props\r\n const dispatch = useDispatch()\r\n const onDeclinarSolicitud = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de declinar esta solicitud de rembolso?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(declinarDevolucionAction({ IdDevolucionSolicitud: IdDevolucionSolicitud })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerDevolucionesPendientesAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n \r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TDevoluciones","import { useState, useEffect } from \"react\"\r\nimport {\r\n Grid,\r\n AppBar,\r\n Tabs,\r\n Tab,\r\n} from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event';\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerDevolucionesPendientesAction, obtenerDevolucionesPendientesVersionAction } from \"../../../ducks/devolucionesDuck\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport TDevoluciones from \"../TDevoluciones\"\r\nimport useCatalogos from \"../../../hooks/useCatalogos\"\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VDevoluciones = () => {\r\n const [value, setValue] = useState(0)\r\n const catalogoVersion = useCatalogos(\"Package/Version\")\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDevolucionesPendientesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch])\r\n const handleClick = ({ version }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerDevolucionesPendientesVersionAction({version: version})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Devoluciones
\r\n\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default ButtonAceptarFactura","import { IconButton } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport {declinarFacturaAction, obtenerFacturasPendientesAction } from \"../../../ducks/facturacionRecienteDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff'\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\n\r\nconst ButtonDeclinarFactura = (props) => {\r\n const { IdFactura } = props\r\n const dispatch = useDispatch()\r\n const onDeclinarSolicitud = () => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro de declinar esta solicitud de rembolso?',\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(declinarFacturaAction({ IdFactura: IdFactura })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(obtenerFacturasPendientesAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n })\r\n }\r\n })\r\n \r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TFacturas","import { useState, useEffect } from \"react\"\r\nimport { Grid, AppBar, Tabs, Tab, } from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event'\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerFacturasPendientesAction } from \"../../../ducks/facturacionRecienteDuck\"\r\nimport TFacturas from \"../TFacturas\"\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VFacturas = () => {\r\n const [value, setValue] = useState(0)\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(obtenerFacturasPendientesAction())\r\n },[dispatch])\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Facturas
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import { getAllCotizaciones, getAllCotizacionesPaginacion, getCotizacionesRevisionAdminAll, getCotizacionPdf, putAceptarCotizacionAgente, putAceptarCotizacionAgenteSupervisor, putActulizarVigenciaCotizacion, putCompletarCotizacionProceso, putDeclinarCotizacionAgente, putDeclinarCotizacionAgenteEdit, putDeclinarCotizacionAgenteSupervisor, putRenviarCotizacionAgente } from \"../services/cotizacionService\"\r\nconst dataInicial = {\r\n listaCotizaciones: [],\r\n cotizaciones: [],\r\n busquedaCotizacion: 0,\r\n total: 0,\r\n pagina: 0,\r\n registroPagina: 10,\r\n exito: 0,\r\n cotizacionesReview: [],\r\n}\r\nconst GET_COTIZACIONES_ALL = \"GET_COTIZACIONES_ALL\"\r\nconst GET_COTIZACIONES_ALL_LISTA = \"GET_COTIZACIONES_ALL_LISTA\"\r\nconst GET_COTIZACIONES_BUSQUEDA = \"GET_COTIZACIONES_BUSQUEDA\"\r\nconst GET_COTIZACIONES_REGISTROS_PAGINA = \"GET_COTIZACIONES_REGISTROS_PAGINA\"\r\nconst GET_COTIZACIONES_PAGINA = \"GET_COTIZACIONES_PAGINA\"\r\nconst POST_COTIZACIONES_EXITO = \"POST_COTIZACIONES_EXITO\"\r\nconst GET_COTIZACIONES_PDF = \"GET_COTIZACIONES_PDF\"\r\nconst PUT_COTIZACIONES_ACEPTAR_AGENTE = \"PUT_COTIZACIONES_ACEPTAR_AGENTE\"\r\nconst PUT_COTIZACIONES_DECLINAR_COTIZACION = \"PUT_COTIZACIONES_DECLINAR_COTIZACION\"\r\nconst PUT_COTIZACIONES_REENVIAR_COTIZACION = \"PUT_COTIZACIONES_REENVIAR_COTIZACION\"\r\nconst PUT_COTIZACIONES_REENVIAR_COTIZACION_EDIT = \"PUT_COTIZACIONES_REENVIAR_COTIZACION_EDIT\"\r\nconst PUT_COTIZACIONES_FINALIZAR_PROCESO_COTIZACION = \"PUT_COTIZACIONES_FINALIZAR_PROCESO_COTIZACION\"\r\nconst PUT_COTIZACIONES_ACTULIZAR_VIGENCIA = \"PUT_COTIZACIONES_ACTULIZAR_VIGENCIA\"\r\n\r\nconst GET_COTIZACIONES_ALL_REVIEW_ACTION = \"GET_COTIZACIONES_ALL_REVIEW_ACTION\"\r\nconst PUT_COTIZACIONES_REVIEW_ACEPTAR_ACTION = \"PUT_COTIZACIONES_REVIEW_ACEPTAR_ACTION\"\r\nconst PUT_COTIZACIONES_REVIEW_DECLINAR_ACTION = \"PUT_COTIZACIONES_REVIEW_DECLINAR_ACTION\"\r\nexport default function cotizacionesReducer(state = dataInicial, action) {\r\n switch (action.type) {\r\n case PUT_COTIZACIONES_REVIEW_ACEPTAR_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_REVIEW_DECLINAR_ACTION:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_COTIZACIONES_ALL_REVIEW_ACTION:\r\n return { ...state, cotizacionesReview: action.payload.cotizacionesReview }\r\n case PUT_COTIZACIONES_ACTULIZAR_VIGENCIA:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_FINALIZAR_PROCESO_COTIZACION:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_REENVIAR_COTIZACION_EDIT:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_REENVIAR_COTIZACION:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_DECLINAR_COTIZACION:\r\n return { ...state, exito: action.payload.exito }\r\n case PUT_COTIZACIONES_ACEPTAR_AGENTE:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_COTIZACIONES_PDF:\r\n return { ...state, exito: action.payload.exito }\r\n case POST_COTIZACIONES_EXITO:\r\n return { ...state, exito: action.payload.exito }\r\n case GET_COTIZACIONES_BUSQUEDA:\r\n return {\r\n ...state,\r\n busquedaCotizacion: action.payload.busquedaCotizacion,\r\n cotizaciones: action.payload.cotizaciones,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n case GET_COTIZACIONES_ALL_LISTA:\r\n return { ...state, listaCotizaciones: action.payload.listaCotizaciones }\r\n case GET_COTIZACIONES_ALL:\r\n return {\r\n ...state,\r\n cotizaciones: action.payload.cotizaciones,\r\n total: action.payload.total,\r\n }\r\n case GET_COTIZACIONES_PAGINA:\r\n return {\r\n ...state,\r\n cotizaciones: action.payload.cotizaciones,\r\n total: action.payload.total,\r\n pagina: action.payload.pagina,\r\n }\r\n case GET_COTIZACIONES_REGISTROS_PAGINA:\r\n return {\r\n ...state,\r\n cotizaciones: action.payload.cotizaciones,\r\n total: action.payload.total,\r\n registroPagina: action.payload.registroPagina\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n/** Cotizaciones review */\r\nexport const obtenerCotizacionesReviewAction = () => async (dispatch, getSate) => {\r\n return await getCotizacionesRevisionAdminAll().then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_ALL_REVIEW_ACTION,\r\n payload: {\r\n cotizacionesReview: Response,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const aceptarCotizacionReviewAction = ({ IdCotizacion }) => async (dispatch, getSate) => {\r\n return await putAceptarCotizacionAgenteSupervisor({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_REVIEW_ACEPTAR_ACTION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarCotizacionReviewAction = ({ IdCotizacion }) => async (dispatch, getSate) => {\r\n return await putDeclinarCotizacionAgenteSupervisor({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_REVIEW_DECLINAR_ACTION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\n/** Fin cotizaciones review */\r\n\r\nexport const actulizarVigenciaCotizacionAction = ({ idCotizacion, fechaExpiracion }) => async (dispatch) => {\r\n return await putActulizarVigenciaCotizacion({ FechaExpiracion: fechaExpiracion, idCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_ACTULIZAR_VIGENCIA,\r\n payload: {\r\n exito: 1\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerBusquedaAction = ({ busqueda }) => async (dispatch, getSate) => {\r\n return await getAllCotizacionesPaginacion({ IdCotizacion: busqueda.IdCotizacion, Pagina: dataInicial.pagina + 1, Registros: dataInicial.registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_BUSQUEDA,\r\n payload: {\r\n cotizaciones: Response.lCotizacion,\r\n total: Response.Total,\r\n busquedaCotizacion: busqueda.IdCotizacion,\r\n pagina: dataInicial.pagina,\r\n registroPagina: dataInicial.registroPagina\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const completarCotizacionProcesoAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putCompletarCotizacionProceso({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_FINALIZAR_PROCESO_COTIZACION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarCotizacionAgenteEditarAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putDeclinarCotizacionAgenteEdit({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_REENVIAR_COTIZACION_EDIT,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const reenviarCotizacionAgenteAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putRenviarCotizacionAgente({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_REENVIAR_COTIZACION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const declinarCotizacionAgenteAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putDeclinarCotizacionAgente({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_DECLINAR_COTIZACION,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const aceptarCotizacionAgenteAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await putAceptarCotizacionAgente({ idCotizacion: IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: PUT_COTIZACIONES_ACEPTAR_AGENTE,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerCotizacionPdfAction = ({ IdCotizacion }) => async (dispatch) => {\r\n return await getCotizacionPdf({ IdCotizacion }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_PDF,\r\n payload: {\r\n exito: 1,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerListaCotizacionesAction = () => async (dispatch) => {\r\n return await getAllCotizaciones({}).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_ALL_LISTA,\r\n payload: {\r\n listaCotizaciones: Response\r\n }\r\n })\r\n return Response\r\n }).catch(Error => {\r\n return Error\r\n })\r\n}\r\nexport const obtenerCotizacionesAction = () => async (dispatch, getSate) => {\r\n const { pagina, registroPagina, busquedaCotizacion } = getSate().cotizaciones\r\n return await getAllCotizacionesPaginacion({ IdCotizacion: busquedaCotizacion, Pagina: pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_ALL,\r\n payload: {\r\n cotizaciones: Response.lCotizacion,\r\n total: Response.Total\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obteneCotizacionesRegistrosAction = ({ Registros }) => async (dispatch, getSate) => {\r\n const { pagina } = getSate().cotizaciones\r\n return await getAllCotizacionesPaginacion({ IdCotizacion: dataInicial.busquedaCotizacion, Pagina: pagina + 1, Registros }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_REGISTROS_PAGINA,\r\n payload: {\r\n cotizaciones: Response.lCotizacion,\r\n total: Response.Total,\r\n registroPagina: Registros,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\nexport const obtenerCotizacionesPaginaAction = ({ Pagina }) => async (dispatch, getSate) => {\r\n const { registroPagina } = getSate().cotizaciones\r\n return await getAllCotizacionesPaginacion({ IdCotizacion: dataInicial.busquedaCotizacion, Pagina: Pagina + 1, Registros: registroPagina }).then(Response => {\r\n dispatch({\r\n type: GET_COTIZACIONES_PAGINA,\r\n payload: {\r\n cotizaciones: Response.lCotizacion,\r\n total: Response.Total,\r\n pagina: Pagina,\r\n },\r\n });\r\n return Response\r\n }).catch(Error => {\r\n return {}\r\n })\r\n}\r\n","export const InitialValue = Object.freeze({\r\n IdCotizacion: 0,\r\n Cliente: {\r\n Nombre: \"\",\r\n EMail: \"\"\r\n }\r\n})","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { obtenerBusquedaAction } from \"../../../ducks/cotizacioensDuck\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { InitialValue } from \"./InitialValue\"\r\nconst CBCotizaciones = () => {\r\n const {listaCotizaciones} = useSelector(store => store.cotizaciones)\r\n const dispatch = useDispatch()\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n dispatch(onLoadAnction({message: \"Buscando...\"}))\r\n dispatch(obtenerBusquedaAction({ busqueda: valor })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n } else {\r\n dispatch(obtenerBusquedaAction({ busqueda: InitialValue }))\r\n }\r\n }\r\n return (\r\n \r\n a.IdCotizacion > b.IdCotizacion)}\r\n getOptionLabel={(option) => {\r\n let nombre = option?.Cliente?.Nombre \r\n return `${option?.IdCotizacion} - ${nombre} (${option?.Cliente?.EMail})`\r\n }}\r\n style={{\r\n width: \"100%\",\r\n margin: \"5px 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaCotizaciones.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CBCotizaciones","import { IconButton, Button, Grid, makeStyles } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useState } from \"react\"\r\nimport ScheduleIcon from '@material-ui/icons/Schedule'\r\nimport { actulizarVigenciaCotizacionAction, obtenerCotizacionesAction } from \"../../../ducks/cotizacioensDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { FormatoFecha, esFechaValida } from \"../../../utils/FormatFecha\"\r\nimport { DIAS_PERMITIR_VIGENCIA_FECHA } from \"../../../constant/constantes\"\r\n\r\nexport const FVigenciaStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}))\r\n\r\nconst FVigencia = (props) => {\r\n const {idCotizacion} = props\r\n const [open, setOpen] = useState(false)\r\n const [vigencia, setVigencia] = useState(new Date())\r\n const dispatch = useDispatch()\r\n const classes = FVigenciaStyle()\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n setVigencia(new Date())\r\n }\r\n const onSend = () => {\r\n if (!esFechaValida({date: vigencia})) {\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(actulizarVigenciaCotizacionAction({ fechaExpiracion: FormatoFecha({ date: vigencia, formato: \"MMddyyyy\"}), idCotizacion})).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n const handleClick = () => {\r\n setOpen(true)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FVigencia","export const catEstatusCotizacion = Object.freeze({\r\n NO_APLICA: 0,\r\n GENERADA: 1,\r\n ACEPTADA_CLIENTE: 2,\r\n ACEPTADA_AGENTE:3,\r\n CUENTA_ASOCIADA: 4,\r\n CONTRATO_ENVIADO: 5,\r\n CONTRATO_ACEPTADO: 6,\r\n CERRADO_GANADO: 7,\r\n CONTRATO_RECHAZADO: 8,\r\n CONTRATO_EXPIRADO: 9,\r\n RECHAZADA: 10,\r\n DECLINADA_AGENTE: 11,\r\n COTIZACION_EXPIRADA: 12,\r\n PENDIENTE_REVISION: 13,\r\n DECLINADA_SUPERVISOR: 14\r\n})","import { useState, Fragment } from \"react\";\r\nimport { Tooltip, IconButton, Box, Collapse, Grid } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nimport { obtenerCotizacionesAction, obtenerCotizacionesPaginaAction, obteneCotizacionesRegistrosAction, obtenerCotizacionPdfAction, aceptarCotizacionAgenteAction, declinarCotizacionAgenteAction, reenviarCotizacionAgenteAction, declinarCotizacionAgenteEditarAction, completarCotizacionProcesoAction } from \"../../../ducks/cotizacioensDuck\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport GetAppIcon from '@material-ui/icons/GetApp'\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\";\r\nimport { formatDinero } from \"../../../utils/formatDinero\";\r\nimport BeenhereIcon from '@material-ui/icons/Beenhere'\r\nimport CancelIcon from '@material-ui/icons/Cancel';\r\nimport ReplayIcon from '@material-ui/icons/Replay';\r\nimport EditLocationIcon from '@material-ui/icons/EditLocation';\r\nimport OfflinePinIcon from '@material-ui/icons/OfflinePin';\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport FVigencia from \"../FVigencia\";\r\nimport { usePermiso } from \"./../../../hooks/usePermiso\"\r\nimport { catEstatusCotizacion } from \"../../../constant/catEstatusCotizacion\";\r\nexport const TClientesStyle = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: \"65vh\",\r\n },\r\n ButtonContent: {\r\n display: \"flex\",\r\n flexFlow: \"column wrap\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n section1: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n section2: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n}))\r\nconst columns = [\r\n {\r\n id: \"numero\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"#\",\r\n },\r\n { id: \"noCotizacion\", minWidth: 10, align: \"center\", label: \"Cotizacion\" },\r\n {\r\n id: \"NombreCliente\",\r\n minWidth: 150,\r\n align: \"center\",\r\n label: \"Nombre cliente\",\r\n },\r\n { id: \"email\", minWidth: 10, align: \"center\", label: \"Email\" },\r\n { id: \"telefono\", minWidth: 50, align: \"center\", label: \"Telefono\" },\r\n { id: \"vigencia\", minWidth: 50, align: \"center\", label: \"Vigencia\" },\r\n {\r\n id: \"paquete\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"Paquete\",\r\n },\r\n { id: \"mod\", minWidth: 30, align: \"center\", label: \"\" },\r\n { id: \"Accion\", minWidth: 10, align: \"center\", label: \"\" },\r\n]\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n\r\n})\r\nfunction Row(props) {\r\n const {\r\n row,\r\n index\r\n } = props\r\n const [permitido] = usePermiso({ location: \"FK_COTIZACIONES_ADMIN_VIENGENCIA\", initialValue: false })\r\n\r\n const dispatch = useDispatch()\r\n const [open, setOpen] = useState(false)\r\n const classes = useRowStyles()\r\n const { profile } = useSelector(store => store.logeo)\r\n\r\n const onAceptarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de aceptar la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(aceptarCotizacionAgenteAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onDeclinarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de declinar la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(declinarCotizacionAgenteAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onDeclinarEditarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de declinar la cotizacion con numero: #${id} para su modificaci贸n?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(declinarCotizacionAgenteEditarAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n\r\n })\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onReenviarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de reenviar un nuevo contrato de la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(reenviarCotizacionAgenteAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n\r\n })\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onTerminarProcesoCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de teminar con el proceso de contratacion de la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(completarCotizacionProcesoAction({ IdCotizacion: id })).then((Response) => {\r\n\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const handleDowloadCotizacioon = ({ id }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionPdfAction({ IdCotizacion: id })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // link.download = `Cotizaci贸n-${id}-${new Date().toString()}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n dispatch(obtenerCotizacionesAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Archivo descargado\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n handleDowloadCotizacioon({ id: row.IdCotizacion })}>\r\n \r\n \r\n {\r\n (row?.CatEstatusCotizacion?.IdCatEstatusCotizacion < catEstatusCotizacion.ACEPTADA_AGENTE) &&\r\n \r\n onAceptarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion >= catEstatusCotizacion.ACEPTADA_AGENTE) ? true : false}\r\n color=\"secondary\"\r\n >\r\n \r\n }\r\n {\r\n (row?.CatEstatusCotizacion?.IdCatEstatusCotizacion < catEstatusCotizacion.ACEPTADA_AGENTE) &&\r\n \r\n onDeclinarEditarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion >= catEstatusCotizacion.ACEPTADA_AGENTE) ? true : false}\r\n color=\"primary\"\r\n >\r\n \r\n }\r\n {\r\n (row?.CatEstatusCotizacion?.IdCatEstatusCotizacion !== catEstatusCotizacion.RECHAZADA\r\n && row?.CatEstatusCotizacion?.IdCatEstatusCotizacion !== catEstatusCotizacion.CERRADO_GANADO) &&\r\n \r\n onDeclinarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.RECHAZADA || row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CERRADO_GANADO) ? true : false}\r\n color=\"secondary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR) &&\r\n \r\n onReenviarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CONTRATO_EXPIRADO) ? false : true}\r\n color=\"primary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR) &&\r\n \r\n onTerminarProcesoCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CONTRATO_ACEPTADO) ? false : true}\r\n color=\"primary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR ||\r\n permitido) &&\r\n
\r\n Paquete: {row?.NombrePaquete}
\r\nClave paquete: {row?.ClavePaquete}
\r\nFecha de salida: {FormatoFechaIso({ date: row?.FechaSalida, formato: \"dd/MM/yyyy\" })}
\r\nAdultos: {row?.Adultos}
\r\nMenores: {row?.Menores}
\r\nInfantes: {row?.Infantes}
\r\nEstatus cotizacion: {row?.CatEstatusCotizacion?.Descripcion}
\r\nAgente: {`${row?.Agente?.Nombre} ${row?.Agente?.Apellido_Paterno} ${row?.Agente?.Apellido_Materno}`}
\r\nCorreo: {`${row?.Agente?.eMail}`}
\r\nMonto paquete: {formatDinero(row?.MontoPaquete)} {row?.Moneda?.Clave}
\r\n {\r\n row?.lFormatoPago?.map((pago, item) => {\r\n return (\r\n\r\n Tipo: {pago?.CatTipoPago?.Nombre}
\r\n Cantidad de pagos: {pago?.NumeroPagos}
\r\n Banco\r\n {\r\n (pago?.BancoFormatoPago) ?\r\n ` ${pago?.BancoFormatoPago?.Banco?.Nombre}`\r\n : \" No Aplica\"\r\n }\r\n
\r\n\r\n
\r\n Tipo: {suplemento?.TipoSuplemento}
\r\n Precio: {formatDinero(suplemento?.Precio)}
\r\n {suplemento?.Nombre}\r\n
\r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VCotizaciones = () => {\r\n const [value, setValue] = useState(0)\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Cotizaciones
\r\n\r\n
\r\n Aviso!
\r\nPara agregar un nuevo item, se tiene que pagar los items actules
\r\n\r\n
\r\n Aviso!
\r\nEste paquete no tiene moneda proveedor
\r\n\r\n } disabled={disabled}>\r\n Reservar\r\n \r\n
\r\n )\r\n}\r\nexport default FItemExtra","import { Button, Grid } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { enviarItemExtraAction, obtenerExtrasContratadosAction } from \"./../../../ducks/ExtrasContratadosDuck\"\r\nimport { useState } from \"react\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport { formatDinero } from \"./../../../utils/formatDinero\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport { makeStyles } from \"@material-ui/core\"\r\nimport {offLoadAction, onLoadAnction} from \"./../../../ducks/loadDuck\"\r\nexport const FAutorizarStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"900px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"900px\",\r\n minWidth: \"500px\",\r\n },\r\n}))\r\n\r\nconst ModalMensaje = (props) => {\r\n const { Compra, Moneda, open = false, setOpen = () => { } } = props\r\n console.log(\"馃殌 ~ ModalMensaje ~ Compra:\", Compra)\r\n const dispatch = useDispatch()\r\n const classes = FAutorizarStyle()\r\n const handleClose = () => {\r\n setOpen(false)\r\n }\r\n const onGuardar = () => {\r\n DialogMessage.fire({\r\n title: `驴Esta seguro de mandar al area de finanazas\r\n la solicitud de pago de este Item?`,\r\n text: '',\r\n showCancelButton: true,\r\n confirmButtonText: \"Aplicar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"\"}))\r\n dispatch(enviarItemExtraAction({ idCompra: Compra.idCompra })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status || Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Operaci贸n exitoasa\",\r\n })\r\n dispatch(obtenerExtrasContratadosAction())\r\n })\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n Motivo: Extra
\r\nMonto pagado: {formatDinero(Compra?.MontoProveedor)} {Moneda?.Clave}
\r\n\r\n \r\n
\r\n )\r\n}\r\nexport default FEnviarExtra","import { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle'\r\nimport LocalAtmIcon from '@material-ui/icons/LocalAtm'\r\nimport { Tooltip } from \"@material-ui/core\"\r\n\r\nconst EstatusCompraExtra = (props) => {\r\n const { estatus } = props\r\n switch (estatus) {\r\n case EstatusCompra.NoAplica:\r\n return Nuevo
\r\n case EstatusCompra.PAGADO:\r\n return (\r\n N/A
\r\n }\r\n}\r\nexport default EstatusCompraExtra","\r\nimport { Paper, TableContainer, Table, TableHead, TableRow, TableCell, TablePagination, TableBody } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport ButtonClienteDetalle from \"../../../global/ButtonClienteDetalle\"\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\"\r\nimport { formatDinero } from \"../../../utils/formatDinero\"\r\nimport { EstatusCompra } from \"../../../constant/catEstatusCompra\"\r\nimport FItemExtra from \"../FItemExtra\"\r\nimport FEnviarExtra from \"../FEnviarExtra\"\r\nimport EstatusCompraExtra from \"../Estatus\"\r\nimport { obtenerExtrasContratadosPaginaAction, obtenerExtrasContratadosRegistrosAction } from \"../../../ducks/ExtrasContratadosDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nconst columns = [\r\n { id: \"1\", minWidth: 50, align: \"center\", label: \"Referencia\" },\r\n { id: \"2\", minWidth: 50, align: \"center\", label: \"Nombre\" },\r\n { id: \"3\", minWidth: 50, align: \"center\", label: \"Paquete\" },\r\n { id: \"4\", minWidth: 50, align: \"center\", label: \"Clave viaje\" },\r\n { id: \"5\", minWidth: 50, align: \"center\", label: \"No. Pax.\" },\r\n { id: \"6\", minWidth: 50, align: \"center\", label: \"Fecha salida\" },\r\n { id: \"7\", minWidth: 50, align: \"center\", label: \"Nombre extra\" },\r\n { id: \"8\", minWidth: 50, align: \"center\", label: \"Total\" },\r\n { id: \"9\", minWidth: 50, align: \"center\", label: \"Estatus\" },\r\n { id: \"10\", minWidth: 50, align: \"center\", label: \"\" },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n containerRoot: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\"\r\n },\r\n containerRootButton: {\r\n marginTop: \"25px\",\r\n marginBottom: \"25px\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\"\r\n },\r\n root: {\r\n width: '100%',\r\n padding: '0'\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TExtrasContratados = () => {\r\n const { listExtrasContratados, total, pagina, registros } = useSelector(store => store.extrasContratados)\r\n const rows = listExtrasContratados ?? []\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasContratadosPaginaAction({ pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasContratadosRegistrosAction({ registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default TExtrasContratados","import { useState, useEffect } from \"react\"\r\nimport { Grid, AppBar, Tabs, Tab, } from \"@material-ui/core\"\r\nimport EventIcon from '@material-ui/icons/Event'\r\nimport HomePage from \"../../Home\"\r\nimport { Container } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport TExtrasContratados from \"../TExtrasContratados\"\r\nimport { obtenerExtrasContratadosAction, obtenerExtrasContratadosVersionAction } from \"../../../ducks/ExtrasContratadosDuck\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport useCatalogos from \"../../../hooks/useCatalogos\"\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n \"aria-controls\": `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\nconst VExtrasContrados = () => {\r\n const [value, setValue] = useState(0)\r\n const catalogoVersion = useCatalogos(\"Package/Version\")\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasContratadosAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch])\r\n const handleClick = ({version}) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerExtrasContratadosVersionAction({version: version})).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n return (\r\n Extras
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","export const InitialValue = Object.freeze({\r\n IdCotizacion: 0,\r\n Cliente: {\r\n Nombre: \"\",\r\n EMail: \"\"\r\n }\r\n})","import { TextField } from \"@material-ui/core\"\r\nimport { Autocomplete } from \"@material-ui/lab\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport { obtenerBusquedaAction } from \"../../../ducks/cotizacioensDuck\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport { InitialValue } from \"./InitialValue\"\r\nconst CBCotizaciones = () => {\r\n const {listaCotizaciones} = useSelector(store => store.cotizaciones)\r\n const dispatch = useDispatch()\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n dispatch(onLoadAnction({message: \"Buscando...\"}))\r\n dispatch(obtenerBusquedaAction({ busqueda: valor })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n } else {\r\n dispatch(obtenerBusquedaAction({ busqueda: InitialValue }))\r\n }\r\n }\r\n return (\r\n \r\n a.IdCotizacion > b.IdCotizacion)}\r\n getOptionLabel={(option) => {\r\n let nombre = option?.Cliente?.Nombre \r\n return `${option?.IdCotizacion} - ${nombre} (${option?.Cliente?.EMail})`\r\n }}\r\n style={{\r\n width: \"100%\",\r\n margin: \"5px 0\",\r\n paddingBottom: \"0\",\r\n fontWeight: \"500\",\r\n }}\r\n disabled={listaCotizaciones.length > 0 ? false : true}\r\n onChange={getOptionHangle}\r\n renderInput={(params) => (\r\n
\r\n )\r\n}\r\nexport default CBCotizaciones","import { IconButton, Button, Grid, makeStyles } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { useState } from \"react\"\r\nimport ScheduleIcon from '@material-ui/icons/Schedule'\r\nimport { actulizarVigenciaCotizacionAction, obtenerCotizacionesAction } from \"../../../ducks/cotizacioensDuck\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"../../../global/ModalBase\"\r\nimport PickerMod from \"../../../global/PickersMod\"\r\nimport { FormatoFecha, esFechaValida } from \"../../../utils/FormatFecha\"\r\nimport { DIAS_PERMITIR_VIGENCIA_FECHA } from \"../../../constant/constantes\"\r\n\r\nexport const FVigenciaStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n textFieldMultiLinea: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500,\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\",\r\n },\r\n containerSpacing: {\r\n margin: \"10px 0\",\r\n },\r\n modalBotones: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n modalBotonesCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"2%\"\r\n },\r\n modalBoton: {\r\n margin: \"1px 0\",\r\n width: \"20%\",\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n maxWidth: \"1160px\",\r\n margin: \"0 auto\",\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: \"none\",\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n maxWidth: \"1160px\",\r\n minWidth: \"500px\",\r\n },\r\n}))\r\n\r\nconst FVigencia = (props) => {\r\n const {idCotizacion} = props\r\n const [open, setOpen] = useState(false)\r\n const [vigencia, setVigencia] = useState(new Date())\r\n const dispatch = useDispatch()\r\n const classes = FVigenciaStyle()\r\n\r\n const handleClose = () => {\r\n setOpen(false)\r\n setVigencia(new Date())\r\n }\r\n const onSend = () => {\r\n if (!esFechaValida({date: vigencia})) {\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(actulizarVigenciaCotizacionAction({ fechaExpiracion: FormatoFecha({ date: vigencia, formato: \"MMddyyyy\"}), idCotizacion})).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n const handleClick = () => {\r\n setOpen(true)\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FVigencia","import { useState, Fragment } from \"react\";\r\nimport { Tooltip, IconButton, Box, Collapse, Grid } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nimport { obtenerCotizacionesAction, obtenerCotizacionesPaginaAction, obteneCotizacionesRegistrosAction, obtenerCotizacionPdfAction, aceptarCotizacionAgenteAction, declinarCotizacionAgenteAction, reenviarCotizacionAgenteAction, declinarCotizacionAgenteEditarAction, completarCotizacionProcesoAction, aceptarCotizacionReviewAction, obtenerCotizacionesReviewAction, declinarCotizacionReviewAction } from \"../../../ducks/cotizacioensDuck\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport GetAppIcon from '@material-ui/icons/GetApp'\r\nimport { FormatoFechaIso } from \"../../../utils/FormatFecha\";\r\nimport { formatDinero } from \"../../../utils/formatDinero\";\r\nimport BeenhereIcon from '@material-ui/icons/Beenhere'\r\nimport CancelIcon from '@material-ui/icons/Cancel';\r\nimport ReplayIcon from '@material-ui/icons/Replay';\r\nimport EditLocationIcon from '@material-ui/icons/EditLocation';\r\nimport OfflinePinIcon from '@material-ui/icons/OfflinePin';\r\nimport { catRoles } from \"../../../constant/catRoles\"\r\nimport FVigencia from \"../FVigencia\";\r\nimport { usePermiso } from \"../../../hooks/usePermiso\"\r\nimport { catEstatusCotizacion } from \"../../../constant/catEstatusCotizacion\";\r\nexport const TClientesStyle = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: \"65vh\",\r\n },\r\n ButtonContent: {\r\n display: \"flex\",\r\n flexFlow: \"column wrap\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n section1: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n section2: {\r\n margin: theme.spacing(1, 2),\r\n },\r\n}))\r\nconst columns = [\r\n {\r\n id: \"numero\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"#\",\r\n },\r\n { id: \"noCotizacion\", minWidth: 10, align: \"center\", label: \"Cotizacion\" },\r\n {\r\n id: \"NombreCliente\",\r\n minWidth: 150,\r\n align: \"center\",\r\n label: \"Nombre cliente\",\r\n },\r\n { id: \"email\", minWidth: 10, align: \"center\", label: \"Email\" },\r\n { id: \"telefono\", minWidth: 50, align: \"center\", label: \"Telefono\" },\r\n { id: \"vigencia\", minWidth: 50, align: \"center\", label: \"Vigencia\" },\r\n {\r\n id: \"paquete\",\r\n minWidth: 50,\r\n align: \"center\",\r\n label: \"Paquete\",\r\n },\r\n { id: \"mod\", minWidth: 30, align: \"center\", label: \"\" },\r\n { id: \"Accion\", minWidth: 10, align: \"center\", label: \"\" },\r\n]\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n\r\n})\r\nfunction Row(props) {\r\n const {\r\n row,\r\n index\r\n } = props\r\n const [permitido] = usePermiso({ location: \"FK_COTIZACIONES_ADMIN_VIENGENCIA\", initialValue: false })\r\n\r\n const dispatch = useDispatch()\r\n const [open, setOpen] = useState(false)\r\n const classes = useRowStyles()\r\n const { profile } = useSelector(store => store.logeo)\r\n\r\n const onAceptarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de aceptar la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(aceptarCotizacionReviewAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesReviewAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onDeclinarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de declinar la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(declinarCotizacionReviewAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesReviewAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onReenviarCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de reenviar un nuevo contrato de la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(reenviarCotizacionAgenteAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesReviewAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const onTerminarProcesoCotizacion = ({ id }) => {\r\n DialogMessage.fire({\r\n title: `驴Estas seguro de teminar con el proceso de contratacion de la cotizacion con numero: #${id}?`,\r\n text: \"Este cambio no se puede deshacer\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Aceptar\",\r\n cancelButtonText: \"Cancelar\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({ message: \"Procesando\" }))\r\n dispatch(completarCotizacionProcesoAction({ IdCotizacion: id })).then((Response) => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha ocurrido un error, por favor int茅ntelo de nuevo m谩s tarde\",\r\n })\r\n return null\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n })\r\n return null\r\n }\r\n dispatch(obtenerCotizacionesReviewAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n })\r\n }\r\n const handleDowloadCotizacioon = ({ id }) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerCotizacionPdfAction({ IdCotizacion: id })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Se produjo un error inesperado. Int茅ntelo de nuevo m谩s tarde\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null\r\n }\r\n const downloadUrl = window.URL.createObjectURL(new Blob([Response.data], { type: Response.contentType }));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.target = \"_blank\"\r\n // link.download = `Cotizaci贸n-${id}-${new Date().toString()}`;\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n dispatch(obtenerCotizacionesReviewAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Archivo descargado\",\r\n });\r\n })\r\n }\r\n return (\r\n \r\n \r\n handleDowloadCotizacioon({ id: row.IdCotizacion })}>\r\n \r\n \r\n {\r\n (row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.PENDIENTE_REVISION) &&\r\n \r\n onAceptarCotizacion({ id: row.IdCotizacion })}\r\n disabled={row?.CatEstatusCotizacion?.IdCatEstatusCotizacion !== catEstatusCotizacion.PENDIENTE_REVISION}\r\n color=\"secondary\"\r\n >\r\n \r\n }\r\n {\r\n (row?.CatEstatusCotizacion?.IdCatEstatusCotizacion !== catEstatusCotizacion.RECHAZADA\r\n && row?.CatEstatusCotizacion?.IdCatEstatusCotizacion !== catEstatusCotizacion.CERRADO_GANADO\r\n ) &&\r\n \r\n onDeclinarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.RECHAZADA || row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CERRADO_GANADO) ? true : false}\r\n color=\"secondary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR) &&\r\n \r\n onReenviarCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CONTRATO_EXPIRADO) ? false : true}\r\n color=\"primary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR) &&\r\n \r\n onTerminarProcesoCotizacion({ id: row.IdCotizacion })}\r\n disabled={(row?.CatEstatusCotizacion?.IdCatEstatusCotizacion === catEstatusCotizacion.CONTRATO_ACEPTADO) ? false : true}\r\n color=\"primary\"\r\n >\r\n \r\n }\r\n {\r\n (profile.Rol?.Id === catRoles.DEVELOPER ||\r\n profile.Rol?.Id === catRoles.ADMINISTRADOR ||\r\n permitido) &&\r\n
\r\n Paquete: {row?.NombrePaquete}
\r\nClave paquete: {row?.ClavePaquete}
\r\nFecha de salida: {FormatoFechaIso({ date: row?.FechaSalida, formato: \"dd/MM/yyyy\" })}
\r\nAdultos: {row?.Adultos}
\r\nMenores: {row?.Menores}
\r\nInfantes: {row?.Infantes}
\r\nEstatus cotizacion: {row?.CatEstatusCotizacion?.Descripcion}
\r\nAgente: {`${row?.Agente?.Nombre} ${row?.Agente?.Apellido_Paterno} ${row?.Agente?.Apellido_Materno}`}
\r\nCorreo: {`${row?.Agente?.eMail}`}
\r\nMonto paquete: {formatDinero(row?.MontoPaquete)} {row?.Moneda?.Clave}
\r\n {\r\n row?.lFormatoPago?.map((pago, item) => {\r\n return (\r\n\r\n Tipo: {pago?.CatTipoPago?.Nombre}
\r\n Cantidad de pagos: {pago?.NumeroPagos}
\r\n Banco\r\n {\r\n (pago?.BancoFormatoPago) ?\r\n ` ${pago?.BancoFormatoPago?.Banco?.Nombre}`\r\n : \" No Aplica\"\r\n }\r\n
\r\n\r\n
\r\n Tipo: {suplemento?.TipoSuplemento}
\r\n Precio: {formatDinero(suplemento?.Precio)}
\r\n {suplemento?.Nombre}\r\n
Cotizaciones
\r\n\r\n
\r\n \r\n
\r\n Hola escribe a qui tu texto
', onValue, height=\"400px\"} = props\r\n const blocksFromHtml = htmlToDraft(content);\r\n const { contentBlocks, entityMap } = blocksFromHtml;\r\n const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);\r\n const [editorState, setEditorState] = useState(EditorState.createWithContent(contentState)) \r\n const changeEditor = (EditorState) => {\r\n onValue(draftToHtml(convertToRaw(EditorState.getCurrentContent())))\r\n setEditorState(EditorState)\r\n }\r\n\r\n return (\r\n\r\n
\r\n )\r\n}\r\nexport default ControllerEditor","import { useState, useEffect } from \"react\";\r\nimport { Box, FormControl, InputLabel, Select, MenuItem, TextField, Button, Grid, AppBar, Tabs, Tab } from \"@material-ui/core\"\r\nimport PostAddIcon from '@material-ui/icons/PostAdd'\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport { useFormik } from \"formik\"\r\nimport * as yup from \"yup\";\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { crearTerrestreAction, obtenerTerrestreAllAction, obtenerCatalogoProveedorTerrestre, openMoadalAltaCiurcuito } from \"./../../../ducks/proveedorTerrestreDuck\"\r\nimport { makeStyles } from \"@material-ui/core\"\r\nimport { offLoadAction, onLoadAnction } from \"./../../../ducks/loadDuck\"\r\nimport ControllerEditor from \"./../ControlledEditor\"\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n Escribe aqui el itinerario
')\r\n const [incluye, setIncluye] = useState('Escribe aqui lo que incluye
')\r\n const [noIncluye, setNoIncluye] = useState('Escribe aqui lo que No Incluye
')\r\n useCatalogoPrveedoresTerrestres()\r\n const { catalogoTerrestre } = useSelector(store => store.proveedorTerrestre)\r\n const dispatch = useDispatch()\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const classes = FormularioReservaStyle()\r\n const [tipoMoneda, setTipoMoneda] = useState(0)\r\n const formik = useFormik({\r\n initialValues: initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSave(values)\r\n },\r\n })\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n const onItinerarioValue = (value) => {\r\n setItenerario(value)\r\n }\r\n const onIncluyeValue = (value) => {\r\n setIncluye(value)\r\n }\r\n const onNoIncluyeValue = (value) => {\r\n setNoIncluye(value)\r\n }\r\n const handleSelecProveedor = (event) => {\r\n setIdProveedor(event.target.value)\r\n }\r\n const onClick = () => {\r\n setOpen(true)\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n setTipoMoneda(0)\r\n setValue(0)\r\n setItenerario('Escribe aqui el itinerario
')\r\n setIncluye('Escribe aqui lo que incluye
')\r\n setNoIncluye('Escribe aqui lo que No Incluye
')\r\n formik.resetForm(initialValues)\r\n }\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n }\r\n const onSave = (values) => {\r\n if (tipoMoneda === 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Selecciona una moneda valida\",\r\n })\r\n return null\r\n }\r\n if (idProveedor === 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Selecciona una proveedor valido\",\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: '' }))\r\n dispatch(crearTerrestreAction({\r\n ClavePaquete: \"No aplica\",\r\n IdMoneda: tipoMoneda,\r\n IdProveedor: idProveedor,\r\n Itinerario: itinerario,\r\n Nombre: values?.nombrePaquete,\r\n PrecioNeto: values?.monto,\r\n Incluye: incluye,\r\n NoIncluye: noIncluye\r\n })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(openMoadalAltaCiurcuito({\r\n proveedor: {\r\n idProveedor: Response,\r\n claveProveedor: values?.clavePaquete,\r\n }\r\n }))\r\n dispatch(obtenerTerrestreAllAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n\r\n })\r\n }\r\n return (\r\n\r\n } style={{ marginBottom: \"15px\" }}>\r\n Nuevo terrestre\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FProveedoresTerrestres","import {useState} from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TablePagination from '@material-ui/core/TablePagination'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst columns = [\r\n { id: \"1\", minWidth: 150, align: \"center\", label: 'Clave' },\r\n { id: \"2\", minWidth: 150, align: \"center\", label: 'Fecha inicio' },\r\n { id: \"3\", minWidth: 150, align: \"center\", label: 'Fecha fin' },\r\n { id: \"4\", minWidth: 150, align: \"center\", label: 'Disponibilidad' },\r\n { id: \"5\", minWidth: 50, align: \"center\", label: \"\" }\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nexport default function TCircuitosProveedor() {\r\n\r\n const classes = useStyles()\r\n const [page, setPage] = useState(0)\r\n const [rowsPerPage, setRowsPerPage] = useState(10)\r\n const {arrayCircuitos} = useSelector(store => store.proveedorTerrestre)\r\n const rows = arrayCircuitos ?? []\r\n const handleChangePage = (event, newPage) => {\r\n setPage(newPage)\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n setRowsPerPage(+event.target.value)\r\n setPage(0)\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FCircuitos","import { useState, useEffect } from \"react\";\r\nimport { Box, FormControl, InputLabel, Select, MenuItem, TextField, Button, Grid, AppBar, Tabs, Tab } from \"@material-ui/core\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"./../../../global/ModalBase\"\r\nimport { useFormik } from \"formik\"\r\nimport * as yup from \"yup\";\r\nimport useApi from \"./../../../hooks/useAPI\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { actulizaTerrestreAction, obtenerTerrestreAllAction, obtenerCatalogoProveedorTerrestre, openModalEditarPaqueteAction } from \"./../../../ducks/proveedorTerrestreDuck\"\r\nimport { makeStyles } from \"@material-ui/core\"\r\nimport { offLoadAction, onLoadAnction } from \"./../../../ducks/loadDuck\"\r\nimport ControllerEditor from \"./../ControlledEditor\"\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n Escribe aqui el itinerario
')\r\n const [incluye, setIncluye] = useState('Escribe aqui lo que incluye
')\r\n const [noIncluye, setNoIncluye] = useState('Escribe aqui lo que No Incluye
')\r\n useCatalogoPrveedoresTerrestres()\r\n const { catalogoTerrestre, paqueteSelect, openEditPaquete } = useSelector(store => store.proveedorTerrestre)\r\n const open = openEditPaquete\r\n const dispatch = useDispatch()\r\n const catalogoMoneda = useApi(\"Catalog/MonedaProveedor\")\r\n const classes = FormularioReservaStyle()\r\n const [tipoMoneda, setTipoMoneda] = useState(0)\r\n const formik = useFormik({\r\n initialValues: initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n onSave(values)\r\n },\r\n })\r\n\r\n useEffect(() => {\r\n setValue(2)\r\n if (paqueteSelect?.IdPaqueteProveedorTerrestre > 0) {\r\n formik.setFieldValue(\"nombrePaquete\", paqueteSelect.Nombre)\r\n formik.setFieldValue(\"monto\", paqueteSelect.PrecioNeto)\r\n setTipoMoneda(paqueteSelect.Moneda?.id_moneda)\r\n setIdProveedor(paqueteSelect.Proveedor?.IdProveedor)\r\n setItenerario(paqueteSelect.Itinerario)\r\n setIncluye(paqueteSelect.Incluye)\r\n setNoIncluye(paqueteSelect.NoIncluye)\r\n setValue(0)\r\n }\r\n }, [paqueteSelect])\r\n\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n const onItinerarioValue = (value) => {\r\n setItenerario(value)\r\n }\r\n const onIncluyeValue = (value) => {\r\n setIncluye(value)\r\n }\r\n const onNoIncluyeValue = (value) => {\r\n setNoIncluye(value)\r\n }\r\n const handleSelecProveedor = (event) => {\r\n setIdProveedor(event.target.value)\r\n }\r\n const handleClose = () => {\r\n dispatch(openModalEditarPaqueteAction({ open: false, paquete: {} }))\r\n setTipoMoneda(0)\r\n setValue(0)\r\n setItenerario('Escribe aqui el itinerario
')\r\n setIncluye('Escribe aqui lo que incluye
')\r\n setNoIncluye('Escribe aqui lo que No Incluye
')\r\n formik.resetForm(initialValues)\r\n }\r\n const handleSelecTipoMoneda = (event) => {\r\n setTipoMoneda(event.target.value)\r\n }\r\n const onSave = (values) => {\r\n if (tipoMoneda === 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Selecciona una moneda valida\",\r\n })\r\n return null\r\n }\r\n if (idProveedor === 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Selecciona una proveedor valido\",\r\n })\r\n return null\r\n }\r\n dispatch(onLoadAnction({ message: '' }))\r\n dispatch(actulizaTerrestreAction({\r\n IdPaqueteProveedorTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre,\r\n ClavePaquete: \"No aplica\",\r\n IdMoneda: tipoMoneda,\r\n IdProveedor: idProveedor,\r\n Itinerario: itinerario,\r\n Nombre: values?.nombrePaquete,\r\n PrecioNeto: values?.monto,\r\n Incluye: incluye,\r\n NoIncluye: noIncluye\r\n })).then(Response => {\r\n dispatch(offLoadAction())\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema intentar mas tarde\",\r\n });\r\n return null;\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: Response.Message,\r\n });\r\n return null;\r\n }\r\n dispatch(obtenerTerrestreAllAction())\r\n handleClose()\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n\r\n })\r\n }\r\n return (\r\n\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPAroveedoresTerrestres","import {makeStyles} from \"@material-ui/core\";\r\n\r\nexport const FPaquetesStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: '97%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n textFieldMultiLinea: {\r\n width: '95%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n formControl: {\r\n width: \"97%\",\r\n margin: \"5px\"\r\n },\r\n containerSpacing:{\r\n margin: \"10px 5px\",\r\n padding: \"10px 10px\"\r\n },\r\n containerSpacingItem:{\r\n margin: \"10px 10px\"\r\n },\r\n modalBotonesCenter:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n modalBotones:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between'\r\n },\r\n modalBoton:{\r\n margin: \"15px 10px\",\r\n width: \"20%\"\r\n },\r\n modal: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n maxWidth: \"1200px\",\r\n maxHeight: \"500px\",\r\n margin: \"auto\",\r\n padding: theme.spacing(1),\r\n },\r\n paper: {\r\n maxWidth: \"1200px\",\r\n maxHeight: \"500px\",\r\n backgroundColor: theme.palette.background.paper,\r\n border: 'none',\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n","import React from \"react\";\r\nimport {\r\n Button,\r\n Paper,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n ButtonGroup,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { eliminarHotelPaqueteTerrrestre, obtenerHotelelesPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\nimport Swal from \"sweetalert2\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { DialogMessage } from \"../../../global/DialogMessage\"\r\nimport LabelServicios from \"./LabelServicios\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%'\r\n },\r\n container: {\r\n maxHeight: 250,\r\n },\r\n})\r\nconst TablaRegistro = () => {\r\n const { paqueteSelect, listaHoteletesTerrestre } = useSelector(store => store.proveedorTerrestre)\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n const onDelete = (row) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro?',\r\n text: \"隆No podr谩s revertir esto!\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: 'Eliminar',\r\n cancelButtonText: 'Cancelar',\r\n reverseButtons: true\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(eliminarHotelPaqueteTerrrestre({ idPaqueteTerrestreHotel: row?.IdPaqueteProveedorTerrestreHotel })).then(Response => {\r\n dispatch(obtenerHotelelesPaqueteTerrestre({ idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre }))\r\n dispatch(offLoadAction())\r\n ToastMessage.fire(\r\n 'Elimminado',\r\n 'El vuelo ha sido eliminado.',\r\n 'success'\r\n )\r\n })\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n result.dismiss === Swal.DismissReason.cancel\r\n ) {\r\n ToastMessage.fire(\r\n 'Cancelado',\r\n 'No se ha realizado ningun cambio',\r\n 'info'\r\n )\r\n }\r\n })\r\n }\r\n return (\r\n \r\n {Servicios.map((item, index) =>\r\n
\r\n );\r\n};\r\nexport default LabelServicios;\r\n","import React from \"react\";\r\nimport parse from \"autosuggest-highlight/parse\";\r\nimport match from \"autosuggest-highlight/match\";\r\n\r\nconst handleRenderOption = (option, { inputValue }) => {\r\n const matches = match(`${option.Nombre.trim()}`, inputValue);\r\n const parts = parse(`${option.Nombre.trim()}`, matches);\r\n const highlightStyle = {\r\n fontWeight: 700,\r\n backgroundColor: \"lightyellow\",\r\n padding: \"5px 2px\",\r\n };\r\n\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import React, { Fragment } from \"react\"\r\nimport TextField from \"@material-ui/core/TextField\"\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\"\r\nimport handleRenderOption from \"./handleRenderOption\"\r\nimport useCatalogo from \"./../../../hooks/useCatalogos\"\r\n\r\nconst InitailValuesPais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n}\r\n\r\nconst AutoInputPaises = (props) => {\r\n const catalogoPaises = useCatalogo(\"Pais\")\r\n const {\r\n name = \"\",\r\n label = \"\",\r\n target = InitailValuesPais,\r\n setTarget = () => {},\r\n error = false,\r\n helperText = \"\",\r\n } = props\r\n\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n setTarget(valor)\r\n } else {\r\n setTarget(InitailValuesPais)\r\n }\r\n }\r\n\r\n return (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import {makeStyles} from \"@material-ui/core\";\r\n\r\nexport const AutoInputStyle = makeStyles((theme) => ({\r\n textField: {\r\n width: '97%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n textFieldMultiLinea: {\r\n width: '95%',\r\n margin: \"5px\",\r\n paddingBottom: 0,\r\n fontWeight: 500\r\n },\r\n formControl: {\r\n width: \"90%\",\r\n margin: \"5px\"\r\n },\r\n containerSpacing:{\r\n margin: \"10px 5px\",\r\n padding: \"10px 10px\"\r\n },\r\n containerSpacingItem:{\r\n margin: \"10px 10px\"\r\n },\r\n modalBotonesCenter:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n modalBotones:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between'\r\n },\r\n modalBoton:{\r\n margin: \"15px 10px\",\r\n width: \"20%\"\r\n },\r\n modal: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n maxWidth: \"1200px\",\r\n margin: \"0 auto\",\r\n padding: theme.spacing(1),\r\n },\r\n paper: {\r\n backgroundColor: theme.palette.background.paper,\r\n border: 'none',\r\n boxShadow: theme.shadows[10],\r\n padding: theme.spacing(1, 2, 1),\r\n },\r\n }));\r\n","import { useState } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Tooltip, Grid } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport AddCircleOutlineIcon from \"@material-ui/icons/AddCircleOutline\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { altaCatalogCiudadAction } from \"./../../../ducks/catalogoCiudadDuck\";\r\nimport { AutoInputStyle } from \"./styles\";\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\";\r\nconst AltaCiudad = (props) => {\r\n const { CodigoPais = \"0\", NombrePais = \"\" } = props\r\n const dispatch = useDispatch()\r\n const [open, setOpen] = useState(false)\r\n const [nombre, setNombre] = useState(\"\")\r\n const classes = AutoInputStyle()\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n LimpiarForm()\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n LimpiarForm()\r\n }\r\n const onGuardar = () => {\r\n if (CodigoPais !== \"0\") {\r\n let payload = {\r\n Nombre: nombre,\r\n CodigoPais: CodigoPais,\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(altaCatalogCiudadAction(payload)).then((Response) => {\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n })\r\n return\r\n }\r\n LimpiarForm()\r\n setOpen(false)\r\n dispatch(offLoadAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n })\r\n })\r\n }\r\n }\r\n const LimpiarForm = () => {\r\n setNombre(\"\");\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Agregar ciudad \r\n \r\n \r\n Pais: {NombrePais}\r\n \r\n \r\n \r\n {\r\n setNombre(event.target.value);\r\n }}\r\n className={classes.textField}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Agregar\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaCiudad;\r\n","import React, { useEffect } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Grid } from \"@material-ui/core\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport handleRenderOption from \"./handleRenderOption\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { obtenerCatalogoCiudadesAction } from \"../../../ducks/catalogoCiudadDuck\";\r\nimport AltaCiudad from \"./AltaCiudad\";\r\n\r\nconst InitialValueCiudad = {\r\n IdCiudad: 0,\r\n Nombre: \"\",\r\n Codigo: \"\",\r\n}\r\n\r\nconst useObtenerCatalogoCiudades = ({ codigoPais }) => {\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(obtenerCatalogoCiudadesAction(codigoPais))\r\n }, [dispatch, codigoPais])\r\n}\r\n\r\nconst AutoInputCuidades = (props) => {\r\n const {\r\n name = \"\",\r\n CodigoPais = \"0\",\r\n label = \"\",\r\n target = InitialValueCiudad,\r\n setTarget = () => { },\r\n error = false,\r\n helperText = \"\",\r\n } = props\r\n const catalogoCiudades = useSelector((store) => store.catalogoCiudad.array)\r\n useObtenerCatalogoCiudades({ codigoPais: CodigoPais })\r\n const getOptionHangle = (event, valor) => {\r\n if (valor) {\r\n setTarget(valor)\r\n } else {\r\n setTarget(InitialValueCiudad)\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n 0 ? false : true}\r\n >\r\n \r\n \r\n \r\n Nuevo hotel \r\n \r\n {origen.Nombre} \r\n \r\n \r\n setNombre(event.target.value)}\r\n className={classes.textField}\r\n />\r\n \r\n {/* \r\n \r\n \r\n Servicios\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n 0 ? false : true}\r\n >\r\n Agregar\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default AltaHotel\r\n","import React, { useEffect, useState } from \"react\"\r\nimport { FPaquetesStyle } from \"./styles\"\r\nimport {\r\n Grid,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n MenuItem,\r\n Button,\r\n} from \"@material-ui/core\"\r\nimport ListItemText from \"@material-ui/core/ListItemText\"\r\nimport Checkbox from \"@material-ui/core/Checkbox\"\r\nimport TablaRegistro from \"./TablaRegistro\"\r\nimport useGetAPI from \"../../../hooks/useGetAPI\"\r\nimport useCatalogo from \"../../../hooks/useCatalogos\"\r\nimport { ToastMessage } from \"../../../global/ToastMessage\"\r\nimport { useDispatch, useSelector } from \"react-redux\"\r\nimport { closeModalHotelPaqueteTerrestre, obtenerHotelelesPaqueteTerrestre, crearHotelPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\"\r\nimport AutoInputPaises from \"./../AutoInputPais\"\r\nimport AutoInputCuidades from \"./../AutoInputCiudades\"\r\nimport AltaHotel from \"./AltaHotel\"\r\nimport HeaderModal from \"../../../global/headerModal\"\r\nimport ModalBase from \"../../../global/ModalBase\"\r\nimport { offLoadAction, onLoadAnction } from \"./../../../ducks/loadDuck\"\r\nconst InitialValuePais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n}\r\nconst InitialValueCiudad = {\r\n IdCiudad: 0,\r\n Nombre: \"\"\r\n}\r\nconst ITEM_HEIGHT = 48\r\nconst ITEM_PADDING_TOP = 8\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n}\r\nconst getIdServicios = (arrayTipo) => {\r\n return arrayTipo.map((item) => {\r\n return item.IdServicio;\r\n })\r\n}\r\nconst useHotelesPaqueteMayorista = () => {\r\n const dispatch = useDispatch()\r\n const { paqueteSelect } = useSelector(store => store.proveedorTerrestre)\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerHotelelesPaqueteTerrestre({ idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre })).then(\r\n (Response) => {\r\n dispatch(offLoadAction())\r\n }\r\n )\r\n }, [dispatch, paqueteSelect?.IdPaqueteProveedorTerrestre])\r\n}\r\n\r\nconst FPaquetesHoteles = () => {\r\n const { paqueteSelect, openHotelTerrestre, listaHoteletesTerrestre } = useSelector(store => store.proveedorTerrestre)\r\n const dispatch = useDispatch()\r\n const classes = FPaquetesStyle()\r\n const catServicios = useCatalogo(\"Servicio\")\r\n const [IdHotel, setIdHotel] = useState(0)\r\n const [servicios, setServicios] = useState([])\r\n const [pais, setPais] = useState(InitialValuePais)\r\n const [ciudad, setCuidad] = useState(InitialValueCiudad)\r\n const catHoteles = useGetAPI(`Hotel/Source/${ciudad.IdCiudad}`)\r\n useHotelesPaqueteMayorista()\r\n\r\n const onGuardar = () => {\r\n if (IdHotel <= 0) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"隆Seleccione un hotel valido!\",\r\n })\r\n return\r\n }\r\n if (listaHoteletesTerrestre.find(paqueteHotel => paqueteHotel.Hotel.IdHotel === IdHotel)) {\r\n ToastMessage.fire({\r\n icon: \"info\",\r\n title: \"Atenci贸n\",\r\n text: \"El hotel ya fue asignado al paquete.\",\r\n })\r\n return\r\n }\r\n let hotel = {\r\n idPaqueteTerrestre: paqueteSelect.IdPaqueteProveedorTerrestre,\r\n idHotel: IdHotel,\r\n suplemento: 0,\r\n }\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(crearHotelPaqueteTerrestre(hotel)).then((Response) => {\r\n if (Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return\r\n }\r\n if (Response.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n })\r\n return\r\n }\r\n LimpiarForm()\r\n dispatch(obtenerHotelelesPaqueteTerrestre({ idPaqueteTerrestre: paqueteSelect.IdPaqueteProveedorTerrestre })).then(Response => {\r\n dispatch(offLoadAction())\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n })\r\n })\r\n })\r\n }\r\n const LimpiarForm = () => {\r\n setIdHotel(0)\r\n setServicios([])\r\n setPais(InitialValuePais)\r\n setCuidad(InitialValueCiudad)\r\n }\r\n const handleClose = () => {\r\n dispatch(closeModalHotelPaqueteTerrestre())\r\n LimpiarForm()\r\n }\r\n const handleSelecHotel = (event) => {\r\n setIdHotel(event.target.value);\r\n }\r\n const getDescripcion = (arrayTipo) => {\r\n return arrayTipo.map((item) => {\r\n return item.Descripcion;\r\n });\r\n }\r\n const handleChange = (event) => {\r\n setServicios(event.target.value);\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Descripci贸n extra \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default DialogDescripcion","import { useState } from \"react\";\r\nimport { Tooltip, Grid, FormControl, Select, MenuItem, InputLabel } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport PlaylistAddIcon from '@material-ui/icons/PlaylistAdd';\r\nimport UploadInput from \"../../../global/UploadInput\";\r\nimport useCatalogos from \"../../../hooks/useCatalogos\";\r\nimport { getBase64 } from \"../../../utils/fileBase64\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actualizaTipoExtraTerrestreAction, obtenerExtrasPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\n\r\nconst FTipoExtra = (props) => {\r\n const { idExtra, Nombre } = props\r\n const { paqueteSelect } = useSelector(store => store.proveedorTerrestre)\r\n\r\n const dispatch = useDispatch()\r\n const catTipoExtra = useCatalogos(\"Extras\");\r\n const [open, setOpen] = useState(false);\r\n const [file, setFile] = useState([]);\r\n const [tipoExtra, setTipoExtra] = useState(0);\r\n const [load, setLoad] = useState(false)\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleSelecTipoExtra = (event) => {\r\n setTipoExtra(event.target.value);\r\n };\r\n const onGuardar = () => {\r\n if (file.length > 0) {\r\n setLoad(true);\r\n file.forEach(async (archivo) => {\r\n await getBase64(archivo).then((result) => {\r\n const Logobase64 = String(result).split(\",\")[1];\r\n\r\n console.log(\"TIPO EXTRA\", tipoExtra);\r\n \r\n let payload = {\r\n idExtra: idExtra,\r\n idCatExtra: tipoExtra,\r\n imagen: Logobase64,\r\n extencion:\r\n archivo.name.split(\".\")[archivo.name.split(\".\").length - 1],\r\n };\r\n dispatch(actualizaTipoExtraTerrestreAction(payload)).then((Response) => {\r\n setLoad(false);\r\n if (Response.status && Response.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema con el servidor\",\r\n });\r\n return null\r\n }\r\n dispatch(obtenerExtrasPaqueteTerrestre({idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre}))\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n });\r\n });\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Seleccione por lo menos una imagen.\",\r\n });\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setTipoExtra(0);\r\n setFile([]);\r\n setLoad(false)\r\n setOpen(false)\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Asignar tipo extra a {Nombre} \r\n \r\n \r\n \r\n \r\n \r\n {tipoExtra > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FTipoExtra","import { useState } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Tooltip, Grid, InputAdornment } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actulizaExtraAction, actulizaExtraPrecioAction } from \"../../../ducks/extrasDuck\";\r\nimport BackDrop from \"../../../global/BackDrop\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { useFormik } from \"formik\";\r\nimport * as yup from \"yup\";\r\nimport ControlledEditor from \"../../../global/ControlledEditor\"\r\nimport { obtenerExtrasPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\n\r\nconst validationSchema = yup.object({\r\n nombre: yup.string(\"Ingresa un nombre\").required(\"Nombre es requerido\"),\r\n suplemento: yup\r\n .number(\"Ingresa un precio neto\")\r\n .required(\"Precio neto es requerido\"),\r\n})\r\n\r\nconst InitalValues = {\r\n nombre: \"\",\r\n suplemento: 0,\r\n}\r\n\r\nconst ActualizaExtra = (props) => {\r\n const { Nombre = \"\", idExtra = 0, Precio = 0, Descripcion = \"\" } = props\r\n const { paqueteSelect } = useSelector(store => store.proveedorTerrestre)\r\n\r\n const classes = FPaquetesStyle()\r\n const dispatch = useDispatch()\r\n const [open, setOpen] = useState(false)\r\n const [isLoad, setIsload] = useState(false)\r\n const [planDescripcion, setPlanDescripcion] = useState(\"\")\r\n const [descripcion, setDescripcion] = useState('\r\n \r\n Tipo Extra \r\n \r\n \r\n {catTipoExtra.map((item, index) => (\r\n \r\n {`${item.Descripcion}`}\r\n \r\n ))}\r\n \r\n \r\n
\r\n Escribe aqui tu texto
')\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n LimpiarForm()\r\n formik.setFieldValue(\"nombre\", Nombre)\r\n formik.setFieldValue(\"suplemento\", Precio)\r\n setDescripcion(Descripcion)\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n LimpiarForm()\r\n }\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n setIsload(true);\r\n dispatch(actulizaExtraAction({ IdExtra: idExtra, Descripcion: descripcion, Nombre: values.nombre })).then((Response) => {\r\n setIsload(false);\r\n if (Response?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (Response?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: Response?.Message,\r\n });\r\n return null\r\n }\r\n dispatch(actulizaExtraPrecioAction({ IdExtra: idExtra, IdPaquete: paqueteSelect?.IdPaqueteProveedorTerrestre, Precio: values.suplemento, Descripcion: planDescripcion })).then((respueta) => {\r\n if (respueta?.status === 500) {\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n return null\r\n }\r\n if (respueta?.status === 400) {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n text: respueta?.Message,\r\n });\r\n return null\r\n }\r\n setOpen(false);\r\n dispatch(obtenerExtrasPaqueteTerrestre({idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre}));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n });\r\n LimpiarForm();\r\n })\r\n })\r\n },\r\n })\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues);\r\n setDescripcion('Escribe aqui tu texto
');\r\n };\r\n const onDescripcionValue = value => {\r\n setDescripcion(value)\r\n }\r\n const onDescripcionPlanValue = value => {\r\n setPlanDescripcion(value)\r\n }\r\n return (\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\nexport default ActualizaExtra;\r\n","import { useState } from \"react\";\r\nimport { Tooltip, Typography } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport WallpaperIcon from '@material-ui/icons/Wallpaper';\r\nimport { APIURL } from \"../../../Constantes\";\r\nconst DialogTipoExtra = (props) => {\r\n const { TipoExtra, idExtra } = props\r\n const [open, setOpen] = useState(false);\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tipo extra \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default DialogTipoExtra","import React from \"react\";\r\nimport {\r\n Button,\r\n Paper,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableBody,\r\n ButtonGroup,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport { formatDinero } from \"./../../../utils/formatDinero\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport Swal from \"sweetalert2\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport { DialogMessage } from \"../../../global/DialogMessage\";\r\nimport DialogDescripcion from \"./DialogDescipcion\";\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport FTipoExtra from \"./FTipoExtra\";\r\nimport ActualizaExtra from \"./ActulizaExtra\";\r\nimport DialogTipoExtra from \"./DialogTipoExtra\";\r\nimport { eliminarExtraPaqueteTerrrestre, obtenerExtrasPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%'\r\n },\r\n container: {\r\n maxHeight: 350,\r\n },\r\n})\r\n\r\nconst TablaRegistro = (props) => {\r\n const { Moneda = \"\" } = props;\r\n\r\n const { listaExtrasTerrestre, paqueteSelect } = useSelector(store => store.proveedorTerrestre);\r\n\r\n const rows = listaExtrasTerrestre ?? [];\r\n\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n const onDelete = (row) => {\r\n DialogMessage.fire({\r\n title: '驴Estas seguro?',\r\n text: \"隆No podr谩s revertir esto!\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: '隆Eliminarlo!',\r\n cancelButtonText: '隆Cancelar!',\r\n reverseButtons: true\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n dispatch(eliminarExtraPaqueteTerrrestre({idPaqueteTerrestreExtra: row?.IdPaqueteProveedorTerrestreExtra })).then(Response => {\r\n dispatch(obtenerExtrasPaqueteTerrestre({idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre}));\r\n ToastMessage.fire(\r\n '隆Elimminado!',\r\n '隆El extra ha sido eliminada!',\r\n 'success'\r\n )\r\n })\r\n } else if (\r\n /* Read more about handling dismissals below */\r\n result.dismiss === Swal.DismissReason.cancel\r\n ) {\r\n ToastMessage.fire(\r\n 'Cancelado',\r\n 'No se ha realizado ningun cambio',\r\n 'info'\r\n )\r\n }\r\n })\r\n }\r\n return (\r\n \r\n
\r\n \r\n {TipoExtra} \r\n
\r\n \r\n \r\n
\r\n \r\n Escribe aqui tu texto
')\r\n const handleClickOpen = () => {\r\n setOpen(true)\r\n LimpiarForm()\r\n }\r\n const handleClose = () => {\r\n setOpen(false)\r\n LimpiarForm()\r\n }\r\n const formik = useFormik({\r\n initialValues: InitalValues,\r\n validationSchema: validationSchema,\r\n onSubmit: (values) => {\r\n setIsload(true);\r\n let payload = {\r\n Nombre: values.nombre,\r\n IdOrigen: origen.IdCiudad,\r\n Descripcion: descripcion,\r\n };\r\n dispatch(altaExtraAction(payload)).then((Response) => {\r\n switch (Response.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break\r\n default:\r\n LimpiarForm();\r\n let extra = {\r\n idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre,\r\n idExtra: Response.data,\r\n suplemento: Number(values.suplemento),\r\n descripcion: planDescripcion,\r\n };\r\n dispatch(crearExtraPaqueteTerrestre(extra)).then((respueta) => {\r\n switch (respueta?.status) {\r\n default:\r\n setOpen(false);\r\n setIsload(false);\r\n dispatch(obtenerExtrasPaqueteTerrestre({idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre}));\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Exito en la operacion\",\r\n });\r\n break\r\n }\r\n })\r\n break\r\n }\r\n })\r\n },\r\n })\r\n const LimpiarForm = () => {\r\n formik.resetForm(InitalValues);\r\n setDescripcion('Escribe aqui tu texto
');\r\n };\r\n const onDescripcionValue = value => {\r\n setDescripcion(value)\r\n }\r\n const onDescripcionPlanValue = value => {\r\n setPlanDescripcion(value)\r\n }\r\n return (\r\n\r\n \r\n \r\n 0 ? false : true}\r\n style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\", gap: \"20px\" }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default AltaExtra;\r\n","import { useEffect, useState } from \"react\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { catCiudad } from \"../../../constant/catCiudad\"\r\nimport {\r\n Grid,\r\n Button,\r\n} from \"@material-ui/core\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport AltaExtra from \"./AltaExtra\";\r\nimport HeaderModal from \"../../../global/headerModal\";\r\nimport ModalBase from \"../../../global/ModalBase\";\r\nimport { closeModalExtrasPaqueteTerrestre, obtenerExtrasPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\n\r\nconst FPaquetesExtras = (props) => {\r\n \r\n const dispatch = useDispatch();\r\n const { paqueteSelect, openExtraTerrestre, listaExtrasTerreste} = useSelector((store) => store.proveedorTerrestre);\r\n \r\n const classes = FPaquetesStyle();\r\n const [isLoad, setIsload] = useState(false);\r\n useEffect(() => {\r\n setIsload(true);\r\n dispatch(obtenerExtrasPaqueteTerrestre({idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre})).then(\r\n (Response) => {\r\n setIsload(false);\r\n }\r\n );\r\n }, [dispatch, paqueteSelect?.IdPaqueteProveedorTerrestre]);\r\n\r\n const handleClose = () => {\r\n dispatch(closeModalExtrasPaqueteTerrestre())\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default TablaRegistro;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Grid, Button } from \"@material-ui/core\";\r\nimport AutoInputPaises from \"../AutoInputPais\";\r\nimport AutoInputCuidades from \"../AutoInputCiudades\";\r\nimport { FPaquetesStyle } from \"./styles\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { ToastMessage } from \"../../../global/ToastMessage\";\r\nimport TablaRegistro from \"./TablaRegistro\";\r\nimport BackDrop from \"./../../../global/BackDrop\";\r\nimport { crearCiudadPaqueteTerrestre, obtenerCiudadesPaqueteTerrestre } from \"../../../ducks/proveedorTerrestreDuck\";\r\n\r\nconst InitialValuePais = {\r\n IdPais: 0,\r\n Nombre: \"\",\r\n Codigo: \"0\",\r\n}\r\nconst InitialValueCiudad = {\r\n IdCiudad: 0, \r\n Nombre: \"\"\r\n}\r\n\r\nconst Destinos = (props) => {\r\n const dispatch = useDispatch();\r\n const destinosPaquete = useSelector((state) => state.paquetes.arrayDestinos);\r\n const { paqueteSelect } = useSelector(store => store.proveedorTerrestre);\r\n\r\n const [pais, setPais] = useState(InitialValuePais);\r\n const [cuidad, setCuidad] = useState(InitialValueCiudad);\r\n const classes = FPaquetesStyle();\r\n const [isLoad, setIsLoad] = useState(false);\r\n\r\n \r\n useEffect(() => {\r\n setIsLoad(true);\r\n dispatch(obtenerCiudadesPaqueteTerrestre({ idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre })).then((Response) => {\r\n setIsLoad(false);\r\n });\r\n }, [paqueteSelect.IdPaqueteProveedorTerrestre, dispatch]);\r\n\r\n const onGuardar = () => {\r\n if (pais.IdPais > 0 && cuidad.IdCiudad > 0) {\r\n if (!destinosPaquete.find(destino => destino.IdCiudad === cuidad.IdCiudad)){\r\n setIsLoad(true);\r\n let payload = {\r\n idPaqueteTerrestre: paqueteSelect.IdPaqueteProveedorTerrestre,\r\n idCiudad: cuidad.IdCiudad,\r\n };\r\n\r\n dispatch(crearCiudadPaqueteTerrestre(payload)).then((Response) => {\r\n switch (Response?.status) {\r\n case 500:\r\n ToastMessage.fire({\r\n icon: \"error\",\r\n title: \"Ha habido un problema de conexi贸n con el servidor\",\r\n });\r\n break;\r\n case 400:\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Al menos un dato no se ha enviado, favor de llenar el registro.\",\r\n });\r\n break;\r\n default:\r\n LimpiarForm();\r\n ToastMessage.fire({\r\n icon: \"success\",\r\n title: \"Ingreso Correcto\",\r\n });\r\n\r\n dispatch(obtenerCiudadesPaqueteTerrestre({ idPaqueteTerrestre: paqueteSelect?.IdPaqueteProveedorTerrestre })).then((Response) => {\r\n setIsLoad(false);\r\n });\r\n break;\r\n }\r\n setIsLoad(false);\r\n });\r\n } else {\r\n ToastMessage.fire({\r\n icon: \"warning\",\r\n title: \"Atenci贸n\",\r\n text: \"Este destino ya fue agregado.\",\r\n });\r\n }\r\n }\r\n };\r\n const LimpiarForm = () => {\r\n setPais(InitialValuePais);\r\n setCuidad(InitialValueCiudad);\r\n };\r\n return (\r\n \r\n {/* \r\n {!isOrigen ?
\r\n {/* ) : null} */}\r\n {`Origen: ${paqueteSelect?.Origen?.Nombre}`}
*/}\r\n {/*\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default handleRenderOption;\r\n","import React, { Fragment } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport handleRenderOption from \"./handleRenderOption\";\r\nimport useCatalogos from \"../../../hooks/useCatalogos\";\r\nconst AutoInput = (props) => {\r\n const {name=\"\", label=\"\", setTarget=()=>{}, error=false, helperText=\"\", disabled=false} = props;\r\n const catalogoIATA = useCatalogos(\"IATA\")\r\n const getOptionHangle = (event, valor) =>{\r\n if(valor){\r\n setTarget(valor)\r\n } else {\r\n setTarget({IdCodigo: 0})\r\n }\r\n }\r\n return (\r\n \r\n }>\r\n Nuevo vuelos\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FProveedoresVuelos","import { useState, Fragment } from 'react'\r\nimport { Tooltip, IconButton, Box, Collapse } from \"@material-ui/core\"\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TablePagination from '@material-ui/core/TablePagination'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport { useSelector } from 'react-redux'\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown'\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp'\r\nimport { FormatoFechaIso } from '../../../utils/FormatFecha'\r\nconst columns = [\r\n { id: \"1\", minWidth: 150, align: \"center\", label: '#' },\r\n { id: \"2\", minWidth: 150, align: \"center\", label: 'Clave' },\r\n { id: \"3\", minWidth: 150, align: \"center\", label: 'Paquete' },\r\n { id: \"4\", minWidth: 150, align: \"center\", label: 'Proveedor' },\r\n { id: \"5\", minWidth: 150, align: \"center\", label: '' },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nconst TCircuitos = ({ rows }) => {\r\n const classes = useStyles()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Proveedor terrestre \r\n \r\n \r\n {listaPaqueteTerrestres.map((paquete, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Fechas paquete \r\n \r\n \r\n {arrayCircuitos.map((ciruito, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Guardar\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FCircuitosVuelo","import {\r\n Container,\r\n Grid,\r\n} from \"@material-ui/core\"\r\nimport { Fragment, useEffect } from \"react\"\r\nimport HomePage from \"../../Home\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { obtenerVuelosProveedorAllAction } from \"../../../ducks/proveedorAereolineaDuck\"\r\nimport { onLoadAnction, offLoadAction } from \"../../../ducks/loadDuck\"\r\nimport TProveedoresVuelos from \"../TProveedorVuelos\"\r\nimport FProveedoresVuelos from \"../FProveedorVuelos\"\r\nimport FCircuitosVuelo from \"../FCircuitosVuelo\"\r\nconst useProvedorVuelos = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerVuelosProveedorAllAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }, [dispatch])\r\n}\r\nconst VProveedorAereos = () => {\r\n useProvedorVuelos()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {isGaleria && \r\n \r\n \r\n Imagen \r\n \r\n \r\n {catTipoImagenes.map((item, index) => (\r\n \r\n {`${item.Descripcion}`}\r\n \r\n ))}\r\n \r\n \r\n {idTipoImagen > 0 && (\r\n \r\n \r\n 0 ? false : true}\r\n >\r\n Guardar\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Aplicar\r\n \r\n \r\n {!isGaleria ? \"Ver galeria\" : \"Nuevas imagnes\"}\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPaquetesGaleriaMayorista\r\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport Paper from '@material-ui/core/Paper'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableHead from '@material-ui/core/TableHead'\r\nimport TablePagination from '@material-ui/core/TablePagination'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { offLoadAction, onLoadAnction } from '../../../ducks/loadDuck'\r\nimport { obtenerPaqueteMayoristaPaginaAction, obtenerPaqueteMayoristaRegistrosAction } from '../../../ducks/proveedorMayoristaDuck'\r\nimport FPaquetesGaleriaMayorista from '../FPaquetesGaleria'\r\nconst columns = [\r\n { id: \"1\", minWidth: 150, align: \"center\", label: 'Clave' },\r\n { id: \"2\", minWidth: 150, align: \"center\", label: 'Nombre' },\r\n { id: \"3\", minWidth: 150, align: \"center\", label: 'Precio neto' },\r\n { id: \"4\", minWidth: 150, align: \"center\", label: 'Proveedor' },\r\n { id: \"5\", minWidth: 150, align: \"center\", label: '' },\r\n]\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n width: '100%',\r\n },\r\n container: {\r\n maxHeight: 440,\r\n },\r\n})\r\n\r\nexport default function TProveedoresMayorista() {\r\n const dispatch = useDispatch()\r\n const classes = useStyles()\r\n const { arrayPaquetesMayorista, total, pagina, registros } = useSelector(store => store.proveedorMayorista)\r\n console.log(\"馃殌 ~ TProveedoresMayorista ~ total:\", total)\r\n console.log(\"馃殌 ~ TProveedoresMayorista ~ arrayPaquetesMayorista:\", arrayPaquetesMayorista)\r\n const rows = arrayPaquetesMayorista ?? []\r\n const handleChangePage = (event, newPage) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerPaqueteMayoristaPaginaAction({ pagina: newPage })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n dispatch(onLoadAnction({ message: \"\" }))\r\n dispatch(obtenerPaqueteMayoristaRegistrosAction({ registros: +event.target.value })).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n }\r\n\r\n return (\r\n \r\n }>\r\n Nuevo paquete\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nexport default FPaqueteMayorista","import {\r\n Container,\r\n Grid,\r\n} from \"@material-ui/core\"\r\nimport TProveedoresMayorista from \"../TProveedorMayorista\"\r\nimport { useDispatch } from \"react-redux\"\r\nimport { Fragment, useEffect } from \"react\"\r\nimport { offLoadAction, onLoadAnction } from \"../../../ducks/loadDuck\"\r\nimport { obtenerPaqueteMayoristaAllAction } from \"../../../ducks/proveedorMayoristaDuck\"\r\nimport FPaqueteMayorista from \"../FPaqueteMayorista\"\r\n\r\nconst usePaqueteMayorista = () => {\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n dispatch(onLoadAnction({message: \"\"}))\r\n dispatch(obtenerPaqueteMayoristaAllAction()).then(Response => {\r\n dispatch(offLoadAction())\r\n })\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[])\r\n}\r\n\r\nconst VProveedorMayorista = () => {\r\n usePaqueteMayorista()\r\n return (\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 Rutas.map(Ruta => {\r\n const { key, path, exact, component, Clave } = Ruta\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}","import { createStore, combineReducers, compose, applyMiddleware } from \"redux\";\r\nimport thunk from \"redux-thunk\";\r\n/**\r\n * *NOTA: Importan los patos\r\n */\r\nimport paquetesReducer from \"./paqueteDuck\";\r\nimport vuelosReducer from \"./vueloDuck\";\r\nimport hotelesReducer from \"./hotelDuck\";\r\nimport habitacionesReducer from \"./habitacionDuck\";\r\nimport extrasReducer from \"./extrasDuck\";\r\nimport salidasReducer from \"./salidasDuck\";\r\nimport logeoReducer from \"./logeoDuck\";\r\nimport catalogoCiudadReducer from \"./catalogoCiudadDuck\";\r\nimport proveedorReducer from \"./proveedorDuck\";\r\nimport proveedorUsuarioReducer from \"./porveedorUsuarioDuck\";\r\nimport usuariosReducer from \"./usuariosDuck\";\r\nimport viajeCalendarioReducer from \"./viajeCalendarioDuck\";\r\nimport rolesReducer from \"./rolDuck\";\r\nimport pagoUnicoReducer from \"./pagoUnicoDuck\";\r\nimport pagosReducer from \"./pagosDuck\";\r\nimport pagosMasivosReducer from \"./pagosMasivosDuck\";\r\nimport PaquetesImagenNReducer from \"./paqueteImagenDuck\";\r\nimport cotizacionReducer from \"./cotizacionDuck\";\r\nimport clientesReducer from \"./clientesDuck\";\r\nimport paqueteDetallleReducer from \"./paqueteDetalleDuck\";\r\nimport finanzasReducer from \"./finanzasDuck\";\r\nimport cambiosReducer from \"./cambiosDuck\";\r\nimport cambiosPaqueteReducer from \"./cambioPaqueteDuck\";\r\nimport reservasReducer from \"./reservasDuck\";\r\nimport reservasExpiradasReducer from \"./reservasExpiradasDuck\";\r\nimport reservasAutorizadasReducer from \"./reservasAuthDuck\";\r\nimport aereosReducer from \"./aereosDuck\";\r\nimport aereosAutorizadasReducer from \"./aereosAuthDuck\";\r\nimport liquidacionesReducer from \"./liquidacionesDuck\";\r\nimport liquidacionesAutorizadasReducer from \"./liquidacionesAuthDuck\";\r\nimport cambiosClaveViajeReducer from \"./cambiosClaveViaje\";\r\nimport voucherIndividualReducer from \"./voucherIndividualDuck\";\r\nimport voucherGrupalReducer from \"./voucherGruapalDuck\";\r\nimport loadReducer from \"./loadDuck\";\r\nimport cotizadorReducer from \"./cotizadorDuck\";\r\nimport cotizadorPaqueteReducer from \"./cotizadorPaqueteDuck\";\r\nimport bancoReducer from \"./bancoDuck\";\r\nimport bancoMainReducer from \"./bancoGeneralDuck\";\r\nimport reportesReducer from \"./reportesDuck\";\r\nimport devolucioenesPendientesReducer from \"./devolucionesDuck\";\r\nimport cotizacionesReducer from \"./cotizacioensDuck\";\r\nimport devolucioenesAceptadasReducer from \"./devolucionesAceptadas\";\r\nimport devolucioenesHistoriaReducer from \"./devolucionesHistorial\";\r\nimport facturasPendientesReducer from \"./facturacionRecienteDuck\";\r\nimport facturacionAceptadasReducer from \"./facturacionAceptadasDuck\";\r\nimport facturacionHistoriaReducer from \"./facturacionHistorialDuck\";\r\nimport extrasContratadosReducer from \"./ExtrasContratadosDuck\";\r\nimport extrasContratadosAceptadasReducer from \"./extrasContratadosAceptadasDuck\";\r\nimport extrasContratadosHistorialReducer from \"./extrasContratadosHistorialDuck\";\r\nimport landingReducer from \"./landingDuck\";\r\nimport reportesCotizacionesReducer from \"./reportesCotizacionesDuck\";\r\nimport reporteClientesReducer from \"./reporteClientesDuck\";\r\n//* Metodos nuevo flujo del mayorista \r\nimport proveedorTerrestreReducer from \"./proveedorTerrestreDuck\";\r\nimport vueloProveedorReducer from \"./proveedorAereolineaDuck\";\r\nimport proveedorMayoristaReducer from \"./proveedorMayoristaDuck\";\r\n/**\r\n * *Nota: Se a帽ade los paratos al reducer\r\n */\r\nconst rootReduce = combineReducers({\r\n paquetes: paquetesReducer,\r\n paqueteDetalle: paqueteDetallleReducer,\r\n vuelos: vuelosReducer,\r\n hoteles: hotelesReducer,\r\n habitaciones: habitacionesReducer,\r\n extras: extrasReducer,\r\n salidas: salidasReducer,\r\n logeo: logeoReducer,\r\n catalogoCiudad: catalogoCiudadReducer,\r\n proveedores: proveedorReducer,\r\n proveedoresUsuarios: proveedorUsuarioReducer,\r\n usuarios: usuariosReducer,\r\n calendario: viajeCalendarioReducer,\r\n roles: rolesReducer,\r\n pagoUnico: pagoUnicoReducer,\r\n pagos: pagosReducer,\r\n pagosMasivos: pagosMasivosReducer,\r\n paquetesImagen: PaquetesImagenNReducer,\r\n cliente: clientesReducer,\r\n cotizacion: cotizacionReducer,\r\n finanzas: finanzasReducer,\r\n cambios: cambiosReducer,\r\n cambiosPaquete: cambiosPaqueteReducer,\r\n reservas: reservasReducer,\r\n reservasExpirdas: reservasExpiradasReducer,\r\n reservasAuth: reservasAutorizadasReducer,\r\n aereos: aereosReducer,\r\n aereosAuth: aereosAutorizadasReducer,\r\n liquidaciones: liquidacionesReducer,\r\n liquidacionesAuth: liquidacionesAutorizadasReducer,\r\n cambiosGrupales: cambiosClaveViajeReducer,\r\n vouchersIndividual: voucherIndividualReducer,\r\n vouchersGrupal: voucherGrupalReducer,\r\n load: loadReducer,\r\n cotizador: cotizadorReducer,\r\n cotizadorPaquete: cotizadorPaqueteReducer,\r\n banco: bancoReducer,\r\n bancoMain: bancoMainReducer,\r\n reportes: reportesReducer,\r\n devolucionesPendientes: devolucioenesPendientesReducer,\r\n devolucionesAceptadas: devolucioenesAceptadasReducer,\r\n devolucionesHistorial: devolucioenesHistoriaReducer,\r\n cotizaciones: cotizacionesReducer,\r\n facturasPendientes: facturasPendientesReducer,\r\n facturasAceptadas: facturacionAceptadasReducer,\r\n facturasHistorial: facturacionHistoriaReducer,\r\n extrasContratados: extrasContratadosReducer,\r\n extrasContratadosAprobados: extrasContratadosAceptadasReducer,\r\n extrasContratadosHistorial: extrasContratadosHistorialReducer,\r\n landing: landingReducer,\r\n reporteCotizador: reportesCotizacionesReducer,\r\n proveedorTerrestre: proveedorTerrestreReducer,\r\n vueloProveedor: vueloProveedorReducer,\r\n proveedorMayorista: proveedorMayoristaReducer,\r\n reporteClientes: reporteClientesReducer,\r\n});\r\n\r\n/**\r\n * *Nota: Se configura pluging para el navegador\r\n * !Importante: Eliminar \"window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\" para productivo\r\n */\r\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__|| compose;\r\n\r\n/**\r\n * @store\r\n */\r\nexport default function generateStore() {\r\n const store = createStore(rootReduce, composeEnhancers(applyMiddleware(thunk)));\r\n return store;\r\n}","import \"./App.css\";\r\nimport Routes from \"./routes\";\r\nimport { Provider } from \"react-redux\";\r\nimport generateStore from \"./ducks/store\";\r\nimport { createTheme, ThemeProvider } from \"@material-ui/core/styles\";\r\nfunction App() {\r\n const store = generateStore();\r\n const theme = createTheme({\r\n palette: {\r\n primary: {\r\n main: \"#009bdb\",\r\n },\r\n secondary: {\r\n main: \"#69a33b\",\r\n },\r\n warning: {\r\n main: \"#FFFF00\"\r\n }\r\n },\r\n });\r\n return (\r\n