}\r\n
this.changeCollapsed(!isCollapsed)}>\r\n Asesores en línea \r\n \r\n {advisersList.map(adviserElement =>\r\n {adviserElement.service}} key={adviserElement.service}>\r\n {adviserElement.adviserConnectionStatusVm.map(adviser =>\r\n \r\n
\r\n \r\n \r\n {adviser.name}\r\n
\r\n \r\n
\r\n
\r\n )}\r\n }\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n}\r\n\r\nWait.propTypes = {\r\n advisersList: PropTypes.array\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n advisersList: state.profilerHome.advisersList\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = () => {\r\n return {\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Wait);","export const attentionTableColumns = [\r\n {\r\n title: 'Nombre',\r\n dataIndex: 'clientName',\r\n key: 'clientName',\r\n width: '150px',\r\n sorter: (a, b) => { return a.clientName.localeCompare(b.clientName) }\r\n }, {\r\n title: 'Canal',\r\n dataIndex: 'channel',\r\n key: 'channel',\r\n width: '150px',\r\n sorter: (a, b) => { return a.channel.localeCompare(b.channel) }\r\n }, {\r\n title: 'Servicios',\r\n dataIndex: 'requiredServices',\r\n key: 'requiredServices',\r\n width: '150px',\r\n sorter: (a, b) => { return a.requiredServices.localeCompare(b.requiredServices) }\r\n }, {\r\n title: 'Tiempo de atención',\r\n dataIndex: 'assignedTime',\r\n key: 'assignedTime',\r\n width: '150px',\r\n sorter: (a, b) => { return a.assignedTime.localeCompare(b.assignedTime) }\r\n }, {\r\n title: 'Estado',\r\n dataIndex: 'stateMeeting',\r\n key: 'stateMeeting',\r\n width: '150px',\r\n sorter: (a, b) => { return a.stateMeeting.localeCompare(b.stateMeeting) }\r\n }, {\r\n title: 'Asesor',\r\n dataIndex: 'adviserName',\r\n key: 'adviserName',\r\n width: '150px',\r\n sorter: (a, b) => { return a.adviserName.localeCompare(b.adviserName) }\r\n }];","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Col, Input, Row, Table} from \"antd\";\r\nimport PropTypes from 'prop-types';\r\nimport connect from \"react-redux/es/connect/connect\";\r\n\r\n//Components\r\nimport { attentionTableColumns } from \"./attentionTableColumns\";\r\nimport {getAllAssignedMeeting} from \"../../../../../store/redux/actions/profiler/profilerHomeActions\";\r\nimport EmptyMessageAlert from \"../../../general/EmptyMessageAlert\";\r\n\r\n//Constants\r\nconst Search = Input.Search;\r\n\r\n\r\nclass Attention extends Component {\r\n constructor (props){\r\n super(props);\r\n\r\n this.state = {\r\n filterText: null,\r\n filteredData: [],\r\n intervalId: 0\r\n };\r\n };\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getAllAssignedMeeting();\r\n\r\n let intervalId = setInterval(() => this.updateAttendingCustomersList(), 10000);\r\n this.setState({ intervalId: intervalId });\r\n }\r\n });\r\n };\r\n componentWillUnmount(){\r\n clearInterval(this.state.intervalId);\r\n }\r\n updateAttendingCustomersList(){\r\n this.props.getAllAssignedMeeting();\r\n };\r\n handleFilterData(value){\r\n const { attendingCustomersList } = this.props;\r\n this.setState({ filterText: value.replace(/ /g, '') === '' ? null : value });\r\n let filteredData = [];\r\n\r\n attendingCustomersList.forEach(element => {\r\n let valueFormat = value.toLowerCase().replace(/á/g, 'a').replace(/é/g, 'e').replace(/í/g, 'i').replace(/ó/g, 'o').replace(/ú/g, 'u');\r\n let clientNameFormat = element.clientName.toLowerCase().replace(/á/g, 'a').replace(/é/g, 'e').replace(/í/g, 'i').replace(/ó/g, 'o').replace(/ú/g, 'u');\r\n let requiredServicesFormat = element.requiredServices.toLowerCase().replace(/á/g, 'a').replace(/é/g, 'e').replace(/í/g, 'i').replace(/ó/g, 'o').replace(/ú/g, 'u');\r\n if(clientNameFormat.includes(valueFormat) || requiredServicesFormat.includes(valueFormat)){\r\n filteredData.push(element)\r\n }}\r\n );\r\n this.setState({ filteredData: filteredData });\r\n };\r\n\r\n render () {\r\n const { attendingCustomersList } = this.props;\r\n const { filteredData, filterText } = this.state;\r\n const isFilterTextEmpty = filterText === null;\r\n const emptyData = isFilterTextEmpty ? attendingCustomersList.length === 0 : filteredData.length === 0;\r\n\r\n return (\r\n
\r\n \r\n
\r\n
this.handleFilterData(value)} onChange={value => this.handleFilterData(value.target.value)}/>\r\n \r\n {emptyData ?\r\n
\r\n );\r\n };\r\n}\r\n\r\nAttention.propTypes = {\r\n isFetching: PropTypes.bool,\r\n\r\n attendingCustomersList: PropTypes.array,\r\n\r\n getAllAssignedMeeting: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.profilerHome.isFetching,\r\n attendingCustomersList: state.profilerHome.attendingCustomersList\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getAllAssignedMeeting: () => dispatch(getAllAssignedMeeting())\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Attention);","export const zoomKeysColumns = [\r\n {\r\n title: 'Asesor',\r\n dataIndex: 'adviserName',\r\n key: 'adviserName',\r\n width: '200px',\r\n sorter: (a, b) => { return a.adviserName.localeCompare(b.adviserName) }\r\n }, {\r\n title: 'Cliente',\r\n dataIndex: 'clientName',\r\n key: 'clientName',\r\n width: '200px',\r\n sorter: (a, b) => { return a.clientName.localeCompare(b.clientName) }\r\n }, {\r\n title: 'Liberar',\r\n dataIndex: 'actions',\r\n key: 'actions',\r\n width: '200px'\r\n }];","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Col, Row, Table, Tooltip, Popconfirm, Icon} from \"antd\";\r\nimport PropTypes from 'prop-types';\r\nimport connect from \"react-redux/es/connect/connect\";\r\nimport { zoomKeysColumns } from \"../zoomKeys/zoomKeysColumns\";\r\nimport { getAllInAMeeting, freeMeeting } from \"../../../../../store/redux/actions/profiler/profilerHomeActions\";\r\nimport LoadingComponent from \"../../../general/LoadingComponent\";\r\nimport EmptyMessageAlert from \"../../../general/EmptyMessageAlert\";\r\n\r\n//Constants\r\n\r\n\r\nclass ZoomKeys extends Component {\r\n constructor (props){\r\n super(props);\r\n\r\n this.state = {\r\n\r\n };\r\n };\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getAllInAMeeting();\r\n }\r\n });\r\n };\r\n\r\n freeMeeting(meetingId){\r\n let data = {\r\n meetingId\r\n };\r\n\r\n this.props.freeMeeting(data);\r\n }\r\n\r\n setTableData(){\r\n const { inMeetingList } = this.props;\r\n let tableData = [];\r\n\r\n inMeetingList.forEach(key => {\r\n let elementToPush = {\r\n meetingId: key.meetingId,\r\n adviserName: key.adviserName,\r\n clientName: key.clientName,\r\n actions:\r\n
\r\n this.freeMeeting(key.meetingId)}>\r\n \r\n \r\n };\r\n tableData.push(elementToPush);\r\n });\r\n\r\n return tableData;\r\n };\r\n\r\n render () {\r\n let { isFetching } = this.props;\r\n const inMeetingList = this.setTableData();\r\n const emptyData = inMeetingList.length === 0;\r\n\r\n return (\r\n
\r\n {isFetching && \r\n {emptyData ?\r\n
\r\n :
\r\n }\r\n
\r\n );\r\n };\r\n}\r\n\r\nZoomKeys.propTypes = {\r\n isFetching: PropTypes.bool,\r\n inMeetingList: PropTypes.array,\r\n getAllSharedBusy: PropTypes.func,\r\n freeMeeting: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.profilerHome.isFetching,\r\n inMeetingList: state.profilerHome.inMeetingList\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getAllInAMeeting: () => dispatch(getAllInAMeeting()),\r\n freeMeeting: (data) => dispatch(freeMeeting(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ZoomKeys);","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Layout, Menu} from \"antd\";\r\nimport {NavLink, withRouter} from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\n\r\n//Styles\r\nimport '../../../../styles/profiler/profilerHome.css';\r\n\r\n//Subcomponents\r\nimport Routes from \"../../../../lib/generalUtils/routes\";\r\nimport Wait from \"./wait/Wait\";\r\nimport Attention from \"./attention/Attention\";\r\nimport ZoomKeys from \"./zoomKeys/ZoomKeys\";\r\nimport {setCurrentKeyActive} from \"../../../../store/redux/actions/layout/headerMenuActions\";\r\nimport connect from \"react-redux/es/connect/connect\";\r\n\r\nimport { getParams } from \"../../../../store/redux/actions/profiler/profilerHomeActions\";\r\n\r\n//Constants\r\nconst { Header, Content } = Layout;\r\n\r\n\r\n\r\nclass Home extends Component {\r\n constructor (props){\r\n\r\n super(props);\r\n\r\n this.state = {};\r\n this.checkIdle = this.checkIdle.bind(this);\r\n this.IDLE_LIMIT = 300000; //5 minutes\r\n this.lastActivity = Date.now();\r\n };\r\n\r\n onChangeMenuOption = (route) => {\r\n this.props.setCurrentKeyActive(route.key);\r\n };\r\n\r\n componentDidMount() {\r\n this.activityChecker = setInterval(this.checkIdle, 300000);\r\n document.addEventListener('click', () => {\r\n this.lastActivity = Date.now();\r\n });\r\n //this.props.getParams();\r\n this.IDLE_LIMIT = this.props.idleTimeout;\r\n }\r\n\r\n checkIdle(){\r\n const currentTime = Date.now();\r\n if(currentTime - this.lastActivity > this.IDLE_LIMIT) {\r\n console.log(\"Profiler it's been iddle, gotta do something\");\r\n //TODO: Call service which activates automatic profiler\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.activityChecker);\r\n }\r\n\r\n\r\n render () {\r\n const { pathname } = this.props.location;\r\n const { currentRoute } = this.props;\r\n const isWaitingCustomers = pathname === Routes.profilerWaitingCustomers;\r\n const isAttendingCustomers = pathname === Routes.profilerAttendingCustomers;\r\n\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n En espera\r\n \r\n \r\n \r\n \r\n En atención\r\n \r\n \r\n {/*\r\n \r\n Keys\r\n \r\n */}\r\n \r\n \r\n \r\n {isWaitingCustomers\r\n ? \r\n \r\n
\r\n );\r\n };\r\n}\r\n\r\nHome.propTypes = {\r\n currentRoute: PropTypes.string,\r\n setCurrentKeyActive: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n currentRoute: state.headerMenu.currentRoute,\r\n idleTimeout: state.profilerHome.idleTimeout\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setCurrentKeyActive: (route) => dispatch(setCurrentKeyActive(route)),\r\n getParams: () => dispatch(getParams())\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(Home));","import { profilerTypes } from '../../types';\r\nimport profilerApi from '../../../../api/profilerApi';\r\nimport {\r\n ERROR_MODAL, SUCCESS_MODAL_ON_OK\r\n} from \"../../../../components/ui/subComponents/modals/responseModals\";\r\n\r\nexport const getParamsByDay = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_PARAMS,\r\n isFetching: true,\r\n isDefault: true,\r\n morningEvents: [],\r\n afternoonEvents: [],\r\n });\r\n return profilerApi.getParamsByDay(data)\r\n .then(response => {\r\n let morningEvents = [];\r\n let afternoonEvents = [];\r\n\r\n response.data.events.forEach(event =>\r\n event.isMorning ?\r\n morningEvents.push(event)\r\n : afternoonEvents.push(event)\r\n );\r\n\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_PARAMS,\r\n isFetching: false,\r\n isDefault: response.data.isDefault,\r\n morningEvents: morningEvents,\r\n afternoonEvents: afternoonEvents,\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_PARAMS,\r\n isFetching: false,\r\n isDefault: true,\r\n morningEvents: [],\r\n afternoonEvents: [],\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const addAll = (data, currentWeek) => {\r\n return dispatch => {\r\n dispatch({\r\n type: profilerTypes.ADD_SCHEDULE,\r\n isFetching: true\r\n });\r\n return profilerApi.addAll(data)\r\n .then(response => {\r\n dispatch({\r\n type: profilerTypes.ADD_SCHEDULE,\r\n isFetching: false\r\n });\r\n SUCCESS_MODAL_ON_OK('Acción realizada correctamente', response.data, getSchedulingByDatesRange({ startDate: currentWeek[0], endDate: currentWeek[1] }))\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: profilerTypes.ADD_SCHEDULE,\r\n isFetching: false\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const getSchedulingByDatesRange = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE,\r\n isFetching: true,\r\n eventsSchedule: []\r\n });\r\n return profilerApi.getSchedulingByDatesRange(data)\r\n .then(response => {\r\n let weekEvents = [];\r\n\r\n response.data.forEach(event => {\r\n let endRecur = new Date(event.date);\r\n endRecur.setDate(endRecur.getDate() + 1);\r\n endRecur = endRecur.toLocaleDateString(\"es\", { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\\//g, \"-\");\r\n let endRecurSplit = endRecur.split(\"-\");\r\n endRecur = endRecurSplit[2] + \"-\" + (endRecurSplit[1].length === 1 ? \"0\":\"\") + endRecurSplit[1] + \"-\" +\r\n (endRecurSplit[0].length === 1 ? \"0\":\"\") + endRecurSplit[0];\r\n\r\n let eventToPush = {\r\n id: event.id,\r\n title: event.title.replace('&', \"\\n\").replace(/ - /g, \"\\n\"),\r\n start: event.date.substring(0, 10),\r\n end: event.date.substring(0, 10),\r\n startTime: event.startTime + ':00',\r\n endTime: event.endTime + ':00',\r\n allDay: false,\r\n startRecur: event.date.substring(0, 10),\r\n endRecur: endRecur,\r\n editable: false\r\n };\r\n weekEvents.push(eventToPush);\r\n });\r\n\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE,\r\n isFetching: false,\r\n eventsSchedule: weekEvents\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE,\r\n isFetching: false,\r\n eventsSchedule: []\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const updateAll = (data, currentWeek) => {\r\n return dispatch => {\r\n dispatch({\r\n type: profilerTypes.UPDATE_SCHEDULE,\r\n isFetching: true\r\n });\r\n return profilerApi.updateAll(data)\r\n .then(response => {\r\n dispatch({\r\n type: profilerTypes.UPDATE_SCHEDULE,\r\n isFetching: false\r\n });\r\n SUCCESS_MODAL_ON_OK('Acción realizada correctamente', response.data, getSchedulingByDatesRange({ startDate: currentWeek[0], endDate: currentWeek[1] }))\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: profilerTypes.UPDATE_SCHEDULE,\r\n isFetching: false\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const getSummaryByScheduleId = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_SUMMARY,\r\n isFetching: true,\r\n summary: []\r\n });\r\n return profilerApi.getSummaryByScheduleId(data)\r\n .then(response => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_SUMMARY,\r\n isFetching: false,\r\n summary: response.data\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: profilerTypes.GET_SCHEDULE_SUMMARY,\r\n isFetching: false,\r\n summary: []\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Modal, Button, TimePicker, Row, Col, InputNumber, Checkbox, Form, Icon} from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport moment from \"moment-timezone/builds/moment-timezone-with-data\";\r\n\r\n//Subcomponents\r\nimport { getParamsByDay, addAll, updateAll } from \"../../../../store/redux/actions/profiler/profilerScheduleActions\";\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\nimport {getDisabledHours} from \"../../../../lib/generalUtils/functions\";\r\n\r\n//Styles\r\n\r\n//Constants\r\nconst format = 'HH:mm';\r\nlet morningId = 1;\r\nlet afternoonId = 1;\r\n\r\nclass AddOrEditScheduleModal extends Component {\r\n constructor (props) {\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n\r\n readyMorningEventsToEdit: null,\r\n readyAfternoonEventsToEdit: null,\r\n\r\n morningStartHour: null,\r\n morningEndHour: null,\r\n morningAdvisorsQuantityList: [],\r\n\r\n afternoonStartHour: null,\r\n afternoonEndHour: null,\r\n afternoonAdvisorsQuantityList: [],\r\n\r\n recur: false,\r\n formHasErrors: false\r\n };\r\n\r\n this.onChangeMorningStartHour = this.onChangeMorningStartHour.bind(this);\r\n this.onChangeMorningEndHour = this.onChangeMorningEndHour.bind(this);\r\n this.onChangeAfternoonStartHour = this.onChangeAfternoonStartHour.bind(this);\r\n this.onChangeAfternoonEndHour = this.onChangeAfternoonEndHour.bind(this);\r\n this.onChangeMorningAdvisorQuantity = this.onChangeMorningAdvisorQuantity.bind(this);\r\n this.onChangeAfternoonAdvisorQuantity = this.onChangeAfternoonAdvisorQuantity.bind(this);\r\n this.onChangeRecur = this.onChangeRecur.bind(this);\r\n this.onSaveSchedule = this.onSaveSchedule.bind(this);\r\n this.onUpdateSchedule = this.onUpdateSchedule.bind(this);\r\n this.applyTransformationToHour = this.applyTransformationToHour.bind(this);\r\n this.setFormMorningValuesToEdit = this.setFormMorningValuesToEdit.bind(this);\r\n this.setFormAfternoonValuesToEdit = this.setFormAfternoonValuesToEdit.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getParamsByDay({ \"dateTime\": this.props.dateStringFormat });\r\n }\r\n });\r\n }\r\n componentDidUpdate(prevProps, prevState, prevContext){\r\n if(prevProps.isFetching !== this.props.isFetching && !this.props.isFetching){\r\n for(let i = 1; i < this.props.morningEvents.length; i++){\r\n this.add('morningKeys');\r\n }\r\n for(let i = 1; i < this.props.afternoonEvents.length; i++){\r\n this.add('afternoonKeys');\r\n }\r\n this.setState({ readyMorningEventsToEdit: false, readyAfternoonEventsToEdit: false });\r\n }\r\n };\r\n\r\n setFormMorningValuesToEdit(morningKeys){\r\n const { dateStringFormat, morningEvents } = this.props;\r\n\r\n this.setState({ readyMorningEventsToEdit: true });\r\n morningKeys.forEach((key, k) => {\r\n this.props.form.setFieldsValue({\r\n [`morningSchedule[${key}].morningStartHour`]: moment(moment.utc(dateStringFormat + \" \" + morningEvents[k].startHour).tz(\"GMT\"), format),\r\n [`morningSchedule[${key}].morningEndHour`]: moment(moment.utc(dateStringFormat + \" \" + morningEvents[k].endHour).tz(\"GMT\"), format),\r\n });\r\n for(let j = 0; j < morningEvents[k].advisorsQuantities.length; j++){\r\n let service = morningEvents[k].advisorsQuantities[j].serviceId + \"-\" + morningEvents[k].advisorsQuantities[j].serviceName;\r\n this.props.form.setFieldsValue({\r\n [`morningSchedule[${key}].morningAdvisorsQuantityList.${service}`]: morningEvents[k].advisorsQuantities[j].quantity\r\n });\r\n }\r\n })\r\n }\r\n setFormAfternoonValuesToEdit(afternoonKeys){\r\n const { dateStringFormat, afternoonEvents } = this.props;\r\n\r\n this.setState({ readyAfternoonEventsToEdit: true });\r\n afternoonKeys.forEach((key, k) => {\r\n this.props.form.setFieldsValue({\r\n [`afternoonSchedule[${key}].afternoonStartHour`]: moment(moment.utc(dateStringFormat + \" \" + afternoonEvents[k].startHour).tz(\"GMT\"), format),\r\n [`afternoonSchedule[${key}].afternoonEndHour`]: moment(moment.utc(dateStringFormat + \" \" + afternoonEvents[k].endHour).tz(\"GMT\"), format),\r\n });\r\n for(let j = 0; j < afternoonEvents[k].advisorsQuantities.length; j++){\r\n let service = afternoonEvents[k].advisorsQuantities[j].serviceId + \"-\" + afternoonEvents[k].advisorsQuantities[j].serviceName;\r\n this.props.form.setFieldsValue({\r\n [`afternoonSchedule[${key}].afternoonAdvisorsQuantityList.${service}`]: afternoonEvents[k].advisorsQuantities[j].quantity\r\n });\r\n }\r\n })\r\n }\r\n onChangeMorningStartHour(value, key){\r\n this.props.form.setFieldsValue({\r\n [`morningSchedule[${key}].morningStartHour`] : value\r\n });\r\n }\r\n onChangeMorningEndHour(value, key){\r\n this.props.form.setFieldsValue({\r\n [`morningSchedule[${key}].morningEndHour`] : value\r\n });\r\n }\r\n onChangeAfternoonStartHour(value, key){\r\n this.props.form.setFieldsValue({\r\n [`afternoonSchedule[${key}].afternoonStartHour`] : value\r\n });\r\n }\r\n onChangeAfternoonEndHour(value, key){\r\n this.props.form.setFieldsValue({\r\n [`afternoonSchedule[${key}].afternoonEndHour`] : value\r\n });\r\n }\r\n onChangeMorningAdvisorQuantity(value, key, service){\r\n this.props.form.setFieldsValue({\r\n [`morningSchedule[${key}].morningAdvisorsQuantityList.${service}`]: value\r\n });\r\n }\r\n onChangeAfternoonAdvisorQuantity(value, key, service){\r\n this.props.form.setFieldsValue({\r\n [`afternoonSchedule[${key}].afternoonAdvisorsQuantityList.${service}`]: value\r\n });\r\n }\r\n onChangeRecur(value){\r\n this.setState({ recur: value })\r\n }\r\n onSaveSchedule(){\r\n let events = [];\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const { dateStringFormat } = this.props;\r\n const { recur } = this.state;\r\n let dateSplit = dateStringFormat.split(\"-\");\r\n let newDate = new Date(dateSplit);\r\n\r\n if(recur && newDate.getDay() !== 0 && newDate.getDay() !== 6){\r\n let currentDate = newDate;\r\n\r\n for (let i = currentDate.getDay(); i <= 5; i++){\r\n let eventToPush;\r\n\r\n for(let i = 0; i < values.morningSchedule.length; i++){\r\n if(values.morningSchedule[i] !== undefined) {\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for(let j = 0; j < Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList).length; j++){\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.morningSchedule[i].morningAdvisorsQuantityList[Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = currentDate.getFullYear() + \"-\" +\r\n ((currentDate.getMonth() + 1) < 10 ? '0' : '') + (currentDate.getMonth() + 1) + \"-\" +\r\n (currentDate.getDate() < 10 ? '0' : '') + currentDate.getDate() + \" \" +\r\n startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = currentDate.getFullYear() + \"-\" +\r\n ((currentDate.getMonth() + 1) < 10 ? '0' : '') + (currentDate.getMonth() + 1) + \"-\" +\r\n (currentDate.getDate() < 10 ? '0' : '') + currentDate.getDate() + \" \" +\r\n endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n for(let i = 0; i < values.afternoonSchedule.length; i++){\r\n if(values.afternoonSchedule[i] !== undefined) {\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for(let j = 0; j < Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList).length; j++){\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.afternoonSchedule[i].afternoonAdvisorsQuantityList[Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = currentDate.getFullYear() + \"-\" +\r\n ((currentDate.getMonth() + 1) < 10 ? '0' : '') + (currentDate.getMonth() + 1) + \"-\" +\r\n (currentDate.getDate() < 10 ? '0' : '') + currentDate.getDate() + \" \" +\r\n startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = currentDate.getFullYear() + \"-\" +\r\n ((currentDate.getMonth() + 1) < 10 ? '0' : '') + (currentDate.getMonth() + 1) + \"-\" +\r\n (currentDate.getDate() < 10 ? '0' : '') + currentDate.getDate() + \" \" +\r\n endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n currentDate.setDate(currentDate.getDate() + 1);\r\n currentDate.setHours(0, 0, 0);\r\n }\r\n }else{\r\n let eventToPush;\r\n\r\n for(let i = 0; i < values.morningSchedule.length; i++){\r\n if(values.morningSchedule[i] !== undefined) {\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for(let j = 0; j < Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList).length; j++){\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.morningSchedule[i].morningAdvisorsQuantityList[Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = dateStringFormat + \" \" + startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = dateStringFormat + \" \" + endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n for(let i = 0; i < values.afternoonSchedule.length; i++){\r\n if(values.afternoonSchedule[i] !== undefined) {\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for(let j = 0; j < Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList).length; j++){\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.afternoonSchedule[i].afternoonAdvisorsQuantityList[Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = dateStringFormat + \" \" + startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = dateStringFormat + \" \" + endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n }\r\n\r\n this.props.toggleAddScheduleModal(false);\r\n this.props.addAll(events, this.props.currentWeek)\r\n } else {\r\n this.setState({ formHasErrors: true });\r\n }\r\n });\r\n }\r\n onUpdateSchedule(){\r\n let events = [];\r\n\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const {dateStringFormat, eventsSchedule} = this.props;\r\n let eventToPush;\r\n\r\n for (let i = 0; i < values.morningSchedule.length; i++) {\r\n if(values.morningSchedule[i] !== undefined){\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.morningSchedule[i].morningEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for (let j = 0; j < Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList).length; j++) {\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.morningSchedule[i].morningAdvisorsQuantityList[Object.keys(values.morningSchedule[i].morningAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n for(let i = 0; i < eventsSchedule.length; i++) {\r\n if ((eventsSchedule[i].start + \" \" + eventsSchedule[i].startTime) === dateStringFormat + \" \" + startHourToSet + \":00\") {\r\n eventToPush[\"scheduleId\"] = (eventsSchedule[i].id);\r\n }\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = dateStringFormat + \" \" + startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = dateStringFormat + \" \" + endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n for (let i = 0; i < values.afternoonSchedule.length; i++) {\r\n if(values.afternoonSchedule[i] !== undefined){\r\n eventToPush = {};\r\n let startHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonStartHour.format(format));\r\n let endHourToSet = this.applyTransformationToHour(values.afternoonSchedule[i].afternoonEndHour.format(format));\r\n let advisorsQuantities = [];\r\n\r\n for (let j = 0; j < Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList).length; j++) {\r\n advisorsQuantities.push({\r\n serviceId: parseInt(Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[0]),\r\n serviceName: Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j].split(\"-\")[1],\r\n quantity: values.afternoonSchedule[i].afternoonAdvisorsQuantityList[Object.keys(values.afternoonSchedule[i].afternoonAdvisorsQuantityList)[j]]\r\n });\r\n }\r\n\r\n for(let i = 0; i < eventsSchedule.length; i++) {\r\n if ((eventsSchedule[i].start + \" \" + eventsSchedule[i].startTime) === dateStringFormat + \" \" + startHourToSet + \":00\") {\r\n eventToPush[\"scheduleId\"] = (eventsSchedule[i].id);\r\n }\r\n }\r\n\r\n eventToPush[\"startDateTime\"] = dateStringFormat + \" \" + startHourToSet + \":00\";\r\n eventToPush[\"endDateTime\"] = dateStringFormat + \" \" + endHourToSet + \":00\";\r\n eventToPush[\"advisorsQuantities\"] = advisorsQuantities;\r\n\r\n events.push(eventToPush);\r\n }\r\n }\r\n\r\n this.props.toggleAddScheduleModal(false);\r\n this.props.updateAll(events, this.props.currentWeek);\r\n } else {\r\n this.setState({ formHasErrors: true });\r\n }\r\n })\r\n }\r\n applyTransformationToHour(hourToTransform){\r\n let hour = hourToTransform.split(\":\")[0];\r\n let minutes = hourToTransform.split(\":\")[1];\r\n\r\n if(parseInt(minutes) <= 29 && parseInt(minutes) >= 1){\r\n return hour + \":30\";\r\n } else if(parseInt(minutes) <= 59 && parseInt(minutes) >= 31){\r\n if((parseInt(hour) + 1) === 24)\r\n return \"00:00\";\r\n else\r\n return ((parseInt(hour) + 1) < 10 ? '0' : '') + (parseInt(hour) + 1) + \":00\";\r\n } else\r\n return hourToTransform;\r\n }\r\n add = (keyName) => {\r\n const { form } = this.props;\r\n const keys = form.getFieldValue(keyName);\r\n const nextKeys = keyName === \"morningKeys\" ? keys.concat(morningId++) : keys.concat(afternoonId++);\r\n\r\n if(keyName === \"morningKeys\") {\r\n form.setFieldsValue({morningKeys: nextKeys});\r\n } else {\r\n form.setFieldsValue({afternoonKeys: nextKeys});\r\n }\r\n };\r\n remove = (k, keyName) => {\r\n const { form } = this.props;\r\n const keys = form.getFieldValue(keyName);\r\n\r\n if(keyName === \"morningKeys\")\r\n form.setFieldsValue({ morningKeys: keys.filter(key => key !== k) });\r\n else\r\n form.setFieldsValue({ afternoonKeys: keys.filter(key => key !== k) });\r\n };\r\n\r\n render () {\r\n const { morningStartHour, afternoonStartHour, readyMorningEventsToEdit, readyAfternoonEventsToEdit, formHasErrors } = this.state;\r\n const { toggleAddScheduleModal, dateToAddSchedule, morningEvents, afternoonEvents, dateStringFormat, isFetching,\r\n isDefault, addScheduleModalVisible } = this.props;\r\n const { getFieldDecorator, getFieldValue } = this.props.form;\r\n getFieldDecorator('morningKeys', { initialValue: [0] });\r\n getFieldDecorator('afternoonKeys', { initialValue: [0] });\r\n const morningKeys = getFieldValue('morningKeys');\r\n const afternoonKeys = getFieldValue('afternoonKeys');\r\n const morningFormItems = morningEvents.length === 0\r\n ? ''\r\n : morningKeys.map(k => (\r\n
\r\n \r\n {getFieldDecorator(`morningSchedule[${k}].morningStartHour`, {\r\n initialValue: moment(moment.utc(dateStringFormat + \" \" + morningEvents[0].startHour).tz(\"GMT\"), format),\r\n rules: [{ type: 'object', required: true, whitespace: true, message: ' ' }]\r\n })(\r\n this.onChangeMorningStartHour(hour, k)}\r\n disabledHours={() => getDisabledHours(\"07\", \"12\")}\r\n />\r\n )}\r\n \r\n \r\n \r\n {getFieldDecorator(`morningSchedule[${k}].morningEndHour`, {\r\n initialValue: moment(moment.utc(dateStringFormat + \" \" + morningEvents[0].endHour).tz(\"GMT\"), format),\r\n rules: [{ type: 'object', required: true, whitespace: true }],\r\n })(\r\n this.onChangeMorningEndHour(hour, k)}\r\n disabledHours={() =>\r\n getDisabledHours(morningStartHour === null ? morningEvents[0].startHour.split(\":\")[0] : morningStartHour.split(\":\")[0], \"12\")\r\n }\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n {getFieldDecorator(`morningSchedule[${k}].morningAdvisorsQuantityList.${advisor.serviceId + \"-\" + advisor.serviceName}`, {\r\n initialValue: advisor.quantity,\r\n rules: [{ type: \"number\", required: true, whitespace: true }],\r\n })(\r\n this.onChangeMorningAdvisorQuantity(value, k, advisor.serviceId + \"-\" + advisor.serviceName)}/>\r\n )}\r\n \r\n \r\n )}\r\n \r\n {morningKeys.length > 1 ?\r\n \r\n this.remove(k, \"morningKeys\")}>\r\n \r\n \r\n \r\n \r\n :\r\n ''\r\n }\r\n
\r\n ));\r\n const afternoonFormItems = afternoonEvents.length === 0\r\n ? ''\r\n : afternoonKeys.map(k => (\r\n
\r\n
\r\n {getFieldDecorator(`afternoonSchedule[${k}].afternoonStartHour`, {\r\n initialValue: moment(moment.utc(dateStringFormat + \" \" + afternoonEvents[0].startHour).tz(\"GMT\"), format),\r\n rules: [{ type: 'object', required: true, whitespace: true }]\r\n })(\r\n this.onChangeAfternoonStartHour(hour, k)}\r\n disabledHours={() => getDisabledHours(\"13\", \"20\")}\r\n />\r\n )}\r\n \r\n \r\n \r\n {getFieldDecorator(`afternoonSchedule[${k}].afternoonEndHour`, {\r\n initialValue: moment(moment.utc(dateStringFormat + \" \" + afternoonEvents[0].endHour).tz(\"GMT\"), format),\r\n rules: [{ type: 'object', required: true, whitespace: true }],\r\n })(\r\n this.onChangeAfternoonEndHour(hour, k)}\r\n disabledHours={() =>\r\n getDisabledHours(afternoonStartHour === null ? afternoonEvents[0].startHour.split(\":\")[0] : afternoonStartHour.split(\":\")[0], \"20\")\r\n }\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n {getFieldDecorator(`afternoonSchedule[${k}].afternoonAdvisorsQuantityList.${advisor.serviceId + \"-\" + advisor.serviceName}`, {\r\n initialValue: advisor.quantity,\r\n rules: [{ type: \"number\", required: true, whitespace: true }],\r\n })(\r\n this.onChangeAfternoonAdvisorQuantity(value, k, advisor.serviceId + \"-\" + advisor.serviceName)}/>\r\n )}\r\n \r\n \r\n )}\r\n \r\n {afternoonKeys.length > 1 ?\r\n \r\n this.remove(k, \"afternoonKeys\")}>\r\n \r\n \r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n ));\r\n\r\n let isReadyToRender = (morningEvents.length !== 0 && afternoonEvents.length !== 0);\r\n let dateStringFormatSplit = dateStringFormat.split(\"-\");\r\n let date = new Date(dateStringFormatSplit[0], dateStringFormatSplit[1] - 1, dateStringFormatSplit[2]);\r\n let isWeekend = date.getUTCDay() === 0 || date.getUTCDay() === 6;\r\n let isReadyToUpdate = !isDefault;\r\n\r\n !readyMorningEventsToEdit && !isDefault && morningEvents.length !== 0 && morningFormItems.length === morningEvents.length && this.setFormMorningValuesToEdit(morningKeys);\r\n !readyAfternoonEventsToEdit && !isDefault && afternoonEvents.length !== 0 && afternoonFormItems.length === afternoonEvents.length && this.setFormAfternoonValuesToEdit(afternoonKeys);\r\n\r\n return (\r\n (isFetching || !isReadyToRender) ?\r\n
\r\n :\r\n
toggleAddScheduleModal(false)}\r\n destroyOnClose={true}\r\n className={'add-schedule-modal'}\r\n footer={[\r\n isDefault ?\r\n this.onSaveSchedule()}> Crear agenda :\r\n isReadyToUpdate\r\n ? this.onUpdateSchedule()}> Actualizar agenda \r\n : Actualizar agenda ,\r\n toggleAddScheduleModal(false)}> Cancelar \r\n ]}\r\n keyboard={false}\r\n closable={false}\r\n maskClosable={false}\r\n >\r\n \r\n \r\n Horas de la mañana \r\n \r\n Horario de atención \r\n \r\n Asesores disponibles \r\n \r\n {morningFormItems}\r\n this.add(\"morningKeys\")} type={\"primary\"}>\r\n Agregar disponibilidad\r\n \r\n
\r\n
\r\n \r\n \r\n Horas de la tarde \r\n \r\n Horario de atención \r\n \r\n Asesores disponibles \r\n \r\n {afternoonFormItems}\r\n this.add(\"afternoonKeys\")} type={\"primary\"}>\r\n Agregar disponibilidad\r\n \r\n
\r\n
\r\n {!isWeekend && isDefault &&\r\n < Checkbox onChange={(value) => this.onChangeRecur(value.target.checked)}>\r\n Repetir para los siguientes días de la semana\r\n \r\n }\r\n {formHasErrors &&\r\n Por favor llene todos los campos marcados (*).
\r\n }\r\n \r\n )\r\n }\r\n}\r\n\r\nAddOrEditScheduleModal.propTypes = {\r\n dateToAddSchedule: PropTypes.string,\r\n dateStringFormat: PropTypes.string,\r\n isFetching: PropTypes.bool,\r\n isDefault: PropTypes.bool,\r\n addScheduleModalVisible: PropTypes.bool,\r\n morningEvents: PropTypes.array,\r\n afternoonEvents: PropTypes.array,\r\n eventsSchedule: PropTypes.array,\r\n toggleAddScheduleModal: PropTypes.func,\r\n getParamsByDay: PropTypes.func,\r\n addAll: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.profilerSchedule.isFetching,\r\n isDefault: state.profilerSchedule.isDefault,\r\n morningEvents: state.profilerSchedule.morningEvents,\r\n afternoonEvents: state.profilerSchedule.afternoonEvents,\r\n eventsSchedule: state.profilerSchedule.eventsSchedule\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getParamsByDay: (date) => dispatch(getParamsByDay(date)),\r\n addAll: (data, currentWeek) => dispatch(addAll(data, currentWeek)),\r\n updateAll: (data, currentWeek) => dispatch(updateAll(data, currentWeek))\r\n }\r\n};\r\n\r\nconst WrappedElement = Form.create()(AddOrEditScheduleModal);\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedElement);","import {Tooltip} from \"antd\";\r\nimport React from \"react\";\r\n\r\nexport const scheduleDetailColumns = [\r\n {\r\n title: 'Cliente',\r\n dataIndex: 'potentialClientName',\r\n key: 'potentialClientName',\r\n width: '200px',\r\n render: text =>
{text}
\r\n }, {\r\n title: 'Asesor Elegido',\r\n dataIndex: 'adviserName',\r\n key: 'adviserName',\r\n width: '200px',\r\n render: text =>
{text}
\r\n }];","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Modal, Button, Tabs, Table, Row, Select, Tooltip, Icon} from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport moment from \"moment-timezone/builds/moment-timezone-with-data\";\r\n\r\n//Subcomponents\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\nimport {getSummaryByScheduleId} from \"../../../../store/redux/actions/profiler/profilerScheduleActions\";\r\nimport {emptyListMessage, getFormatDate} from \"../../../../lib/generalUtils/functions\";\r\nimport {scheduleDetailColumns} from \"./scheduleDetailColumns\";\r\n\r\n//Styles\r\n\r\n//Constants\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass ShowInfoModal extends Component {\r\n constructor (props) {\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n hourSelected: null,\r\n hoursList: []\r\n };\r\n this.onChangeHour = this.onChangeHour.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n const { eventToShow } = this.props;\r\n\r\n let hoursList = [];\r\n let startHour = eventToShow.start.getHours();\r\n let startMinutes = eventToShow.start.getMinutes();\r\n let endHour = eventToShow.end.getHours();\r\n let endMinutes = eventToShow.end.getMinutes();\r\n\r\n\r\n if(endMinutes <= 29 && endMinutes >= 1){\r\n endMinutes = 0;\r\n }else if(endMinutes <= 59 && endMinutes >= 31){\r\n endMinutes = 30;\r\n }\r\n\r\n while(startHour !== endHour || startMinutes !== endMinutes){\r\n hoursList.push(\r\n (startHour < 10 ? '0' : '') + (startHour) + \":\" + (startMinutes < 10 ? '0' : '') + (startMinutes)\r\n );\r\n if(startMinutes + 30 === 60){\r\n startMinutes = 0;\r\n if(startHour + 1 === 24)\r\n startHour = 0;\r\n else\r\n startHour += 1;\r\n } else if(startMinutes + 30 === 30){\r\n startMinutes = 30;\r\n }\r\n }\r\n\r\n this.setState({\r\n hoursList: hoursList,\r\n hourSelected: (this.props.eventToShow.start.getHours() < 10 ? '0' : '') + (this.props.eventToShow.start.getHours())\r\n + \":\"\r\n + (this.props.eventToShow.start.getMinutes() < 10 ? '0' : '') + (this.props.eventToShow.start.getMinutes())\r\n });\r\n\r\n let data = {\r\n scheduleId: this.props.eventToShow.id,\r\n dateTime: moment(this.props.eventToShow.start).format(\"YYYY-MM-DD hh:mm a\")\r\n };\r\n this.props.getSummaryByScheduleId(data);\r\n }\r\n });\r\n }\r\n componentDidUpdate(prevProps, prevState, prevContext){\r\n if(prevState.hourSelected !== this.state.hourSelected && this.state.hourSelected !== null){\r\n const { hourSelected } = this.state;\r\n let dateTime = this.props.eventToShow.start;\r\n dateTime.setHours(parseInt(hourSelected.split(\":\")[0]), parseInt(hourSelected.split(\":\")[1]), 0);\r\n let data = {\r\n scheduleId: this.props.eventToShow.id,\r\n dateTime: moment(dateTime).format(\"YYYY-MM-DD hh:mm a\")\r\n };\r\n this.props.getSummaryByScheduleId(data);\r\n }\r\n };\r\n\r\n onChangeHour(hour){\r\n this.setState({ hourSelected: hour })\r\n }\r\n\r\n render () {\r\n const { hourSelected, hoursList } = this.state;\r\n const { isFetching, showInfoModalVisible, toggleShowInfoModal, eventToShow, summary } = this.props;\r\n\r\n return (\r\n (isFetching) ?\r\n
\r\n :\r\n
this.onChangeHour(value)}>\r\n {hoursList.map(hour =>\r\n \r\n {hour}\r\n \r\n )}\r\n \r\n : \r\n {getFormatDate(eventToShow.start, 3) + hourSelected}\r\n \r\n \r\n this.setState({ hourSelected: null })}/>\r\n \r\n
\r\n }\r\n visible={showInfoModalVisible}\r\n onCancel={() => toggleShowInfoModal(false)}\r\n destroyOnClose={true}\r\n className={'show-info-schedule-modal'}\r\n footer={[\r\n '',\r\n toggleShowInfoModal(false)}> Cancelar \r\n ]}\r\n keyboard={false}\r\n closable={false}\r\n maskClosable={false}\r\n >\r\n\r\n \r\n {summary.map((service, k) =>\r\n \r\n {service.summary}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nShowInfoModal.propTypes = {\r\n isFetching: PropTypes.bool,\r\n showInfoModalVisible: PropTypes.bool,\r\n toggleShowInfoModal: PropTypes.func,\r\n getSummaryByScheduleId: PropTypes.func,\r\n eventToShow: PropTypes.object,\r\n summary: PropTypes.array\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.profilerSchedule.isFetching,\r\n summary: state.profilerSchedule.summary\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSummaryByScheduleId: (data) => dispatch(getSummaryByScheduleId(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ShowInfoModal);","//Libraries\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport FullCalendar from \"../../../../../node_modules/@fullcalendar/react\";\r\nimport timeGridPlugin from \"../../../../../node_modules/@fullcalendar/timegrid\";\r\nimport interactionPlugin from \"../../../../../node_modules/@fullcalendar/interaction\";\r\nimport esLocale from '../../../../../node_modules/@fullcalendar/core/locales/es-us';\r\nimport PropTypes from 'prop-types';\r\nimport connect from \"react-redux/es/connect/connect\";\r\nimport {Col, Divider, message, Row, Tooltip} from 'antd';\r\n\r\n//Styles\r\nimport \"../../../../styles/profiler/profilerSchedule.scss\";\r\n\r\n//Subcomponents\r\nimport AddOrEditScheduleModal from \"./AddOrEditScheduleModal\";\r\nimport {getFormatDate} from \"../../../../lib/generalUtils/functions\";\r\nimport {getSchedulingByDatesRange} from \"../../../../store/redux/actions/profiler/profilerScheduleActions\";\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\nimport ShowInfoModal from \"./ShowInfoModal\";\r\n\r\n//Constants\r\n\r\nclass Schedule extends Component {\r\n \r\n constructor (props){\r\n super(props);\r\n\r\n this.state = {\r\n addScheduleModalVisible: false,\r\n showInfoModalVisible: false,\r\n dateToAddSchedule: null,\r\n weekStartDay: null,\r\n weekEndDay: null,\r\n\r\n eventToShow: {},\r\n\r\n currentWeek: []\r\n };\r\n this.toggleAddScheduleModal = this.toggleAddScheduleModal.bind(this);\r\n this.toggleShowInfoModal = this.toggleShowInfoModal.bind(this);\r\n this.setCurrentWeek = this.setCurrentWeek.bind(this);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, prevContext){\r\n if(prevState.weekStartDay !== this.state.weekStartDay && prevState.weekEndDay !== this.state.weekEndDay){\r\n const { weekStartDay, weekEndDay } = this.state;\r\n let startDate = weekStartDay;\r\n let endDate = weekEndDay;\r\n\r\n startDate = startDate.toLocaleDateString(esLocale, { year: 'numeric', month: '2-digit', day: '2-digit' });\r\n endDate = endDate.toLocaleDateString(esLocale, { year: 'numeric', month: '2-digit', day: '2-digit' });\r\n\r\n startDate = startDate.split(\"/\")[2] + \"-\" + (startDate.split(\"/\")[1].length === 1 ? '0' + startDate.split(\"/\")[1] : startDate.split(\"/\")[1])\r\n + \"-\" + (startDate.split(\"/\")[0].length === 1 ? '0' + startDate.split(\"/\")[0] : startDate.split(\"/\")[0]);\r\n endDate = endDate.split(\"/\")[2] + \"-\" + (endDate.split(\"/\")[1].length === 1 ? '0' + endDate.split(\"/\")[1] : endDate.split(\"/\")[1])\r\n + \"-\" + (endDate.split(\"/\")[0].length === 1 ? '0' + endDate.split(\"/\")[0] : endDate.split(\"/\")[0]);\r\n\r\n this.setState({ currentWeek: [startDate, endDate] });\r\n this.props.getSchedulingByDatesRange({ startDate, endDate });\r\n }\r\n };\r\n\r\n toggleAddScheduleModal(isVisible, date){\r\n let today = new Date();\r\n today.setHours(0,0,0,0);\r\n if(date < today){\r\n message.info('No se permite editar o crear eventos en fechas anteriores a hoy.', 5);\r\n }\r\n else{\r\n if(date !== undefined){\r\n this.setState({ dateToAddSchedule: date });\r\n } else{\r\n this.setState({ dateToAddSchedule: null });\r\n }\r\n this.setState({ addScheduleModalVisible: isVisible })\r\n }\r\n }\r\n toggleShowInfoModal(isVisible, eventInfo){\r\n this.setState({ showInfoModalVisible: isVisible, eventToShow: eventInfo })\r\n }\r\n setCurrentWeek(dateRange){\r\n const { weekStartDay, weekEndDay } = this.state;\r\n let startDate = dateRange.start;\r\n let endDate = dateRange.end;\r\n\r\n if(weekStartDay !== startDate && weekEndDay !== endDate){\r\n this.setState({ weekStartDay: startDate, weekEndDay: endDate });\r\n }\r\n }\r\n\r\n render () {\r\n const { addScheduleModalVisible, showInfoModalVisible, dateToAddSchedule, currentWeek, eventToShow } = this.state;\r\n const { eventsSchedule, isFetching } = this.props;\r\n const eventRender = (e) => {\r\n const el = e.el;\r\n const startHours = e.event.start.getHours();\r\n const startMinutes = e.event.start.getMinutes();\r\n const endHours = e.event.end.getHours();\r\n const endMinutes = e.event.end.getMinutes();\r\n const content = (\r\n \r\n \r\n
\r\n \r\n {(startHours < 10 ? '0' : '') + startHours + \":\" + (startMinutes < 10 ? \"0\" : \"\") + startMinutes + \" - \" +\r\n (endHours < 10 ? '0' : '') + endHours + \":\" + (endMinutes < 10 ? \"0\" : \"\") + endMinutes}\r\n \r\n
\r\n
\r\n );\r\n ReactDOM.render(content, el);\r\n return el;\r\n };\r\n let user_name = localStorage.user_name === undefined\r\n ? \"perfilador\"\r\n : localStorage.user_name;\r\n\r\n return (\r\n \r\n
\r\n {addScheduleModalVisible && \r\n
this.toggleAddScheduleModal(isVisible)}\r\n currentWeek={currentWeek} addScheduleModalVisible={addScheduleModalVisible}/>\r\n }\r\n {showInfoModalVisible && \r\n this.toggleShowInfoModal(isVisible)}\r\n showInfoModalVisible={showInfoModalVisible}\r\n eventToShow={eventToShow}/>\r\n }\r\n \r\n
\r\n
\r\n Agendar reunión \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n {user_name} , para crear una nueva agenda, haga clic en un día que no cuente con eventos.\r\n Si desea editar, haga clic en un día que ya tenga eventos creados y para ver información de cada evento, haga clic en alguno de estos.\r\n \r\n
\r\n
eventRender(info)}\r\n eventClick={(info) => this.toggleShowInfoModal(true, info.event)}\r\n navLinkDayClick={(info) => this.toggleAddScheduleModal(true, info)}\r\n dayRender={info =>\r\n this.setCurrentWeek(info.view.props.dateProfile.activeRange)\r\n }\r\n // dayRender={info => this.setCurrentWeek(info.view.calendar.state.dateProfile.activeRange)}\r\n />\r\n \r\n
\r\n
\r\n {getFieldDecorator( type + 'Name',{\r\n initialValue: type === 'client'\r\n ? detailedMeeting.potentialClientName\r\n : undefined,\r\n rules: [{required: true, message: 'El nombre es requerido'}]\r\n })( \r\n \r\n \r\n {getFieldDecorator(type + 'LastName',{\r\n initialValue: type === 'client'\r\n ? detailedMeeting.potentialClientLastName\r\n : undefined,\r\n rules: [{required: true, message: 'El apellido es requerido'}]\r\n })( \r\n \r\n \r\n {getFieldDecorator(type + 'Email', {\r\n initialValue: type === 'client'\r\n ? detailedMeeting.email\r\n : undefined,\r\n rules: [\r\n {required: true, message: 'El email es requerido'},\r\n {type: 'email', message: 'No es un email válido'}\r\n ]\r\n })( \r\n \r\n \r\n {getFieldDecorator(type + 'Phone', {\r\n initialValue: type === 'client'\r\n ? (detailedMeeting.phone !== undefined && detailedMeeting.phone !== ''\r\n ? detailedMeeting.phone\r\n : undefined)\r\n : undefined\r\n })(\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n {getFieldDecorator(type + 'Country', {\r\n initialValue: type === 'client'\r\n ? detailedMeeting.potentialClientCountry ? detailedMeeting.potentialClientCountry : undefined\r\n : undefined,\r\n })(\r\n \r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n placeholder={'País de residencia'}\r\n notFoundContent={EmptyListMessage}>\r\n {countries.map((country, i) =>(\r\n \r\n {country.name}\r\n \r\n ))\r\n }\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n {getFieldDecorator(type + 'Nationality', {\r\n initialValue: type === 'client'\r\n ? detailedMeeting.potentialClientNationality ? detailedMeeting.potentialClientNationality : undefined\r\n : undefined,\r\n })( \r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nClientForm.propTypes = {\r\n getFieldDecorator: PropTypes.func,\r\n setFieldsValue: PropTypes.func,\r\n type: PropTypes.string,\r\n countries: PropTypes.array,\r\n clientInfo: PropTypes.object,\r\n requiredServices: PropTypes.array,\r\n detailedMeeting: PropTypes.object\r\n};\r\n\r\nClientForm.defaultProps = {\r\n getFieldDecorator: f => f,\r\n type: 'client',\r\n countries: [],\r\n clientInfo: undefined,\r\n requiredServices: [],\r\n detailedMeeting: {}\r\n};\r\n\r\nexport default ClientForm;","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {connect} from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport {Tooltip, Divider, Row, Col, Form, Input, Button, Icon, Collapse, Popconfirm} from 'antd';\r\n\r\n//Styles\r\n\r\n//Constants\r\nimport { callBack, getDetailedMeeting, saveClientInformation,\r\n startMeeting, updateLogOperation } from '../../../../../store/redux/actions/adviser/adviserActions';\r\nimport ClientForm from \"./ClientInfoForm\";\r\nimport {SERVICES} from \"../../../../../lib/generalUtils/constants\";\r\nimport {serviceInList} from \"../../../../../lib/adviserUtils/adviserUtils\";\r\nimport {WARNING_MESSAGE} from \"../../../subComponents/modals/responseModals\";\r\nimport {REQUEST_STATUS_IDs} from \"../../../../../lib/generalUtils/constants\";\r\nimport {stopNotificationSoundFunction} from \"../../subcomponents/MeetingsNotification\";\r\n\r\nconst {Panel} = Collapse;\r\n\r\nclass MeetingElement extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showAddPartner: true,\r\n detailedMeeting: {},\r\n setDetailedMeeting: true\r\n };\r\n this.toggleAttendantInfo = this.toggleAttendantInfo.bind(this);\r\n this.getDetailedMeetingInformation = this.getDetailedMeetingInformation.bind(this);\r\n this.setClientFormInformation = this.setClientFormInformation.bind(this);\r\n this.saveClientInformation = this.saveClientInformation.bind(this);\r\n this.startMeeting = this.startMeeting.bind(this);\r\n this.finishMeeting = this.finishMeeting.bind(this);\r\n this.rejectMeeting = this.rejectMeeting.bind(this);\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState){\r\n if(Object.keys(prevState.detailedMeeting).length === 0 && nextProps.detailedMeeting !== undefined){\r\n return {...prevState, detailedMeeting: nextProps.detailedMeeting};\r\n }\r\n return null;\r\n }\r\n\r\n startMeeting(){\r\n const { meetingId } = this.props;\r\n let meetingInfo = {\r\n meetingId\r\n };\r\n\r\n this.props.startMeeting( meetingInfo );\r\n stopNotificationSoundFunction();\r\n }\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({isMounted: false});\r\n\r\n this.props.changeInMeetingStatus(false);\r\n if(sessionStorage.meetingUrl !== null && sessionStorage.meetingUrl !== \"null\" &&\r\n sessionStorage.meetingUrl !== undefined && sessionStorage.meetingUrl !== \"undefined\"){\r\n this.props.changeInMeetingStatus(true);\r\n if(sessionStorage.isEmbeddedMeeting === \"false\"){\r\n window.open(sessionStorage.meetingUrl);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n componentDidUpdate(prevProps, prevState, snapshot){\r\n if(!this.props.inMeeting){\r\n if(sessionStorage.meetingUrl !== null && sessionStorage.meetingUrl !== \"null\" &&\r\n sessionStorage.meetingUrl !== undefined && sessionStorage.meetingUrl !== \"undefined\"){\r\n this.props.changeInMeetingStatus(true);\r\n }\r\n }\r\n }\r\n toggleAttendantInfo(flag){\r\n this.setState({ showAddPartner: flag });\r\n }\r\n getDetailedMeetingInformation(meetingId, e){\r\n if(e.length > 0){\r\n this.props.getDetailedMeetingInformation(meetingId);\r\n }\r\n }\r\n setClientFormInformation(){\r\n this.setState({ setDetailedMeeting: false });\r\n }\r\n saveClientInformation(){\r\n this.props.form.validateFields((err, values) => {\r\n if(!err){\r\n const clientInfo = {\r\n clientName: values.clientName,\r\n clientLastName: values.clientLastName,\r\n clientEmail: values.clientEmail,\r\n clientPhone: values.clientPhone,\r\n clientCountry: values.clientCountry,\r\n clientNationality: values.clientNationality\r\n };\r\n\r\n if(this.state.showAddPartner === false){\r\n clientInfo.partnerName = values.partnerName;\r\n clientInfo.partnerLastName = values.partnerLastName;\r\n clientInfo.partnerEmail = values.partnerEmail;\r\n clientInfo.partnerPhone = values.partnerPhone;\r\n clientInfo.partnerCountry = values.partnerCountry;\r\n clientInfo.partnerNationality = values.partnerNationality;\r\n }\r\n\r\n this.props.saveClientInformation(clientInfo);\r\n }else{\r\n WARNING_MESSAGE('Campos por validar');\r\n }\r\n });\r\n }\r\n finishMeeting(event){\r\n event.stopPropagation();\r\n\r\n let saveClientInfoPromise = new Promise((resolve, reject) => {\r\n this.saveClientInformation();\r\n resolve();\r\n });\r\n\r\n saveClientInfoPromise.then(() => {\r\n this.props.handleCallEnding();\r\n });\r\n\r\n saveClientInfoPromise.catch(() => {\r\n WARNING_MESSAGE('Problemas guardando información del cliente');\r\n });\r\n }\r\n rejectMeeting(event){\r\n event.stopPropagation();\r\n const {meetingId} = this.props;\r\n const data = {\r\n meetingId\r\n };\r\n this.props.callBack(data);\r\n }\r\n\r\n render(){\r\n const { form } = this.props;\r\n const { clientName, waitTime, assignedTime, channel, interestCities, meetingId, detailedMeeting, status, inMeeting } = this.props;\r\n const { showAddPartner } = this.state;\r\n const { getFieldDecorator, setFieldsValue } = form;\r\n const extraContent = \r\n {status === REQUEST_STATUS_IDs.assigned &&\r\n
\r\n
\r\n Atender\r\n \r\n
this.rejectMeeting(event)}\r\n onCancel={event => event.stopPropagation()} cancelText={\"Cancelar\"} okText={\"Confirmar\"} placement={\"top\"}>\r\n event.stopPropagation()} icon={'close-circle'} disabled={inMeeting}>\r\n Rechazar\r\n \r\n \r\n
\r\n }\r\n {status === REQUEST_STATUS_IDs.inMeeting &&\r\n
\r\n Finalizar llamada\r\n \r\n }\r\n
\r\n
\r\n
\r\n Nombre cliente \r\n Tiempo de espera \r\n Tiempo de asignación \r\n Canal \r\n Ciudades \r\n
\r\n\r\n
this.getDetailedMeetingInformation(this.props.meetingId, e)}\r\n expandIconPosition='left'>\r\n \r\n \r\n \r\n
\r\n Atender\r\n \r\n
this.rejectMeeting(event)}\r\n onCancel={event => event.stopPropagation()} cancelText={\"Cancelar\"} okText={\"Confirmar\"}>\r\n event.stopPropagation()} icon={'close-circle'} disabled={inMeeting}>\r\n Rechazar\r\n \r\n \r\n
this.finishMeeting(event)} icon={'close-circle'}>\r\n Finalizar llamada\r\n \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n Cancelar\r\n ,\r\n \r\n Finalizar\r\n \r\n ]}\r\n >\r\n \r\n
\r\n \r\n {services.map( (service, i) => (\r\n \r\n {service.name}\r\n \r\n ) )}\r\n \r\n \r\n \r\n Transferir llamada\r\n \r\n \r\n
\r\n {isTransfer === true &&\r\n
\r\n
\r\n
Servicios a transferir \r\n
\r\n \r\n {services.map((service, i) => (\r\n \r\n {service.name}\r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nRequestServicesModal.propTypes = {\r\n visible: PropTypes.bool,\r\n services: PropTypes.array,\r\n handleOk: PropTypes.func,\r\n handleCancel: PropTypes.func,\r\n meetingRequestId: PropTypes.number\r\n};\r\n\r\nexport default RequestServicesModal;","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {List, Alert, Row, Col, Divider, Button, message, Modal, Icon} from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport MeetingElement from \"./subcomponents/MeetingElement\";\r\nimport sound from '../../../../assets/sounds/canceledNotification.mp3';\r\n\r\n//Styles\r\nimport '../../../../styles/adviser/adviser.css';\r\n\r\n//Constants\r\nimport {\r\n fetchMeetings, finishMeeting, toggleServicesModal, updateAdviserStatus,\r\n updateConnectedStatus, updateLogOperation\r\n} from '../../../../store/redux/actions/adviser/adviserActions';\r\nimport RequestServicesModal from \"../subcomponents/RequestServicesModal\";\r\nimport { setMeetingLog } from \"../../../../lib/generalUtils/functions\";\r\nimport { equalMeetingsLists } from \"../../../../lib/adviserUtils/adviserUtils\";\r\n\r\n//Components\r\nimport LoadingComponent from '../../general/LoadingComponent';\r\nimport routes from \"../../../../lib/generalUtils/routes\";\r\n\r\nclass AdviserHome extends Component{\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isMounted: false,\r\n meetingsList: [],\r\n interval: undefined,\r\n interval2: undefined,\r\n finishingMeetingRequest: undefined,\r\n inMeeting: false,\r\n fullScreenWhereBy: true,\r\n showInteractionModal: false,\r\n };\r\n this.getMeetings = this.getMeetings.bind(this);\r\n this.setFinishingMeetingRequest = this.setFinishingMeetingRequest.bind(this);\r\n this.notificationPermission = this.notificationPermission.bind(this);\r\n this.handleFinishCall = this.handleFinishCall.bind(this);\r\n this.changeInMeetingStatus = this.changeInMeetingStatus.bind(this);\r\n }\r\n\r\n getMeetings(){\r\n this.props.fetchMeetings();\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({isMounted: false});\r\n \r\n let audio = new Audio(sound);\r\n audio.play();\r\n this.notificationPermission();\r\n this.addOnBeforeUnload();\r\n this.props.fetchMeetings(true);\r\n this.props.updateConnectedStatus();\r\n const interval = setInterval(() => this.getMeetings(), 5000);\r\n const interval2 = setInterval(() => this.props.updateConnectedStatus(), 120000);\r\n this.setState({ interval: interval, interval2: interval2, showInteractionModal: true });\r\n }\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot){\r\n if(this.props.meetingLogId !== null && this.props.meetingLogId !== prevProps.meetingLogId){\r\n this.allowCamAndMic();\r\n }\r\n if(!equalMeetingsLists(prevState.meetingsList, this.state.meetingsList)){\r\n this.props.fetchMeetings();\r\n this.setState({meetingsList: this.props.meetings});\r\n }\r\n if((prevProps.meetings.length !== this.props.meetings.length) && this.props.meetings.length === 0){\r\n this.changeInMeetingStatus(false);\r\n sessionStorage.removeItem('meetingUrl');\r\n }\r\n }\r\n \r\n notificationPermission() {\r\n // Check if the browser supports notifications\r\n if (!(\"Notification\" in window)) {\r\n alert(\"Este navegador no es compatible con las notificaciones de escritorio.\");\r\n }\r\n // Check if notifications was granted\r\n else if (Notification.permission === \"granted\") {\r\n message.success(\"Los permisos de notificaciones están activos.\")\r\n }\r\n // If not, we ask permission\r\n else if (Notification.permission === \"default\") {\r\n Notification.requestPermission().then(function (permission) {\r\n if (permission === \"granted\") {\r\n message.success(\"Notificaciones activadas.\")\r\n }\r\n });\r\n }\r\n // If not, we ask permission\r\n else if (Notification.permission === \"denied\") {\r\n Modal.warning({\r\n title: \"Las notificaciones no están activas\",\r\n content: \r\n Para poder notificar de una llamada nueva, por favor habilite manualmente los permisos de notificaciones.\r\n
\r\n Puede ayudarse
aquí .\r\n
\r\n {isLoading === true && \r\n
\r\n }\r\n \r\n {showInteractionModal &&\r\n
\r\n \r\n Bienvenido(a) a Casa Propia en Línea\r\n this.setState({ showInteractionModal: false })}>\r\n Continuar\r\n \r\n
\r\n \r\n }\r\n\r\n {servicesModalVisible && \r\n
this.props.toggleServicesModal(false)}\r\n services={services} meetingRequestId={finishingMeetingRequest}\r\n handleOk={this.handleFinishCall} />\r\n }\r\n\r\n \r\n {isEmbeddedMeeting && inMeeting \r\n ? fullScreenWhereBy \r\n ?\r\n
this.setState({ fullScreenWhereBy: false })}\r\n icon={\"fullscreen-exit\"}>\r\n Minimizar\r\n \r\n :\r\n
this.setState({ fullScreenWhereBy: true })}\r\n icon={\"fullscreen\"} />\r\n : \"\"\r\n }\r\n {isEmbeddedMeeting && inMeeting &&\r\n <>\r\n {fullScreenWhereBy &&\r\n \r\n
{\r\n const meetingUrlSplit = sessionStorage.meetingUrl.split('?');\r\n const currentMeet = meetings.find(meeting => meeting.status === 6);\r\n navigator.clipboard.writeText(`${window.location.origin}${routes.guest_room}?guestUrl=${meetingUrlSplit[0]}&meetingId=${currentMeet.meetingId}`);\r\n message.success('El enlace se ha copiado en el portapapeles.', 3);\r\n }}>\r\n \r\n
\r\n Enlace\r\n
\r\n
\r\n
\r\n Reuniones asignadas \r\n \r\n
\r\n\r\n
\r\n\r\n {meetings.length === 0\r\n ?
\r\n :
(\r\n \r\n this.setFinishingMeetingRequest(meeting.meetingId)}\r\n changeInMeetingStatus = {(status) => this.changeInMeetingStatus(status)}\r\n />\r\n \r\n )}\r\n />\r\n }\r\n
\r\n \r\n onChangeDate(dateMoment, dateString)}\r\n value={momentDate}\r\n />\r\n \r\n onClickSearch()}/>\r\n onRemoveFilters()}/>\r\n \r\n
\r\n
\r\n )\r\n }\r\n};\r\n\r\nHistoryFilter.propTypes = {\r\n textFilter: Proptypes.string,\r\n onChangeField: Proptypes.func,\r\n onChangeDate: Proptypes.func,\r\n onClickSearch: Proptypes.func,\r\n onRemoveFilters: Proptypes.func,\r\n momentDate: Proptypes.array\r\n};\r\n\r\nexport default HistoryFilter;","//Subcomponents\r\nimport request from './requestWrapper';\r\n\r\nfunction getReportByUser(data) {\r\n return request({\r\n url: '/Meeting/GetReportByUser',\r\n method: 'POST',\r\n data: data\r\n });\r\n};\r\n\r\nfunction getReportParams() {\r\n return request({\r\n url: '/Meeting/GetReportParams',\r\n method: 'GET'\r\n });\r\n};\r\n\r\nfunction generateReportPerUser(data) {\r\n return request({\r\n url: '/Meeting/GenerateReportPerUser',\r\n method: 'POST',\r\n data: data\r\n });\r\n};\r\n\r\nfunction getRequestsReportParams() {\r\n return request({\r\n url: '/MeetingRequest/GetReportParams',\r\n method: 'GET'\r\n });\r\n};\r\n\r\nfunction getRequestsReport(data) {\r\n return request({\r\n url: '/MeetingRequest/GetReport',\r\n method: 'POST',\r\n data: data\r\n });\r\n};\r\n\r\nfunction generateRequestsReport(data) {\r\n return request({\r\n url: '/MeetingRequest/GenerateReport',\r\n method: 'POST',\r\n data: data\r\n });\r\n}\r\n\r\nconst historyApi = {\r\n getReportByUser, getReportParams, generateReportPerUser, getRequestsReportParams, getRequestsReport, generateRequestsReport\r\n};\r\n\r\nexport default historyApi;","import {Tooltip} from \"antd\";\r\nimport React from \"react\";\r\n\r\nexport const historyColumns = [\r\n {\r\n title: 'Nombre',\r\n dataIndex: 'clientName',\r\n key: 'clientName',\r\n width: \"200px\",\r\n sorter: (a, b) => { return a.clientName.localeCompare(b.clientName) },\r\n render: text => {text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text.split(\"T\")[0]}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text.split(\"T\")[0]}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text}
{text.split(\"T\")[0]}
\r\n {(isFetching || !tableReadyToRender) &&
}\r\n
\r\n
Historial de reuniones \r\n\r\n
\r\n\r\n
\r\n this.onChangeField(value)}\r\n onChangeDate={(dateMoment, dateString) => this.onChangeDate(dateMoment, dateString)}\r\n onClickSearch={this.onClickSearch}\r\n onRemoveFilters={this.onRemoveFilters}\r\n momentDate={this.state.momentDate}\r\n textFilter={this.state.data.reportFilterVm.textFilter}\r\n\r\n />\r\n \r\n {parseInt(localStorage.getItem(\"role\")) !== Roles.Adviser &&\r\n this.generateFile()}>\r\n Exportar a Excel\r\n \r\n :\r\n \r\n Exportar a Excel\r\n \r\n }\r\n Última exportación: {lastExportDate}
\r\n \r\n }\r\n
\r\n {(!tableReadyToRender || record.collection.length === 0)\r\n ?
\r\n :
this.order(page, filters, sorter, a, b, c)}\r\n />\r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nAdviserHistory.propTypes = {\r\n isFetching: Proptypes.bool,\r\n record: Proptypes.object,\r\n reportParams: Proptypes.array,\r\n getReportByUser: Proptypes.func,\r\n getReportParams: Proptypes.func,\r\n generateReportPerUser: Proptypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.history.isFetching,\r\n record: state.history.record,\r\n reportParams: state.history.reportParams\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getReportByUser: (data) => dispatch(getReportByUser(data)),\r\n getReportParams: () => dispatch(getReportParams()),\r\n generateReportPerUser: (data) => dispatch(generateReportPerUser(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AdviserHistory);","import { historyTypes } from '../../types';\r\nimport historyApi from '../../../../api/historyApi';\r\nimport {\r\n ERROR_MODAL\r\n} from \"../../../../components/ui/subComponents/modals/responseModals\";\r\nimport BaseURL from \"../../../../api/BaseURL\";\r\n\r\nexport const getReportByUser = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT,\r\n isFetching: true,\r\n record: {}\r\n });\r\n return historyApi.getReportByUser(data)\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT,\r\n isFetching: false,\r\n record: response.data\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT,\r\n isFetching: false,\r\n record: {}\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const getReportParams = () => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT_PARAMS,\r\n isFetching: true,\r\n reportParams: []\r\n });\r\n return historyApi.getReportParams()\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT_PARAMS,\r\n isFetching: false,\r\n reportParams: response.data\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GET_REPORT_PARAMS,\r\n isFetching: false,\r\n record: []\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const generateReportPerUser = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: true\r\n });\r\n return historyApi.generateReportPerUser(data)\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: false\r\n });\r\n window.open(BaseURL + \"/\" + response.data);\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: false\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};","//Subcomponents\r\nimport request from './requestWrapper';\r\n\r\n//Logotypes\r\nfunction getLogoTypes() {\r\n return request({\r\n url: '/Parameter/GetLogosParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction updateLogoTypes(multimediaId, file) {\r\n\r\n let bodyFormData = new FormData();\r\n bodyFormData.append('multimediaId', multimediaId);\r\n bodyFormData.append('file', file);\r\n\r\n return request({\r\n url: '/Parameter/UpdateLogosParams',\r\n method: 'PUT',\r\n data: bodyFormData,\r\n });\r\n};\r\n\r\n//Waiting Texts\r\nfunction getWaitingTextParams(){\r\n return request({\r\n url: '/Parameter/GetWaitingTextsParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\n//Multimedia\r\nfunction getMultimediaParams() {\r\n return request({\r\n url: '/Parameter/GetMultimediaParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction updateMultimediaParams(data) {\r\n let bodyFormData = new FormData();\r\n bodyFormData.set('videoIsActive', data.videoIsActive);\r\n bodyFormData.set('modifyImages', data.modifyImages);\r\n bodyFormData.set('modifyVideos', data.modifyVideos);\r\n\r\n //---------------------------------------------------------\r\n\r\n if(data.modifyImages === true){\r\n if(data.images.length === 0){\r\n bodyFormData.append('imagesList', data.images);\r\n }\r\n }\r\n\r\n for(let item of data.images){\r\n bodyFormData.append('imagesList', item.file, item.file.name);\r\n }\r\n //---------------------------------------------------------\r\n if(data.modifyVideos === true){\r\n if(data.videos.length === 0){\r\n bodyFormData.append('videosList', data.videos);\r\n }\r\n }\r\n for(let item of data.videos){\r\n bodyFormData.append('videosList', item.file, item.file.name);\r\n }\r\n\r\n return request({\r\n url: '/Parameter/UpdateMultimediaParams',\r\n method: 'PUT',\r\n data: bodyFormData,\r\n });\r\n};\r\n\r\n//Terms and Conditions\r\nfunction getTermsTextParams() {\r\n return request({\r\n url: '/Parameter/GetTermsandConditionsTextsParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction updateTextParams(data){\r\n return request({\r\n url: '/Parameter/UpdateTextParams',\r\n method: 'PUT',\r\n data: data,\r\n });\r\n};\r\n\r\n//SocialData\r\nfunction getSocialData(){\r\n return request({\r\n url: '/Parameter/GetLinkParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction addSocialData(data){\r\n return request({\r\n url: '/Parameter/AddLink',\r\n method: 'POST',\r\n data: data\r\n });\r\n};\r\n\r\nfunction deleteSocialData(data){\r\n return request({\r\n url: '/Parameter/DeleteLink',\r\n method: 'DELETE',\r\n data: data\r\n });\r\n};\r\n\r\n//Services\r\nfunction getServices(){\r\n return request({\r\n url: '/Service/GetAll',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction addServices(data){\r\n return request({\r\n url: '/Service/Add',\r\n method: 'POST',\r\n data: data\r\n });\r\n};\r\n\r\nfunction editServices(data){\r\n return request({\r\n url: '/Service/Update',\r\n method: 'PUT',\r\n data: data\r\n });\r\n};\r\n\r\nfunction deleteServices(data){\r\n return request({\r\n url: '/Service/Delete',\r\n method: 'PUT',\r\n data: data\r\n });\r\n};\r\n\r\n//Schedule\r\nfunction getScheduleValues(){\r\n return request({\r\n url: '/Parameter/GetDefaultSchedulesValuesParams',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction updateScheduleValues(data){\r\n return request({\r\n url: '/Parameter/UpdateDefaultScheduleValuesParams',\r\n method: 'PUT',\r\n data: data\r\n });\r\n};\r\n\r\n//TimesOut\r\nfunction getTimesOut(){\r\n return request({\r\n url: '/Parameter/GetTimeOuts',\r\n method: 'GET',\r\n });\r\n};\r\n\r\nfunction updateTimesOut(data){\r\n return request({\r\n url: '/Parameter/UpdateTimeOuts',\r\n method: 'PUT',\r\n data: data\r\n });\r\n};\r\n\r\n// Embedded mode\r\nfunction getEmbeddedMeetingMode(){\r\n return request({\r\n url: '/Parameter/GetEmbeddedMeetingMode',\r\n method: 'GET'\r\n })\r\n}\r\nfunction updateEmbeddedMeetingMode(data){\r\n return request({\r\n url: '/Parameter/UpdateEmbeddedMeetingMode',\r\n method: 'PUT',\r\n params: data\r\n });\r\n}\r\n\r\n// Url (extenral video call app) config.\r\n\r\nfunction getVideoCallUrls(){\r\n return request({\r\n url: '/VideoCallUrl/GetAll',\r\n method: 'GET'\r\n })\r\n}\r\nfunction getUrlById(data){\r\n return request({\r\n url: '/VideoCallUrl/GetById',\r\n method: 'GET',\r\n headers: data\r\n });\r\n}\r\nfunction addVideoCallUrl(data){\r\n return request({\r\n url: '/VideoCallUrl/Add',\r\n method: 'POST',\r\n data: data\r\n });\r\n}\r\nfunction updateVideoCallUrl(data){\r\n return request({\r\n url: '/VideoCallUrl/Update',\r\n method: 'PUT',\r\n data: data\r\n });\r\n}\r\nfunction deleteVideoCallUrl(data){\r\n return request({\r\n url: '/VideoCallUrl/Delete',\r\n method: 'DELETE',\r\n headers: data\r\n });\r\n}\r\nfunction getParamsVideoCallUrl(){\r\n return request({\r\n url: '/VideoCallUrl/GetParams',\r\n method: 'GET'\r\n });\r\n}\r\n\r\nconst adminService = {\r\n getLogoTypes, updateLogoTypes, getWaitingTextParams, updateTextParams,\r\n getMultimediaParams, updateMultimediaParams, getTermsTextParams,\r\n getSocialData, addSocialData, deleteSocialData,\r\n getServices, addServices, editServices, deleteServices,\r\n getScheduleValues, updateScheduleValues,\r\n getTimesOut, updateTimesOut,\r\n getEmbeddedMeetingMode, updateEmbeddedMeetingMode,\r\n getVideoCallUrls, getUrlById, addVideoCallUrl, updateVideoCallUrl, deleteVideoCallUrl, getParamsVideoCallUrl\r\n};\r\n\r\nexport default adminService;","//Subcomponents\r\nimport {ERROR_MODAL, SUCCESS_MODAL} from \"../../../../../components/ui/subComponents/modals/responseModals\";\r\n\r\n//Services\r\nimport adminServices from '../../../../../api/adminApi';\r\n\r\n//Constants\r\nimport {AdminTypes as C} from '../../../types';\r\n\r\nexport const getLogoTypes = () => {\r\n return dispatch => {\r\n return adminServices.getLogoTypes()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_LOGOS,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al solicitar la información', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const setLogoTypes = (file, multimediaId) => {\r\n return dispatch => {\r\n dispatch({\r\n type: C.SET_LOGOS,\r\n isLoading: true,\r\n payload: null\r\n });\r\n return adminServices.updateLogoTypes(multimediaId, file)\r\n .then(response => {\r\n dispatch({\r\n type: C.SET_LOGOS,\r\n isLoading: false,\r\n payload: response.data\r\n });\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar el logo', err.data);\r\n dispatch({\r\n type: C.SET_LOGOS,\r\n isLoading: false,\r\n payload: null\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport const getTextParams = () => {\r\n return dispatch => {\r\n return adminServices.getWaitingTextParams()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_PARAMS_TEXT,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al solicitar la información', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const setTextParams = (data, sectionId=2) => {\r\n return dispatch => {\r\n dispatch({\r\n type: C.SET_PARAMS_TEXT,\r\n isLoading: true,\r\n payload: null\r\n });\r\n return adminServices.updateTextParams(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.SET_PARAMS_TEXT,\r\n isLoading: false,\r\n payload: response.data\r\n });\r\n dispatch(getTextParams(sectionId));\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar el texto', err.data);\r\n dispatch({\r\n type: C.SET_PARAMS_TEXT,\r\n isLoading: false,\r\n payload: null\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport const getMultimediaParams = () => {\r\n return dispatch => {\r\n return adminServices.getMultimediaParams()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_MULTIMEDIA,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al solicitar la información de multimedia', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const updateMultimediaParams = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: C.UPDATE_MULTIMEDIA,\r\n isLoading: true,\r\n payload: null\r\n });\r\n return adminServices.updateMultimediaParams(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.UPDATE_MULTIMEDIA,\r\n isLoading: false,\r\n payload: response.data\r\n });\r\n dispatch(getMultimediaParams());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar la información multimedia', err.data);\r\n dispatch({\r\n type: C.UPDATE_MULTIMEDIA,\r\n isLoading: false,\r\n payload: null\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport const getTermsCondsParams = () => {\r\n return dispatch => {\r\n return adminServices.getTermsTextParams()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_TERMS_CONDS,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al solicitar los términos y condiciones', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const updateTermsCondsParams = (data, sectionId=4) => {\r\n return dispatch => {\r\n dispatch({\r\n type: C.UPDATE_TERMS_CONDS,\r\n isLoading: true,\r\n payload: null\r\n });\r\n return adminServices.updateTextParams(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.UPDATE_TERMS_CONDS,\r\n isLoading: false,\r\n payload: response.data\r\n });\r\n dispatch(getTermsCondsParams(sectionId));\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar los términos y condiciones', err.data);\r\n dispatch({\r\n type: C.UPDATE_TERMS_CONDS,\r\n isLoading: false,\r\n payload: null\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport const getSocialData = () => {\r\n return dispatch => {\r\n return adminServices.getSocialData()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_LINKS,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al traer los links', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const addSocialData = (data) => {\r\n return dispatch => {\r\n return adminServices.addSocialData(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.ADD_LINKS,\r\n payload: response.data\r\n });\r\n dispatch(getSocialData());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al guardar el link', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const deleteSocialData = (data) => {\r\n return dispatch => {\r\n return adminServices.deleteSocialData(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.DELETE_LINKS,\r\n payload: response.data\r\n });\r\n dispatch(getSocialData());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al eliminar el link', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const getServices = () => {\r\n return dispatch => {\r\n return adminServices.getServices()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_SERVICES,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al traer los servicios', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const addServices = (data) => {\r\n return dispatch => {\r\n return adminServices.addServices(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.ADD_SERVICES,\r\n payload: response.data\r\n });\r\n dispatch(getServices());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al agregar el servicio', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const updateServices = (data) => {\r\n return dispatch => {\r\n return adminServices.editServices(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.UPDATE_SERVICES,\r\n payload: response.data\r\n });\r\n dispatch(getServices());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al editar el servicio', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const deleteServices = (data) => {\r\n return dispatch => {\r\n return adminServices.deleteServices(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.DELETE_SERVICES,\r\n payload: response.data\r\n });\r\n dispatch(getServices());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al eliminar el servicio', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const getScheduleValues = () => {\r\n return dispatch => {\r\n return adminServices.getScheduleValues()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_SCHEDULE,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al traer la información de la agenda', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const updateScheduleValues = (data) => {\r\n return dispatch => {\r\n return adminServices.updateScheduleValues(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.UPDATE_SCHEDULE,\r\n payload: response.data\r\n });\r\n dispatch(getScheduleValues());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar la agenda', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const getTimesOut = () => {\r\n return dispatch => {\r\n return adminServices.getTimesOut()\r\n .then(response => {\r\n dispatch({\r\n type: C.GET_TIMEOUT,\r\n payload: response.data\r\n });\r\n }).catch(err => {\r\n ERROR_MODAL('Error al traer la información del tiempo de espera', err.data);\r\n });\r\n }\r\n};\r\n\r\nexport const updateTimesOut = (data) => {\r\n return dispatch => {\r\n return adminServices.updateTimesOut(data)\r\n .then(response => {\r\n dispatch({\r\n type: C.UPDATE_TIMEOUT,\r\n payload: response.data\r\n });\r\n dispatch(getTimesOut());\r\n SUCCESS_MODAL(\"Acción realizada exitosamente\", response.data);\r\n }).catch(err => {\r\n ERROR_MODAL('Error al actualizar el tiempo de espera', err.data);\r\n });\r\n }\r\n};","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Button, Card, Upload, Modal, Icon} from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\n\r\n///Subcomponents\r\nimport BaseURL from \"../../../../api/BaseURL\";\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\n\r\n//Actions\r\nimport {getLogoTypes, setLogoTypes} from \"../../../../store/redux/actions/admin/parameterization/parameterizationActions\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/parameterization/logoTypes.css';\r\n\r\n//Functions\r\nfunction getBase64(img, callback) {\r\n const reader = new FileReader();\r\n reader.addEventListener('load', () => callback(reader.result));\r\n reader.readAsDataURL(img);\r\n};\r\n\r\nclass LogoTypes extends Component {\r\n\r\n constructor(props){\r\n \r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n firstimageUrl: null,\r\n secondimageUrl: null,\r\n firstLoading: false,\r\n secondLoading: false,\r\n changeFirstFile: false,\r\n changeSecondFile: false,\r\n firstList: [],\r\n secondList: [],\r\n previewImage: null, \r\n previewVisible: null,\r\n };\r\n\r\n this.onMultimediaChange = this.onMultimediaChange.bind(this);\r\n this.handleFirstChange = this.handleFirstChange.bind(this);\r\n this.handleSecondChange = this.handleSecondChange.bind(this);\r\n this.saveFirstLogo = this.saveFirstLogo.bind(this);\r\n this.saveSecondLogo = this.saveSecondLogo.bind(this);\r\n this.handleCancelModal = this.handleCancelModal.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getLogoTypes();\r\n }\r\n });\r\n };\r\n\r\n onMultimediaChange(file){\r\n let reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n\r\n let fileToAdd = {\r\n uid: file.uid,\r\n status: 'done',\r\n type: file.type,\r\n name: file.name,\r\n size: file.size,\r\n lastModified: file.lastModified,\r\n lastModifiedDate: file.lastModifiedDate\r\n };\r\n\r\n reader.onloadend = function () {\r\n fileToAdd.url = reader.result;\r\n };\r\n return false;\r\n };\r\n\r\n handleFirstChange({fileList}){ \r\n this.setState({ \r\n firstList: fileList,\r\n changeFirstFile: true\r\n });\r\n };\r\n\r\n handleSecondChange({fileList}){\r\n this.setState({\r\n secondList: fileList,\r\n changeSecondFile: true\r\n });\r\n };\r\n \r\n saveFirstLogo(firstimageId){\r\n this.props.setLogoTypes(this.state.firstList[0].originFileObj, firstimageId);\r\n this.setState({\r\n changeFirstFile: false,\r\n });\r\n };\r\n\r\n saveSecondLogo(secondimageId){\r\n this.props.setLogoTypes(this.state.secondList[0].originFileObj, secondimageId);\r\n this.setState({\r\n changeSecondFile: false,\r\n });\r\n };\r\n\r\n handlePreview = async file => {\r\n if (!file.thumbUrl && !file.preview) {\r\n file.preview = await getBase64(file.originFileObj);\r\n }\r\n this.setState({\r\n previewImage: file.thumbUrl || file.preview,\r\n previewVisible: true,\r\n });\r\n };\r\n\r\n handleCancelModal(){\r\n this.setState({\r\n previewVisible: false,\r\n });\r\n };\r\n\r\n render() { \r\n\r\n let {firstList, secondList, changeFirstFile, changeSecondFile, previewImage, previewVisible} = this.state;\r\n\r\n let firstimageUrl = this.state.firstimageUrl === null ?\r\n this.props.getLogosResponse !== null ?\r\n BaseURL+this.props.getLogosResponse[1].url : this.state.firstimageUrl\r\n : this.state.firstimageUrl;\r\n let firstimageId = this.props.getLogosResponse !== null ?\r\n this.props.getLogosResponse[1].multimediaId : 0;\r\n let secondimageUrl = this.state.secondimageUrl === null ?\r\n this.props.getLogosResponse !== null ?\r\n BaseURL+this.props.getLogosResponse[0].url : this.state.secondimageUrl\r\n : this.state.secondimageUrl;\r\n let secondimageId = this.props.getLogosResponse !== null ?\r\n this.props.getLogosResponse[0].multimediaId : 0;\r\n\r\n const uploadButton = (loading) => {\r\n return (\r\n
\r\n
Cargar logo
\r\n
\r\n
\r\n Logos \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n Logo inicial y de agradecimiento\r\n \r\n this.onMultimediaChange(file)} onChange={this.handleFirstChange}\r\n showUploadList={{ showPreviewIcon: true, showRemoveIcon: true }}\r\n onPreview={this.handlePreview} multiple={false}>\r\n {imageRender(this.state.firstLoading, firstimageUrl, 1)}\r\n \r\n \r\n \r\n \r\n this.saveFirstLogo(firstimageId)}>\r\n Guardar logo\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Logo de espera\r\n \r\n this.onMultimediaChange(file)} onChange={this.handleSecondChange}\r\n showUploadList={{ showPreviewIcon: true, showRemoveIcon: true }}\r\n onPreview={this.handlePreview} multiple={false}>\r\n {imageRender(this.state.secondLoading, secondimageUrl, 2)}\r\n \r\n \r\n \r\n \r\n this.saveSecondLogo(secondimageId)}>Guardar logo \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Textos de espera\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {firstObject.description}\r\n \r\n \r\n this.saveFirstText(firstObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {secondObject.description}\r\n \r\n \r\n this.saveSecondText(secondObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n {thirdObject.description}\r\n \r\n \r\n this.saveThirdText(thirdObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {fourthObject.description}\r\n \r\n \r\n this.saveFourthText(fourthObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n {sixthObject.description}\r\n \r\n \r\n this.saveSixthText(sixthObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {fifthObject.description}\r\n \r\n \r\n this.saveFifthText(fifthObject.textId)}>\r\n Guardar texto\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n Cargar contenido
\r\n \r\n
\r\n Multimedia \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n this.onChangeImagesIsActiveState(value.target.checked)} checked={imagesIsActive}>\r\n Imágenes\r\n \r\n \r\n this.onMultimediaChange(file)}\r\n showUploadList={true}\r\n onPreview={this.handlePreview}\r\n onChange={this.handleImagesChange}>\r\n {imagesList.length >= 4 ?\r\n null : uploadButton}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.onChangeVideoIsActiveState(value.target.checked)} checked={videoIsActive}>\r\n Videos\r\n \r\n \r\n this.onMultimediaChange(file)}\r\n onPreview={this.handlePreview}\r\n onChange={this.handleVideoChange}>\r\n {videosList.length >= 4 ?\r\n null : uploadButton}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n this.saveMultimediaChanges(responseVideoIsActive)}>\r\n Guardar cambios\r\n \r\n
\r\n
\r\n \r\n \r\n this.handleDelete(this.props.item) }\r\n type={\"delete\"} size={\"small\"}/>\r\n \r\n \r\n
\r\n
\r\n );\r\n };\r\n}\r\n\r\nTableButtons.propTypes = {\r\n deleteSocialData: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n deleteSocialData: (data) => dispatch(deleteSocialData(data)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TableButtons);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Button, Card, Input, Table} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Actions\r\nimport {getSocialData, addSocialData} from \"../../../../store/redux/actions/admin/parameterization/parameterizationActions\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/parameterization/social.css';\r\n\r\n//Subcomponents\r\nimport TableButtons from './subcomponents/SocialTableButtons';\r\nimport { WARNING_MODAL } from '../../subComponents/modals/responseModals';\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\n\r\n//Constants\r\nconst table = [\r\n {\r\n title: Nombre
,\r\n dataIndex: 'name',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.name.localeCompare(b.name)},\r\n },\r\n {\r\n title: Enlace
,\r\n dataIndex: 'link',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.link.localeCompare(b.link)},\r\n },\r\n {\r\n title: \"Acciones\",\r\n dataIndex: 'actions',\r\n width: \"50px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n }\r\n];\r\n\r\n//Functions\r\nfunction itemRender(current, type, originalElement) {\r\n if (type === 'prev' || type === 'Previous Page') {\r\n return {\"<\"} ;\r\n } if (type === 'next') {\r\n return {\">\"} ;\r\n }\r\n return originalElement;\r\n};\r\n\r\nclass Social extends Component {\r\n\r\n constructor(props){\r\n \r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n text: null,\r\n firstText: null,\r\n firstTextLength: 0,\r\n linkName: null,\r\n linkUrl: null,\r\n };\r\n\r\n this.setData = this.setData.bind(this);\r\n this.inputLinkName = this.inputLinkName.bind(this);\r\n this.inputLinkUrl = this.inputLinkUrl.bind(this);\r\n this.saveLink = this.saveLink.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getSocialData();\r\n }\r\n });\r\n };\r\n\r\n setData(linkList){\r\n \r\n let rows = [];\r\n if(linkList){\r\n for (let i = 0; i < linkList.length; i++) {\r\n \r\n let item = linkList[i];\r\n let row = {\r\n key: i,\r\n name: item.name,\r\n link: item.url,\r\n actions: \r\n };\r\n rows.push(row);\r\n }\r\n }\r\n \r\n return rows;\r\n };\r\n\r\n inputLinkName(e){\r\n this.setState({\r\n linkName: e.target.value,\r\n }); \r\n };\r\n\r\n inputLinkUrl(e){\r\n this.setState({\r\n linkUrl: e.target.value,\r\n }); \r\n };\r\n\r\n saveLink(){\r\n if(this.state.linkName !== \"\" && this.state.linkUrl !== \"\" &&\r\n this.state.linkName !== null && this.state.linkUrl !== null ){\r\n let data = \r\n {\r\n name: this.state.linkName,\r\n url: this.state.linkUrl,\r\n };\r\n this.props.addSocialData(data);\r\n this.setState({\r\n linkName: null,\r\n linkUrl: null,\r\n });\r\n }else{\r\n WARNING_MODAL(\"Advertencia\", \"Agregue un enlace válido, por favor\");\r\n }\r\n };\r\n\r\n render() {\r\n\r\n let {linkName, linkUrl} = this.state;\r\n let {getLinksResponse} = this.props;\r\n let tableData = this.setData(getLinksResponse);\r\n\r\n if(getLinksResponse === null){\r\n return (\r\n \r\n
\r\n Enlaces de redes sociales \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n this.saveLink()}>\r\n Guardar enlace\r\n \r\n \r\n
\r\n {tableData.length === 0\r\n ?\r\n \r\n
\r\n
No hay links todaví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\nSocial.propTypes = {\r\n getLinksResponse: PropTypes.array,\r\n getSocialData: PropTypes.func,\r\n addSocialData: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n getLinksResponse: state.admin.getLinksResponse,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSocialData: () => dispatch(getSocialData()),\r\n addSocialData: (data) => dispatch(addSocialData(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Social);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, TimePicker, InputNumber, Divider, Card, Popover, Icon, Button, Tabs} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\nimport moment from \"moment-timezone/builds/moment-timezone-with-data\";\r\n\r\n//Subcomponents\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\n\r\n//Actions\r\nimport {getScheduleValues, updateScheduleValues} from \"../../../../store/redux/actions/admin/parameterization/parameterizationActions\";\r\nimport {mapScheduleData, defineServiceQuantity, createDataResponse} from \"../../../../lib/adminUtils/adminUtils\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/parameterization/agenda.css';\r\n\r\nconst requestMeetingInfo = \"Modificar la cantidad de asesores asignados a cada servicio.\";\r\nconst { TabPane } = Tabs;\r\n\r\nclass Agenda extends Component {\r\n\r\n constructor(props){\r\n\r\n super(props);\r\n \r\n this.state = {\r\n isMounted: false,\r\n week_morning: {},\r\n week_morning_services: [],\r\n week_evening: {},\r\n week_evening_services: [],\r\n weekend_morning: {},\r\n weekend_morning_services: [],\r\n weekend_evening: {},\r\n weekend_evening_services: [],\r\n changedValues: null,\r\n };\r\n\r\n this.onChangeScheduleValue = this.onChangeScheduleValue.bind(this);\r\n this.onChangeScheduleService = this.onChangeScheduleService.bind(this);\r\n this.saveWeekChanges = this.saveWeekChanges.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getScheduleValues();\r\n }\r\n });\r\n };\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if(nextProps.getScheduleValuesResponse !== null && prevState.changedValues === null){\r\n return {\r\n week_morning: mapScheduleData(false, true, nextProps.getScheduleValuesResponse.defaultScheduleValues),\r\n week_morning_services: defineServiceQuantity(false, true, nextProps.getScheduleValuesResponse),\r\n week_evening: mapScheduleData(false, false, nextProps.getScheduleValuesResponse.defaultScheduleValues),\r\n week_evening_services: defineServiceQuantity(false, false, nextProps.getScheduleValuesResponse),\r\n weekend_morning: mapScheduleData(true, true, nextProps.getScheduleValuesResponse.defaultScheduleValues),\r\n weekend_morning_services: defineServiceQuantity(true, true, nextProps.getScheduleValuesResponse),\r\n weekend_evening: mapScheduleData(true, false, nextProps.getScheduleValuesResponse.defaultScheduleValues),\r\n weekend_evening_services: defineServiceQuantity(true, false, nextProps.getScheduleValuesResponse),\r\n changedValues: false,\r\n }\r\n }else \r\n return null;\r\n };\r\n\r\n onChangeScheduleValue(value, typeWeek, field){\r\n let auxObj = this.state[typeWeek];\r\n auxObj[field] = moment(value._d).format(\"H:mm\");\r\n this.setState({\r\n [typeWeek]: auxObj\r\n });\r\n };\r\n\r\n onChangeScheduleService(value, typeWeek, serviceName){\r\n let auxArray = this.state[typeWeek];\r\n for (let i in auxArray){\r\n let item = auxArray[i];\r\n if(item.serviceName === serviceName){\r\n item.quantity = value;\r\n break;\r\n }\r\n }\r\n this.setState({\r\n [typeWeek]: auxArray,\r\n });\r\n };\r\n\r\n saveWeekChanges(){\r\n let {week_morning, week_morning_services, week_evening, week_evening_services,\r\n weekend_morning, weekend_morning_services, weekend_evening, weekend_evening_services } = this.state;\r\n let responseData = [];\r\n responseData.push(createDataResponse(week_morning, week_morning_services));\r\n responseData.push(createDataResponse(week_evening, week_evening_services));\r\n responseData.push(createDataResponse(weekend_morning, weekend_morning_services));\r\n responseData.push(createDataResponse(weekend_evening, weekend_evening_services));\r\n this.props.updateScheduleValues(responseData);\r\n };\r\n\r\n render() {\r\n\r\n let {getScheduleValuesResponse} = this.props;\r\n let {week_morning, week_morning_services, week_evening, week_evening_services,\r\n weekend_morning, weekend_morning_services, weekend_evening, weekend_evening_services } = this.state;\r\n if(getScheduleValuesResponse === null){\r\n return (\r\n \r\n
\r\n Parámetros de agenda \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Horario - Mañana \r\n
\r\n \r\n
\r\n Horarios \r\n \r\n this.onChangeScheduleValue(value, \"week_morning\", \"startTime\")}/>\r\n \r\n this.onChangeScheduleValue(value, \"week_morning\", \"endTime\")} />\r\n \r\n \r\n
\r\n
\r\n
\r\n Servicios \r\n \r\n \r\n \r\n \r\n {week_morning_services.map((service, i) => (\r\n this.onChangeScheduleService(value, \"week_morning_services\", service.serviceName)} />\r\n \r\n ))}\r\n
\r\n
\r\n Horario - Tarde \r\n
\r\n \r\n
\r\n Horarios \r\n \r\n this.onChangeScheduleValue(value, \"week_evening\", \"startTime\")}/>\r\n \r\n this.onChangeScheduleValue(value, \"week_evening\", \"endTime\")} />\r\n \r\n \r\n
\r\n
\r\n
\r\n Servicios \r\n \r\n \r\n \r\n \r\n {week_evening_services.map((service, i) => (\r\n this.onChangeScheduleService(value, \"week_evening_services\", service.serviceName)} />\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Horario - Mañana \r\n
\r\n \r\n
\r\n Horarios \r\n \r\n this.onChangeScheduleValue(value, \"weekend_morning\", \"startTime\")}/>\r\n \r\n this.onChangeScheduleValue(value, \"weekend_morning\", \"endTime\")} />\r\n \r\n \r\n
\r\n
\r\n
\r\n Servicios \r\n \r\n \r\n \r\n \r\n {weekend_morning_services.map((service, i) => (\r\n\r\n this.onChangeScheduleService(value, \"weekend_morning_services\", service.serviceName)} />\r\n \r\n ))}\r\n
\r\n
\r\n Horario - Tarde \r\n
\r\n \r\n
\r\n Horarios \r\n \r\n this.onChangeScheduleValue(value, \"weekend_evening\", \"startTime\")}/>\r\n \r\n this.onChangeScheduleValue(value, \"weekend_evening\", \"endTime\")} />\r\n \r\n \r\n
\r\n
\r\n
\r\n Servicios \r\n \r\n \r\n \r\n \r\n {weekend_evening_services.map((service, i) => (\r\n this.onChangeScheduleService(value, \"weekend_evening\", service.serviceName)} />\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n this.saveWeekChanges()}>\r\n Guardar cambios\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n this.setState({visible: true})}\r\n type={\"edit\"} size={\"small\"}/>\r\n \r\n \r\n {hasExclusiveId ?\r\n \r\n this.handleDelete(this.props.item)}/>\r\n \r\n \r\n }\r\n\r\n
\r\n this.handleEdit(this.props.item)} onCancel={() => this.setState({visible: false})}\r\n keyboard={!this.state.loading}\r\n closable={!this.state.loading}>\r\n \r\n this.inputServiceTime(e)}/>\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n}\r\n\r\nTableButtons.propTypes = {\r\n updateServices: PropTypes.func,\r\n deleteServices: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateServices: (data) => dispatch(updateServices(data)),\r\n deleteServices: (data) => dispatch(deleteServices(data)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TableButtons);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Button, Card, Input, Table, InputNumber} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Actions\r\nimport {getServices, addServices} from \"../../../../store/redux/actions/admin/parameterization/parameterizationActions\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/parameterization/services.css';\r\n\r\n//Subcomponents\r\nimport TableButtons from './subcomponents/ServiceTableButtons';\r\nimport { WARNING_MODAL } from '../../subComponents/modals/responseModals';\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\n\r\n//Constants\r\nconst table = [\r\n {\r\n title: Servicio
,\r\n dataIndex: 'name',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.name.localeCompare(b.name)},\r\n },\r\n {\r\n title: Tiempo (Minutos)
,\r\n dataIndex: 'time',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.time.toString().localeCompare(b.time.toString())},\r\n },\r\n {\r\n title: Estado
,\r\n dataIndex: 'serviceState',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.serviceState.localeCompare(b.serviceState)},\r\n },\r\n {\r\n title: \"Acciones\",\r\n dataIndex: 'actions',\r\n width: \"50px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n }\r\n];\r\n\r\n//Functions\r\nfunction itemRender(current, type, originalElement) {\r\n if (type === 'prev' || type === 'Previous Page') {\r\n return {\"<\"} ;\r\n } if (type === 'next') {\r\n return {\">\"} ;\r\n }\r\n return originalElement;\r\n};\r\n\r\nclass Services extends Component {\r\n\r\n constructor(props){\r\n \r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n service: null,\r\n time: null,\r\n };\r\n\r\n this.setData = this.setData.bind(this);\r\n this.inputServiceName = this.inputServiceName.bind(this);\r\n this.inputServiceTime = this.inputServiceTime.bind(this);\r\n this.saveServices = this.saveServices.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getServices();\r\n }\r\n });\r\n };\r\n\r\n setData(linkList){\r\n\r\n let rows = [];\r\n if(linkList){\r\n for (let i = 0; i < linkList.length; i++) {\r\n \r\n let item = linkList[i];\r\n let row = {\r\n key: i,\r\n name: item.name,\r\n time: item.meetingRangeInMinutes,\r\n serviceState: item.isActive ? \"Activo\" : \"Inactivo\",\r\n actions: \r\n };\r\n rows.push(row);\r\n }\r\n }\r\n \r\n return rows;\r\n };\r\n\r\n inputServiceName(e){\r\n this.setState({\r\n service: e.target.value,\r\n }); \r\n };\r\n\r\n inputServiceTime(e){\r\n this.setState({\r\n time: e,\r\n }); \r\n };\r\n\r\n saveServices(){\r\n if(this.state.service !== \"\" && this.state.time !== \"\" && \r\n this.state.service !== null && this.state.time !== null ){\r\n let data = \r\n {\r\n name: this.state.service,\r\n meetingRangeInMinutes: this.state.time,\r\n };\r\n this.props.addServices(data);\r\n this.setState({\r\n service: null,\r\n time: null,\r\n });\r\n }else{\r\n WARNING_MODAL(\"Advertencia\", \"Agregue un servicio válido, por favor\");\r\n }\r\n };\r\n\r\n render() {\r\n\r\n let {service} = this.state;\r\n let {getServicesResponse} = this.props;\r\n let tableData = this.setData(getServicesResponse);\r\n\r\n if(getServicesResponse === null){\r\n return (\r\n \r\n
\r\n Tipos de servicios ofrecidos \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n this.saveServices()}>\r\n Guardar servicio\r\n \r\n \r\n
\r\n {tableData.length === 0\r\n ?\r\n \r\n
\r\n
No hay servicios todaví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\nServices.propTypes = {\r\n getServicesResponse: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n getServicesResponse: state.admin.getServicesResponse,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getServices: () => dispatch(getServices()),\r\n addServices: (data) => dispatch(addServices(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Services);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Card, Button, Input} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Subcomponents\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\n\r\n//Actions\r\nimport {getTimesOut, updateTimesOut} from \"../../../../store/redux/actions/admin/parameterization/parameterizationActions\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/parameterization/timeout.css';\r\n\r\nclass Timeout extends Component {\r\n\r\n constructor(props){\r\n\r\n super(props);\r\n \r\n this.state = {\r\n isMounted: false,\r\n changedValues: null,\r\n idleTimeOut: null,\r\n assignTimeOut: null,\r\n whatsappNumber: null\r\n };\r\n\r\n this.onChangeFirst = this.onChangeFirst.bind(this);\r\n this.onChangeSecond = this.onChangeSecond.bind(this);\r\n this.onChangeThird = this.onChangeThird.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getTimesOut();\r\n }\r\n });\r\n };\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.getTimesoutResponse == null || prevState.changedValues !== null) {\r\n return null;\r\n }\r\n\r\n return {\r\n idleTimeOut: nextProps.getTimesoutResponse.idleTimeOut,\r\n assignTimeOut: nextProps.getTimesoutResponse.assignTimeOut,\r\n whatsappNumber: nextProps.getTimesoutResponse.whatsappNumber,\r\n changedValues: false,\r\n }\r\n };\r\n\r\n onChangeFirst(value){\r\n this.setState({ idleTimeOut: value.target.value });\r\n };\r\n\r\n onChangeSecond(value){\r\n this.setState({ assignTimeOut: value.target.value });\r\n };\r\n\r\n onChangeThird(value){\r\n this.setState({ whatsappNumber: value.target.value });\r\n };\r\n\r\n saveChanges(){\r\n let data = {\r\n idleTimeOut: this.state.idleTimeOut,\r\n assignTimeOut: this.state.assignTimeOut,\r\n whatsappNumber: this.state.whatsappNumber\r\n };\r\n\r\n this.props.updateTimesOut(data);\r\n };\r\n\r\n render() {\r\n\r\n let { getTimesoutResponse } = this.props;\r\n let { idleTimeOut, assignTimeOut, whatsappNumber } = this.state;\r\n\r\n if (getTimesoutResponse === null) {\r\n return(\r\n \r\n
\r\n
\r\n Logos} key=\"1\">\r\n Textos de espera} key=\"2\">\r\n Multimedia} key=\"3\">\r\n Redes sociales} key=\"4\">\r\n Agenda} key=\"5\">\r\n Servicios} key=\"6\">\r\n Tiempo de espera} key=\"7\">\r\n \r\n
this.onSubmit()}\r\n cancelText='Cancelar' onCancel={onCancel}>\r\n \r\n \r\n this.onChangeAdviser(value)}>\r\n {videoCallParams.map(param =>\r\n \r\n {param.employeeName}\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nUrlConfigModal.propTypes = {\r\n getParamsVideoCallUrl: PropTypes.func,\r\n addVideoCallUrl: PropTypes.func,\r\n videoCallParams: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n videoCallParams: state.admin.videoCallParams\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getParamsVideoCallUrl: () => dispatch(getParamsVideoCallUrl()),\r\n addVideoCallUrl: (data) => dispatch(addVideoCallUrl(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UrlConfigModal);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Card, Table, Button, Switch} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Actions\r\nimport { getVideoCallUrls, getEmbeddedMeetingMode, updateEmbeddedMeetingMode } from \"../../../../store/redux/actions/admin/zoomkeys/zoomKeysActions\";\r\n\r\n//Styles\r\nimport '../../../../styles/admin/zoomkeys/zoomkeys.css';\r\n\r\n//Subcomponents\r\nimport TableButtons from './ZoomKeysTableButtons';\r\nimport LoadingComponent from \"../../general/LoadingComponent\";\r\nimport UrlConfigModal from './urlConfigModal';\r\n\r\n//Constants\r\nconst table = [\r\n {\r\n title: Asesor
,\r\n dataIndex: 'employeeName',\r\n key: 'employeeName',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.employeeName.localeCompare(b.employeeName) },\r\n },\r\n {\r\n title: URL
,\r\n dataIndex: 'url',\r\n key: 'url',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
\r\n },\r\n {\r\n title: \"Acciones\",\r\n dataIndex: 'actions',\r\n width: \"50px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n }\r\n];\r\n\r\n//Functions\r\nfunction itemRender(current, type, originalElement) {\r\n if (type === 'prev' || type === 'Previous Page') {\r\n return {\"<\"} ;\r\n } if (type === 'next') {\r\n return {\">\"} ;\r\n }\r\n return originalElement;\r\n};\r\n\r\nclass ZoomKeys extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n visibleModal: false\r\n };\r\n\r\n this.setData = this.setData.bind(this);\r\n this.toggleModal = this.toggleModal.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.props.getVideoCallUrls();\r\n this.props.getEmbeddedMeetingMode();\r\n };\r\n\r\n setData(){\r\n const { urlsList } = this.props;\r\n let dataTable = [];\r\n\r\n urlsList.forEach(element => {\r\n let elementToPush = {\r\n videoCallUrlId: element.videoCallUrlId,\r\n employeeName: element.employeeName,\r\n url: element.url,\r\n actions: \r\n {isLoading &&
}\r\n\r\n {visibleModal &&
this.toggleModal(false)} />}\r\n \r\n
\r\n
\r\n Configuración de los Enlaces \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n Llamadas embebidas \r\n\r\n this.props.updateEmbeddedMeetingMode({ isEmbeddedMeeting: value })}/>\r\n {isEmbeddedMeeting\r\n ? \" La llamada empezará de forma embebida.\"\r\n : \" La llamada empezará en una pestaña nueva.\"\r\n }\r\n \r\n this.toggleModal(true)}>\r\n Agregar url\r\n \r\n \r\n \r\n {keysAreNull\r\n ?\r\n \r\n
\r\n
No hay configuraciones 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\nZoomKeys.propTypes = {\r\n isLoading: PropTypes.bool,\r\n isEmbeddedMeeting: PropTypes.bool,\r\n urlsList: PropTypes.array,\r\n getVideoCallUrls: PropTypes.func,\r\n getEmbeddedMeetingMode: PropTypes.func,\r\n updateEmbeddedMeetingMode: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isLoading: state.admin.isLoading,\r\n isEmbeddedMeeting: state.admin.isEmbeddedMeeting,\r\n urlsList: state.admin.urlsList\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoCallUrls: () => dispatch(getVideoCallUrls()),\r\n getEmbeddedMeetingMode: () => dispatch(getEmbeddedMeetingMode()),\r\n updateEmbeddedMeetingMode: (data) => dispatch(updateEmbeddedMeetingMode(data)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ZoomKeys);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport Proptypes from 'prop-types';\r\nimport { Input, DatePicker, Row, Col, Button } from 'antd';\r\n\r\n//Styles\r\nimport '../../../../../styles/adviser/adviser.css';\r\n\r\n//Constants\r\nconst RangePicker = DatePicker.RangePicker;\r\n\r\nclass HistoryFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {};\r\n };\r\n\r\n render() {\r\n const { onChangeDate, onChangeField, onClickSearch, onRemoveFilters, momentDate, textFilter } = this.props;\r\n\r\n return (\r\n \r\n \r\n onChangeDate(dateMoment, dateString)}\r\n value={momentDate}\r\n />\r\n \r\n onClickSearch()}/>\r\n onRemoveFilters()}/>\r\n \r\n
\r\n
\r\n )\r\n }\r\n};\r\n\r\nHistoryFilter.propTypes = {\r\n textFilter: Proptypes.string,\r\n onChangeField: Proptypes.func,\r\n onChangeDate: Proptypes.func,\r\n onClickSearch: Proptypes.func,\r\n onRemoveFilters: Proptypes.func,\r\n momentDate: Proptypes.array\r\n};\r\n\r\nexport default HistoryFilter;","import {Tooltip} from \"antd\";\r\nimport React from \"react\";\r\n\r\nexport const requestsHistoryColumns = [\r\n {\r\n title: 'Nombre',\r\n dataIndex: 'clientName',\r\n key: 'clientName',\r\n width: \"200px\",\r\n sorter: (a, b) => { return a.clientName.localeCompare(b.clientName) },\r\n render: text => {text}
{text}
{text}
{text}
{text}
{text}
{text.split(\"T\")[0]}
{text}
\r\n {(isFetching || !tableReadyToRender) &&
}\r\n
\r\n
Historial de solicitudes \r\n\r\n
\r\n\r\n
\r\n this.onChangeField(value)}\r\n onChangeDate={(dateMoment, dateString) => this.onChangeDate(dateMoment, dateString)}\r\n onClickSearch={this.onClickSearch}\r\n onRemoveFilters={this.onRemoveFilters}\r\n momentDate={this.state.momentDate}\r\n textFilter={this.state.data.reportFilterVm.textFilter}\r\n\r\n />\r\n \r\n this.generateFile()}>\r\n Exportar a Excel\r\n \r\n :\r\n \r\n Exportar a Excel\r\n \r\n }\r\n \r\n
\r\n {(!tableReadyToRender || requestsRecord.collection.length === 0)\r\n ?
\r\n :
this.order(page, filters, sorter, a, b, c)}\r\n />\r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nRequestsHistory.propTypes = {\r\n isFetching: Proptypes.bool,\r\n requestsRecord: Proptypes.object,\r\n requestsReportParams: Proptypes.object,\r\n getRequestsReport: Proptypes.func,\r\n getRequestsReportParams: Proptypes.func,\r\n generateReport: Proptypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isFetching: state.profilerRequestsHistory.isFetching,\r\n requestsRecord: state.profilerRequestsHistory.requestsRecord,\r\n requestsReportParams: state.profilerRequestsHistory.requestsReportParams\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getRequestsReport: (data) => dispatch(getRequestsReport(data)),\r\n getRequestsReportParams: () => dispatch(getRequestsReportParams()),\r\n generateReport: (data) => dispatch(generateReport(data))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RequestsHistory);","import { historyTypes } from '../../types';\r\nimport historyApi from '../../../../api/historyApi';\r\nimport {\r\n ERROR_MODAL\r\n} from \"../../../../components/ui/subComponents/modals/responseModals\";\r\nimport BaseURL from \"../../../../api/BaseURL\";\r\n\r\nexport const getRequestsReport = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT,\r\n isFetching: true,\r\n requestsRecord: {}\r\n });\r\n return historyApi.getRequestsReport(data)\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT,\r\n isFetching: false,\r\n requestsRecord: response.data\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT,\r\n isFetching: false,\r\n requestsRecord: {}\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const getRequestsReportParams = () => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT_PARAMS,\r\n isFetching: true,\r\n requestsReportParams: {}\r\n });\r\n return historyApi.getRequestsReportParams()\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT_PARAMS,\r\n isFetching: false,\r\n requestsReportParams: response.data\r\n });\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GET_REQUESTS_REPORT_PARAMS,\r\n isFetching: false,\r\n requestsReportParams: {}\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};\r\n\r\nexport const generateReport = (data) => {\r\n return dispatch => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: true\r\n });\r\n return historyApi.generateRequestsReport(data)\r\n .then(response => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: false\r\n });\r\n window.open(BaseURL + \"/\" + response.data);\r\n })\r\n .catch(response => {\r\n dispatch({\r\n type: historyTypes.GENERATE_REPORT,\r\n isFetching: false\r\n });\r\n ERROR_MODAL('Error realizando la acción', response.data);\r\n })\r\n }\r\n};","//Libraries\r\nimport React, { Component } from 'react';\r\nimport {Layout, Menu} from \"antd\";\r\nimport {NavLink, withRouter} from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\n\r\n//Styles\r\nimport '../../../../styles/profiler/profilerHome.css';\r\n\r\n//Subcomponents\r\nimport Routes from \"../../../../lib/generalUtils/routes\";\r\nimport {setCurrentKeyActive} from \"../../../../store/redux/actions/layout/headerMenuActions\";\r\nimport connect from \"react-redux/es/connect/connect\";\r\nimport RequestsHistory from \"./RequestsHistory\";\r\nimport MeetingsHistory from \"../../shared/history/History\";\r\n\r\nimport { getParams } from \"../../../../store/redux/actions/profiler/profilerHomeActions\";\r\n\r\n//Constants\r\nconst { Header, Content } = Layout;\r\n\r\nclass History extends Component {\r\n constructor (props){\r\n\r\n super(props);\r\n\r\n this.state = {};\r\n this.checkIdle = this.checkIdle.bind(this);\r\n this.IDLE_LIMIT = 300000; //5 minutes\r\n this.lastActivity = Date.now();\r\n };\r\n\r\n onChangeMenuOption = (route) => {\r\n this.props.setCurrentKeyActive(route.key);\r\n };\r\n\r\n componentDidMount() {\r\n this.activityChecker = setInterval(this.checkIdle, 300000);\r\n document.addEventListener('click', () => {\r\n this.lastActivity = Date.now();\r\n });\r\n //this.props.getParams();\r\n this.IDLE_LIMIT = this.props.idleTimeout;\r\n }\r\n\r\n checkIdle(){\r\n const currentTime = Date.now();\r\n if(currentTime - this.lastActivity > this.IDLE_LIMIT) {\r\n console.log(\"Profiler it's been iddle, gotta do something\");\r\n //TODO: Call service which activates automatic profiler\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.activityChecker);\r\n }\r\n\r\n render () {\r\n const { pathname } = this.props.location;\r\n const { currentRoute } = this.props;\r\n const isMeetingsHistory = pathname === Routes.profilerMeetingsHistory;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Historial de reuniones\r\n \r\n \r\n \r\n \r\n Historial de solicitudes\r\n \r\n \r\n \r\n \r\n \r\n {isMeetingsHistory\r\n ? \r\n \r\n
\r\n );\r\n };\r\n}\r\n\r\nHistory.propTypes = {\r\n currentRoute: PropTypes.string,\r\n setCurrentKeyActive: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n currentRoute: state.headerMenu.currentRoute,\r\n idleTimeout: state.profilerHome.idleTimeout\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setCurrentKeyActive: (route) => dispatch(setCurrentKeyActive(route)),\r\n getParams: () => dispatch(getParams())\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(History));","//Libraries\r\nimport React, { Component } from 'react';\r\nimport { Row, Col, Button, Input, Upload, Divider, Card, Icon, message, Collapse } from \"antd\";\r\nimport connect from \"react-redux/es/connect/connect\";\r\nimport PropTypes from 'prop-types';\r\nimport ReactQuill from 'react-quill-2';\r\nimport BaseURL from \"../../../api/BaseURL\";\r\nimport ImgCrop from \"antd-img-crop\";\r\n\r\n// Actions\r\nimport { getBannerConfig, setBannerConfig } from \"../../../store/redux/actions/designerAdmin/designerAdminActions\";\r\n\r\n//Components\r\n\r\n//Styles\r\nimport '../../../styles/designerAdmin/desingAdmin.css';\r\n\r\n//Constants\r\nconst { Panel } = Collapse;\r\n\r\nconst dummyRequest = ({ file, onSuccess }) => {\r\n setTimeout(() => {\r\n onSuccess(\"ok\");\r\n }, 0);\r\n};\r\nfunction beforeUpload(file) {\r\n const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';\r\n\r\n if (!isJpgOrPng) {\r\n message.error('Solo se admiten imágenes JPG/PNG.');\r\n }\r\n const isLt2M = file.size / 1024 / 1024 < 2;\r\n if (!isLt2M) {\r\n message.error('La imagen debe ser menor a 2MB.');\r\n }\r\n return isJpgOrPng && isLt2M;\r\n};\r\nfunction getBase64(img, callback) {\r\n const reader = new FileReader();\r\n\r\n reader.addEventListener('load', () => callback(reader.result));\r\n reader.readAsDataURL(img);\r\n};\r\n\r\nclass TextAdministrator extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n filesWeb: new Map(),\r\n filesMobile: new Map(),\r\n imgFileWeb: null,\r\n imgFileMobile: null,\r\n imgWebUrl: null,\r\n imgMobileUrl: null,\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.props.getBannerConfig();\r\n }\r\n\r\n handleChangeImageWeb = info => {\r\n if (info.file.status === 'uploading') {\r\n this.setState({ loading: true });\r\n return;\r\n }\r\n if (info.file.status === 'done') {\r\n getBase64(info.file.originFileObj, imgWebUrl =>\r\n this.setState({\r\n imgWebUrl,\r\n imgFileWeb: info.file,\r\n loading: false,\r\n }),\r\n );\r\n }\r\n };\r\n handleChangeImageMobile = info => {\r\n if (info.file.status === 'uploading') {\r\n this.setState({ loading: true });\r\n return;\r\n }\r\n if (info.file.status === 'done') {\r\n getBase64(info.file.originFileObj, imgMobileUrl =>\r\n this.setState({\r\n imgMobileUrl,\r\n imgFileMobile: info.file,\r\n loading: false,\r\n }),\r\n );\r\n }\r\n };\r\n changeBannerText = (e) => {\r\n this.setState({ bannerText: e });\r\n };\r\n changeTooltipText = (e) => {\r\n this.setState({ tooltipText: e });\r\n };\r\n changeTooltipTextFooter = (e) => {\r\n this.setState({ footerTooltip: e.target.value });\r\n };\r\n changeContactUsText = (e) => {\r\n this.setState({ contactText: e });\r\n };\r\n changeHelpTextForm = (e) => {\r\n this.setState({ meetingHelpText: e });\r\n };\r\n changeScheduleHelpTextForm = (e) => {\r\n this.setState({ scheduleHelpText: e });\r\n };\r\n changeMeetingTitle = (e) => {\r\n this.setState({ meetingTitle: e.target.value });\r\n };\r\n changeScheduleTitle = (e) => {\r\n this.setState({ scheduleTitle: e.target.value });\r\n };\r\n changeMeetingContent = (e) => {\r\n this.setState({ meetingContentText: e.target.value });\r\n };\r\n changeScheduleContent = (e) => {\r\n this.setState({ scheduleContentText: e.target.value });\r\n };\r\n\r\n updateBannerConfig = () => {\r\n const { tooltipText, bannerText, footerTooltip } = this.state;\r\n let data = {\r\n bannerId: this.props.bannerConfig.bannerId,\r\n bannerText: bannerText,\r\n tooltipText: tooltipText,\r\n generalBanner: this.state.imgFileWeb,\r\n mobileBanner: this.state.imgFileMobile,\r\n footerTooltip: footerTooltip,\r\n contactText: this.state.contactText,\r\n meetingHelpText: this.state.meetingHelpText,\r\n scheduleHelpText: this.state.scheduleHelpText,\r\n meetingTitle: this.state.meetingTitle,\r\n scheduleTitle: this.state.scheduleTitle,\r\n meetingContentText: this.state.meetingContentText,\r\n scheduleContentText: this.state.scheduleContentText\r\n };\r\n\r\n if (data.mobileBanner === undefined) data.mobileBanner = null;\r\n if (data.generalBanner === undefined) data.generalBanner = null;\r\n\r\n this.props.setBannerConfig(data);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.bannerConfig !== prevProps.bannerConfig) {\r\n const { tooltipText, bannerText, generalBannerUrl, mobileBannerUrl, footerTooltip,\r\n contactText, meetingHelpText, scheduleHelpText, meetingTitle, scheduleTitle, meetingContentText,\r\n scheduleContentText } = this.props.bannerConfig;\r\n\r\n this.setState({\r\n bannerText: bannerText,\r\n tooltipText: tooltipText,\r\n imgWebUrl: generalBannerUrl,\r\n imgMobileUrl: mobileBannerUrl,\r\n footerTooltip: footerTooltip,\r\n contactText: contactText,\r\n meetingHelpText: meetingHelpText,\r\n scheduleHelpText: scheduleHelpText,\r\n meetingTitle: meetingTitle,\r\n scheduleTitle: scheduleTitle,\r\n meetingContentText: meetingContentText,\r\n scheduleContentText: scheduleContentText\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n const { tooltipText, bannerText, footerTooltip, contactText, meetingHelpText, scheduleHelpText, meetingTitle,\r\n meetingContentText, scheduleContentText, scheduleTitle, imgWebUrl, imgMobileUrl, imgFileMobile, imgFileWeb } = this.state;\r\n const { isLoading } = this.props;\r\n const uploadButton = (\r\n \r\n
\r\n
Cargar imagen
\r\n
\r\n
\r\n
\r\n \r\n Imagenes del banner y textos\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Imagen para banner (Web)\r\n \r\n \r\n \r\n \r\n {imgWebUrl ?\r\n \r\n Banner Web
\r\n \r\n
\r\n :\r\n uploadButton\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Imagen para banner (Mobile)\r\n \r\n \r\n \r\n \r\n {imgMobileUrl ?\r\n \r\n Banner Mobile
\r\n \r\n
\r\n :\r\n uploadButton\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Párrafo Principal \r\n \r\n \r\n \r\n Texto Ayuda \r\n \r\n \r\n
\r\n \r\n \r\n Texto Enlace Casa Propia \r\n \r\n \r\n \r\n Texto Contáctanos \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Texto Ayuda \r\n Videollamada \r\n \r\n \r\n \r\n \r\n Texto Ayuda \r\n Agendar contacto \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Título de Videollamada \r\n \r\n \r\n \r\n \r\n Título de Agendar contacto \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Descripción de Videollamada \r\n \r\n \r\n \r\n \r\n Descripción de Agendar contacto \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n \r\n Actualizar\r\n \r\n
\r\n
Texto
,\r\n dataIndex: 'name',\r\n key: 'name',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.name.localeCompare(b.name)},\r\n },\r\n {\r\n title: Tooltip
,\r\n dataIndex: 'tooltipText',\r\n key: 'tooltipText',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.tooltipText.localeCompare(b.tooltipText)},\r\n },\r\n {\r\n title: Color
,\r\n dataIndex: 'color',\r\n key: 'color',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.color.localeCompare(b.color)},\r\n },\r\n {\r\n title: Url
,\r\n dataIndex: 'link',\r\n key: 'link',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.link.localeCompare(b.link)},\r\n },\r\n {\r\n title: Imagen
,\r\n dataIndex: 'hasIcon',\r\n key: 'hasIcon',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.hasIcon.localeCompare(b.hasIcon)},\r\n },\r\n {\r\n title: Estado
,\r\n dataIndex: 'isActive',\r\n key: 'isActive',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.isActive.localeCompare(b.isActive)},\r\n },\r\n {\r\n title: Webinar
,\r\n dataIndex: 'isWebinarButton',\r\n key: 'isWebinarButton',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.isWebinarButton.localeCompare(b.isWebinarButton)},\r\n },\r\n {\r\n title: \"Acciones\",\r\n dataIndex: 'actions',\r\n key: 'actions',\r\n width: \"50px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n }\r\n];\r\n\r\nexport const contactTableColumns = [\r\n {\r\n title: Nombre
,\r\n dataIndex: 'name',\r\n key: 'name',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.name.localeCompare(b.name)},\r\n },\r\n {\r\n title: Teléfono
,\r\n dataIndex: 'phone',\r\n key: 'phone',\r\n width: \"150px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.phone.localeCompare(b.phone)},\r\n },\r\n {\r\n title: País
,\r\n dataIndex: 'flag',\r\n key: 'flag',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.flag.localeCompare(b.flag)},\r\n },\r\n {\r\n title: Información
,\r\n dataIndex: 'customText',\r\n key: 'customText',\r\n width: \"200px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n sorter: (a, b) =>{ return a.customText.localeCompare(b.customText)},\r\n },\r\n {\r\n title: \"Acciones\",\r\n dataIndex: 'actions',\r\n key: 'actions',\r\n width: \"100px\",\r\n align: \"center\",\r\n render: text => {text}
,\r\n }\r\n]","//Libraries\r\nimport React, { Component } from 'react';\r\nimport { Button, Modal, Row, Col, Form, Input, Icon, message, Checkbox, Upload } from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport ImgCrop from \"antd-img-crop\";\r\n\r\n//Services\r\n\r\n// Styles\r\nimport './../../../../styles/designerAdmin/designerAdmin.css';\r\n\r\n//Constants\r\nconst { Item } = Form;\r\nconst dummyRequest = ({ file, onSuccess }) => {\r\n setTimeout(() => {\r\n onSuccess(\"ok\");\r\n }, 0);\r\n};\r\n\r\nfunction getBase64(img, callback) {\r\n const reader = new FileReader();\r\n\r\n reader.addEventListener('load', () => callback(reader.result));\r\n reader.readAsDataURL(img);\r\n};\r\nfunction beforeUpload(file) {\r\n const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';\r\n\r\n if (!isJpgOrPng) {\r\n message.error('Solo se admiten imágenes JPG/PNG.');\r\n }\r\n const isLt2M = file.size / 1024 / 1024 < 2;\r\n if (!isLt2M) {\r\n message.error('La imagen debe ser menor a 2MB.');\r\n }\r\n return isJpgOrPng && isLt2M;\r\n};\r\n\r\nclass AddButtonModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n imageFile: null,\r\n imageUrl: null\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n\r\n }\r\n });\r\n };\r\n\r\n validateForm() {\r\n const { form } = this.props;\r\n\r\n form.validateFieldsAndScroll((errors, values) => {\r\n if (errors) return;\r\n else {\r\n values.icon = this.state.imageFile;\r\n this.props.addButton(values);\r\n this.props.toggleAddButtonModal(false);\r\n }\r\n })\r\n }\r\n\r\n handleChangeImage = info => {\r\n if (info.file.status === 'uploading') {\r\n this.setState({ loading: true });\r\n return;\r\n }\r\n if (info.file.status === 'done') {\r\n getBase64(info.file.originFileObj, imageUrl =>\r\n this.setState({\r\n imageUrl,\r\n imageFile: info.file,\r\n loading: false,\r\n }),\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { toggleAddButtonModal } = this.props;\r\n const { imageUrl, imageFile } = this.state;\r\n const uploadButton = (\r\n \r\n
\r\n
Cargar imagen
\r\n
\r\n \r\n {imageUrl ?\r\n \r\n {imageFile.name}
\r\n \r\n
\r\n :\r\n uploadButton\r\n }\r\n \r\n ;\r\n\r\n return (\r\n toggleAddButtonModal(false)}\r\n destroyOnClose={true} keyboard={false} closable={false}\r\n className={\"design-admin-modal\"}\r\n maskClosable={false}\r\n footer={[\r\n toggleAddButtonModal(false)}>Cancelar ,\r\n this.validateForm()}>\r\n Crear\r\n \r\n ]}\r\n >\r\n \r\n \r\n );\r\n };\r\n}\r\n\r\nAddButtonModal.propTypes = {\r\n toggleAddButtonModal: PropTypes.func,\r\n addButton: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Form.create()(AddButtonModal));","//Libraries\r\nimport React, { Component } from 'react';\r\nimport { Button, Modal, Row, Col, Form, Input, Icon, message, Checkbox, Upload } from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport ImgCrop from \"antd-img-crop\";\r\n\r\n//Services\r\n\r\n// Styles\r\nimport './../../../../styles/designerAdmin/designerAdmin.css';\r\nimport BaseURL from \"../../../../api/BaseURL\";\r\n\r\n//Constants\r\nconst { Item } = Form;\r\nconst dummyRequest = ({ file, onSuccess }) => {\r\n setTimeout(() => {\r\n onSuccess(\"ok\");\r\n }, 0);\r\n};\r\n\r\nfunction getBase64(img, callback) {\r\n const reader = new FileReader();\r\n\r\n reader.addEventListener('load', () => callback(reader.result));\r\n reader.readAsDataURL(img);\r\n};\r\nfunction beforeUpload(file) {\r\n const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';\r\n\r\n if (!isJpgOrPng) {\r\n message.error('Solo se admiten imágenes JPG/PNG.');\r\n }\r\n const isLt2M = file.size / 1024 / 1024 < 2;\r\n if (!isLt2M) {\r\n message.error('La imagen debe ser menor a 2MB.');\r\n }\r\n return isJpgOrPng && isLt2M;\r\n};\r\n\r\nclass EditButtonModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n imageFile: null,\r\n imageUrl: this.props.buttonInfo.iconUrl\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n\r\n }\r\n });\r\n };\r\n\r\n validateForm() {\r\n const { form } = this.props;\r\n\r\n form.validateFieldsAndScroll((errors, values) => {\r\n if (errors) return;\r\n else {\r\n values.icon = this.state.imageFile;\r\n this.props.updateButton(values);\r\n this.props.toggleEditButtonModal(false);\r\n }\r\n })\r\n }\r\n\r\n handleChangeImage = info => {\r\n if (info.file.status === 'uploading') {\r\n this.setState({ loading: true });\r\n return;\r\n }\r\n if (info.file.status === 'done') {\r\n getBase64(info.file.originFileObj, imageUrl =>\r\n this.setState({\r\n imageUrl,\r\n imageFile: info.file,\r\n loading: false,\r\n }),\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { toggleEditButtonModal, buttonInfo } = this.props;\r\n const { imageUrl, imageFile } = this.state;\r\n const uploadButton = (\r\n \r\n
\r\n
Cargar imagen
\r\n
\r\n \r\n {imageUrl ?\r\n \r\n {buttonInfo.name}
\r\n \r\n
\r\n :\r\n uploadButton\r\n }\r\n \r\n ;\r\n\r\n return (\r\n toggleEditButtonModal(false)}\r\n destroyOnClose={true} keyboard={false} closable={false}\r\n className={\"design-admin-modal\"}\r\n maskClosable={false}\r\n footer={[\r\n toggleEditButtonModal(false)}>Cancelar ,\r\n this.validateForm()}>\r\n Actualizar\r\n \r\n ]}\r\n >\r\n \r\n \r\n );\r\n };\r\n}\r\n\r\nEditButtonModal.propTypes = {\r\n buttonInfo: PropTypes.object,\r\n toggleEditButtonModal: PropTypes.func,\r\n updateButton: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Form.create()(EditButtonModal));","//Libraries\r\nimport React, {Component} from 'react';\r\nimport { Row, Col, Divider, Button, Card, Table, Tooltip, Icon, Popconfirm } from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Actions\r\nimport {addButton, getButtons, updateButton, deleteButton} from \"../../../store/redux/actions/designerAdmin/designerAdminActions\";\r\n\r\n//Styles\r\nimport '../../../styles/admin/parameterization/services.css';\r\n\r\n//Subcomponents\r\nimport { buttonsTableColumns } from \"./subComponents/buttonsTableColumns\";\r\nimport EmptyMessageAlert from \"../general/EmptyMessageAlert\";\r\nimport AddButtonModal from \"./subComponents/AddButtonModal\";\r\nimport EditButtonModal from \"./subComponents/EditButtonModal\";\r\n\r\n//Constants\r\n\r\n//Functions\r\nfunction itemRender(current, type, originalElement) {\r\n if (type === 'prev' || type === 'Previous Page') {\r\n return {\"<\"} ;\r\n } if (type === 'next') {\r\n return {\">\"} ;\r\n }\r\n return originalElement;\r\n};\r\n\r\nclass ButtonsTable extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n showAddButtonModal: false,\r\n showEditButtonModal: false,\r\n buttonInfo: null\r\n };\r\n\r\n this.setData = this.setData.bind(this);\r\n this.toggleAddButtonModal = this.toggleAddButtonModal.bind(this);\r\n this.toggleEditButtonModal = this.toggleEditButtonModal.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getButtons();\r\n }\r\n });\r\n };\r\n\r\n setData(){\r\n let rows = [];\r\n const { buttonsList } = this.props; \r\n\r\n buttonsList.map(button => {\r\n let row = {\r\n customButtonId: button.customButtonId,\r\n name: button.name,\r\n tooltipText: button.tooltipText,\r\n color: button.color,\r\n link: button.link,\r\n hasIcon: button.iconUrl ? \"Si\" : \"No\",\r\n isActive: button.isActive ? \"Activo\" : \"Inactivo\",\r\n isWebinarButton: button.isWebinarButton ? \"Si\" : \"No\",\r\n actions: \r\n
\r\n this.toggleEditButtonModal(true, button)} />\r\n \r\n
\r\n this.props.deleteButton({ customButtonId: button.customButtonId })}>\r\n \r\n \r\n
\r\n {showAddButtonModal && \r\n
this.toggleAddButtonModal(status)}\r\n addButton={(data) => addButton(data)}/>\r\n }\r\n {showEditButtonModal && \r\n this.toggleEditButtonModal(status)}\r\n buttonInfo={buttonInfo} updateButton={(data) => updateButton(data)}/>\r\n }\r\n\r\n \r\n Botones de servicio \r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.toggleAddButtonModal(true)}>\r\n Agregar Botón\r\n \r\n \r\n
\r\n {tableData.length === 0\r\n ?\r\n \r\n \r\n
\r\n toggleAddContactModal(false)}\r\n destroyOnClose={true} keyboard={false} closable={false}\r\n className={\"design-admin-modal\"}\r\n maskClosable={false}\r\n footer={[\r\n toggleAddContactModal(false)}>Cancelar ,\r\n this.validateForm()}>\r\n Crear\r\n \r\n ]}\r\n >\r\n \r\n \r\n );\r\n };\r\n}\r\n\r\nAddContactModal.propTypes = {\r\n toggleAddContactModal: PropTypes.func,\r\n addCountryInfo: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Form.create()(AddContactModal));","//Libraries\r\nimport React, { Component } from 'react';\r\nimport { Button, Modal, Row, Col, Form, Input } from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport connect from 'react-redux/es/connect/connect';\r\n\r\n//Services\r\n\r\n// Styles\r\nimport './../../../../styles/designerAdmin/designerAdmin.css';\r\nimport ReactPhoneInput from \"react-phone-input-2\";\r\n\r\n//Constants\r\nconst { Item } = Form;\r\n\r\nclass EditContactModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n countryCode: this.props.contactInfo.flag\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n }\r\n });\r\n };\r\n\r\n validateForm() {\r\n const { form } = this.props;\r\n\r\n form.validateFieldsAndScroll((errors, values) => {\r\n if (errors) return;\r\n else {\r\n if(values.phone[0] !== \"+\")\r\n values.phone = \"+\" + values.phone;\r\n\r\n values.flag = this.state.countryCode;\r\n this.props.updateCountryInfo(values);\r\n this.props.toggleEditContactModal(false);\r\n }\r\n })\r\n }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { toggleEditContactModal, contactInfo } = this.props;\r\n const { countryCode } = this.state;\r\n\r\n return (\r\n toggleEditContactModal(false)}\r\n destroyOnClose={true} keyboard={false} closable={false}\r\n className={\"design-admin-modal\"}\r\n maskClosable={false}\r\n footer={[\r\n toggleEditContactModal(false)}>Cancelar ,\r\n this.validateForm()}>\r\n Actualizar\r\n \r\n ]}\r\n >\r\n \r\n \r\n );\r\n };\r\n}\r\n\r\nEditContactModal.propTypes = {\r\n contactInfo: PropTypes.object,\r\n toggleEditContactModal: PropTypes.func,\r\n updateCountryInfo: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Form.create()(EditContactModal));","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Row, Col, Divider, Button, Card, Table, Tooltip, Icon, Popconfirm, Input} from 'antd';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from 'prop-types';\r\n\r\n//Actions\r\nimport {\r\n addCountryInfo,\r\n getCountriesInfo,\r\n updateCountryInfo,\r\n deleteCountryInfo,\r\n updateContactNotAvailableText,\r\n} from \"../../../store/redux/actions/designerAdmin/designerAdminActions\";\r\n\r\n//Styles\r\nimport '../../../styles/admin/parameterization/services.css';\r\n\r\n//Subcomponents\r\nimport { contactTableColumns } from \"./subComponents/buttonsTableColumns\";\r\nimport EmptyMessageAlert from \"../general/EmptyMessageAlert\";\r\nimport AddContactModal from \"./subComponents/AddContactModal\";\r\nimport EditContactModal from \"./subComponents/EditContactModal\";\r\nimport ReactQuill from \"react-quill-2\";\r\n\r\n//Constants\r\n\r\n//Functions\r\nfunction itemRender(current, type, originalElement) {\r\n if (type === 'prev' || type === 'Previous Page') {\r\n return {\"<\"} ;\r\n } if (type === 'next') {\r\n return {\">\"} ;\r\n }\r\n return originalElement;\r\n};\r\n\r\nclass ContactUsTable extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n isMounted: false,\r\n showAddContactModal: false,\r\n showEditContactModal: false,\r\n contactInfo: null,\r\n contactNotAvailableText: null,\r\n containerDiv: 0\r\n };\r\n\r\n this.setData = this.setData.bind(this);\r\n this.toggleAddContactModal = this.toggleAddContactModal.bind(this);\r\n this.toggleEditContactModal = this.toggleEditContactModal.bind(this);\r\n this.handleChangeText = this.handleChangeText.bind(this);\r\n };\r\n\r\n componentDidMount(){\r\n this.setState({ isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n this.props.getCountriesInfo();\r\n }\r\n });\r\n };\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if(prevProps.contactNotAvailableText !== this.props.contactNotAvailableText){\r\n this.setState({\r\n contactNotAvailableText: this.props.contactNotAvailableText,\r\n containerDiv: this.state.containerDiv + 1\r\n });\r\n }\r\n }\r\n \r\n setData(){\r\n const { countriesList } = this.props;\r\n\r\n let rows = [];\r\n\r\n countriesList.map(country => {\r\n let row = {\r\n contactCountryId: country.contactCountryId,\r\n name: country.name,\r\n phone: country.phone,\r\n flag: country.flag.toUpperCase(),\r\n customText: country.customText,\r\n actions: \r\n
\r\n this.toggleEditContactModal(true, country)} />\r\n \r\n
\r\n this.props.deleteCountryInfo({ contactCountryId: country.contactCountryId })}>\r\n \r\n \r\n
\r\n {showAddContactModal &&
this.toggleAddContactModal(status)}\r\n addCountryInfo={(data) => addCountryInfo(data)}/>}\r\n {showEditContactModal && this.toggleEditContactModal(status)}\r\n contactInfo={contactInfo}\r\n updateCountryInfo={(data) => updateCountryInfo(data)}/>}\r\n\r\n \r\n Contacto \r\n \r\n
\r\n\r\n \r\n \r\n Texto Fuera de Horarios \r\n \r\n updateContactNotAvailableText({ contactNotAvailableText })}>\r\n Actualizar\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.toggleAddContactModal(true)}>\r\n Agregar contacto\r\n \r\n \r\n
\r\n {tableData.length === 0\r\n ?\r\n \r\n \r\n
\r\n \r\n
\r\n Ventana emergente \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n this.setState({ isActive: e.target.checked })}>\r\n Imagen activa\r\n \r\n \r\n \r\n \r\n {imageUrl ?\r\n \r\n
\r\n :\r\n \r\n
\r\n
\r\n
Click or drag file to this area to upload
\r\n
\r\n Support for a single or bulk upload. Strictly prohibit from uploading company data or other\r\n band files\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n Actualizar\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n}\r\n\r\nDesignerAdminIndex.propTypes = {\r\n isLoading: PropTypes.bool\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isLoading: state.designerAdmin.isLoading\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DesignerAdminIndex);","//Libraries\r\nimport React, {Component} from 'react';\r\nimport {Route, Switch, withRouter, Redirect} from 'react-router-dom';\r\nimport {Layout} from \"antd\";\r\n\r\n//Components\r\nimport MeetingRequest from \"../partner/meetingRequest/index\";\r\nimport WaitingRoom from \"../partner/waitingRoom/index\";\r\nimport ScheduleMeeting from \"../partner/scheduleMeeting/index\";\r\nimport CheckMeeting from \"../partner/scheduleMeeting/checkMeeting\";\r\nimport ProfilerHome from \"../profiler/home/Home\";\r\nimport ProfilerSchedule from \"../profiler/schedule/Schedule\"\r\nimport AdviserHome from '../adviser/home/Home';\r\nimport AdviserHistory from '../shared/history/History';\r\nimport Parametrization from '../admin/parameterization/index';\r\nimport ZoomKeys from '../admin/zoomkeys/index';\r\nimport GradeMeeting from '../partner/qualifyMeeting/gradeMeeting';\r\nimport ThanksMeeting from '../partner/qualifyMeeting/regretsMeeting';\r\nimport History from \"../profiler/history/History\";\r\n\r\n//Subcomponents\r\nimport routes from '../../../lib/generalUtils/routes';\r\n\r\n//Styles\r\nimport '../../../styles/general/router.css';\r\n\r\n//Constants\r\nimport {Roles} from \"../../../lib/generalUtils/constants\";\r\nimport CanceledMeeting from \"../partner/waitingRoom/CanceledMeeting\";\r\nimport RedirectScheduleMeeting from \"../partner/scheduleMeeting/RedirectScheduleMeeting\";\r\nimport DesignerAdminIndex from \"../designerAdmin/DesignerAdminIndex\";\r\n\r\nclass Router extends Component{\r\n\r\n render(){\r\n let role = parseInt(localStorage.role, 10);\r\n\r\n return (\r\n \r\n \r\n {role === Roles.Partner &&\r\n \r\n }/>\r\n \r\n \r\n \r\n }/>\r\n \r\n }\r\n {(role === Roles.Profiler || role === Roles.Director) &&\r\n \r\n \r\n \r\n \r\n \r\n }\r\n {role === Roles.Adviser &&\r\n \r\n \r\n \r\n \r\n }\r\n {role === Roles.Admin && \r\n \r\n \r\n {/**/}\r\n }/>\r\n \r\n }\r\n {role === Roles.DesignerAdmin &&\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 withRouter(Router);","// Libraries\r\nimport React, {Component} from 'react';\r\nimport connect from 'react-redux/es/connect/connect';\r\nimport PropTypes from \"prop-types\";\r\n\r\n// Styles\r\nimport '../../../../styles/partner/waitingRoom/waitingRoom.css';\r\n\r\n// Actions\r\nimport {finishedMeeting} from \"../../../../store/redux/actions/partner/partnerActions\";\r\nimport routes from \"../../../../lib/generalUtils/routes\";\r\n\r\nclass GuestRoom extends Component {\r\n constructor(props) {\r\n const search = window.location.search;\r\n const urlParams = new URLSearchParams(search);\r\n const guestUrl = urlParams.get('guestUrl');\r\n const meetingId = urlParams.get('meetingId');\r\n\r\n super(props);\r\n this.state = {\r\n isMounted: false,\r\n guestUrl: guestUrl,\r\n meetingId: meetingId,\r\n intervalId: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({isMounted: true }, () => {\r\n if (this.state.isMounted) {\r\n this.setState({ isMounted: false });\r\n\r\n let intervalId = setInterval(() => this.askForMeetingFinished(this.state.meetingId), 5000);\r\n this.setState({ intervalId: intervalId });\r\n }\r\n });\r\n }\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n const {finishedMeetingResponse} = this.props;\r\n\r\n if((prevProps.finishedMeetingResponse !== finishedMeetingResponse && finishedMeetingResponse.finished) ||\r\n this.state.meetingId === null || this.state.guestUrl === null){\r\n window.location.href = routes.home;\r\n }\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.state.permanentFinishedRequest);\r\n }\r\n\r\n askForMeetingFinished = (meetingId) => {\r\n this.props.finishedMeeting(meetingId);\r\n };\r\n\r\n render() {\r\n const { guestUrl } = this.state;\r\n\r\n return (\r\n
\r\n \r\n