\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default Checkbox;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../../../../../shared/StyledButton';\r\nimport { GenericElementConstructor } from '../../../../../../common/utils/genericElementConstructor';\r\nimport { startRequest } from '../../../../../../actions/apiCall';\r\nimport { getListHierarchyParams } from './RolesCall';\r\nimport { toastInfo } from '../../../../../../services/toasters';\r\n\r\nimport './RolesControl.css';\r\n\r\nexport class RolesControl extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\troles: {\r\n\t\t\t\tprofileId: '',\r\n\t\t\t\thierarchyId: ''\r\n\t\t\t},\r\n\t\t\tsetAllowedHierarchy: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getHierarchyByProfile();\r\n\t};\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tconst { roles } = this.state;\r\n\t\tif (roles.hierarchyId === '') {\r\n\t\t\tthis.getHierarchyByProfile();\r\n\t\t}\r\n\t};\r\n\r\n\tonProfileChange = (e) => {\r\n\t\tthis.rolesInputChange(e);\r\n\t\tthis.getHierarchyByProfile();\r\n\t};\r\n\r\n\tgetHierarchyByProfile = () => {\r\n\t\tconst { roles } = this.state;\r\n\t\tconst { allowedRoles } = this.props;\r\n\t\tif (allowedRoles && roles.profileId !== 1) {\r\n\t\t\tconst { startRequest } = this.props;\r\n\t\t\tstartRequest(\r\n\t\t\t\tgetListHierarchyParams(\r\n\t\t\t\t\troles.profileId !== '' ? roles.profileId : allowedRoles[0].id,\r\n\t\t\t\t\tthis.setAllowedHierarchy\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tsetAllowedHierarchy = (response) => {\r\n\t\tconst { roles } = this.state;\r\n\t\tconst { allowedRoles } = this.props;\r\n\t\tlet newRoles = roles;\r\n\t\tnewRoles.hierarchyId = response[0].id;\r\n\t\tnewRoles.rolName = roles.profileId !== '' ? roles.rolName : allowedRoles[0].name;\r\n\t\tnewRoles.profileId = roles.profileId !== '' ? roles.profileId : allowedRoles[0].id;\r\n\t\tnewRoles.hierarchyName = response[0].name;\r\n\t\tthis.setState({\r\n\t\t\tsetAllowedHierarchy: response,\r\n\t\t\troles: newRoles\r\n\t\t});\r\n\t};\r\n\r\n\trolesInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tvalue = parseInt(value);\r\n\t\t}\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.roles;\r\n\t\tnewForm[name] = value;\r\n\t\tif (name === 'hierarchyId') {\r\n\t\t\tnewForm['hierarchyName'] = target.selectedOptions[0].text;\r\n\t\t} else if (name === 'profileId') {\r\n\t\t\tnewForm['rolName'] = target.selectedOptions[0].text;\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\troles: newForm\r\n\t\t});\r\n\t};\r\n\r\n\taddToListProfiles = (e) => {\r\n\t\tconst { profiles, handleInputChange } = this.props;\r\n\t\tconst { roles } = this.state;\r\n\t\tif (!this.checkDuplicates(profiles, roles.profileId, roles.hierarchyId)) {\r\n\t\t\tprofiles.push({\r\n\t\t\t\tprofileId: roles.profileId,\r\n\t\t\t\trolName: roles.rolName,\r\n\t\t\t\thierarchyName: roles.hierarchyName,\r\n\t\t\t\thierarchyId: roles.hierarchyId,\r\n\t\t\t\tcanDelete: true\r\n\t\t\t});\r\n\t\t\tthis.setState({\r\n\t\t\t\troles: roles\r\n\t\t\t});\r\n\t\t\te.currentTarget.profiles = profiles;\r\n\t\t\thandleInputChange(e);\r\n\t\t}\r\n\t};\r\n\r\n\tremoveFromListProfiles = (e, keyId) => {\r\n\t\tconst { profiles, handleInputChange } = this.props;\r\n\t\tconst { roles } = this.state;\r\n\t\t// eslint-disable-next-line no-unused-vars\r\n\t\tlet removedProfiles = profiles.splice(keyId, 1);\r\n\t\te.currentTarget.profiles = profiles;\r\n\t\tthis.setState({\r\n\t\t\troles: roles\r\n\t\t});\r\n\t\thandleInputChange(e);\r\n\t};\r\n\r\n\tcheckDuplicates = (profiles, profileId, hierarchyId) => {\r\n\t\tlet alreadyExists = false;\r\n\t\tif (Array.isArray(profiles)) {\r\n\t\t\tprofiles.forEach((profile) => {\r\n\t\t\t\tif (\r\n\t\t\t\t\tprofile.profileId === profileId ||\r\n\t\t\t\t\t(profile.profileId === profileId && profile.hierarchyId === hierarchyId)\r\n\t\t\t\t) {\r\n\t\t\t\t\ttoastInfo('Rol duplicado', 'Solo es posible un tipo de rol por usuario.');\r\n\t\t\t\t\talreadyExists = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn alreadyExists;\r\n\t};\r\n\r\n\trenderRoles = () => {\r\n\t\tconst { profiles } = this.props;\r\n\t\tlet renderHtml = [];\r\n\t\tif (Array.isArray(profiles)) {\r\n\t\t\tprofiles.forEach((profile, i) => {\r\n\t\t\t\tconst { rolName, hierarchyName } = profile;\r\n\t\t\t\trenderHtml.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{profile.canDelete ? (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{rolName}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{hierarchyName}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.removeFromListProfiles(e, i)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t- {this.renderRoles}
\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{GenericElementConstructor(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 'profileId',\r\n\t\t\t\t\t\t\tname: 'profileId',\r\n\t\t\t\t\t\t\ttype: 'select',\r\n\t\t\t\t\t\t\tvalue: roles.profileId,\r\n\t\t\t\t\t\t\toptions: allowedRoles\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tthis.onProfileChange,\r\n\t\t\t\t\t\toptions\r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{GenericElementConstructor(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 'hierarchyId',\r\n\t\t\t\t\t\t\tname: 'hierarchyId',\r\n\t\t\t\t\t\t\ttype: 'select',\r\n\t\t\t\t\t\t\tvalue: roles.hierarchyId,\r\n\t\t\t\t\t\t\toptions: this.state.setAllowedHierarchy\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tthis.rolesInputChange,\r\n\t\t\t\t\t\toptions\r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSe necesita al menos un rol para poder crear un usuario.\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{this.renderAddProfileHierarchy()}\r\n\t\t\t\t{this.renderRoles()}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst RolesControlWithTranslation = withTranslation()(RolesControl);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(RolesControlWithTranslation);\r\n","const getListHierarchyParams = (profileId, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/UserManagement/ListHierarchy/' + profileId,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getAllHierarchyListParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/UserManagement/ListHierarchy/1',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getListHierarchyParams, getAllHierarchyListParams };\r\n","import React, { Component } from 'react';\r\nimport Autocomplete from 'react-autocomplete';\r\nimport './AutoCompleteFilter.css'\r\n\r\nexport default class AutoCompleteFilter extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tvalue: this.props.value,\r\n\t\t\titems: this.props.items\r\n\t\t};\r\n\t\tthis.onChangeTimer = null;\r\n\t\tthis.event = null\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(newProps) {\r\n\t\tthis.setState({ items: newProps.items, value: newProps.value});\r\n\t}\r\n\r\n\tonSelect = (value, item) => {\r\n\t\tthis.setState({ value: value, items: [ item ] });\r\n\t\tthis.props.onSelect(this.props.id, value, item);\r\n\t};\r\n\r\n\tonChange = (event) => {\r\n\t\tconst {value} = event.target;\r\n\t\tthis.setState({ value: value });\r\n\r\n\t\tthis.props.onChange(this.props.id, value);\r\n\t};\r\n\r\n\trenderMenuItems = (children) => {\r\n\t\treturn (\r\n\t\t\t{children}
\r\n\t\t)\r\n\t}\r\n\r\n\trenderItem = (item, isHighlighted) => (\r\n\t\t\r\n\t\t\t{item.name}\r\n\t\t
\r\n\t)\r\n\r\n\trender() {\r\n\t\tconst { id, name, editMode, placeholder} = this.props;\r\n\t\treturn (\r\n\t\t\t{children}
;\r\n\t};\r\n\r\n\trenderItem = (item, isHighlighted) => (\r\n\t\t\r\n\t\t\t{item.name}\r\n\t\t
\r\n\t);\r\n\r\n\trender() {\r\n\t\tconst { id, name, editMode, placeholder, required } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n\r\nexport default RichText;\r\n","import React from 'react';\r\nimport { SingleDatePicker, DateRangePicker } from 'react-dates';\r\nimport 'react-dates/initialize';\r\nimport 'react-dates/lib/css/_datepicker.css';\r\nimport moment from 'moment';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport Zoom from '@material-ui/core/Zoom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faDownload, faFileDownload } from '@fortawesome/free-solid-svg-icons';\r\nimport Select from '../../shared/Select';\r\nimport Checkbox from '../../shared/Checkbox';\r\nimport RolesControl from '../../views/Layout/Users/UsersGrid/PopUpUser/RolesControl';\r\nimport AutoCompleteFilter from '../../shared/AutoCompleteFilter/AutoCompleteFilter';\r\nimport AutoComplete from '../../shared/AutoComplete/AutoComplete';\r\nimport AutoCompleteCercalia from '../../shared/AutoCompleteCercalia/AutoCompleteCercalia';\r\nimport RichText from '../../shared/RichText';\r\nimport { StyledLink } from '../../shared/StyledLink';\r\nimport './react-dates-override.css';\r\n\r\nconst GenericElementConstructor = (element, handleInputChange, options) => {\r\n\tlet readOnlyProp = options.editMode ? element.readonly : true;\r\n\tconst formatDate = element.format ? element.format : 'DD-MM-YYYY';\r\n\tswitch (element.type) {\r\n\t\tcase 'file':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tconst event = {\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: e.value,\r\n\t\t\t\t\t\t\t\t\t\tid: this.props.id\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\tthis.props.onChange(event);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tid=\"richtext\"\r\n\t\t\t\t\t\t\tref={'richtext'}\r\n\t\t\t\t\t\t\tshowCharCount={true}\r\n\t\t\t\t\t\t\tmaxLength={2000}\r\n\t\t\t\t\t\t\ttoolbarSettings={this.getToolbarSettings()}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{/*
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'richtext':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'list-checkbox-hide':\r\n\t\t\tlet htmlCheckboxHide = [];\r\n\t\t\tif (Array.isArray(element.value) && element.value.length > 0) {\r\n\t\t\t\telement.value.forEach((el, i) => {\r\n\t\t\t\t\thtmlCheckboxHide.push(\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{htmlCheckboxHide}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\tcase 'list-checkbox':\r\n\t\t\tlet htmlCheckbox = [];\r\n\t\t\tif (Array.isArray(element.value) && element.value.length > 0) {\r\n\t\t\t\telement.value.forEach((el, i) => {\r\n\t\t\t\t\thtmlCheckbox.push(\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{element.placeholder}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{element.placeholder + ' '}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\treturn {element.placeholder + ' no disponible'}
;\r\n\t\t\t}\r\n\t\tcase 'link':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'image':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'daterangepicker':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'datepicker-range':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tlet isOutsideRange = false;\r\n\t\t\t\t\t\t\t\tif (element.isOutsideRange) {\r\n\t\t\t\t\t\t\t\t\telement.isOutsideRange.forEach((outsideRangeElement) => {\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'after' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isAfter(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().add(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'before' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isBefore(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().subtract(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (outsideRangeElement.direction === 'day') {\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayFormat = day.format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayToBlockFormat = moment(outsideRangeElement.day).format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tif (dayFormat === dayToBlockFormat) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn isOutsideRange;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tfocusedInput={\r\n\t\t\t\t\t\t\t\toptions.dateFocused[element.id + '-startDate'] ? (\r\n\t\t\t\t\t\t\t\t\t'startDate'\r\n\t\t\t\t\t\t\t\t) : options.dateFocused[element.id + '-endDate'] ? (\r\n\t\t\t\t\t\t\t\t\t'endDate'\r\n\t\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonFocusChange={(focusedId) => {\r\n\t\t\t\t\t\t\t\tlet isFocused = { focused: false };\r\n\t\t\t\t\t\t\t\tif (focusedId) {\r\n\t\t\t\t\t\t\t\t\tisFocused.focused = true;\r\n\t\t\t\t\t\t\t\t\toptions.handleDateFocus(isFocused, element.id + '-' + focusedId);\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\toptions.handleDateFocus(isFocused, element.id + '-startDate');\r\n\t\t\t\t\t\t\t\t\toptions.handleDateFocus(isFocused, element.id + '-endDate');\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonDatesChange={(e) => {\r\n\t\t\t\t\t\t\t\tlet val = {};\r\n\t\t\t\t\t\t\t\tif (e) {\r\n\t\t\t\t\t\t\t\t\tif (e.startDate) {\r\n\t\t\t\t\t\t\t\t\t\tval.startDate = moment(e.startDate).format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\toptions.handleDateFocus({ focused: false }, element.id + '-startDate');\r\n\t\t\t\t\t\t\t\t\t\toptions.handleDateFocus({ focused: true }, element.id + '-endDate');\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tif (e.endDate) {\r\n\t\t\t\t\t\t\t\t\t\tval.endDate = moment(e.endDate).format(formatDate);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\thandleInputChange({\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\ttype: element.type,\r\n\t\t\t\t\t\t\t\t\t\tid: element.id,\r\n\t\t\t\t\t\t\t\t\t\tvalue: e ? val : null,\r\n\t\t\t\t\t\t\t\t\t\tmoment: moment(e)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tstartDatePlaceholderText={\r\n\t\t\t\t\t\t\t\telement.placeholderStart ? element.placeholderStart : 'Start Date'\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tendDatePlaceholderText={element.placeholderEnd ? element.placeholderEnd : 'End Date'}\r\n\t\t\t\t\t\t\tdisabled={readOnlyProp}\r\n\t\t\t\t\t\t\trequired={element.required}\r\n\t\t\t\t\t\t\tshowClearDates\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\tcase 'datepicker':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (element.datepickers[0].isOutsideRange) {\r\n\t\t\t\t\t\t\t\t\tlet isOutsideRange = false;\r\n\t\t\t\t\t\t\t\t\telement.datepickers[0].isOutsideRange.forEach((outsideRangeElement) => {\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'after' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isAfter(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().add(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'before' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isBefore(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().subtract(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (outsideRangeElement.direction === 'day') {\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayFormat = day.format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayToBlockFormat = moment(outsideRangeElement.day).format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tif (dayFormat === dayToBlockFormat) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\treturn isOutsideRange;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tfirstDayOfWeek={1}\r\n\t\t\t\t\t\t\tfocused={options.dateFocused[element.datepickers[0].id]}\r\n\t\t\t\t\t\t\tonFocusChange={(focused) => options.handleDateFocus(focused, element.datepickers[0].id)}\r\n\t\t\t\t\t\t\tonDateChange={(e) =>\r\n\t\t\t\t\t\t\t\thandleInputChange({\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\ttype: element.datepickers[0].type,\r\n\t\t\t\t\t\t\t\t\t\tid: element.datepickers[0].id,\r\n\t\t\t\t\t\t\t\t\t\tvalue: e ? moment(e['_d']).format(formatDate) : null,\r\n\t\t\t\t\t\t\t\t\t\tmoment: moment(e)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\tplaceholder={element.datepickers[0].placeholder}\r\n\t\t\t\t\t\t\tdisabled={readOnlyProp}\r\n\t\t\t\t\t\t\trequired={element.datepickers[1].required}\r\n\t\t\t\t\t\t\tshowClearDate\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t options.handleDateFocus(focused, element.datepickers[1].id)}\r\n\t\t\t\t\t\t\tisOutsideRange={(day) => {\r\n\t\t\t\t\t\t\t\tlet isOutsideRange = false;\r\n\t\t\t\t\t\t\t\tif (day.isBefore(moment(element.datepickers[0].value, formatDate))) {\r\n\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tif (element.datepickers[1].isOutsideRange) {\r\n\t\t\t\t\t\t\t\t\t\telement.datepickers[1].isOutsideRange.forEach((outsideRangeElement) => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'after' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tday.isAfter(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tmoment().add(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'before' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tday.isBefore(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tmoment().subtract(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.count,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.unit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tif (outsideRangeElement.direction === 'day') {\r\n\t\t\t\t\t\t\t\t\t\t\t\tlet dayFormat = day.format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\t\tlet dayToBlockFormat = moment(outsideRangeElement.day).format(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tformatDate\r\n\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (dayFormat === dayToBlockFormat) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn isOutsideRange;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonDateChange={(e) =>\r\n\t\t\t\t\t\t\t\thandleInputChange({\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\ttype: element.datepickers[1].type,\r\n\t\t\t\t\t\t\t\t\t\tid: element.datepickers[1].id,\r\n\t\t\t\t\t\t\t\t\t\tvalue: e ? moment(e['_d']).format(formatDate) : null,\r\n\t\t\t\t\t\t\t\t\t\tmoment: moment(e)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\tplaceholder={element.datepickers[1].placeholder}\r\n\t\t\t\t\t\t\tdisabled={readOnlyProp}\r\n\t\t\t\t\t\t\trequired={element.datepickers[1].required}\r\n\t\t\t\t\t\t\tshowClearDate\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (element.isOutsideRange) {\r\n\t\t\t\t\t\t\t\t\tlet isOutsideRange = false;\r\n\t\t\t\t\t\t\t\t\telement.isOutsideRange.forEach((outsideRangeElement) => {\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'after' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isAfter(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().add(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\toutsideRangeElement.direction === 'before' &&\r\n\t\t\t\t\t\t\t\t\t\t\tday.isBefore(\r\n\t\t\t\t\t\t\t\t\t\t\t\tmoment().subtract(outsideRangeElement.count, outsideRangeElement.unit)\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tif (outsideRangeElement.direction === 'day') {\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayFormat = day.format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tlet dayToBlockFormat = moment(outsideRangeElement.day).format(formatDate);\r\n\t\t\t\t\t\t\t\t\t\t\tif (dayFormat === dayToBlockFormat) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tisOutsideRange = true;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\treturn isOutsideRange;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tfocused={options.dateFocused[element.id]}\r\n\t\t\t\t\t\t\tonFocusChange={(focused) => options.handleDateFocus(focused, element.id)}\r\n\t\t\t\t\t\t\tonDateChange={(e) =>\r\n\t\t\t\t\t\t\t\thandleInputChange({\r\n\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\ttype: element.type,\r\n\t\t\t\t\t\t\t\t\t\tid: element.id,\r\n\t\t\t\t\t\t\t\t\t\tvalue: e ? moment(e['_d']).format(formatDate) : null,\r\n\t\t\t\t\t\t\t\t\t\tmoment: moment(e)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\tplaceholder={element.placeholder}\r\n\t\t\t\t\t\t\tdisabled={readOnlyProp}\r\n\t\t\t\t\t\t\trequired={element.required}\r\n\t\t\t\t\t\t\tshowClearDate\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\telement.customStyle ? \r\n\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t🛈 Formato específico: {formatDate}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t🛈 Formato específico: {formatDate}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\tcase 'no-input-text':\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t{formElement.hidden || !showLeftPlaceholder ? (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{formElement.placeholder}\r\n\t\t\t\t\t\t\t\t\t{formElement.type !== 'no-input-text' ? (\r\n\t\t\t\t\t\t\t\t\t\t{formElement.required ? '*' : ''}\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{element}
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn elementsToRender;\r\n\t};\r\n\r\n\tchangeMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: true\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnCancel = () => {\r\n\t\tif (this.props.onCancel) {\r\n\t\t\tthis.props.onCancel();\r\n\t\t}\r\n\t\tthis.cancelMode();\r\n\t};\r\n\r\n\tcancelMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\trenderHasChanges = () => {\r\n\t\treturn
Hay cambios sin guardar.
;\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { editMode } = this.state;\r\n\t\tconst { HideEdit, HideChanges } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nexport default connect(mapStateToProps, {})(CustomForm);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { postHomeParams } from '../HomeCalls/HomeCalls';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport CustomForm from '../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\n\r\nexport class PopUpHome extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\thomeForm: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { homeForm } = this.props;\r\n\t\tthis.setState({\r\n\t\t\thomeForm: homeForm\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { homeForm } = this.state;\r\n\t\tlet formElements = getFormElements(homeForm, this.props.actionSubmit);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.homeForm;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\thomeForm: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst data = this.state.homeForm;\r\n\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\tstartRequest(postHomeParams(data, this.submitSuccess));\r\n\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\tstartRequest(postHomeParams(data, this.submitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.closeModal();\r\n\t\tthis.props.getHome();\r\n\t\ttoastDone('Cambios guardados'); //TODO fix\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{this.renderHasChanges()}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpHomeWithTranslation = withTranslation()(PopUpHome);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpHomeWithTranslation);\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'text',\r\n\t\t\tname: 'text',\r\n\t\t\ttype: 'richtext',\r\n\t\t\tuploadImage: false,\r\n\t\t\tplaceholder: 'Texto Inicio',\r\n\t\t\tvalue: form.text,\r\n\t\t\trequired: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Facebook, Twitter, YouTube, Instagram, LinkedIn } from '@material-ui/icons';\r\nimport { GetActionsForPage, GetNameForPage } from '../../../common/utils/storageManager';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport { toastDone } from '../../../services/toasters';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { StyledLink } from '../../../shared/StyledLink';\r\nimport NewsComponent from '../News/NewsList/NewsComponent';\r\nimport { getHomeParams } from './HomeCalls/HomeCalls';\r\nimport PopUpHome from './PopUpHome';\r\nimport './Home';\r\n\r\nexport class Home extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: {},\r\n\t\t\thomeForm: {\r\n\t\t\t\ttext: ''\r\n\t\t\t},\r\n\t\t\tnewsModel: [\r\n\t\t\t\t{ id: 1, title: 'Titulo1', initialText: 'Resumen1', visibilityEndTime: '10/1/2021' },\r\n\t\t\t\t{ id: 1, title: 'Titulo2', initialText: 'Resumen2', visibilityEndTime: '20/1/2021' },\r\n\t\t\t\t{ id: 1, title: 'Titulo3', initialText: 'Resumen3', visibilityEndTime: '30/1/2021' }\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.setActions();\r\n\t\tthis.getHome();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tsetActions = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'Edit') {\r\n\t\t\t\t\tnewActions.Edit = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t};\r\n\r\n\tgetHome = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getHomeParams(this.setHome));\r\n\t};\r\n\r\n\tsetHome = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tnewsModel: response.newsModel,\r\n\t\t\thomeForm: {\r\n\t\t\t\ttext: response.text\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\teditHome = () => {\r\n\t\tconst { openModal, closeModal } = this.props;\r\n\t\tthis.getHome();\r\n\t\tconst { homeForm } = this.state;\r\n\t\tconst homeForm2 = homeForm;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Editar Inicio',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t{' '}\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn html;\r\n\t};\r\n\r\n\tgetText = () => {\r\n\t\tconst text = ReactHtmlParser(this.state.homeForm.text);\r\n\t\tif (text) {\r\n\t\t\treturn text;\r\n\t\t} else {\r\n\t\t\treturn '';\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst HomeFromHistory = withRouter(Home);\r\nconst HomeWithTranslation = withTranslation()(HomeFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone,\r\n\topenModal,\r\n\tcloseModal\r\n})(HomeWithTranslation);\r\n","const getProductsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductModulesParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/AdditionalDetail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postProductParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Products',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putProductParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Products/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductByIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getModulesForHierarchyIdParams = (productId, hierarchyId, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/AdditionalDetailActiveModules/' + productId + '/' + hierarchyId,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getHierarchyProductParams = (productId, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/Hierarchy/' + productId,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postModulesForHierarchyIdParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Products/AssingProductModulesToHierarchy',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductList = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\thideSpinner: true,\r\n\t\tendpoint: '/api/Products/ProductList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getScopeList = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\thideSpinner: true,\r\n\t\tendpoint: '/api/Products/ScopeList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetProductsParams,\r\n\tgetProductModulesParams,\r\n\tpostProductParams,\r\n\tputProductParams,\r\n\tgetProductByIdParams,\r\n\tgetModulesForHierarchyIdParams,\r\n\tgetHierarchyProductParams,\r\n\tpostModulesForHierarchyIdParams,\r\n\tgetProductList,\r\n\tgetScopeList\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomForm from '../../../../../shared/CustomForm';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\n// import { GetActionsForPage } from '../../../../../common/utils/storageManager';\r\nimport { StyledLink } from '../../../../../shared/StyledLink';\r\nimport { getFormElements } from './FormElements/formElements';\r\nimport { getProductByIdParams } from '../ProductsCalls';\r\n// import TabMoreOptions from './TabMoreOptions';\r\nimport './PopUpProduct.css';\r\n\r\nexport class PopUpProduct extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = { productById: {}, actions: {} };\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\t// this.setActionsForPage();\r\n\t\tthis.getProductById();\r\n\t};\r\n\r\n\t// setActionsForPage = () => {\r\n\t// \tconst { history } = this.props;\r\n\t// \tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t// \tlet newActions = {};\r\n\t// \tif (Array.isArray(actionsInMenu)) {\r\n\t// \t\tactionsInMenu.forEach((action) => {\r\n\t// \t\t\tif (action.name === 'AdditionalOptions') {\r\n\t// \t\t\t\tnewActions.AdditionalOptions = true;\r\n\t// \t\t\t}\r\n\t// \t\t});\r\n\t// \t}\r\n\r\n\t// \tthis.setState({\r\n\t// \t\tactions: newActions\r\n\t// \t});\r\n\t// };\r\n\r\n\tsaveLoadFunction = (func) => {\r\n\t\tthis.exportedLoadFunction = func;\r\n\t};\r\n\r\n\tgetProductById = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getProductByIdParams(this.props.ProductId, this.setProductById));\r\n\t};\r\n\r\n\tsetProductById = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tproductById: response\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { productById } = this.state;\r\n\t\tconst options = {\r\n\t\t\tappearance: this.props.appearance\r\n\t\t};\r\n\t\tlet formElements = getFormElements(productById, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tloadTab = () => {\r\n\t\tif (this.exportedLoadFunction) {\r\n\t\t\tthis.exportedLoadFunction();\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { productById } = this.state;\r\n\t\tlet newVideo;\r\n\r\n\t\tif (productById && productById.videoURL) {\r\n\t\t\tnewVideo = productById.videoURL.replace('watch?v=', 'embed/');\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/Faqs');\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tFAQ'S\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/ELearning');\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tFORMACIÓN\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/News');\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tNOTICÍAS\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEDITAR\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.getText()}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tÚltimas Notícias
\r\n\t\t\t\t\t\t\t\t{this.renderNews()}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.newsModel.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tVer todas las notícias\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t'No hay notícias.'\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpProductWithTranslation = withTranslation()(PopUpProduct);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpProductWithTranslation);\r\n","const getFormElements = (data, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'productName',\r\n\t\t\tname: 'productName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Nombre del producto',\r\n\t\t\tvalue: data.productName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'companyName',\r\n\t\t\tname: 'companyName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Compañia',\r\n\t\t\tvalue: data.companyName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'statusName',\r\n\t\t\tname: 'statusName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Estado',\r\n\t\t\tvalue: data.statusName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'branchName',\r\n\t\t\tname: 'branchName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Rama',\r\n\t\t\tvalue: data.branchName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'description',\r\n\t\t\tname: 'description',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Descripción',\r\n\t\t\tvalue: data.description,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'scopeName',\r\n\t\t\tname: 'scopeName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Ambito',\r\n\t\t\tvalue: data.scopeName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: true,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'durationName',\r\n\t\t\tname: 'durationName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Duración',\r\n\t\t\tvalue: data.durationName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: true,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'creationDate',\r\n\t\t\tname: 'creationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha de Alta',\r\n\t\t\tvalue: data.creationDate,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: true,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'docProductURL',\r\n\t\t\tname: 'docProductURL',\r\n\t\t\ttype: 'link',\r\n\t\t\tappearance: options.appearance,\r\n\t\t\ttext: 'Descargar',\r\n\t\t\tplaceholder: 'Documento del producto',\r\n\t\t\tvalue: data.docProductURL,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'docCoberageURL',\r\n\t\t\tname: 'docCoberageURL',\r\n\t\t\ttype: 'link',\r\n\t\t\tappearance: options.appearance,\r\n\t\t\ttext: 'Descargar',\r\n\t\t\tplaceholder: 'Documento de coberage',\r\n\t\t\tvalue: data.docCoberageURL,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'priceNP',\r\n\t\t\tname: 'priceNP',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Precio NP',\r\n\t\t\tvalue: data.priceNP,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'priceRS',\r\n\t\t\tname: 'priceRS',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Precio RS',\r\n\t\t\tvalue: data.priceRS,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t// {\r\n\t\t// \tid: 'priceSP',\r\n\t\t// \tname: 'priceSP',\r\n\t\t// \ttype: 'text',\r\n\t\t// \tplaceholder: 'Precio SP',\r\n\t\t// \tvalue: data.priceSP,\r\n\t\t// \trequired: false,\r\n\t\t// \treadonly: false,\r\n\t\t// \thidden: false\r\n\t\t// },\r\n\t\t{\r\n\t\t\tid: 'warranties',\r\n\t\t\tname: 'warranties',\r\n\t\t\ttype: 'list-view',\r\n\t\t\ttextEmpty: 'No hay garantias',\r\n\t\t\tplaceholder: 'Garantías',\r\n\t\t\tvalue: data.warranties,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t// {\r\n\t\t// \tid: 'modules',\r\n\t\t// \tname: 'modules',\r\n\t\t// \ttype: 'list-view',\r\n\t\t// \ttextEmpty: 'No hay Módulos',\r\n\t\t// \tplaceholder: 'Módulos',\r\n\t\t// \tvalue: data.modules,\r\n\t\t// \trequired: false,\r\n\t\t// \treadonly: false,\r\n\t\t// \thidden: false\r\n\t\t// }\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import styled from 'styled-components';\r\nimport { GridComponent } from '@syncfusion/ej2-react-grids';\r\nimport { getContrastColor } from '../../common/utils/colorManager';\r\n\r\nexport const CustomGridStyled = styled(GridComponent)`\r\n color: ${(props) => getContrastColor(props.appearance.mainColor)} !important; \r\n\tbackground: ${(props) => props.appearance.mainColor || ''} !important;\r\n\tbackground-color: ${(props) => props.appearance.mainColor || ''} !important;\r\n\r\n\t&.e-gridheader {\r\n\t\tcolor: ${(props) => getContrastColor(props.appearance.mainColor)} !important; \r\n\t\tbackground: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t\tbackground-color: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t}\r\n\t\r\n\t&.e-grid .e-headercell,\r\n\t&.e-grid .e-detailheadercell {\r\n\t\tcolor: ${(props) => getContrastColor(props.appearance.mainColor)} !important; \r\n\t\tbackground: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t\tbackground-color: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t}\r\n\t\r\n\t&.e-pager .e-currentitem,\r\n\t&.e-pager .e-currentitem:hover {\r\n\t\tcolor: ${(props) => getContrastColor(props.appearance.mainColor)} !important; \r\n\t\tbackground: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t\tbackground-color: ${(props) => props.appearance.mainColor || ''} !important;\r\n\t}\r\n`;\r\n","const getFilterForm = (entity, data) => {\r\n\tswitch (entity) {\r\n\t\tcase 'users':\r\n\t\t\treturn getFilterUserElements(data);\r\n\t\tcase 'products':\r\n\t\t\treturn getFilterProductsElements(data);\r\n\t\tcase 'budgets':\r\n\t\t\treturn getFilterBudgetsElements(data);\r\n\t\tcase 'receipts':\r\n\t\t\treturn getFilterReceiptsElements(data);\r\n\t\tcase 'contracts':\r\n\t\t\treturn getFilterContractsElements(data);\r\n\t\tcase 'liquidations':\r\n\t\t\treturn getFilterLiquidationsElements(data);\r\n\t\tcase 'eiac':\r\n\t\t\treturn getFilterEiacElements(data);\r\n\t\tdefault:\r\n\t\t\treturn getFilterUserElements(data);\r\n\t}\r\n};\r\n\r\nconst getFilterEiacElements = (data) => {\r\n\tlet filter = [\r\n\t\t{\r\n\t\t\tid: 'aliasColaborador',\r\n\t\t\tname: 'aliasColaborador',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Alias colaborador',\r\n\t\t\tvalue: data.aliasColaborador,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'passwordColaborador',\r\n\t\t\tname: 'passwordColaborador',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Password colaborador',\r\n\t\t\tvalue: data.passwordColaborador,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'proceso',\r\n\t\t\tname: 'proceso',\r\n\t\t\ttype: 'select',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: '', name: '' },\r\n\t\t\t\t{ value: 'REC', name: 'REC' },\r\n\t\t\t\t{ value: 'POL', name: 'POL'}\r\n\t\t\t],\r\n\t\t\tplaceholder: 'Proceso',\r\n\t\t\tvalue: data.proceso,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'fechadesde',\r\n\t\t\tname: 'fechadesde',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tplaceholder: 'Fecha desde',\r\n\t\t\tvalue: data.fechadesde,\r\n\t\t\tcustomStyle: true,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'fechahasta',\r\n\t\t\tname: 'fechahasta',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tplaceholder: 'Fecha hasta',\r\n\t\t\tvalue: data.fechahasta,\r\n\t\t\tcustomStyle: true,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t];\r\n\treturn filter;\r\n};\r\n\r\nconst getFilterUserElements = (data) => {\r\n\tlet filterUser = [\r\n\t\t{\r\n\t\t\tid: 'Name',\r\n\t\t\tname: 'Name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Buscador',\r\n\t\t\tvalue: data.Name,\r\n\t\t\trequired: true\r\n\t\t}\r\n\t\t// {\r\n\t\t// \tid: 'ActiveUsers',\r\n\t\t// \tname: 'ActiveUsers',\r\n\t\t// \ttype: 'switch',\r\n\t\t// \ttext: 'Usuarios Activos',\r\n\t\t// \tvalue: data.ActiveUsers,\r\n\t\t// \tchecked: true\r\n\t\t// }\r\n\t];\r\n\treturn filterUser;\r\n};\r\n\r\nconst getFilterReceiptsElements = (data) => {\r\n\tlet filterUser = [\r\n\t\t{\r\n\t\t\tid: 'Generic',\r\n\t\t\tname: 'Generic',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Buscador generico',\r\n\t\t\tvalue: data.Generic,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ContractStatus',\r\n\t\t\tname: 'ContractStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Estado contrato',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 0, name: 'Todos' },\r\n\t\t\t\t{ value: 1, name: 'Solicitada' },\r\n\t\t\t\t{ value: 2, name: 'Vigor' },\r\n\t\t\t\t{ value: 3, name: 'Anulada' },\r\n\t\t\t\t{ value: 4, name: 'Suspendida' }\r\n\t\t\t],\r\n\t\t\tvalue: data.ContractStatus\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ReceiptStatus',\r\n\t\t\tname: 'ReceiptStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Situación de Recibo',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: -1, name: 'Todos' },\r\n\t\t\t\t{ value: 0, name: 'Matriz' },\r\n\t\t\t\t{ value: 1, name: 'Facturado' },\r\n\t\t\t\t{ value: 2, name: 'Devuelto' },\r\n\t\t\t\t{ value: 3, name: 'Anulado' },\r\n\t\t\t\t{ value: 4, name: 'Anulado cia' },\r\n\t\t\t\t{ value: 5, name: 'Cobrado' },\r\n\t\t\t\t{ value: 6, name: 'Liquidado cia' }\r\n\t\t\t],\r\n\t\t\tvalue: data.ReceiptStatus\r\n\t\t},\r\n\t\t/*{\r\n\t\t\tid: 'LiquidationStatus',\r\n\t\t\tname: 'LiquidationStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Estado recibo liquidación colaborador',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 0, name: 'Todos' },\r\n\t\t\t\t{ value: 1, name: 'Pendiente' },\r\n\t\t\t\t{ value: 2, name: 'Liquidado' },\r\n\t\t\t\t{ value: 3, name: 'Anulado' }\r\n\t\t\t],\r\n\t\t\tvalue: data.LiquidationStatus\r\n\t\t},*/\r\n\t\t{\r\n\t\t\ttext: 'Fecha de Emision Recibo',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'InitIssueDate',\r\n\t\t\t\t\tname: 'InitIssueDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.InitIssueDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'EndIssueDate',\r\n\t\t\t\t\tname: 'EndIssueDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.EndIssueDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha Efecto Recibo',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'InitEffectiveDate',\r\n\t\t\t\t\tname: 'InitEffectiveDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.InitEffectiveDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'EndEffectiveDate',\r\n\t\t\t\t\tname: 'EndEffectiveDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.EndEffectiveDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha vencimiento',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'InitExpirationDate',\r\n\t\t\t\t\tname: 'InitExpirationDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.InitExpirationDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'EndExpirationDate',\r\n\t\t\t\t\tname: 'EndExpirationDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.EndExpirationDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha de Anulación',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'InitCancellationDate',\r\n\t\t\t\t\tname: 'InitCancellationDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.InitCancellationDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'EndCancellationDate',\r\n\t\t\t\t\tname: 'EndCancellationDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.EndCancellationDate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'product',\r\n\t\t\tname: 'product',\r\n\t\t\ttype: 'autocompleteFilter',\r\n\t\t\titems: data.productList,\r\n\t\t\tplaceholder: 'Producto',\r\n\t\t\tvalue: data.product\r\n\t\t}\r\n\t];\r\n\treturn filterUser;\r\n};\r\n\r\nconst getFilterProductsElements = (data) => {\r\n\tlet filterUser = [\r\n\t\t{\r\n\t\t\tid: 'ProductName',\r\n\t\t\tname: 'ProductName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Buscador de Productos',\r\n\t\t\tvalue: data.ProductName,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ActiveProducts',\r\n\t\t\tname: 'ActiveProducts',\r\n\t\t\ttype: 'switch',\r\n\t\t\ttext: 'Productos Activos',\r\n\t\t\tvalue: data.ActiveProducts,\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ProductModules',\r\n\t\t\tname: 'ProductModules',\r\n\t\t\ttype: 'switch',\r\n\t\t\ttext: 'Productos Módulos',\r\n\t\t\tvalue: data.ProductModules,\r\n\t\t\tchecked: false\r\n\t\t}\r\n\t];\r\n\treturn filterUser;\r\n};\r\n\r\nconst getFilterBudgetsElements = (data) => {\r\n\tlet filter = [\r\n\t\t{\r\n\t\t\tid: 'budgetSearch',\r\n\t\t\tname: 'budgetSearch',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre, NIF Cliente, Id',\r\n\t\t\tvalue: data.budgetSearch\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Último cambio',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'updateDateStart',\r\n\t\t\t\t\tname: 'updateDateStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.updateDateStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'updateDateFinal',\r\n\t\t\t\t\tname: 'updateDateFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.updateDateFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'budgetStatusId',\r\n\t\t\tname: 'budgetStatusId',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Estado',\r\n\t\t\tvalue: data.statusId,\r\n\t\t\toptions: data.statusList\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'DistributorName',\r\n\t\t\tname: 'DistributorName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Distribuidor',\r\n\t\t\tvalue: data.DistributorName\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'SalesPointName',\r\n\t\t\tname: 'SalesPointName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Punto de venta',\r\n\t\t\tvalue: data.SalesPointName\r\n\t\t}\r\n\t];\r\n\treturn filter;\r\n};\r\n\r\nconst getFilterLiquidationsElements = (data) => {\r\n\tlet filter = [\r\n\t\t{\r\n\t\t\tid: 'BillId',\r\n\t\t\tname: 'BillId',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nº de Factura',\r\n\t\t\tvalue: data.BillId\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha de Liquidación',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'InitDate',\r\n\t\t\t\t\tname: 'InitDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.InitDate\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'EndDate',\r\n\t\t\t\t\tname: 'EndDate',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.EndDate\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t];\r\n\treturn filter;\r\n};\r\n\r\nconst getFilterContractsElements = (data) => {\r\n\tlet filter = [\r\n\t\t{\r\n\t\t\tid: 'Generic',\r\n\t\t\tname: 'Generic',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Buscador generico',\r\n\t\t\tvalue: data.Generic,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ContractStatus',\r\n\t\t\tname: 'ContractStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Estado contrato',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 0, name: 'Todos' },\r\n\t\t\t\t{ value: 1, name: 'Solicitada' },\r\n\t\t\t\t{ value: 2, name: 'Vigor' },\r\n\t\t\t\t{ value: 3, name: 'Anulada' },\r\n\t\t\t\t{ value: 4, name: 'Suspendida' }\r\n\t\t\t],\r\n\t\t\tvalue: data.ContractStatus\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha de Emisión',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'updateDateStart',\r\n\t\t\t\t\tname: 'updateDateStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.updateDateStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'updateDateFinal',\r\n\t\t\t\t\tname: 'updateDateFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.updateDateFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Primer Efecto Póliza',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'firstEffectPolicyStart',\r\n\t\t\t\t\tname: 'firstEffectPolicyStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.firstEffectPolicyStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'firstEffectPolicyFinal',\r\n\t\t\t\t\tname: 'firstEffectPolicyFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.firstEffectPolicyFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha Efecto Póliza',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'effectPolicyStart',\r\n\t\t\t\t\tname: 'effectPolicyStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.effectPolicyStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'effectPolicyFinal',\r\n\t\t\t\t\tname: 'effectPolicyFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.effectPolicyFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha vencimiento',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'expirationDateStart',\r\n\t\t\t\t\tname: 'expirationDateStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.expirationDateStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'expirationDateFinal',\r\n\t\t\t\t\tname: 'expirationDateFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.expirationDateFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: 'Fecha de Anulación',\r\n\t\t\ttype: 'datepicker-range',\r\n\t\t\tdatepickers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'cancelationDateStart',\r\n\t\t\t\t\tname: 'cancelationDateStart',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'De',\r\n\t\t\t\t\tvalue: data.cancelationDateStart\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 'cancelationDateFinal',\r\n\t\t\t\t\tname: 'cancelationDateFinal',\r\n\t\t\t\t\ttype: 'datepicker',\r\n\t\t\t\t\tappendToBody: true,\r\n\t\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\t\tplaceholder: 'Hasta',\r\n\t\t\t\t\tvalue: data.cancelationDateFinal\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'product',\r\n\t\t\tname: 'product',\r\n\t\t\ttype: 'autocompleteFilter',\r\n\t\t\titems: data.productList,\r\n\t\t\tplaceholder: 'Producto',\r\n\t\t\tvalue: data.product\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'scope',\r\n\t\t\tname: 'scope',\r\n\t\t\ttype: 'autocompleteFilter',\r\n\t\t\titems: data.scopeList,\r\n\t\t\tplaceholder: 'Ámbito',\r\n\t\t\tvalue: data.scope\r\n\t\t}\r\n\t];\r\n\treturn filter;\r\n};\r\n\r\nexport { getFilterForm };\r\n","const getBudgetsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getBudgetParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getStatusList = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/StatusList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst updatePendingBudget = (data, funcSucc, funcError) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/Budget/UpdatePendingBudget',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t},\r\n\t\tonError: (response) => {\r\n\t\t\tfuncError(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst updateRejectMotive = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/Budget/UpdateRejectMotive',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc();\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getRejectMotiveList = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/RejectMotiveList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getDownloadPdf = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract/DownloadPDF/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postRegsiterBackOfficeParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Contract/Contract',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetBudgetsParams,\r\n\tgetBudgetParams,\r\n\tgetStatusList,\r\n\tpostRegsiterBackOfficeParams,\r\n\tupdatePendingBudget,\r\n\tupdateRejectMotive,\r\n\tgetRejectMotiveList,\r\n\tgetDownloadPdf\r\n};\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faSlidersH } from '@fortawesome/free-solid-svg-icons';\r\nimport { getFilterForm } from './FormElements/formElements';\r\nimport { GenericElementConstructor } from '../../../common/utils/genericElementConstructor';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { getStatusList } from '../../../views/Layout/Budgets/BudgetGrid/BudgetsCalls/BudgetsCalls';\r\nimport { getProductList, getScopeList } from '../../../views/Layout/Products/ProductsGrid/ProductsCalls/ProductsCalls';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../shared/StyledButtonOutline';\r\n\r\nimport './FilterGrid.css';\r\nimport { getEiacCredentials } from '../../../views/Layout/EIAC/EiacGrid/EiacCalls/EiacCalls';\r\n\r\nexport class FilterGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tform: this.initialState(),\r\n\t\t\tdateFocused: {}\r\n\t\t};\r\n\t\tthis.autocomplete = {\r\n\t\t\tresults: 2,\r\n\t\t\tminLength: 3\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getLists();\r\n\t};\r\n\r\n\tinitialState = () => {\r\n\t\tif (this.props.entity === 'products') {\r\n\t\t\treturn {\r\n\t\t\t\tActiveProducts: true,\r\n\t\t\t\tProductModules: false,\r\n\t\t\t\tcurrentPage: 1\r\n\t\t\t};\r\n\t\t} else if (this.props.entity === 'contracts') {\r\n\t\t\treturn {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tproductList: [],\r\n\t\t\t\tscopeList: []\r\n\t\t\t};\r\n\t\t} else if (this.props.entity === 'receipts') {\r\n\t\t\treturn {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tproductList: {}\r\n\t\t\t};\r\n\t\t} else if (this.props.entity === 'eiac') {\r\n\r\n\t\t\treturn {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\taliasColaborador: '',\r\n\t\t\t\tpasswordColaborador: '',\r\n\t\t\t\tfechadesde: '',\r\n\t\t\t\tfechahasta: '',\r\n\t\t\t\tproceso: ''\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\treturn {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tbudgetStatusId: 0\r\n\t\t\t};\r\n\t\t}\r\n\t};\r\n\r\n\tgetLists = () => {\r\n\t\tif (this.props.entity === 'budgets') {\r\n\t\t\tsetTimeout(this.statusList, 100);\r\n\t\t} else if (this.props.entity === 'receipts') {\r\n\t\t\tsetTimeout(this.productList, 100);\r\n\t\t} else if (this.props.entity === 'eiac'){\r\n\t\t\tsetTimeout(this.eiacCredentials)\r\n\t\t}\r\n\t};\r\n\r\n\tstatusList = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getStatusList(this.setBudgetStatusList));\r\n\t};\r\n\t\r\n\r\n\tsetBudgetStatusList = (data) => {\r\n\t\tdata.unshift({ id: 0, name: 'Todos' });\r\n\t\tthis.setState({\r\n\t\t\tform: {\r\n\t\t\t\t...this.state.form,\r\n\t\t\t\tstatusList: data\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t\r\n\tproductList = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getProductList({ productName: '' }, this.setProductList));\r\n\t};\r\n\r\n\teiacCredentials = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getEiacCredentials({}, this.setEiacCredentials));\r\n\t};\r\n\r\n\tsetProductList = (data) => {\r\n\t\tthis.setState({\r\n\t\t\tform: {\r\n\t\t\t\t...this.state.form,\r\n\t\t\t\tproductList: data.reverse().slice(0, this.autocomplete.results)\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tsetEiacCredentials = (data) => {\r\n\t\tthis.setState({\r\n\t\t\tform: {\r\n\t\t\t\taliasColaborador: data.aliasColaborador,\r\n\t\t\t\tpasswordColaborador: data.passwordColaborador\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tscopeList = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getScopeList({ scopeName: '' }, this.setScopeList));\r\n\t};\r\n\r\n\tsetScopeList = (data) => {\r\n\t\tthis.setState({\r\n\t\t\tform: {\r\n\t\t\t\t...this.state.form,\r\n\t\t\t\tscopeList: data.reverse().slice(0, this.autocomplete.results)\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tonAutoCompleteChange = (id, value) => {\r\n\t\tif (value.length >= this.autocomplete.minLength) {\r\n\t\t\tthis.updateAutoCompleteList(id, value);\r\n\t\t} else {\r\n\t\t\tif (id === 'product') {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tform: {\r\n\t\t\t\t\t\t...this.state.form,\r\n\t\t\t\t\t\t[id]: value,\r\n\t\t\t\t\t\tproductList: []\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tform: {\r\n\t\t\t\t\t\t...this.state.form,\r\n\t\t\t\t\t\t[id]: value,\r\n\t\t\t\t\t\tscopeList: []\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tonAutoCompleteSelect = (id, value, item) => {\r\n\t\tvar e = {\r\n\t\t\ttarget: {\r\n\t\t\t\ttype: this.props.type,\r\n\t\t\t\tid: id,\r\n\t\t\t\tvalue: value\r\n\t\t\t}\r\n\t\t};\r\n\t\tthis.handleInputChange(e);\r\n\t\tthis.updateAutoCompleteList(id, value);\r\n\t};\r\n\r\n\tupdateAutoCompleteList = (id, value) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tthis.setState({\r\n\t\t\tform: {\r\n\t\t\t\t...this.state.form,\r\n\t\t\t\t[id]: value\r\n\t\t\t}\r\n\t\t});\r\n\t\tif (id === 'product') {\r\n\t\t\tstartRequest(getProductList({ productName: value }, this.setProductList));\r\n\t\t} else {\r\n\t\t\tstartRequest(getScopeList({ scopeName: value }, this.setScopeList));\r\n\t\t}\r\n\t};\r\n\r\n\tclearFilter = () => {\r\n\t\tthis.getLists();\r\n\t\tlet newForm = this.initialState();\r\n\t\tthis.setState({\r\n\t\t\tform: newForm\r\n\t\t});\r\n\t\tthis.filter(newForm);\r\n\t};\r\n\r\n\tfilter = (form) => {\r\n\t\tif (this.props.entity === 'contracts' || this.props.entity === 'receipts') {\r\n\t\t\tform = {\r\n\t\t\t\t...form,\r\n\t\t\t\tproductList: {},\r\n\t\t\t\tscopeList: {}\r\n\t\t\t};\r\n\t\t} \r\n\t\tthis.props.updateData(form);\r\n\t};\r\n\r\n\thandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState((prevState) => ({\r\n\t\t\tform: {\r\n\t\t\t\t...prevState.form,\r\n\t\t\t\t[name]: value\r\n\t\t\t}\r\n\t\t}));\r\n\t};\r\n\r\n\tmyHandleDateFocus = (isFocused, dateId) => {\r\n\t\tlet newDateFocused = this.state.dateFocused;\r\n\t\tnewDateFocused[dateId] = isFocused.focused;\r\n\t\tthis.setState({\r\n\t\t\tdateFocused: newDateFocused\r\n\t\t});\r\n\t};\r\n\r\n\tcreateInputs = () => {\r\n\t\tlet htmlElements = [];\r\n\r\n\t\tconst options = {\r\n\t\t\teditMode: true,\r\n\t\t\tdateFocused: this.state.dateFocused,\r\n\t\t\thandleDateFocus: this.myHandleDateFocus,\r\n\t\t\tonChange: this.onAutoCompleteChange,\r\n\t\t\tonSelect: this.onAutoCompleteSelect\r\n\t\t};\r\n\r\n\t\tconst filterInputs = getFilterForm(this.props.entity, this.state.form);\r\n\r\n\t\tfilterInputs.forEach((item, i) => {\r\n\t\t\tconst container = (\r\n\t\t\t\t- \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
*/}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst FilterGridFromHistory = withRouter(FilterGrid);\r\nconst FilterGridWithTranslation = withTranslation()(FilterGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, { startRequest })(FilterGridWithTranslation);\r\n","const getEiacFilesParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/EIAC/ConsultEiac',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getEiacCredentials = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/EIAC/GetEiacCredentials',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\n\r\nconst downloadEiacFile = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/EIAC/DescargaFicherosEiac',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data, params);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst cargaFicheroEiac = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/EIAC/CargaFicherosEiac',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data, params);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getEiacFilesParams, getEiacCredentials, downloadEiacFile, cargaFicheroEiac };\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { L10n } from '@syncfusion/ej2-base';\r\nimport {\r\n\tColumnsDirective,\r\n\tColumnDirective,\r\n\tPage,\r\n\tSort,\r\n\tResize,\r\n\tSelection,\r\n\tInject,\r\n\tCommandColumn\r\n} from '@syncfusion/ej2-react-grids';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../shared/StyledButton';\r\nimport { CustomGridStyled } from '../CustomGridStyled/CustomGridStyled';\r\nimport FilterGrid from './FilterGrid';\r\n\r\nimport './CustomGrid.css';\r\n\r\nL10n.load({\r\n\t'es-ES': {\r\n\t\tgrid: {\r\n\t\t\tEmptyRecord: 'Vacío',\r\n\t\t\tEditOperationAlert: 'No hay registros seleccionados para la operación de edición',\r\n\t\t\tDeleteOperationAlert: 'No hay registros seleccionados para la operación de eliminación',\r\n\t\t\tGroupDropArea: 'Arrastre el encabezado de una columna aquí para agrupar su columna',\r\n\t\t\tAdd: 'Añadir',\r\n\t\t\tEdit: 'Editar',\r\n\t\t\tCancel: 'Cancelar',\r\n\t\t\tUpdate: 'Guardar',\r\n\t\t\tDelete: 'Eliminar',\r\n\t\t\tSave: 'Guardar',\r\n\t\t\tSaveButton: 'Guardar',\r\n\t\t\tOKButton: 'Vale',\r\n\t\t\tCancelButton: 'Cancelar',\r\n\t\t\tItem: 'Item',\r\n\t\t\tItems: 'Items',\r\n\t\t\tUnGroup: 'Haga clic aquí para desagrupar',\r\n\t\t\tTrue: 'Activo',\r\n\t\t\tFalse: 'Inactivo'\r\n\t\t},\r\n\t\tformValidator: {\r\n\t\t\trequired: 'Campo requerido'\r\n\t\t},\r\n\t\tpager: {\r\n\t\t\tpagerInfo: '{0} de {1} páginas ({2} páginas)',\r\n\t\t\tnextPagerTooltip: 'Ir al siguiente Pager',\r\n\t\t\tpreviousPagerTooltip: 'Ir a Pager anterior',\r\n\t\t\tcurrentPageInfo: '{0} de {1} páginas',\r\n\t\t\tfirstPageTooltip: 'Primera página',\r\n\t\t\tlastPageTooltip: 'Última página',\r\n\t\t\tnextPageTooltip: 'Siguiente',\r\n\t\t\tpreviousPageTooltip: 'Anterior',\r\n\t\t\ttotalItemsInfo: '({0} Total)'\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport class CustomGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tallowPaging: props.allowPaging ? props.allowPaging : true,\r\n\t\t\tselectedRows: [],\r\n\t\t\tallowedServices: this.checkServices(),\r\n\t\t\tcurrentPage: 1,\r\n\t\t\tcommands: this.setCommands()\r\n\t\t};\r\n\t\tthis.selectionsettings = { persistSelection: true };\r\n\t}\r\n\r\n\tcheckServices = () => {\r\n\t\tlet allowedServices = [ Sort, Selection, Resize, CommandColumn ];\r\n\t\tif (this.props.allowPaging) {\r\n\t\t\tallowedServices.push(Page);\r\n\t\t}\r\n\r\n\t\treturn allowedServices;\r\n\t};\r\n\r\n\tloadLanguage = () => {\r\n\t\treturn 'es-ES';\r\n\t};\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tthis.refs.grid.refresh();\r\n\t};\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { exportGetSelectedFunction } = this.props;\r\n\t\tif (exportGetSelectedFunction) {\r\n\t\t\texportGetSelectedFunction(this.myGetSelected);\r\n\t\t}\r\n\t};\r\n\r\n\tmyGetSelected = () => {\r\n\t\tconst rowsSelected = this.refs.grid.getSelectedRows();\r\n\t\tlet idSelected = [];\r\n\t\trowsSelected.forEach((row) => {\r\n\t\t\tidSelected.push(parseInt(row.cells[1].textContent));\r\n\t\t});\r\n\t\treturn idSelected;\r\n\t};\r\n\r\n\tsetCommands = () => {\r\n\t\tlet newCommands = [];\r\n\t\tif (this.props.entity === 'productModules') {\r\n\t\t\tnewCommands.push({ type: 'Edit', buttonOption: { iconCss: 'fa fa-tasks' } });\r\n\t\t}\r\n\t\tif (this.props.entity !== 'accessquery') {\r\n\t\t\tnewCommands.push({ type: 'Edit', buttonOption: { iconCss: 'fa fa-eye' } });\r\n\t\t}\r\n\t\tif (\r\n\t\t\tthis.props.entity !== 'products' &&\r\n\t\t\tthis.props.entity !== 'productModules' &&\r\n\t\t\tthis.props.entity !== 'accessquery' &&\r\n\t\t\tthis.props.entity !== 'budgets' &&\r\n\t\t\tthis.props.entity !== 'receipts' &&\r\n\t\t\tthis.props.entity !== 'contracts'\r\n\t\t) {\r\n\t\t\tnewCommands.push({ type: 'Delete', buttonOption: { iconCss: 'fa fa-trash' } });\r\n\t\t}\r\n\t\tif(this.props.entity === \"eiac\"){\r\n\t\t\tnewCommands = []\r\n\t\t\tnewCommands.push({type: 'Load', buttonOption: {iconCss: 'fa fa-upload'}})\r\n\t\t}\r\n\t\treturn newCommands;\r\n\t};\r\n\r\n\tcommandClick = (event) => {\r\n\t\tif (event.commandColumn.type === 'View') {\r\n\t\t\tthis.props.onClickView(event.rowData);\r\n\t\t} else if (event.commandColumn.type === 'Edit') {\r\n\t\t\tthis.props.onClickEdit(event.rowData);\r\n\t\t} else if (event.commandColumn.type === \"Load\") {\r\n\t\t\tthis.props.onLoadClick(event.rowData);\r\n\t\t} else if (event.commandColumn.type === \"Download\") {\r\n\t\t\tthis.props.onDownloadClick(event.rowData);\r\n\t\t} else {\r\n\t\t\tthis.props.onClickDelete(event.rowData);\r\n\t\t}\r\n\t};\r\n\r\n\tonClickAdd = () => {\r\n\t\tthis.props.onClickAdd();\r\n\t};\r\n\r\n\tcheckRenderFilter = () => {\r\n\t\tif (this.props.renderFilter) {\r\n\t\t\treturn \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.createInputs()}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tLimpiar Filtros\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.filter(this.state.form)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tAplicar Filtros\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst CustomGridWithTranslation = withTranslation()(CustomGrid);\r\n\r\nexport default connect(mapStateToProps, {})(CustomGridWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getProductsParams } from './ProductsCalls';\r\nimport PopUpProduct from './PopUpProduct';\r\nimport CustomGrid from '../../../../shared/CustomGrid';\r\nimport './ProductsGrid';\r\n\r\nexport class ProductsGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproducts: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterProducts: {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tActiveProducts: true,\r\n\t\t\t\tProductModules: false,\r\n\t\t\t\tProductName: '',\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t\tIsAscending: null,\r\n\t\t\t\tColumnOrderName: ''\r\n\t\t\t},\r\n\t\t\tproductsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'productName',\r\n\t\t\t\t\theaderText: 'Nombre',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'alias',\r\n\t\t\t\t\theaderText: 'Alias',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'description',\r\n\t\t\t\t\theaderText: 'Descripcion',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'creationDate',\r\n\t\t\t\t\theaderText: 'Fecha de Creación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'scopeName',\r\n\t\t\t\t\theaderText: 'Ámbito',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'branchName',\r\n\t\t\t\t\theaderText: 'Rama',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'companyName',\r\n\t\t\t\t\theaderText: 'Compañia',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'durationName',\r\n\t\t\t\t\theaderText: 'Duración',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'statusName',\r\n\t\t\t\t\theaderText: 'Estado',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getProducts(this.state.filterProducts);\r\n\t};\r\n\r\n\tsetFilterProducts = (filterProducts) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterProducts: filterProducts\r\n\t\t});\r\n\t\tthis.getProducts(filterProducts);\r\n\t};\r\n\r\n\tgetProducts = (filterProducts) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getProductsParams(filterProducts, this.setProductsState));\r\n\t};\r\n\r\n\tsetProductsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tproducts: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tonClickAdd = () => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Añadir Producto',\r\n\t\t\tactionSubmit: 'ADD',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{this.props.addButton ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t{this.props.GridTitle}
\r\n\t\t\t\t{this.checkRenderFilter()}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.addMultiSelect ? \r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t{this.props.addComandColum ? (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst ProductsGridFromHistory = withRouter(ProductsGrid);\r\nconst ProductsGridWithTranslation = withTranslation()(ProductsGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(ProductsGridWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ProductsGrid from './ProductsGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Products';\r\n\r\nexport class Products extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst ProductsFromHistory = withRouter(Products);\r\nconst ProductsWithTranslation = withTranslation()(ProductsFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(ProductsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { StyledButton } from '../../../../../shared/StyledButton/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline/StyledButtonOutline';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport CustomGrid from '../../../../../shared/CustomGrid/CustomGrid';\r\nimport {\r\n\tgetProductModulesToAssignParams,\r\n\tgetProductModuleByIdParams,\r\n\tpostProductsToAsignParams\r\n} from './PopUpAssignProductModulesCalls/PopUpAssignProductModules';\r\nimport './PopUpAssignProductModules.css';\r\n\r\nexport class PopUpAssignProductModules extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproductModules: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tproductModuleById: {},\r\n\t\t\tproductsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'id',\r\n\t\t\t\t\tvisible: false,\r\n\t\t\t\t\theaderText: 'Id',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'productName',\r\n\t\t\t\t\theaderText: 'Nombre',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'alias',\r\n\t\t\t\t\theaderText: 'Alias',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'description',\r\n\t\t\t\t\theaderText: 'Descripción',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tsaveGetSelectedFunction = (func) => {\r\n\t\tthis.exportedGetSelectedFunction = func;\r\n\t};\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getProductModuleById();\r\n\t};\r\n\r\n\tgetProductModuleById = () => {\r\n\t\tconst { startRequest, ProductModuleId } = this.props;\r\n\t\tstartRequest(getProductModuleByIdParams(ProductModuleId, this.setProductModuleById));\r\n\t};\r\n\r\n\tsetProductModuleById = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tproductModuleById: response\r\n\t\t});\r\n\t\tthis.getProductModules();\r\n\t};\r\n\r\n\tgetProductModules = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tlet params = {\r\n\t\t\tCount: 1000\r\n\t\t};\r\n\t\tstartRequest(getProductModulesToAssignParams(params, this.setProductModulesState));\r\n\t};\r\n\r\n\tsetProductModulesState = (response) => {\r\n\t\tconst { productModuleById } = this.state;\r\n\t\tif (Array.isArray(response.list)) {\r\n\t\t\tresponse.list.forEach((product) => {\r\n\t\t\t\tproduct.enabled = false;\r\n\t\t\t\tif (Array.isArray(productModuleById.productModules)) {\r\n\t\t\t\t\tproductModuleById.productModules.forEach((element) => {\r\n\t\t\t\t\t\tif (parseInt(product.id) === parseInt(element.id)) {\r\n\t\t\t\t\t\t\tproduct.enabled = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tproductModules: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnSubmit = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tlet idSelected;\r\n\t\tif (this.exportedGetSelectedFunction) {\r\n\t\t\tidSelected = this.exportedGetSelectedFunction();\r\n\t\t\tlet obj = {\r\n\t\t\t\tproductModuleId: this.state.productModuleById.id,\r\n\t\t\t\tproductId: idSelected\r\n\t\t\t};\r\n\t\t\tstartRequest(postProductsToAsignParams(obj, this.mySubmitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tmySubmitSuccess = (response) => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t\ttoastDone('Se han guardado los cambios correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tCatalogo
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpAssignProductModulesWithTranslation = withTranslation()(PopUpAssignProductModules);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpAssignProductModulesWithTranslation);\r\n","const getProductModulesToAssignParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\tendpoint: '/api/Products',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductModuleByIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/ProductModules/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postProductsToAsignParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Products/SaveProductModules',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getProductModulesToAssignParams, getProductModuleByIdParams, postProductsToAsignParams };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getProductModulesParams } from './ProductsCalls';\r\nimport PopUpAssignProductModules from './PopUpAssignProductModules/PopUpAssignProductModules';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport './ProductModulesGrid';\r\n\r\nexport class ProductModulesGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproducts: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterProducts: {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tActiveProducts: true,\r\n\t\t\t\tProductName: '',\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t\tIsAscending: null,\r\n\t\t\t\tColumnOrderName: ''\r\n\t\t\t},\r\n\t\t\tproductsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'name',\r\n\t\t\t\t\theaderText: 'Nombre',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'alias',\r\n\t\t\t\t\theaderText: 'Alias',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getProducts(this.state.filterProducts);\r\n\t};\r\n\r\n\tsetFilterProducts = (filterProducts) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterProducts: filterProducts\r\n\t\t});\r\n\t\tthis.getProducts(filterProducts);\r\n\t};\r\n\r\n\tgetProducts = (filterProducts) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getProductModulesParams(filterProducts, this.setProductsState));\r\n\t};\r\n\r\n\tsetProductsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tproducts: {\r\n\t\t\t\t// items: response.list,\r\n\t\t\t\t// count: response.count\r\n\t\t\t\titems: response,\r\n\t\t\t\tcount: response.length\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tonClickAdd = () => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Añadir Producto',\r\n\t\t\tactionSubmit: 'ADD'\r\n\t\t\t/*body: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tGuardar Cambios\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst ProductModulesGridFromHistory = withRouter(ProductModulesGrid);\r\nconst ProductModulesGridWithTranslation = withTranslation()(ProductModulesGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(ProductModulesGridWithTranslation);\r\n","const getProductModulesParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/GetNotAvailableProductsToPricing',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductModulesIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/AdditionalDetail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postProductParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Products',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putProductParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Products/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductByIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductList = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\thideSpinner: true,\r\n\t\tendpoint: '/api/Products/ProductList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getScopeList = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\thideSpinner: true,\r\n\t\tendpoint: '/api/Products/ScopeList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetProductModulesIdParams,\r\n\tgetProductModulesParams,\r\n\tpostProductParams,\r\n\tputProductParams,\r\n\tgetProductByIdParams,\r\n\tgetProductList,\r\n\tgetScopeList\r\n};\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ProductModulesGrid from './ProductModulesGrid/ProductModulesGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './ProductModules';\r\n\r\nexport class ProductModules extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst ProductModulesFromHistory = withRouter(ProductModules);\r\nconst ProductModulesWithTranslation = withTranslation()(ProductModulesFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(ProductModulesWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone, toastError } from '../../../../../services/toasters';\r\nimport CustomForm from '../../../../../shared/CustomForm';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport { getFormElements } from '../FormElements/formElements';\r\nimport { getUserByIdParams, getAllowedRolesParams, putUserParams, postUserParams } from '../UsersCalls/UsersCalls';\r\n\r\nimport './PopUpUser.css';\r\n\r\nexport class PopUpUser extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tuserById: {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: '',\r\n\t\t\t\tfirstSurName: '',\r\n\t\t\t\tsecondSurName: '',\r\n\t\t\t\temail: '',\r\n\t\t\t\talias: '',\r\n\t\t\t\tprofiles: []\r\n\t\t\t},\r\n\t\t\thierarchyData: '',\r\n\t\t\tallowedRoles: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getAllowedRoles();\r\n\t};\r\n\r\n\tgetAllowedRoles = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getAllowedRolesParams(this.props.UserId, this.setAllowedRoles));\r\n\t};\r\n\r\n\tsetAllowedRoles = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tallowedRoles: response\r\n\t\t});\r\n\t\tif (this.props.UserId !== 0) {\r\n\t\t\tthis.getUserById();\r\n\t\t}\r\n\t};\r\n\r\n\tgetUserById = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getUserByIdParams(this.props.UserId, this.setUserById));\r\n\t};\r\n\r\n\tsetUserById = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tuserById: response\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { userById, allowedRoles } = this.state;\r\n\t\tuserById.allowedRoles = allowedRoles;\r\n\t\tlet formElements = getFormElements(userById);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tif (value === 'true' || value === 'false') {\r\n\t\t\t\tvalue = value === 'true';\r\n\t\t\t} else {\r\n\t\t\t\tvalue = parseInt(value);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (event.currentTarget.id === 'profiles') {\r\n\t\t\tvalue = event.currentTarget.profiles;\r\n\t\t}\r\n\t\tconst name = target.id === '' ? event.currentTarget.id : target.id;\r\n\t\tlet newForm = this.state.userById;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tuserById: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = () => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst { userById } = this.state;\r\n\t\tconst data = userById;\r\n\t\tif (data.profiles.length > 0) {\r\n\t\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\t\tstartRequest(putUserParams(data, this.submitSuccess));\r\n\t\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\t\tstartRequest(postUserParams(data, this.submitSuccess));\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tconst { closeModal, HandleRefresh } = this.props;\r\n\t\tcloseModal();\r\n\t\tHandleRefresh();\r\n\t\ttoastDone('Cambios Guardados');\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tProductos modulos
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpUserWithTranslation = withTranslation()(PopUpUser);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone,\r\n\ttoastError\r\n})(PopUpUserWithTranslation);\r\n","const getAllowedRolesParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/UserManagement/GetAllowedProfilesToCreate',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getUsersParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/UserManagement',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getUserByIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/UserManagement/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putUserParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/UserManagement/',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postUserParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/UserManagement/',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteUserParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tendpoint: '/api/UserManagement/'+ id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst disableUserParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/UserManagement/DisableUser/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\nexport {\r\n\tgetUsersParams,\r\n\tgetUserByIdParams,\r\n\tputUserParams,\r\n\tpostUserParams,\r\n\tgetAllowedRolesParams,\r\n\tdeleteUserParams,\r\n\tdisableUserParams\r\n};\r\n","const getFormElements = (data) => {\r\n\tlet formElementsGroup = [\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Email',\r\n\t\t\tvalue: data.email,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'isActive',\r\n\t\t\tname: 'isActive',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Estado',\r\n\t\t\toptions: [ { value: 'true', name: 'Alta' }, { value: 'false', name: 'Baja' } ],\r\n\t\t\tvalue: data.isActive\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'name',\r\n\t\t\tname: 'name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre',\r\n\t\t\tvalue: data.name,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'firstSurName',\r\n\t\t\tname: 'firstSurName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Apellido',\r\n\t\t\tvalue: data.firstSurName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'secondSurName',\r\n\t\t\tname: 'secondSurName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Segundo Apellido',\r\n\t\t\tvalue: data.secondSurName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'profiles',\r\n\t\t\tname: 'profiles',\r\n\t\t\ttype: 'rolescontrol',\r\n\t\t\tplaceholder: 'Roles Permitidos',\r\n\t\t\tallowedRoles: data.allowedRoles,\r\n\t\t\tprofiles: data.profiles,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\r\n\tif (data.alias !== '') {\r\n\t\tformElementsGroup.splice(2, 0, {\r\n\t\t\tid: 'alias',\r\n\t\t\tname: 'alias',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Alias',\r\n\t\t\tvalue: data.alias,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: true\r\n\t\t});\r\n\t}\r\n\r\n\treturn formElementsGroup;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport { deleteUserParams, disableUserParams } from '../UsersCalls/UsersCalls';\r\n\r\nimport './PopUpUserDelete.css';\r\n\r\nexport class PopUpUserDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tmyCancel = () => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t};\r\n\r\n\tmySubmit = () => {\r\n\t\tconst { actionSubmit, UserId } = this.props;\r\n\t\tconst { startRequest } = this.props;\r\n\r\n\t\tif (actionSubmit === 'DELETE') {\r\n\t\t\tstartRequest(deleteUserParams(UserId, this.onDeleteSuccess));\r\n\t\t} else if (actionSubmit === 'DISABLE') {\r\n\t\t\tstartRequest(disableUserParams(UserId, this.onDisableSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tonDeleteSuccess = () => {\r\n\t\tconst { closeModal, HandleRefresh } = this.props;\r\n\t\tcloseModal();\r\n\t\tHandleRefresh();\r\n\t\ttoastDone('Se ha eliminado correctamente');\r\n\t};\r\n\r\n\tonDisableSuccess = () => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t\ttoastDone('Se ha deshabilitado correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { actionSubmit } = this.props;\r\n\t\tlet myAction, myText;\r\n\t\tif (actionSubmit === 'DELETE') {\r\n\t\t\tmyAction = 'ELIMINAR';\r\n\t\t\tmyText = '¿Estás seguro que deseas eliminar este usuario?';\r\n\t\t} else if (actionSubmit === 'DISABLE') {\r\n\t\t\tmyAction = 'DESHABILITAR';\r\n\t\t\tmyText = '¿Estás seguro que deseas deshabilitar este usuario?';\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpUserDeleteWithTranslation = withTranslation()(PopUpUserDelete);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpUserDeleteWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport PopUpUser from './PopUpUser';\r\nimport PopUpUserDelete from './PopUpUserDelete';\r\nimport { getUsersParams } from './UsersCalls';\r\n\r\nimport './UsersGrid';\r\n\r\nexport class UsersGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tusers: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10,\r\n\t\t\t\tcanDelete: false\r\n\t\t\t},\r\n\t\t\tuserById: [],\r\n\t\t\tfilterUsers: {\r\n\t\t\t\tcurrentPage: 1,\r\n\t\t\t\tName: '',\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t\tIsAscending: null,\r\n\t\t\t\tColumnOrderName: ''\r\n\t\t\t},\r\n\t\t\tusersColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'name',\r\n\t\t\t\t\theaderText: 'Nombre',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'alias',\r\n\t\t\t\t\theaderText: 'Alias',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'email',\r\n\t\t\t\t\theaderText: 'Email',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'profileType',\r\n\t\t\t\t\theaderText: 'Rol',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'creationDate',\r\n\t\t\t\t\theaderText: 'Fecha de Cración',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'status',\r\n\t\t\t\t\theaderText: 'Estado',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\r\n\t\tthis.groupOptions = {\r\n\t\t\tshowDropArea: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getUsers(this.state.filterUsers);\r\n\t};\r\n\r\n\trefreshUsers = () => {\r\n\t\tthis.getUsers(this.state.filterUsers);\r\n\t};\r\n\r\n\tsetFilterUsers = (filterUsers) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterUsers: filterUsers\r\n\t\t});\r\n\t\tthis.getUsers(filterUsers);\r\n\t};\r\n\r\n\tgetUsers = (filterUsers) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getUsersParams(filterUsers, this.setUsersState));\r\n\t};\r\n\r\n\tsetUsersState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tusers: {\r\n\t\t\t\titems: response.userManagerLists,\r\n\t\t\t\tcount: response.count,\r\n\t\t\t\tcanDelete: response.canDelete\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { openModal, closeModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Editar Usuario',\r\n\t\t\tactionSubmit: 'EDIT',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{myText}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCANCELAR\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{myAction}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst UsersGridFromHistory = withRouter(UsersGrid);\r\nconst UsersGridWithTranslation = withTranslation()(UsersGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(UsersGridWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport UsersGrid from './UsersGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Users';\r\n\r\nexport class Users extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst UsersFromHistory = withRouter(Users);\r\nconst UsersWithTranslation = withTranslation()(UsersFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(UsersWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { StyledButton } from '../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../shared/StyledButtonOutline';\r\nimport { GenericElementConstructor } from '../../common/utils/genericElementConstructor';\r\n\r\nexport class CardForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\teditMode: false,\r\n\t\t\tchanges: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { exportCancelModeFunction } = this.props;\r\n\t\tif (exportCancelModeFunction) {\r\n\t\t\texportCancelModeFunction(this.cancelMode);\r\n\t\t}\r\n\t};\r\n\r\n\tmyHandleInputChange = (e) => {\r\n\t\tconst { handleInputChange } = this.props;\r\n\t\thandleInputChange(e);\r\n\t\tthis.setState({\r\n\t\t\tchanges: true\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleSubmit = (e) => {\r\n\t\te.preventDefault();\r\n\t\tconst { HandleSubmit } = this.props;\r\n\t\tHandleSubmit(e);\r\n\t\tthis.setState({\r\n\t\t\tchanges: false,\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\trenderElements = () => {\r\n\t\tconst { editMode } = this.state;\r\n\t\tconst handleInputChange = this.myHandleInputChange;\r\n\t\tlet elementsToRender = [];\r\n\t\tconst options = {\r\n\t\t\teditMode\r\n\t\t};\r\n\r\n\t\tthis.props.formElements.forEach(function(formElement, i) {\r\n\t\t\tconst element = GenericElementConstructor(formElement, handleInputChange, options);\r\n\t\t\telementsToRender.push(\r\n\t\t\t\tMis Usuarios
\r\n\t\t\t\t\r\n\t\t\t\t\t{formElement.hidden ? (\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn elementsToRender;\r\n\t};\r\n\r\n\tchangeMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: true\r\n\t\t});\r\n\t};\r\n\r\n\tcancelMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteMode = () => {\r\n\t\tthis.props.onDelete();\r\n\t};\r\n\r\n\trenderHasChanges = () => {\r\n\t\treturn {element}
\r\n\t\t\t\tHay cambios sin guardar.
;\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { editMode } = this.state;\r\n\t\tconst { HideEdit, HideDelete } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst CardFormFromHistory = withRouter(CardForm);\r\n\r\nexport default connect(mapStateToProps, {})(CardFormFromHistory);\r\n","const getHierarchyParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/RaccHierarchy',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getProductsToAsignParams = (hierarcyId, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Products/GetProductsToAssign/' + hierarcyId,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getHierarchyByIdParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/RaccHierarchy/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putHierarchyByIdParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tdata,\r\n\t\tendpoint: '/api/RaccHierarchy/' + data.type,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t},\r\n\t\tonError: (error) => {}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postHierarchyByIdParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/RaccHierarchy/' + data.type,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t},\r\n\t\tonError: (error) => {}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postProductsToAsignParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Products/SaveProductHierarchy',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst canDeleteHierarchyByIdParams = (data, funcSucc, funcError) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/RaccHierarchy/CanDelete' + data.type + '/' + data.id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(data);\r\n\t\t},\r\n\t\tonError: (error) => {\r\n\t\t\tfuncError(error.data.errors);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteHierarchyByIdParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tendpoint: '/api/RaccHierarchy/' + data.type + '/' + data.id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc();\r\n\t\t},\r\n\t\tonError: (error) => {}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetHierarchyParams,\r\n\tgetProductsToAsignParams,\r\n\tgetHierarchyByIdParams,\r\n\tputHierarchyByIdParams,\r\n\tpostHierarchyByIdParams,\r\n\tpostProductsToAsignParams,\r\n\tcanDeleteHierarchyByIdParams,\r\n\tdeleteHierarchyByIdParams\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport TreeItem from '@material-ui/lab/TreeItem';\r\nimport TreeView from '@material-ui/lab/TreeView';\r\nimport {\r\n\tfaChevronDown,\r\n\tfaTasks,\r\n\tfaChevronUp,\r\n\tfaTruck,\r\n\tfaStore,\r\n\tfaSitemap,\r\n\tfaEye\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport Select from '../../../../shared/Select';\r\nimport './HierarchyTreeView';\r\n\r\nexport class HierarchyTreeView extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tnodeSelected: '',\r\n\t\t\tfilterParams: {\r\n\t\t\t\ttextSearch: '',\r\n\t\t\t\tsearchType: '',\r\n\t\t\t\tsearchTypeText: '',\r\n\t\t\t\tsearchTypeSelected: ''\r\n\t\t\t},\r\n\t\t\ttreeItemsFiltered: []\r\n\t\t};\r\n\t}\r\n\r\n\trenderTree = (nodes) => {\r\n\t\tlet nodesToRender = [];\r\n\t\tif (nodes) {\r\n\t\t\tif (Array.isArray(nodes)) {\r\n\t\t\t\tnodes.forEach((nodeElement) => {\r\n\t\t\t\t\tnodesToRender.push(this.renderTreeItem(nodeElement));\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tnodesToRender.push(this.renderTreeItem(nodes));\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn nodesToRender;\r\n\t};\r\n\r\n\trenderTreeItem = (node) => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.title}
\r\n\t\t\t\t\t\t\t{this.props.subtitle}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.renderHasChanges()}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t\treturn html;\r\n\t\t}\r\n\t};\r\n\r\n\tasignProduct = (id) => {\r\n\t\tconst { AsignProductFunc } = this.props;\r\n\t\tif (AsignProductFunc) {\r\n\t\t\tAsignProductFunc(id);\r\n\t\t}\r\n\t};\r\n\r\n\trenderHeaderTreeItem = (node) => {\r\n\t\tlet icon;\r\n\t\tif (node.type === 'Distributor') {\r\n\t\t\ticon = \r\n\t\t\t\t\t\t this.newHierarchyForm('SalesPointGroup')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t this.newHierarchyForm('SalesPoint')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{icon}\r\n\t\t\t\t{node.name}\r\n\t\t\t\t
\r\n\t\t) : (\r\n\t\t\t\r\n\t\t\t\t\t this.onNodeSelect(node.id)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t this.asignProduct(node.id)} />\r\n\t\t\t\t
\r\n\t\t\t this.onNodeSelect(node.id)}>\r\n\t\t\t\t{icon}\r\n\t\t\t\t{node.name}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tonNodeSelect = (value) => {\r\n\t\tif (this.props.nodeSelectFunc) {\r\n\t\t\tthis.props.nodeSelectFunc(value);\r\n\t\t}\r\n\t};\r\n\r\n\tonSearch = (event) => {\r\n\t\tconst { TreeViewFields } = this.props;\r\n\t\tconst { filterParams } = this.state;\r\n\t\tlet newfilterParams = filterParams;\r\n\r\n\t\tconst target = event.target;\r\n\r\n\t\tlet selectSearchValues;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tselectSearchValues = this.onTypeChange(target);\r\n\t\t\tnewfilterParams.searchType = selectSearchValues.searchType;\r\n\t\t\tnewfilterParams.searchTypeSelected = selectSearchValues.searchTypeSelected;\r\n\t\t\tnewfilterParams.searchTypeText = selectSearchValues.searchTypeText;\r\n\t\t} else {\r\n\t\t\tnewfilterParams.textSearch = target.value;\r\n\t\t}\r\n\t\tlet newTree = [];\r\n\t\tthis.searchOnTree(newfilterParams, TreeViewFields, newTree);\r\n\t\tthis.setState({\r\n\t\t\tfilterParams: newfilterParams,\r\n\t\t\ttreeItemsFiltered: newTree\r\n\t\t});\r\n\t};\r\n\r\n\tonTypeChange = (target) => {\r\n\t\tlet value = parseInt(target.value);\r\n\t\tlet type = '';\r\n\t\tlet typeText = '';\r\n\t\tif (value !== 0) {\r\n\t\t\tif (value === 1) {\r\n\t\t\t\ttype = 'Distributor';\r\n\t\t\t} else if (value === 2) {\r\n\t\t\t\ttype = 'SalesPointGroup';\r\n\t\t\t} else if (value === 3) {\r\n\t\t\t\ttype = 'SalesPoint';\r\n\t\t\t}\r\n\t\t\ttypeText = target.selectedOptions[0].text;\r\n\t\t}\r\n\r\n\t\tconst searchValues = {\r\n\t\t\tsearchType: type,\r\n\t\t\tsearchTypeText: typeText,\r\n\t\t\tsearchTypeSelected: target.value\r\n\t\t};\r\n\r\n\t\treturn searchValues;\r\n\t};\r\n\r\n\tsearchOnTree = (searchParams, treeItems, itemsFound) => {\r\n\t\tif (Array.isArray(treeItems)) {\r\n\t\t\ttreeItems.forEach((treeItem) => {\r\n\t\t\t\tthis.compareItemWithSearchText(searchParams, treeItem, itemsFound);\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tcompareItemWithSearchText = (searchParams, treeItem, itemsFound) => {\r\n\t\tif (\r\n\t\t\t(searchParams.searchType === '' || treeItem.type === searchParams.searchType) &&\r\n\t\t\ttreeItem.name.toLowerCase().includes(searchParams.textSearch.toLowerCase())\r\n\t\t) {\r\n\t\t\titemsFound.push(treeItem);\r\n\t\t} else if (Array.isArray(treeItem.children) && treeItem.children.length > 0) {\r\n\t\t\ttreeItem.children.map((node) => {\r\n\t\t\t\treturn this.compareItemWithSearchText(searchParams, node, itemsFound);\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.props.searcher ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst HierarchyTreeViewWithTranslation = withTranslation()(HierarchyTreeView);\r\n\r\nexport default connect(mapStateToProps, {})(HierarchyTreeViewWithTranslation);\r\n","const getFormElements = (hierarchyForm, action) => {\r\n\tlet statusOptions = [ { id: true, name: 'Alta' } ];\r\n\tif (action !== 'ADD') {\r\n\t\tstatusOptions.push({ id: false, name: 'Baja' });\r\n\t}\r\n\tlet formElementsDistributor = [\r\n\t\t{\r\n\t\t\tid: 'name',\r\n\t\t\tname: 'name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre',\r\n\t\t\tvalue: hierarchyForm.name,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'email',\r\n\t\t\tplaceholder: 'Email',\r\n\t\t\tvalue: hierarchyForm.email,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'nif',\r\n\t\t\tname: 'nif',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'NIF',\r\n\t\t\tvalue: hierarchyForm.nif,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone',\r\n\t\t\tname: 'phone',\r\n\t\t\ttype: 'phone',\r\n\t\t\tplaceholder: 'Teléfono',\r\n\t\t\tvalue: hierarchyForm.phone,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'address',\r\n\t\t\tname: 'address',\r\n\t\t\ttype: 'autoCompleteCercalia',\r\n\t\t\tplaceholder: 'Dirección',\r\n\t\t\tvalue: hierarchyForm.address,\r\n\t\t\taddressInfo: {\r\n\t\t\t\tid: hierarchyForm.cercaliaId,\r\n\t\t\t\tpostCode: hierarchyForm.postCode,\r\n\t\t\t\tstreetId: hierarchyForm.streetId,\r\n\t\t\t\tstreetNumber: hierarchyForm.streetNumber,\r\n\t\t\t\tcityId: hierarchyForm.cityId,\r\n\t\t\t\tmunicipalityId: hierarchyForm.municipalityId,\r\n\t\t\t\tstateId: hierarchyForm.stateId,\r\n\t\t\t\tcomunityId: hierarchyForm.comunityId,\r\n\t\t\t\tcountryId: hierarchyForm.countryId\r\n\t\t\t},\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'otherDirection',\r\n\t\t\tname: 'otherDirection',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Resto Dirección',\r\n\t\t\tlabelText: 'Resto Dirección',\r\n\t\t\tvalue: hierarchyForm.otherDirection,\r\n\t\t\trequired: false\r\n\t\t}\r\n\t];\r\n\tlet formElementsGroup = [\r\n\t\t{\r\n\t\t\tid: 'name',\r\n\t\t\tname: 'name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre',\r\n\t\t\tvalue: hierarchyForm.name,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'fatherId',\r\n\t\t\tname: 'fatherId',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Superior',\r\n\t\t\tvalue: hierarchyForm.fatherId,\r\n\t\t\toptions: hierarchyForm.hierarchy,\r\n\t\t\treadonly: false\r\n\t\t}\r\n\t];\r\n\tlet formElementsSalesPoint = [\r\n\t\t{\r\n\t\t\tid: 'name',\r\n\t\t\tname: 'name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre',\r\n\t\t\tvalue: hierarchyForm.name,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'raccChannel',\r\n\t\t\tname: 'raccChannel',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Código RACC',\r\n\t\t\tvalue: hierarchyForm.raccChannel,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'nif',\r\n\t\t\tname: 'nif',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'NIF',\r\n\t\t\tvalue: hierarchyForm.nif,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone',\r\n\t\t\tname: 'phone',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Teléfono',\r\n\t\t\tvalue: hierarchyForm.phone,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'email',\r\n\t\t\tplaceholder: 'Email',\r\n\t\t\tvalue: hierarchyForm.email,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'timeTable',\r\n\t\t\tname: 'timeTable',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Horario de Apertura',\r\n\t\t\tvalue: hierarchyForm.timeTable,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'fatherId',\r\n\t\t\tname: 'fatherId',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Superior',\r\n\t\t\tvalue: hierarchyForm.fatherId,\r\n\t\t\toptions: hierarchyForm.hierarchy,\r\n\t\t\treadonly: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'address',\r\n\t\t\tname: 'address',\r\n\t\t\ttype: 'autoCompleteCercalia',\r\n\t\t\tplaceholder: 'Dirección',\r\n\t\t\tvalue: hierarchyForm.address,\r\n\t\t\taddressInfo: {\r\n\t\t\t\tid: hierarchyForm.cercaliaId,\r\n\t\t\t\tpostCode: hierarchyForm.postCode,\r\n\t\t\t\tstreetId: hierarchyForm.streetId,\r\n\t\t\t\tstreetNumber: hierarchyForm.streetNumber,\r\n\t\t\t\tcityId: hierarchyForm.cityId,\r\n\t\t\t\tmunicipalityId: hierarchyForm.municipalityId,\r\n\t\t\t\tstateId: hierarchyForm.stateId,\r\n\t\t\t\tcomunityId: hierarchyForm.comunityId,\r\n\t\t\t\tcountryId: hierarchyForm.countryId\r\n\t\t\t},\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'otherDirection',\r\n\t\t\tname: 'otherDirection',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Resto Dirección',\r\n\t\t\tlabelText: 'Resto Dirección',\r\n\t\t\tvalue: hierarchyForm.otherDirection,\r\n\t\t\trequired: false\r\n\t\t}\r\n\t];\r\n\r\n\tlet elements;\r\n\tswitch (hierarchyForm.type) {\r\n\t\tcase 'Distributor':\r\n\t\t\telements = formElementsDistributor;\r\n\t\t\tbreak;\r\n\t\tcase 'SalesPoint':\r\n\t\t\telements = formElementsSalesPoint;\r\n\t\t\tbreak;\r\n\t\tcase 'SalesPointGroup':\r\n\t\t\telements = formElementsGroup;\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\telements = formElementsGroup;\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\tif (action !== 'ADD') {\r\n\t\telements.push(\r\n\t\t\t{\r\n\t\t\t\tid: 'status',\r\n\t\t\t\tname: 'status',\r\n\t\t\t\ttype: 'select',\r\n\t\t\t\tplaceholder: 'Estado',\r\n\t\t\t\tvalue: hierarchyForm.status,\r\n\t\t\t\toptions: statusOptions,\r\n\t\t\t\treadonly: false\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'creationDate',\r\n\t\t\t\tname: 'creationDate',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tplaceholder: 'Fecha de Creación',\r\n\t\t\t\tvalue: hierarchyForm.creationDate ? hierarchyForm.creationDate : '-',\r\n\t\t\t\trequired: false,\r\n\t\t\t\treadonly: true\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'updateDate',\r\n\t\t\t\tname: 'updateDate',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tplaceholder: 'Última Actualización',\r\n\t\t\t\tvalue: hierarchyForm.updateDate ? hierarchyForm.updateDate : '-',\r\n\t\t\t\trequired: false,\r\n\t\t\t\treadonly: true\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\treturn elements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport './PopUpDelete.css';\r\n\r\nexport default class PopUpDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t) : (\r\n\t\t\t\t\t''\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t this.props.newHierarchyForm('Distributor')}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tResultados\r\n\t\t\t\t\t\t{this.state.filterParams.textSearch !== '' ? ' de ' + this.state.filterParams.textSearch : ''}\r\n\t\t\t\t\t\t{this.state.filterParams.searchTypeText !== '' ? (\r\n\t\t\t\t\t\t\t' para ' + this.state.filterParams.searchTypeText\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { StyledButton } from '../../../../shared/StyledButton/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline/StyledButtonOutline';\r\n\r\nexport default class PopUpStatusChange extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tEstas seguro que quieres eliminar este {this.props.deleteType}?
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport './PopUpDeleteError.css';\r\n\r\nexport default class PopUpDeleteError extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst errors = this.props.errorMessages.map((error) => \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tEsta acción afecta a todos los elementos y usuarios que están por debajo de su\r\n\t\t\t\t\t\t\t\tjerarquía.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t¿Quieres continuar?
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.accept();\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.closePopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tAceptar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t- {error.errorMessageKey}
);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport { closeModal } from '../../../../actions/popup';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport CustomGrid from '../../../../shared/CustomGrid';\r\nimport { getProductsToAsignParams, postProductsToAsignParams } from '../HierarchyCalls/HierarchyCalls';\r\nimport './PopUpAsignProduct.css';\r\n\r\nexport class PopUpAsignProduct extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproducts: [],\r\n\t\t\tproductsResponse: false,\r\n\t\t\tproductsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'id',\r\n\t\t\t\t\tvisible: false,\r\n\t\t\t\t\theaderText: 'Id',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'productName',\r\n\t\t\t\t\theaderText: 'Nombre',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'alias',\r\n\t\t\t\t\theaderText: 'Alias',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'description',\r\n\t\t\t\t\theaderText: 'Descripción',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tsaveGetSelectedFunction = (func) => {\r\n\t\tthis.exportedGetSelectedFunction = func;\r\n\t};\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getProducts(this.state.filterProducts);\r\n\t};\r\n\r\n\tgetProducts = (filterProducts) => {\r\n\t\tconst { startRequest, hierarchyId } = this.props;\r\n\t\tstartRequest(getProductsToAsignParams(hierarchyId, this.setProductsState));\r\n\t};\r\n\r\n\tsetProductsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tproducts: {\r\n\t\t\t\titems: response,\r\n\t\t\t\tcount: 35\r\n\t\t\t},\r\n\t\t\tproductsResponse: true\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnSubmit = () => {\r\n\t\tconst { startRequest, hierarchyId } = this.props;\r\n\t\tlet idSelected;\r\n\t\tif (this.exportedGetSelectedFunction) {\r\n\t\t\tidSelected = this.exportedGetSelectedFunction();\r\n\t\t\tlet obj = {\r\n\t\t\t\tproductId: idSelected,\r\n\t\t\t\thierarchyId: hierarchyId\r\n\t\t\t};\r\n\r\n\t\t\tstartRequest(postProductsToAsignParams(obj, this.mySubmitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tmySubmitSuccess = (response) => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t\ttoastDone('Se han guardado los cambios correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{errors}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpAsignProductWithTranslation = withTranslation()(PopUpAsignProduct);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpAsignProductWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { putHierarchyByIdParams, postHierarchyByIdParams } from '../HierarchyCalls';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport CustomForm from '../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\n\r\nexport class PopUpAdd extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\thierarchyForm: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setState({\r\n\t\t\thierarchyForm: this.props.hierarchyForm\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { hierarchyForm } = this.state;\r\n\t\tlet formElements = getFormElements(hierarchyForm, 'ADD');\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tif (value === 'true' || value === 'false') {\r\n\t\t\t\tvalue = value === 'true';\r\n\t\t\t} else {\r\n\t\t\t\tvalue = parseInt(value);\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.hierarchyForm;\r\n\t\tnewForm[name] = value;\r\n\t\tif (target.type === 'autoCompleteCercalia') {\r\n\t\t\tlet addressInfo = target.info;\r\n\t\t\tObject.keys(addressInfo).map((data, key) => (newForm[Object.keys(addressInfo)[key]] = addressInfo[data]));\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\thierarchyForm: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst { hierarchyForm } = this.state;\r\n\t\tconst data = hierarchyForm;\r\n\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\tstartRequest(putHierarchyByIdParams(data, this.submitSuccess));\r\n\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\tstartRequest(postHierarchyByIdParams(data, this.submitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.getHierarchy();\r\n\t\tthis.props.closeModal();\r\n\t\ttoastDone('Cambios guardados'); //TODO fix\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tGuardar Cambios\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpAddWithTranslation = withTranslation()(PopUpAdd);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpAddWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { faStore, faSitemap } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport CardForm from '../../../shared/CardForm';\r\nimport { toastDone, toastInfo } from '../../../services/toasters';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport {\r\n\tgetHierarchyParams,\r\n\tgetHierarchyByIdParams,\r\n\tputHierarchyByIdParams,\r\n\tpostHierarchyByIdParams,\r\n\tdeleteHierarchyByIdParams,\r\n\tcanDeleteHierarchyByIdParams\r\n} from './HierarchyCalls';\r\nimport { GetActionsForPage, GetNameForPage } from '../../../common/utils/storageManager';\r\nimport HierarchyTreeView from './HierarchyTreeView';\r\nimport { getFormElements } from './FormElements/formElements';\r\nimport PopUpDelete from './PopUpDelete/PopUpDelete';\r\nimport PopUpStatusChange from './PopUpStatusChange';\r\nimport PopUpDeleteError from './PopUpDeleteError';\r\nimport PopUpAsignProduct from './PopUpAsignProduct';\r\nimport PopUpAdd from './PopUpAdd';\r\nimport './Hierarchy';\r\n\r\nexport class Hierarchy extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tactions: [],\r\n\t\t\thierarchyForm: {},\r\n\t\t\tmainFatherId: 0,\r\n\t\t\tnodeSelected: '',\r\n\t\t\tnodeSelectedName: '',\r\n\t\t\tnodeSelectedType: '',\r\n\t\t\tactionSubmit: '',\r\n\t\t\tstatusHasChanged: false,\r\n\t\t\thierarchyData: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.setActionsForPage();\r\n\t\tthis.getHierarchy();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tsetActionsForPage = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'CreateDistributor') {\r\n\t\t\t\t\tnewActions.CreateDistributor = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'CreateGroup') {\r\n\t\t\t\t\tnewActions.CreateGroup = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'CreateSalesPoint') {\r\n\t\t\t\t\tnewActions.CreateSalesPoint = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DisableGroup') {\r\n\t\t\t\t\tnewActions.DisableGroup = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DisableSalesPoint') {\r\n\t\t\t\t\tnewActions.DisableGroup = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DisableDistributor') {\r\n\t\t\t\t\tnewActions.DisableGroup = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DeleteDistributor') {\r\n\t\t\t\t\tnewActions.DeleteDistributor = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DeleteGroup') {\r\n\t\t\t\t\tnewActions.DeleteGroup = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'DeleteSalesPoint') {\r\n\t\t\t\t\tnewActions.DeleteSalesPoint = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'AssignProducts') {\r\n\t\t\t\t\tnewActions.AssignProducts = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t};\r\n\r\n\tnodeSelectFunc = (value) => {\r\n\t\tif (this.exportedCancelModeFunction) {\r\n\t\t\tthis.exportedCancelModeFunction();\r\n\t\t}\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getHierarchyByIdParams(value, this.setElementValues));\r\n\t};\r\n\r\n\tsetElementValues = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tnodeSelected: response.id,\r\n\t\t\tactionSubmit: 'EDIT',\r\n\t\t\tnodeSelectedName: response.name,\r\n\t\t\tnodeSelectedType: response.type,\r\n\t\t\thierarchyForm: response\r\n\t\t});\r\n\t};\r\n\r\n\tsaveCancelModeFunction = (func) => {\r\n\t\tthis.exportedCancelModeFunction = func;\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { hierarchyForm } = this.state;\r\n\t\tlet formElements = getFormElements(hierarchyForm);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst name = target.id;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tlet statusHasChanged = false;\r\n\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tif (value === 'true' || value === 'false') {\r\n\t\t\t\tvalue = value === 'true';\r\n\t\t\t} else {\r\n\t\t\t\tvalue = parseInt(value);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet newForm = this.state.hierarchyForm;\r\n\t\tnewForm[name] = value;\r\n\r\n\t\tif (target.type === 'autoCompleteCercalia') {\r\n\t\t\tlet addressInfo = target.info;\r\n\t\t\tObject.keys(addressInfo).map((data, key) => (newForm[Object.keys(addressInfo)[key]] = addressInfo[data]));\r\n\t\t}\r\n\r\n\t\tif (target.id === 'status') {\r\n\t\t\ttoastInfo(\r\n\t\t\t\t'Se ha modificado el estado.',\r\n\t\t\t\t'Esta acción afecta a todos los elementos y usuarios que están por debajo de su jerarquía.'\r\n\t\t\t);\r\n\t\t\tstatusHasChanged = true;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\thierarchyForm: newForm,\r\n\t\t\tstatusHasChanged: statusHasChanged\r\n\t\t});\r\n\t};\r\n\r\n\tgetHierarchy = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getHierarchyParams(this.setHierarchyState));\r\n\t};\r\n\r\n\tsetHierarchyState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\thierarchyData: response.raccHierarchy,\r\n\t\t\tmainFatherId: response.mainFatherId\r\n\t\t});\r\n\t};\r\n\r\n\tsetTitle = () => {\r\n\t\tconst { hierarchyForm, actionSubmit } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{actionSubmit === 'ADD' ?
\r\n\t\t);\r\n\t};\r\n\r\n\tsetSubTitle = () => {\r\n\t\treturn (\r\n\t\t\t{'Añadir nuevo ' + hierarchyForm.typeName}
: ''}\r\n\t\t\t\t{hierarchyForm.parentName === '' || actionSubmit === 'ADD' ? (\r\n\t\t\t\t\t''\r\n\t\t\t\t) : (\r\n\t\t\t\t\tSuperior: {hierarchyForm.parentName}
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tcanDelete = () => {\r\n\t\tif (this.state.hierarchyForm.type === 'Distributor' && this.state.actions.DeleteDistributor) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tif (this.state.hierarchyForm.type === 'SalesPoint' && this.state.actions.DeleteSalesPoint) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tif (this.state.hierarchyForm.type === 'SalesPointGroup' && this.state.actions.DeleteGroup) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn true;\r\n\t};\r\n\r\n\tcanDeleteFunc = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(canDeleteHierarchyByIdParams(this.state.hierarchyForm, this.onDelete, this.onDeleteError));\r\n\t};\r\n\r\n\tonDelete = (data) => {\r\n\t\tconst { openModal, closeModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Eliminar',\r\n\t\t\taction: 'Delete',\r\n\t\t\tbody: (\r\n\t\t\t\t{this.state.hierarchyForm.typeName}
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t this.newHierarchyForm('SalesPointGroup')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t this.newHierarchyForm('SalesPoint')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst HierarchyFromHistory = withRouter(Hierarchy);\r\nconst HierarchyWithTranslation = withTranslation()(HierarchyFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone,\r\n\ttoastInfo,\r\n\topenModal,\r\n\tcloseModal\r\n})(HierarchyWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../shared/StyledButton';\r\n\r\nimport './CustomCardDeck';\r\n\r\nexport class CustomCardDeck extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trenderImage = (element) => {\r\n\t\tconst { elementNaming } = this.props;\r\n\t\tif (element[elementNaming.image]) {\r\n\t\t\treturn (\r\n\t\t\t\tMis Puntos de Venta
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.state.hierarchyData !== '' ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderAddButton()}\r\n\t\t\t\t\t\t{this.state.nodeSelected !== '' || this.state.actionSubmit === 'ADD' ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tSelecciona un nodo del arbol.
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn htmlToRender;\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t{this.renderImage(element)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{element[elementNaming.title]}
\r\n\t\t\t\t\t\t\t\t{element[elementNaming.subtitle]}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.props.onClickView(element)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{this.props.textButton}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst CustomCardDeckFromHistory = withRouter(CustomCardDeck);\r\nconst CustomCardDeckWithTranslation = withTranslation()(CustomCardDeckFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(CustomCardDeckWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { GenericElementConstructor } from '../../../../common/utils/genericElementConstructor';\r\nimport { getBudgetPricingParams, getRePricingParams } from '../CatalogCalls/CatalogCalls';\r\nimport { getFormElements } from './FormElements/formElements';\r\nimport './PopUpIntermediatePricing.css';\r\n\r\nexport class PopUpIntermediatePricing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tintermediatePricing: {\r\n\t\t\t\tisTakerInsured: true,\r\n\t\t\t\tEffectDate: moment().format('DD/MM/YYYY'),\r\n\t\t\t\tEndDate: moment().format('DD/MM/YYYY'),\r\n\t\t\t\tScopeAlias: props.ambit.alias,\r\n\t\t\t\ttipoTarifa: props.ambit.tipoTarifa\r\n\t\t\t},\r\n\t\t\tdateFocused: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tif (this.props.hasOwnProperty('rePricingId')) {\r\n\t\t\tthis.loadData();\r\n\t\t}\r\n\t\tif (this.props.paymentCancel) {\r\n\t\t\tthis.setFormDataCancelPriceChange(this.props.budget);\r\n\t\t}\r\n\t};\r\n\r\n\tloadData = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getRePricingParams(this.props.rePricingId, this.setFormData));\r\n\t};\r\n\r\n\tsetFormData = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tintermediatePricing: {\r\n\t\t\t\t...this.state.intermediatePricing,\r\n\t\t\t\tClientName: response.clientName,\r\n\t\t\t\tSurName1: response.clientSurname1,\r\n\t\t\t\tSurName2: response.clientSurname2,\r\n\t\t\t\tScopeAlias: response.scopeAlias,\r\n\t\t\t\tCarRegistration: response.carRegistration,\r\n\t\t\t\tEffectDate: response.effectDate,\r\n\t\t\t\tEndDate: response.endDate,\r\n\t\t\t\ttipoTarifa: response.tipoTarifa,\r\n\t\t\t\tImporte: response.Importe,\r\n\t\t\t\tTakerNif: response.takerNIF.replace('-', ''),\r\n\t\t\t\tTakerBirthDate: response.takerBirthDate,\r\n\t\t\t\tInsuredNif: response.insuredNIF,\r\n\t\t\t\tInsuredBirthDate: response.insuredBirthDate,\r\n\t\t\t\tPostalCode: response.postalCode,\r\n\t\t\t\tisTakerInsured: response.isTakerInsured,\r\n\t\t\t\tRepricing: true,\r\n\t\t\t\tRePricingBudgetId: this.props.rePricingId\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormDataCancelPriceChange = (data) => {\r\n\t\tconsole.log(data)\r\n\t\tthis.setState({\r\n\t\t\tintermediatePricing: {\r\n\t\t\t\t...this.state.intermediatePricing,\r\n\t\t\t\tClientName: data.clientName,\r\n\t\t\t\tSurName1: data.clientSurname1,\r\n\t\t\t\tSurName2: data.clientSurname2,\r\n\t\t\t\tScopeAlias: data.scopeName,\r\n\t\t\t\tCarRegistration: data.carRegistration,\r\n\t\t\t\tEffectDate: data.effectiveDate,\r\n\t\t\t\tTakerNif: data.insured[0].nif,\r\n\t\t\t\tTakerBirthDate: data.birthdayDate,\r\n\t\t\t\tInsuredNif: data.isTakerInsured ? '' : data.insured[0].documentId,\r\n\t\t\t\tInsuredBirthDate: data.isTakerInsured ? '' : data.insured[0].birthdayDate,\r\n\t\t\t\tPostalCode: data.postalCode,\r\n\t\t\t\tisTakerInsured: data.isTakerInsured,\r\n\t\t\t\ttipoTarifa: data.tipoTarifa\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tsaveLoadFunction = (func) => {\r\n\t\tthis.exportedLoadFunction = func;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tlet newForm = this.state.intermediatePricing;\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tvalue = value;\r\n\t\t}\r\n\t\tif (target.type === 'checkbox' && value) {\r\n\t\t\tnewForm.InsuredNif = '';\r\n\t\t\tnewForm.InsuredBirthDate = '';\r\n\t\t}\r\n\t\tconst name = target.id;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tintermediatePricing: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleDateFocus = (isFocused, dateId) => {\r\n\t\tlet newDateFocused = this.state.dateFocused;\r\n\t\tnewDateFocused[dateId] = isFocused.focused;\r\n\t\tthis.setState({\r\n\t\t\tdateFocused: newDateFocused\r\n\t\t});\r\n\t};\r\n\r\n\trenderElements = () => {\r\n\t\tconst { intermediatePricing } = this.state;\r\n\t\tconst handleInputChange = this.myHandleInputChange;\r\n\r\n\t\tconst options = {\r\n\t\t\teditMode: true,\r\n\t\t\tdateFocused: this.state.dateFocused,\r\n\t\t\thandleDateFocus: this.myHandleDateFocus\r\n\t\t};\r\n\r\n\t\tlet elementsToRender = [];\r\n\t\tlet formElements = getFormElements(intermediatePricing, this.props.ambit);\r\n\t\tformElements.forEach(function(formElement, i) {\r\n\t\t\tconst element = GenericElementConstructor(formElement, handleInputChange, options);\r\n\t\t\telementsToRender.push(\r\n\t\t\t\t{this.renderElements()}
\r\n\t\t\t\r\n\t\t\t\t\t{formElement.hidden ? (\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn elementsToRender;\r\n\t};\r\n\r\n\tmySubmit = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst data = this.state.intermediatePricing;\r\n\t\tdata.ScopeName = this.props.ambit.name;\r\n\t\tstartRequest(getBudgetPricingParams(data, this.mySubmitSuccess));\r\n\t};\r\n\r\n\tmySubmitSuccess = (response) => {\r\n\t\tconst { history, closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t\thistory.push('/Catalog/Pricing/' + response.budgetId);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t{element}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpIntermediatePricingWithTranslation = withTranslation()(PopUpIntermediatePricing);\r\n\r\nexport default connect(mapStateToProps, {})(PopUpIntermediatePricingWithTranslation);\r\n","const getCatalogParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Catalog',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getDiscountParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\tendpoint: '/api/Budget/Discount',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getRePricingParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/RePricingDetail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getBudgetPricingParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/Pricing',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getBudgetProductsParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/PricingProducts/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getBudgetParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putBudget = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/Budget',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getDownloadPdfParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Budget/DownloadPDF/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putBudgetProducts = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/Budget/UpdateProduct',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetCatalogParams,\r\n\tgetDiscountParams,\r\n\tgetBudgetPricingParams,\r\n\tgetBudgetParams,\r\n\tputBudget,\r\n\tputBudgetProducts,\r\n\tgetRePricingParams,\r\n\tgetDownloadPdfParams,\r\n\tgetBudgetProductsParams\r\n};\r\n","const getFormElements = (data, ambit) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'TakerNif',\r\n\t\t\tname: 'TakerNif',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'NIF Tomador',\r\n\t\t\tvalue: data.TakerNif,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'TakerBirthDate',\r\n\t\t\tname: 'TakerBirthDate',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tappendToBody: false,\r\n\t\t\tplaceholder: 'Fecha de nacimiento',\r\n\t\t\tvalue: data.TakerBirthDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ClientName',\r\n\t\t\tname: 'ClientName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre del cliente',\r\n\t\t\tvalue: data.ClientName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'SurName1',\r\n\t\t\tname: 'SurName1',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Primer apellido del cliente',\r\n\t\t\tvalue: data.SurName1,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'SurName2',\r\n\t\t\tname: 'SurName2',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Segundo apellido del cliente',\r\n\t\t\tvalue: data.SurName2,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'EffectDate',\r\n\t\t\tname: 'EffectDate',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tappendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tisOutsideRange: [\r\n\t\t\t\t{ direction: 'after', count: 1, unit: 'years' },\r\n\t\t\t\t{ direction: 'before', count: 1, unit: 'day' }\r\n\t\t\t],\r\n\t\t\tplaceholder: 'Fecha de efecto / Inicio viaje ',\r\n\t\t\tvalue: data.EffectDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'PostalCode',\r\n\t\t\tname: 'PostalCode',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Código Postal',\r\n\t\t\tvalue: data.PostalCode,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'tipoTarifa',\r\n\t\t\tname: 'Tipo Tarifa',\r\n\t\t\ttype: 'select',\r\n\t\t\ttype: 'select',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 'Estandar', name: 'Estandar' },\r\n\t\t\t\t{ value: 'Dias', name: 'Dias' },\r\n\t\t\t\t{ value: 'Capital', name: 'Capital'}\r\n\t\t\t],\r\n\t\t\tplaceholder: 'Tipo tarifa',\r\n\t\t\tvalue: data.tipoTarifa,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: true,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'isTakerInsured',\r\n\t\t\tname: 'isTakerInsured',\r\n\t\t\ttype: 'checkbox',\r\n\t\t\ttext: 'El tomador es el asegurado',\r\n\t\t\tchecked: data.isTakerInsured,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: true\r\n\t\t}\r\n\t];\r\n\tif (ambit.alias.toUpperCase() === 'COCHE' || ambit.alias.toUpperCase() === 'MOTO') {\r\n\t\tformElements.splice(7, 0, {\r\n\t\t\tid: 'CarRegistration',\r\n\t\t\tname: 'CarRegistration',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Matrícula',\r\n\t\t\tmaxLength: 20,\r\n\t\t\tvalue: data.CarRegistration,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t});\r\n\t}\r\n\tif(data.tipoTarifa?.toUpperCase() === \"DIAS\"){\r\n\t\tformElements.splice(8, 0, {\r\n\t\t\tid: 'EndDate',\r\n\t\t\tname: 'EndDate',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tappendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tisOutsideRange: [\r\n\t\t\t\t{ direction: 'after', count: 1, unit: 'years' },\r\n\t\t\t\t{ direction: 'before', count: 1, unit: 'day' }\r\n\t\t\t],\r\n\t\t\tplaceholder: 'Fin viaje ',\r\n\t\t\tvalue: data.EndDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t\t);\r\n\t}\r\n\tif(data.tipoTarifa?.toUpperCase() === \"CAPITAL\"){\r\n\t\tformElements.splice(8, 0,\r\n\t\t\t{\r\n\t\t\t\tid: 'importe',\r\n\t\t\t\tname: 'Importe',\r\n\t\t\t\ttype: 'number',\r\n\t\t\t\tplaceholder: 'Importe',\r\n\t\t\t\t//placeholder: 'Nombre',\r\n\t\t\t\tvalue: data.Importe,\r\n\t\t\t\trequired: true\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n\tif (!data.isTakerInsured) {\r\n\t\tformElements.splice(\r\n\t\t\t8,\r\n\t\t\t0,\r\n\t\t\t{\r\n\t\t\t\tid: 'InsuredNif',\r\n\t\t\t\tname: 'InsuredNif',\r\n\t\t\t\ttype: 'text',\r\n\t\t\t\tplaceholder: 'NIF del asegurado',\r\n\t\t\t\tvalue: data.InsuredNif,\r\n\t\t\t\trequired: true,\r\n\t\t\t\treadonly: false,\r\n\t\t\t\thidden: false\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'InsuredBirthDate',\r\n\t\t\t\tname: 'InsuredBirthDate',\r\n\t\t\t\ttype: 'datepicker',\r\n\t\t\t\tappendToBody: false,\r\n\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\tplaceholder: 'Fecha de nacimiento del asegurado',\r\n\t\t\t\tvalue: data.InsuredBirthDate,\r\n\t\t\t\trequired: true,\r\n\t\t\t\treadonly: false,\r\n\t\t\t\thidden: false\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomCardDeck from '../../../shared/CustomCardDeck/CustomCardDeck';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { getCatalogParams } from './CatalogCalls/CatalogCalls';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport { PopUpIntermediatePricing } from './PopUpIntermediatePricing/PopUpIntermediatePricing';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Catalog';\r\n\r\nexport class Catalog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tcatalog: '',\r\n\t\t\tnaming: {\r\n\t\t\t\ttitle: 'name',\r\n\t\t\t\tsubtitle: 'alias',\r\n\t\t\t\timage: 'imageURL'\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.getCatalog();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tgetCatalog = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getCatalogParams(this.setCatalog));\r\n\t};\r\n\r\n\tsetCatalog = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tcatalog: response\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnClickView = (element) => {\r\n\t\tconst { openModal, history, closeModal, startRequest } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Pantalla Intermedia de Tarificación',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{this.renderElements()}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tTarificar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst CatalogFromHistory = withRouter(Catalog);\r\nconst CatalogWithTranslation = withTranslation()(CatalogFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(CatalogWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { CustomGrid } from '../../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getBudgetsParams } from './BudgetsCalls/BudgetsCalls';\r\nimport './BudgetsGrid';\r\n\r\nexport class BudgetsGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tbudgets: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterBudgets: {\r\n\t\t\t\tBudgetSearch: '',\r\n\t\t\t\tUpdateDateStart: '',\r\n\t\t\t\tUpdateDateFinal: '',\r\n\t\t\t\tBudgetStatusId: 0,\r\n\t\t\t\tPosStart: 0\r\n\t\t\t},\r\n\t\t\tbudgetStatusList: [],\r\n\t\t\tcurrentPage: 1,\r\n\t\t\tbudgetsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'id',\r\n\t\t\t\t\theaderText: 'Id',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'scopeName',\r\n\t\t\t\t\theaderText: 'Ambito',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t \tfield: 'distributorName',\r\n\t\t\t\t \theaderText: 'Distribuidor',\r\n\t\t\t\t \ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t \tfield: 'salesPointName',\r\n\t\t\t\t \theaderText: 'Punto de Venta',\r\n\t\t\t\t \ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'statusName',\r\n\t\t\t\t\theaderText: 'Estado',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'updateDate',\r\n\t\t\t\t\theaderText: 'Último cambio',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'clientName',\r\n\t\t\t\t\theaderText: 'Cliente',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'clientEmail',\r\n\t\t\t\t\theaderText: 'Email Cliente',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'clientPhone',\r\n\t\t\t\t\theaderText: 'Telf. Cliente',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'sellerName',\r\n\t\t\t\t\theaderText: 'Vendedor',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getBudgets(this.state.filterBudgets);\r\n\t};\r\n\r\n\tsetFilterBudgets = (filterBudgets, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterBudgets: filterBudgets,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getBudgets(filterBudgets);\r\n\t};\r\n\r\n\tgetBudgets = (filterBudgets) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getBudgetsParams(filterBudgets, this.setBudgetsState));\r\n\t};\r\n\r\n\tsetBudgetsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tbudgets: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterBudgets = this.state.filterBudgets;\r\n\t\tnewfilterBudgets.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterBudgets(newfilterBudgets, currentPage);\r\n\t};\r\n\r\n\tmyOnSortingChange = (IsAscending, ColumnOrderName) => {\r\n\t\tlet newfilterBudgets = this.state.filterBudgets;\r\n\t\tnewfilterBudgets.IsAscending = IsAscending;\r\n\t\tnewfilterBudgets.ColumnOrderName = ColumnOrderName;\r\n\t\tthis.setFilterBudgets(newfilterBudgets);\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Budgets/' + rowData.id);\r\n\t};\r\n\r\n\tonClickDelete = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Budgets/' + rowData.id);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tProducción
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst BudgetsGridFromHistory = withRouter(BudgetsGrid);\r\nconst BudgetsGridWithTranslation = withTranslation()(BudgetsGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(BudgetsGridWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport BudgetsGrid from './BudgetGrid/BudgetsGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nexport class Budgets extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst BudgetsFromHistory = withRouter(Budgets);\r\nconst BudgetsWithTranslation = withTranslation()(BudgetsFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(BudgetsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline';\r\nimport { GenericElementConstructor } from '../../../../../common/utils/genericElementConstructor';\r\nimport './PopUpReject.css';\r\n\r\nexport default class PopUpReject extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tmotiveList: this.props.motiveList,\r\n\t\t\trejectMotiveId: 1,\r\n\t\t\tshowOthersInput: false,\r\n\t\t\trejectOthers: ''\r\n\t\t};\r\n\t}\r\n\r\n\tinputMotiveList = (list) => {\r\n\t\treturn {\r\n\t\t\tid: 'rejectMotiveId',\r\n\t\t\tname: 'rejectMotiveId',\r\n\t\t\ttype: 'select',\r\n\t\t\tvalue: this.state.rejectMotiveId,\r\n\t\t\toptions: list,\r\n\t\t\trequired: false\r\n\t\t};\r\n\t};\r\n\r\n\tinputOthers = () => {\r\n\t\treturn {\r\n\t\t\tid: 'rejectOthers',\r\n\t\t\tname: 'rejectOthers',\r\n\t\t\ttype: 'input',\r\n\t\t\tvalue: this.state.rejectOthers,\r\n\t\t\trequired: false\r\n\t\t};\r\n\t};\r\n\r\n\tshouldShowInput = (name, value) => {\r\n\t\tif (name === 'rejectMotiveId') {\r\n\t\t\tif (value === '5') {\r\n\t\t\t\treturn true;\r\n\t\t\t} else {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\treturn this.state.showOthersInput;\r\n\t\t}\r\n\t};\r\n\r\n\thandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst name = target.id;\r\n\t\tconst value = target.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\t[name]: value,\r\n\t\t\tshowOthersInput: this.shouldShowInput(name, value)\r\n\t\t});\r\n\t};\r\n\r\n\tcallback = () => {\r\n\t\tthis.props.reject(parseInt(this.state.rejectMotiveId), this.state.rejectOthers);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tMis Presupuestos
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import styled from 'styled-components';\r\n\r\nexport const StyledSpan = styled.span`\r\n color: ${(props) => props.appearance.mainColor} !important;\r\n\r\n\t&:hover {\r\n\t\tcolor: ${(props) => props.appearance.mainColor} !important;\r\n\t}\r\n\r\n\t&:active {\r\n\t\tcolor: ${(props) => props.appearance.mainColor} !important;\r\n\t}\r\n`;\r\n","import { Autocomplete } from '@material-ui/lab';\r\nimport { StyleSheet, Font } from '@react-pdf/renderer';\r\n\r\nFont.registerHyphenationCallback(word => [word]);\r\n\r\nconst styles = StyleSheet.create({\r\n\tbody: {\r\n\t\tpaddingTop: 35,\r\n\t\tpaddingBottom: 75,\r\n\t\tpaddingHorizontal: 75\r\n\t},\r\n\r\n\theader: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\tflexDirection: 'row',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\tflexWrap: 'wrap',\r\n\t\talignContent: 'normal',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderBottomWidth: 2,\r\n\t\tborderColor: '#ffd400',\r\n\t\tmarginBottom: 25,\r\n\t\tpadding: 3\r\n\t},\r\n\r\n\tcolRaccLogo: {\r\n\t\twidth: '12%'\r\n\t},\r\n\r\n\tcolRaccText: {\r\n\t\twidth: '75%',\r\n\t\tpaddingTop: 8,\r\n\t\tmarginRight: 10,\r\n\t\tmarginLeft: 5\r\n\t},\r\n\r\n\tcolFullRaccText: {\r\n\t\twidth: '100%',\r\n\t\tpaddingTop: 8,\r\n\t\tmarginTop: 8,\r\n\t\tmarginRight: 10,\r\n\t\tmarginLeft: 5\r\n\t},\r\n\r\n\tcolClientLogo: {\r\n\t\tmarginRight: 0,\r\n\t\tmaxHeight: \"50px\"\r\n\t},\r\n\r\n\traccTextInfo: {\r\n\t\tfontSize: 7,\r\n\t\ttextAlign: 'left',\r\n\t\tmarginTop: 3\r\n\t},\r\n\r\n\traccTextInfoBottom: {\r\n\t\tfontSize: 12,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: '50px'\r\n\t},\r\n\r\n\tlogoRacc: {\r\n\t\tmaxHeight: '45px',\r\n\t\twidth: '100%',\r\n\t\theight: '45px'\r\n\t},\r\n\r\n\theaderDate: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'left',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\r\n\theaderPage: {\r\n\t\tpaddingBottom: '5px',\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'right',\r\n\t\tfontFamily: 'Helvetica'\r\n\t},\r\n\r\n\tbudgetIdTitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 12,\r\n\t\ttextAlign: 'left'\r\n\t},\r\n\tcontactTitle: {\r\n\t\tmargin: 8,\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tcontactInfo: {\r\n\t\tfontSize: 9,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8,\r\n\t\tmarginBottom: 4\r\n\t},\r\n\tcontactInfoBold: {\r\n\t\tmarginBottom: '5px',\r\n\t\tpaddingLeft: '5px',\r\n\t\tfontSize: 9,\r\n\t\ttextAlign: 'justify',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tcontactLeft: {},\r\n\tbudgetTitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginTop: 25,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 14,\r\n\t\ttextAlign: 'left',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tbudgetInfo: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 8\r\n\t},\r\n\r\n\tboldText: {\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tbold: {\r\n\t\tfontSize: 8,\r\n\t\ttextAlign: 'justify',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tsubtitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginTop: 11,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 14,\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\r\n\twarrantiesName: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderBottomWidth: 1,\r\n\t\tfontFamily: 'Helvetica-Bold',\r\n\t\tpaddingLeft: 8,\r\n\t\tpaddingTop: 2,\r\n\t\tmarginBottom: 2,\r\n\t\tpaddingBottom: 2\r\n\t},\r\n\twarrantiesInfo: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderTopWidth: 1,\r\n\t\tpaddingTop: 1,\r\n\t\tpaddingBottom: 1\r\n\t},\r\n\twarrantiesDetail: {\r\n\t\tfontSize: 8,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 8\r\n\t},\r\n\r\n\timage: {\r\n\t\tmargin: 10,\r\n\t\twidth: '45%',\r\n\t\theight: '100px'\r\n\t},\r\n\r\n\tmodules: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 2,\r\n\t\tmarginLeft: 30\r\n\t},\r\n\r\n\tpriceText: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8,\r\n\t\tmarginRight: 8,\r\n\t\tmarginTop: 8,\r\n\t\tmarginBottom: 8\r\n\t},\r\n\r\n\ttext: {\r\n\t\tmargin: 8,\r\n\t\tfontSize: 9,\r\n\t\ttextAlign: 'justify'\r\n\t},\r\n\tinfo: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8\r\n\t},\r\n\r\n\tfinalInfo: {\r\n\t\tmargin: 8,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 10,\r\n\t\tfontFamily: 'Helvetica-Oblique'\r\n\t},\r\n\r\n\tsignature: {\r\n\t\tmargin: 8,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 12,\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\r\n\ttable: {\r\n\t\tpaddingTop: '5px',\r\n\t\tpaddingBottom: '5px',\r\n\t\tdisplay: 'table',\r\n\t\twidth: 'auto',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1\r\n\t},\r\n\r\n\ttableNoBorder: {\r\n\t\tdisplay: 'table',\r\n\t\twidth: 'auto',\r\n\t\tborderStyle: 'none',\r\n\t\tborderWidth: 0,\r\n\t\tmarginBottom: 15\r\n\t},\r\n\r\n\timgTable: {\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1\r\n\t},\r\n\r\n\ttableRow: {\r\n\t\tmargin: 'auto',\r\n\t\tflexDirection: 'row'\r\n\t},\r\n\ttableCol: {\r\n\t\twidth: '50%'\r\n\t},\r\n\ttableColInfo: {\r\n\t\twidth: '50%',\r\n\t\tpaddingRight: 15\r\n\t},\r\n\ttableColFull: {\r\n\t\twidth: '95%'\r\n\t},\r\n\r\n\ttableColWarrantiesName: {\r\n\t\twidth: '100%'\r\n\t},\r\n\r\n\ttableColWarrantiesInfo: {\r\n\t\twidth: '40%'\r\n\t},\r\n\r\n\ttableRowBorder: {\r\n\t\tmargin: 'auto',\r\n\t\tmarginBottom: '2px',\r\n\t\tpadding: '5px',\r\n\t\tflexDirection: 'row',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 0\r\n\t},\r\n\r\n\ttableColProteccionDatos1: {\r\n\t\twidth: '30%',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1,\r\n\t\tpadding: '5px'\r\n\t},\r\n\r\n\ttableColProteccionDatos2: {\r\n\t\twidth: '70%',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1,\r\n\t\tpadding: '5px'\r\n\t},\r\n\r\n\ttelefonoAsistenciaWrapper: {\r\n\t\tposition: 'absolute',\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tmarginLeft: 80,\r\n\t\tbottom: 50\r\n\t},\r\n\r\n\ttelefonoAsistencia: {\r\n\t\tfontSize: 15,\r\n\t\ttextAlign: 'center'\r\n\t},\r\n\r\n\ttelefonoAsistencia2: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'center'\r\n\t},\r\n\r\n\ttelefono: {\r\n\t\tfontSize: 15,\r\n\t\tfontFamily: 'Helvetica-Bold',\r\n\t\ttextAlign: 'center',\r\n\t\tcolor: '#728FCE'\r\n\t},\r\n\r\n\tpageNumber: {\r\n\t\tposition: 'absolute',\r\n\t\tfontSize: 10,\r\n\t\tlineHeight: '100%',\r\n\t\tbottom: 30,\r\n\t\tleft: 0,\r\n\t\tright: 0,\r\n\t\ttextAlign: 'center',\r\n\t\tcolor: 'grey'\r\n\t}\r\n});\r\n\r\nexport default styles;\r\n","import React, { Component } from 'react';\r\nimport { Page, Text, View, Document, Image, PDFViewer, Link, Font } from '@react-pdf/renderer';\r\nimport moment from 'moment';\r\nimport styles from '../PdfStyles';\r\nimport './PersonContractPDFView.css';\r\n\r\nFont.registerHyphenationCallback(word => [word]);\r\n\r\nexport class PersonContractPDFView extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trenderAppearance = () => {\r\n\t\tif (this.props.data.imageURL !== '') {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tSelecciona un motivo:\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{GenericElementConstructor(\r\n\t\t\t\t\t\t\t\t\tthis.inputMotiveList(this.props.motiveList),\r\n\t\t\t\t\t\t\t\t\tthis.handleInputChange,\r\n\t\t\t\t\t\t\t\t\t{ editMode: true }\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{GenericElementConstructor(this.inputOthers(), this.handleInputChange, {\r\n\t\t\t\t\t\t\t\t\teditMode: true\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tRechazar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","const postRegsiterPaymentParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tendpoint: '/api/Contract/Contract',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst checkPendingPaymentParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract/CheckPendingPayment/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { postRegsiterPaymentParams, checkPendingPaymentParams };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport { deleteBudgetParams } from '../BudgetCall/BudgetCall';\r\n\r\nimport './PopUpBudgetDelete.css';\r\n\r\nexport class PopUpBudgetDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tmyCancel = () => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t};\r\n\r\n\tmySubmit = () => {\r\n\t\tconst { budgetId } = this.props;\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(deleteBudgetParams(budgetId, this.onDeleteSuccess));\r\n\t};\r\n\r\n\tonDeleteSuccess = () => {\r\n\t\tconst { closeModal, HandleRefresh } = this.props;\r\n\t\tcloseModal();\r\n\t\tHandleRefresh();\r\n\t\ttoastDone('Se ha eliminado correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\tlet myAction, myText;\r\n\t\tmyAction = 'ELIMINAR';\r\n\t\tmyText = '¿Estás seguro que deseas eliminar este presupuesto?';\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tPago realizado.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.errorStatus}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCerrar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpUserDeleteWithTranslation = withTranslation()(PopUpBudgetDelete);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpUserDeleteWithTranslation);\r\n","const deleteBudgetParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tendpoint: '/api/Budget/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { deleteBudgetParams };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { withTranslation } from 'react-i18next';\r\nimport {\r\n\tgetBudgetParams,\r\n\tgetDownloadPdf,\r\n\tupdatePendingBudget,\r\n\tupdateRejectMotive,\r\n\tpostRegsiterBackOfficeParams\r\n} from '../BudgetGrid/BudgetsCalls';\r\nimport { toastDone, toastError } from '../../../../services/toasters';\r\nimport CustomForm from '../../../../shared/CustomForm';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { getRejectMotiveList } from '../BudgetGrid/BudgetsCalls';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport PopUpReject from './PopUpReject/PopUpReject';\r\nimport { getBudgetFormElements, getClientFormElements, getProductFormElements } from './FormElements/formElements';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport { StyledLink } from '../../../../shared/StyledLink';\r\nimport { StyledSpan } from '../../../../shared/StyledSpan';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons';\r\nimport { PopUpIntermediatePricing } from '../../Catalog/PopUpIntermediatePricing/PopUpIntermediatePricing';\r\nimport PersonContractPDFView from '../../Contracts/PdfViews/PersonContractPDF/PersonContractPDFView';\r\nimport VehicleContractPDF from '../../Contracts/PdfViews/VehicleContractPDF/VehicleContractPDF';\r\nimport PopUpRegisterPayment from './PopUpRegisterPayment';\r\nimport PopUpBudgetDelete from './PopUpBudgetDelete';\r\n\r\nexport class Budget extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tbudgetId: props.match.params.budget_id,\r\n\t\t\tbudget: {\r\n\t\t\t\tid: '',\r\n\t\t\t\tscopeName: '',\r\n\t\t\t\tfullName: '',\r\n\t\t\t\tproduct: {},\r\n\t\t\t\tnif: '',\r\n\t\t\t\tbirthDate: '',\r\n\t\t\t\tphone: '',\r\n\t\t\t\temail: '',\r\n\t\t\t\tobservations: '',\r\n\t\t\t\tstatus: '',\r\n\t\t\t\tcreationDate: '',\r\n\t\t\t\tshowNeuronaError: '',\r\n\t\t\t\tneuronaError: '',\r\n\t\t\t\tshowRegisterInBackOffice: '',\r\n\t\t\t\tshowPDFLink: '',\r\n\t\t\t\tshowInsurancePolicyDetail: '',\r\n\t\t\t\tshowRetarget: '',\r\n\t\t\t\tshowEdit: '',\r\n\t\t\t\tshowReject: ''\r\n\t\t\t},\r\n\t\t\teditMode: false,\r\n\t\t\tchanges: false,\r\n\t\t\tmotiveList: [],\r\n\t\t\tmotiveListLoad: false,\r\n\t\t\tshowPdfViewer: false,\r\n\t\t\tpdf: null\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getBudget();\r\n\t};\r\n\r\n\tgetBudget = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getBudgetParams(this.state.budgetId, this.setBudgetState));\r\n\t};\r\n\r\n\tsetBudgetState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tbudget: response\r\n\t\t});\r\n\t\tthis.getMotiveList(this.state.motiveListLoad);\r\n\t};\r\n\r\n\tsetBudgetFormElements = () => {\r\n\t\tlet formElements = getBudgetFormElements(this.state.budget);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tsetClientFormElements = () => {\r\n\t\tlet formElements = getClientFormElements(this.state.budget);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tsetProductFormElements = () => {\r\n\t\tlet formElements = getProductFormElements(this.state.budget);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tregisterPayment = () => {\r\n\t\tconst { openModal, history, closeModal, startRequest } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Pendiente de cobro',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{myText}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCANCELAR\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{myAction}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{pdfToOpen}\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t};\r\n\t\topenModal(options);\r\n\t};\r\n\r\n\tchangeMode = () => {\r\n\t\tthis.getMotiveList();\r\n\t\tthis.setState({\r\n\t\t\teditMode: !this.state.editMode\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.budget;\r\n\t\tnewForm[name] = value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tbudget: newForm,\r\n\t\t\tchanges: true\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst { budget } = this.state;\r\n\t\tconst budgetData = {\r\n\t\t\tid: budget.id,\r\n\t\t\tname: budget.fullName,\r\n\t\t\tsurname1: '',\r\n\t\t\tsurName2: '',\r\n\t\t\tnif: budget.nif,\r\n\t\t\tbirthDate: budget.birthDate,\r\n\t\t\tphone: budget.phone,\r\n\t\t\temail: budget.email,\r\n\t\t\tobservations: budget.observations\r\n\t\t};\r\n\t\tstartRequest(\r\n\t\t\tupdatePendingBudget(\r\n\t\t\t\tbudgetData,\r\n\t\t\t\t() => {\r\n\t\t\t\t\ttoastDone('Cambios guardados', 'El presupuesto se ha modificado correctamente.');\r\n\t\t\t\t},\r\n\t\t\t\t() => {\r\n\t\t\t\t\ttoastError('Ha habido un error', 'El presupuesto no se ha modificado.');\r\n\t\t\t\t}\r\n\t\t\t)\r\n\t\t);\r\n\t\tthis.setState({\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\tonClickDelete = (id) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\taction: 'Delete',\r\n\t\t\ttitle: 'Eliminar Presupuesto',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderInsuredPolicies = () => {\r\n\t\tlet html = [];\r\n\t\tif (Array.isArray(this.state.budget.insurancePolicies)) {\r\n\t\t\tthis.state.budget.insurancePolicies.forEach((insurancePolicy, i) => {\r\n\t\t\t\thtml.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tRegistrar en back office\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPendiente de Cobro\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tRetarificar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tRechazar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\twindow.open(this.state.budget.ticketUrl, '_blank');\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tTICKET\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/Contracts/' + insurancePolicy.insurancePolicyId);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{insurancePolicy.insurancePolicyNumber}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.downloadPdf(insurancePolicy)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tVer PDF\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst BudgetFromHistory = withRouter(Budget);\r\nconst BudgetWithTranslation = withTranslation()(BudgetFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(BudgetWithTranslation);\r\n","const getBudgetFormElements = (data) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'ambit',\r\n\t\t\tname: 'ambit',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Ámbito',\r\n\t\t\tvalue: data.scopeName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'creationDate',\r\n\t\t\tname: 'creationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\taddcss: 'text-capitalize',\r\n\t\t\tplaceholder: 'Fecha de Creación',\r\n\t\t\tvalue: data.creationDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'status',\r\n\t\t\tname: 'status',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Estado',\r\n\t\t\tvalue: data.statusName,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'observations',\r\n\t\t\tname: 'observations',\r\n\t\t\ttype: data.statusName === 'vendido' ? 'no-input-text' : 'text',\r\n\t\t\tplaceholder: 'Comentarios',\r\n\t\t\tvalue: data.observations ? data.observations : '-',\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'sellerName',\r\n\t\t\tname: 'sellerName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Vendedor',\r\n\t\t\tvalue: data.sellerName ? data.sellerName : '-',\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nconst getProductFormElements = (data) => {\r\n\tlet modules = [];\r\n\tlet productPrincipal;\r\n\tif (Array.isArray(data.products)) {\r\n\t\tdata.products.forEach((product) => {\r\n\t\t\tif (product.isPrincipal) {\r\n\t\t\t\tproductPrincipal = product;\r\n\t\t\t} else {\r\n\t\t\t\tmodules.push(product);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'product',\r\n\t\t\tname: 'product',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Producto',\r\n\t\t\tvalue: productPrincipal ? productPrincipal.productName + ' (' + productPrincipal.productAlias + ')' : '-',\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'product',\r\n\t\t\tname: 'product',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Precio',\r\n\t\t\tvalue: data.totalPrice,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'productName',\r\n\t\t\tname: 'productName',\r\n\t\t\ttype: 'list-view',\r\n\t\t\tkey: 'productName',\r\n\t\t\ttextEmpty: 'No hay productos módulos contratados',\r\n\t\t\tplaceholder: 'Productos módulos',\r\n\t\t\tvalue: modules ? modules : [],\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\treturn formElements;\r\n};\r\n\r\nconst getClientFormElements = (data) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'fullName',\r\n\t\t\tname: 'fullName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Nombre Completo',\r\n\t\t\tvalue: data.fullName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'nif',\r\n\t\t\tname: 'nif',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'NIF',\r\n\t\t\tvalue: data.nif,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'birthDate',\r\n\t\t\tname: 'birthDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha de Nacimiento',\r\n\t\t\tvalue: data.birthDate,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone',\r\n\t\t\tname: 'phone',\r\n\t\t\ttype: data.statusName === 'vendido' ? 'no-input-text' : 'text',\r\n\t\t\tplaceholder: 'Teléfono',\r\n\t\t\tvalue: data.phone ? data.phone : '-',\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: data.statusName === 'vendido' ? 'no-input-text' : 'text',\r\n\t\t\tplaceholder: 'Email',\r\n\t\t\tvalue: data.email ? data.email : '-',\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\treturn formElements;\r\n};\r\n\r\nexport { getBudgetFormElements, getClientFormElements, getProductFormElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport ReactExport from 'react-export-excel';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faFileDownload } from '@fortawesome/free-solid-svg-icons';\r\nimport { CustomGrid } from '../../../shared/CustomGrid/CustomGrid';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { getAccessQueryParams, getAllAccessQueryParams } from './AccessQueryCalls/AccessQueryCalls';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { openModal } from '../../../actions/popup';\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nexport class AccessQuery extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\taccessQuery: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\taccessQueryAll: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterAccessQuery: {\r\n\t\t\t\tName: '',\r\n\t\t\t\tPosStart: 0\r\n\t\t\t},\r\n\t\t\tcurrentPage: 1,\r\n\t\t\taccessQueryColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'name',\r\n\t\t\t\t\theaderText: 'Usuario',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'email',\r\n\t\t\t\t\theaderText: 'Email',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'rol',\r\n\t\t\t\t\theaderText: 'Rol',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'distributor',\r\n\t\t\t\t\theaderText: 'Distribuidor',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'salesPoint',\r\n\t\t\t\t\theaderText: 'Punto de Venta',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'lastAccess',\r\n\t\t\t\t\theaderText: 'Fecha de acceso',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getAccessQuery(this.state.filterAccessQuery);\r\n\t};\r\n\r\n\tgetAccessQuery = (filterAccessQuery) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getAccessQueryParams(filterAccessQuery, this.setAccessQueryState));\r\n\t};\r\n\r\n\tsetAccessQueryState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\taccessQuery: {\r\n\t\t\t\titems: response.accessQueryLists,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tgetAllAccessQuery = (filterAccessQuery) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getAllAccessQueryParams(filterAccessQuery, this.setAllAccessQueryState));\r\n\t};\r\n\r\n\tsetAllAccessQueryState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\taccessQueryAll: {\r\n\t\t\t\titems: response.accessQueryLists,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tsetFilterAccessQuery = (filterAccessQuery, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterAccessQuery: filterAccessQuery,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getAccessQuery(filterAccessQuery);\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterAccessQuery = this.state.filterAccessQuery;\r\n\t\tnewfilterAccessQuery.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterAccessQuery(newfilterAccessQuery, currentPage);\r\n\t};\r\n\r\n\tmyOnSortingChange = (IsAscending, ColumnOrderName) => {\r\n\t\tlet newfilterAccessQuery = this.state.filterAccessQuery;\r\n\t\tnewfilterAccessQuery.IsAscending = IsAscending;\r\n\t\tnewfilterAccessQuery.ColumnOrderName = ColumnOrderName;\r\n\t\tthis.setFilterAccessQuery(newfilterAccessQuery);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tthis.props.history.push('/Budgets');\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tListado de Presupuestos\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.getFormOptions()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDetalle Presupuesto{' '}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tGuardar\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.editMode ? 'Cancelar' : 'Editar'}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.onClickDelete(this.state.budgetId)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDetalle Presupuesto{' '}\r\n\t\t\t\t\t\t\t#{this.state.budgetId} \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tDatos Producto
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
Datos Cliente
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPólizas{' '}\r\n\t\t\t\t\t\t\t\t\t{this.state.budget.insurancePolicies ? (\r\n\t\t\t\t\t\t\t\t\t\t'(' + this.state.budget.insurancePolicies.length + ')'\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t'(0)'\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{this.renderInsuredPolicies()}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst AccessQueryFromHistory = withRouter(AccessQuery);\r\nconst AccessQueryWithTranslation = withTranslation()(AccessQueryFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\topenModal,\r\n\tstartRequest\r\n})(AccessQueryWithTranslation);\r\n","const getAccessQueryParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\tendpoint: '/api/AccessQuery/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getAllAccessQueryParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\tendpoint: '/api/AccessQuery/GetAll',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getAccessQueryParams, getAllAccessQueryParams };\r\n","import styled from 'styled-components';\r\nimport { getContrastColor, hexToRGBString } from '../../common/utils/colorManager';\r\n\r\nexport const StyledTh = styled.th`\r\n\tbackground-color: rgba(${(props) => hexToRGBString(props.appearance.mainColor) || ''}, 0.4) !important;\r\n\tcolor: ${(props) => getContrastColor(props.appearance.mainColor)} !important;\r\n`;\r\n","import { StyleSheet, Font } from '@react-pdf/renderer';\r\n\r\nFont.registerHyphenationCallback(word => [word]);\r\n\r\nconst styles = StyleSheet.create({\r\n\tbody: {\r\n\t\tpaddingTop: 35,\r\n\t\tpaddingBottom: 65,\r\n\t\tpaddingHorizontal: 75\r\n\t},\r\n\theader: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\tflexDirection: 'row',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\tflexWrap: 'wrap',\r\n\t\talignContent: 'normal',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderBottomWidth: 2,\r\n\t\tborderColor: '#ffd400',\r\n\t\tmarginBottom: 25,\r\n\t\tpadding: 3\r\n\t},\r\n\tcolRaccLogo: {\r\n\t\twidth: '12%'\r\n\t},\r\n\tcolRaccText: {\r\n\t\twidth: '75%',\r\n\t\tpaddingTop: 8,\r\n\t\tmarginRight: 10\r\n\t},\r\n\tcolClientLogo: {\r\n\t\tmarginRight: 0,\r\n\t\tmaxHeight: '50px'\r\n\t},\r\n\traccTextInfo: {\r\n\t\tfontSize: 7,\r\n\t\ttextAlign: 'left',\r\n\t\tmarginTop: 3\r\n\t},\r\n\tlogoRacc: {\r\n\t\tmarginRight: '10px',\r\n\t\twidth: '100%',\r\n\t\theight: '45px',\r\n\t\tmaxHeight: '45px'\r\n\t},\r\n\theader2: {\r\n\t\tdisplay: 'table',\r\n\t\twidth: 'auto',\r\n\t\ttextAlign: 'right',\r\n\t\tborderStyle: 'solid',\r\n\t\tflexDirection: 'row',\r\n\t\tmarginBottom: 5\r\n\t},\r\n\ttableNoBorder: {\r\n\t\tdisplay: 'table',\r\n\t\twidth: 'auto',\r\n\t\tborderStyle: 'none',\r\n\t\tborderWidth: 0,\r\n\t\tmarginBottom: 15\r\n\t},\r\n\tcolBudgetId: {\r\n\t\twidth: '100%'\r\n\t},\r\n\tcolDate: {\r\n\t\twidth: '100%'\r\n\t},\r\n\theaderDate: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'right',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\theaderPage: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'right',\r\n\t\tfontFamily: 'Helvetica'\r\n\t},\r\n\tbudgetIdTitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 12,\r\n\t\ttextAlign: 'left'\r\n\t},\r\n\tcontactTitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginBottom: 6,\r\n\t\tfontSize: 8,\r\n\t\ttextAlign: 'justify',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tcontactInfo: {\r\n\t\tfontSize: 8,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8,\r\n\t\tmarginBottom: 4\r\n\t},\r\n\tbudgetTitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginTop: 25,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 18,\r\n\t\ttextAlign: 'left',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tbudgetInfo: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 8\r\n\t},\r\n\tboldText: {\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\tsubtitle: {\r\n\t\tmargin: 8,\r\n\t\tmarginTop: 11,\r\n\t\tmarginLeft: 0,\r\n\t\tfontSize: 14,\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\twarrantiesName: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderBottomWidth: 1,\r\n\t\tfontFamily: 'Helvetica-Bold',\r\n\t\tpaddingLeft: 8,\r\n\t\tpaddingTop: 2,\r\n\t\tmarginBottom: 2,\r\n\t\tpaddingBottom: 2\r\n\t},\r\n\twarrantiesInfo: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderTopWidth: 1,\r\n\t\tpaddingTop: 1,\r\n\t\tpaddingBottom: 1\r\n\t},\r\n\twarrantiesDetail: {\r\n\t\tfontSize: 8,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 8\r\n\t},\r\n\timage: {\r\n\t\tmargin: 10,\r\n\t\theight: '120px',\r\n\t\tmaxHeight: '120px'\r\n\t},\r\n\tmodules: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmargin: 2,\r\n\t\tmarginLeft: 30\r\n\t},\r\n\tpriceText: {\r\n\t\tfontSize: 11,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8,\r\n\t\tmarginTop: 10\r\n\t},\r\n\r\n\ttext: {\r\n\t\tmargin: 8,\r\n\t\tfontSize: 9,\r\n\t\ttextAlign: 'justify'\r\n\t},\r\n\r\n\tinfo: {\r\n\t\tfontSize: 10,\r\n\t\ttextAlign: 'justify',\r\n\t\tmarginLeft: 8\r\n\t},\r\n\r\n\ttable: {\r\n\t\tpaddingTop: '5px',\r\n\t\tpaddingBottom: '5px',\r\n\t\tdisplay: 'table',\r\n\t\twidth: 'auto',\r\n\t\tborderStyle: 'solid',\r\n\t\tmarginBottom: 5,\r\n\t\tborderWidth: 1\r\n\t},\r\n\r\n\timgTable: {\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1\r\n\t},\r\n\ttableRow: {\r\n\t\tmargin: 'auto',\r\n\t\tflexDirection: 'row'\r\n\t},\r\n\ttableCol: {\r\n\t\twidth: '50%'\r\n\t},\r\n\ttableColInfo: {\r\n\t\twidth: '50%',\r\n\t\tpaddingRight: 15\r\n\t},\r\n\ttableColFull: {\r\n\t\twidth: '95%'\r\n\t},\r\n\r\n\ttableColWarrantiesName: {\r\n\t\twidth: '100%'\r\n\t},\r\n\r\n\ttableColWarrantiesInfo: {\r\n\t\twidth: '40%'\r\n\t},\r\n\r\n\ttableRowBorder: {\r\n\t\tmargin: 'auto',\r\n\t\tmarginBottom: '2px',\r\n\t\tpadding: '5px',\r\n\t\tflexDirection: 'row',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 0\r\n\t},\r\n\r\n\ttableColProteccionDatos1: {\r\n\t\twidth: '30%',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1,\r\n\t\tpadding: '5px'\r\n\t},\r\n\r\n\ttableColProteccionDatos2: {\r\n\t\twidth: '70%',\r\n\t\tborderStyle: 'solid',\r\n\t\tborderWidth: 1,\r\n\t\tpadding: '5px'\r\n\t},\r\n\r\n\tpageNumber: {\r\n\t\tposition: 'absolute',\r\n\t\tfontSize: 10,\r\n\t\tbottom: 30,\r\n\t\tlineHeight: '100%',\r\n\t\tleft: 0,\r\n\t\tright: 0,\r\n\t\ttextAlign: 'center',\r\n\t\tcolor: 'grey'\r\n\t},\r\n\r\n\tcontactInfoBold: {\r\n\t\tmarginBottom: '5px',\r\n\t\tpaddingLeft: '5px',\r\n\t\tfontSize: 9,\r\n\t\ttextAlign: 'justify',\r\n\t\tfontFamily: 'Helvetica-Bold'\r\n\t},\r\n\r\n\traccTextInfoBottom: {\r\n\t\tfontSize: 12,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: '50px'\r\n\t},\r\n\r\n\tcolFullRaccText: {\r\n\t\twidth: '100%',\r\n\t\tpaddingTop: 8,\r\n\t\tmarginTop: 8,\r\n\t\tmarginRight: 10,\r\n\t\tmarginLeft: 5\r\n\t},\r\n\r\n\ttableMarginTop: {\r\n\t\tmarginTop: 10\r\n\t},\r\n\r\n\tproteccionDatosWrapper: {\r\n\t\tpaddingLeft: 10,\r\n\t\ttextAlign: 'left',\r\n\t\tfontSize: 10,\r\n\t\twidth: '100%'\r\n\t},\r\n\r\n\tproteccionDatosTitulo: {\r\n\t\tfontSize: 14,\r\n\t\tmarginBottom: 20,\r\n\t\tfontWeight: 'bold',\r\n\t\tfontStyle: 'bold'\r\n\t},\r\n\r\n\tproteccionDatosTexto: {\r\n\t\tfontSize: 10,\r\n\t\tmarginBottom: 10\r\n\t},\r\n\r\n\tbolder: {\r\n\t\tfontStyle: 'bold',\r\n\t\tfontWeight: 'bold'\r\n\t}\r\n});\r\n\r\nexport default styles;\r\n","import React from 'react';\r\nimport { Component } from 'react';\r\nimport { Page, Text, View, Document, Image, Link, Font } from '@react-pdf/renderer';\r\nimport moment from 'moment';\r\nimport styles from './PdfStyles';\r\n\r\nFont.registerHyphenationCallback(word => [word]);\r\n\r\nexport class PdfBudget extends Component {\r\n\tgetPrice = () => {\r\n\t\tconst { product } = this.props;\r\n\t\tif (product && product.discount && product.discount !== '') {\r\n\t\t\treturn parseFloat(product.discount).toFixed(2);\r\n\t\t} else {\r\n\t\t\treturn parseFloat(product.price).toFixed(2);\r\n\t\t}\r\n\t};\r\n\r\n\tgetTotalPrice = () => {\r\n\t\tconst { product } = this.props;\r\n\t\tlet totalModulePrice = product.totalModulePrice ? parseFloat(product.totalModulePrice).toFixed(2) : 0;\r\n\t\tlet getPrice = parseFloat(this.getPrice()).toFixed(2);\r\n\t\tlet totalPrice = parseFloat(totalModulePrice) + parseFloat(getPrice);\r\n\t\treturn parseFloat(totalPrice).toFixed(2) + '€';\r\n\t};\r\n\r\n\theaderData = (data) => {\r\n\t\treturn (\r\n\t\t\tConsulta de accesos
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tif (this.state.accessQueryAll.items.length === 0) {\r\n\t\t\t\t\t\t\t\t\t\tthis.getAllAccessQuery();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tDescargar\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpSaveWithTranslation = withTranslation()(PopUpSave);\r\n\r\nexport default connect(mapStateToProps, {\r\n\ttoastDone\r\n})(PopUpSaveWithTranslation);\r\n","const getFormElements = (data, ambit) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'name',\r\n\t\t\tname: 'name',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre del Cliente',\r\n\t\t\tvalue: data.name,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'surName1',\r\n\t\t\tname: 'surName1',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Primer Apellido',\r\n\t\t\tvalue: data.surName1,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'surName2',\r\n\t\t\tname: 'surName2',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Segundo Apellido',\r\n\t\t\tvalue: data.surName2,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'nif',\r\n\t\t\tname: 'nif',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'DNI',\r\n\t\t\tvalue: data.nif,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone',\r\n\t\t\tname: 'phone',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Teléfono del Cliente',\r\n\t\t\tvalue: data.phone,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Email del Cliente',\r\n\t\t\tvalue: data.email,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'observations',\r\n\t\t\tname: 'observations',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Observaciones',\r\n\t\t\tvalue: data.observations,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter, Prompt } from 'react-router-dom';\r\nimport { PDFViewer } from '@react-pdf/renderer';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport Zoom from '@material-ui/core/Zoom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPercentage, faSave, faExclamationCircle, faEyeSlash, faEye } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledTh } from '../../../../../shared/StyledTh';\r\nimport CustomForm from '../../../../../shared/CustomForm';\r\nimport { openModal, closeModal } from '../../../../../actions/popup';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport { GenericElementConstructor } from '../../../../../common/utils/genericElementConstructor';\r\nimport { PdfBudget } from '../../../Budgets/Budget/PdfBudget';\r\nimport {\r\n\tputBudgetProducts,\r\n\tgetDiscountParams,\r\n\tgetBudgetProductsParams,\r\n\tgetBudgetParams,\r\n\tgetDownloadPdfParams\r\n} from '../../CatalogCalls/CatalogCalls';\r\nimport { getFormElements, getCategoriesElements, getModulesElements } from './FormElements/formElements';\r\nimport PopUpSave from '../PopUpSave';\r\nimport './PricingGrid';\r\n\r\nexport class PricingGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\twarrantiesCollapse: false,\r\n\t\t\tmodulesCollapse: false,\r\n\t\t\tbudgetId: props.match.params.budget_id,\r\n\t\t\terrores: [],\r\n\t\t\tsaved: false,\r\n\t\t\tdiscount: '',\r\n\t\t\tdiscounts: [],\r\n\t\t\tcheckedModules: '',\r\n\t\t\tpricingId: '',\r\n\t\t\ttakerIsPartner: '',\r\n\t\t\tscopeName: '',\r\n\t\t\tinsuredIsPartner: '',\r\n\t\t\tproducts: []\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getPricingProducts();\r\n\t};\r\n\r\n\tgetPricingProducts = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getBudgetProductsParams(this.state.budgetId, this.pricingSuccess));\r\n\t};\r\n\r\n\tgetPopUpSave = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getBudgetParams(this.props.match.params.budget_id, this.openPopUpSave));\r\n\t};\r\n\r\n\topenPopUpSave = (response) => {\r\n\t\tconst { openModal, history, closeModal, startRequest } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Pantalla Guardar Presupuesto',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t};\r\n\t\topenModal(options);\r\n\t};\r\n\r\n\tisSaved = () => {\r\n\t\tthis.setState({ saved: true });\r\n\t};\r\n\r\n\tpricingSuccess = (response) => {\r\n\t\tlet newProducts = response.products;\r\n\r\n\t\tif (Array.isArray(newProducts)) {\r\n\t\t\tnewProducts.forEach((product) => {\r\n\t\t\t\tproduct.checkedModules = [];\r\n\t\t\t\tproduct.totalModulePrice = 0;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tcanGeneratePDF: response.canGeneratePDF,\r\n\t\t\tcanSaveBudget: response.canSaveBudget,\r\n\t\t\tpricingId: response.pricingId,\r\n\t\t\tscopeName: response.scopeName,\r\n\t\t\ttakerIsPartner: response.takerIsPartner,\r\n\t\t\tinsuredIsPartner: response.insuredIsPartner,\r\n\t\t\tproducts: newProducts,\r\n\t\t\tcategories: response.categories,\r\n\t\t\tcategories2: response.categories2,\r\n\t\t\terrores: response.errores\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tlet newProducts = this.state.products;\r\n\t\tlet newCategories2 = this.state.categories2;\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.value;\r\n\t\tif (target.type === 'checkbox') {\r\n\t\t\tvalue = target.checked;\r\n\t\t\tif (Array.isArray(newProducts)) {\r\n\t\t\t\tnewProducts.forEach((product) => {\r\n\t\t\t\t\tif (product.id === parseInt(target.parentElement.parentElement.parentElement.id)) {\r\n\t\t\t\t\t\tif (Array.isArray(product.productModules)) {\r\n\t\t\t\t\t\t\tproduct.productModules.forEach((module) => {\r\n\t\t\t\t\t\t\t\tif (module.productId === parseInt(target.id)) {\r\n\t\t\t\t\t\t\t\t\tif (Array.isArray(module.warranties)) {\r\n\t\t\t\t\t\t\t\t\t\tmodule.warranties.forEach((category) => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (Array.isArray(newCategories2)) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tnewCategories2.forEach((cat) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (Array.isArray(cat.categories)) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcat.categories.forEach((warranty) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt(category) === parseInt(warranty.id) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt(product.id) === parseInt(warranty.productId)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twarranty.show = value;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tmodule.enabled = value;\r\n\t\t\t\t\t\t\t\t\tif (module.enabled) {\r\n\t\t\t\t\t\t\t\t\t\tproduct.totalModulePrice += parseFloat(module.price);\r\n\t\t\t\t\t\t\t\t\t\tmodule.price = module.price.toString();\r\n\t\t\t\t\t\t\t\t\t\tproduct.checkedModules.push(module);\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tproduct.totalModulePrice -= parseFloat(module.price);\r\n\t\t\t\t\t\t\t\t\t\tmodule.price = module.price.toString();\r\n\t\t\t\t\t\t\t\t\t\tproduct.checkedModules.forEach((mod, i) => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (mod === module) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tproduct.checkedModules.splice(i, 1);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tproducts: newProducts,\r\n\t\t\tcategories2: newCategories2\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = (product) => {\r\n\t\tconst options = {\r\n\t\t\tappearance: this.props.appearance\r\n\t\t};\r\n\t\tlet formElements = getFormElements(product, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tsetFormElementsModules = (product) => {\r\n\t\tconst options = {\r\n\t\t\tappearance: this.props.appearance\r\n\t\t};\r\n\t\tlet formElements = getModulesElements(product, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tsetCategoriesElements = (warranties) => {\r\n\t\tconst options = {\r\n\t\t\tappearance: this.props.appearance\r\n\t\t};\r\n\t\tlet formElements = getCategoriesElements(warranties, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tonClickContract = (product) => {\r\n\t\tif (product.canContract) {\r\n\t\t\tconst { startRequest, budgetId } = this.props;\r\n\t\t\tthis.isSaved();\r\n\t\t\t// let priceWithModules = (product.totalModulePrice ? product.totalModulePrice : 0) + product.price;\r\n\t\t\t// let beneficiaryPriceWithModules =\r\n\t\t\t// \t(product.totalModulePrice ? product.totalModulePrice : 0) + product.beneficiaryPrice;\r\n\t\t\t// let discountPriceWithModules = (product.totalModulePrice ? product.totalModulePrice : 0) + product.discount;\r\n\t\t\tlet discountPriceWithoutModules = product.discount;\r\n\t\t\tlet priceWithoutModules = product.price;\r\n\t\t\tlet data = [];\r\n\t\t\tdata.push({\r\n\t\t\t\tbudgetId: parseInt(budgetId),\r\n\t\t\t\tproductId: product.id,\r\n\t\t\t\tproductAlias: product.alias,\r\n\t\t\t\tproductName: product.name,\r\n\t\t\t\tprice:\r\n\t\t\t\t\tdiscountPriceWithoutModules === undefined\r\n\t\t\t\t\t\t? priceWithoutModules.toString()\r\n\t\t\t\t\t\t: discountPriceWithoutModules.toString(),\r\n\t\t\t\tbeneficiaryPrice: product.beneficiaryPrice.toString(),\r\n\t\t\t\tcampaign: this.state.discount,\r\n\t\t\t\tisPrincipal: true\r\n\t\t\t});\r\n\t\t\tdata = data.concat(product.checkedModules);\r\n\t\t\tstartRequest(putBudgetProducts(data, this.mySubmitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tmySubmitSuccess = (response) => {\r\n\t\tconst { history, budgetId } = this.props;\r\n\t\thistory.push('/Contratacion/' + budgetId);\r\n\t};\r\n\r\n\tgetProductPrice = (product) => {\r\n\t\tlet price = Math.round(((product.totalModulePrice ? product.totalModulePrice : 0) + product.price) * 100) / 100;\r\n\t\treturn (price += '€');\r\n\t};\r\n\r\n\tgetProductBeneficiaryPrice = (product) => {\r\n\t\tlet price =\r\n\t\t\tMath.round(((product.totalModulePrice ? product.totalModulePrice : 0) + product.beneficiaryPrice) * 100) /\r\n\t\t\t100;\r\n\t\treturn (price += '€');\r\n\t};\r\n\r\n\tgetProductDiscountPrice = (product) => {\r\n\t\tlet price =\r\n\t\t\tMath.round(((product.totalModulePrice ? product.totalModulePrice : 0) + product.discount) * 100) / 100;\r\n\t\treturn (price += '€');\r\n\t};\r\n\r\n\tdownloadPdf = (product) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tproduct.scopeName = this.state.scopeName;\r\n\t\tstartRequest(getDownloadPdfParams(this.state.budgetId, (response) => this.createPdf(response, product)));\r\n\t};\r\n\r\n\tcreatePdf = (data, product) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'PDF Presupuesto',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn htmlIncidence;\r\n\t};\r\n\r\n\tcreateInputs = () => {\r\n\t\tlet htmlElements = [];\r\n\r\n\t\tconst options = {\r\n\t\t\teditMode: true,\r\n\t\t\tdateFocused: this.state.dateFocused,\r\n\t\t\thandleDateFocus: this.myHandleDateFocus\r\n\t\t};\r\n\r\n\t\tconst filterInputs = [\r\n\t\t\t{\r\n\t\t\t\tid: 'Text',\r\n\t\t\t\tname: 'Text',\r\n\t\t\t\ttype: 'text',\r\n\t\t\t\tmaxLength: '5',\r\n\t\t\t\tplaceholder: 'Código de descuento',\r\n\t\t\t\tvalue: this.state.discount\r\n\t\t\t}\r\n\t\t];\r\n\r\n\t\tfilterInputs.forEach((item, i) => {\r\n\t\t\thtmlElements.push(\r\n\t\t\t\t\r\n\t\t\t\t\t{GenericElementConstructor(item, this.handleDiscountChange, options)}\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn htmlElements;\r\n\t};\r\n\r\n\tdiscount = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst params = {\r\n\t\t\tCode: this.state.discount,\r\n\t\t\tScopeAlias: this.state.scopeName\r\n\t\t};\r\n\t\tstartRequest(getDiscountParams(params, this.discountSuccess));\r\n\t};\r\n\r\n\tresetDiscount = () => {\r\n\t\tlet oldProducts = this.state.products;\r\n\t\tif (Array.isArray(oldProducts)) {\r\n\t\t\toldProducts.forEach((oldProduct) => {\r\n\t\t\t\toldProduct.discount = '';\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tdiscounts: [],\r\n\t\t\tdiscount: '',\r\n\t\t\tdiscountApplied: false,\r\n\t\t\tproducts: oldProducts\r\n\t\t});\r\n\t};\r\n\r\n\tdiscountSuccess = (response) => {\r\n\t\tlet { discounts, errors } = response;\r\n\r\n\t\tlet oldProducts = this.state.products;\r\n\t\tif (Array.isArray(oldProducts)) {\r\n\t\t\toldProducts.forEach((oldProduct) => {\r\n\t\t\t\tif (Array.isArray(discounts)) {\r\n\t\t\t\t\tdiscounts.forEach((discount) => {\r\n\t\t\t\t\t\tif (oldProduct.alias === discount.producto) {\r\n\t\t\t\t\t\t\tvar importeFijoInt = parseInt(discount.importeFijo);\r\n\t\t\t\t\t\t\tif (importeFijoInt !== 0) {\r\n\t\t\t\t\t\t\t\toldProduct.discount = parseFloat(oldProduct.price - discount.importeFijo);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\toldProduct.discount =\r\n\t\t\t\t\t\t\t\t\tparseFloat(oldProduct.price) -\r\n\t\t\t\t\t\t\t\t\tparseFloat(oldProduct.price) * parseFloat(discount.importePorcentaje / 100);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tdiscountErrors: errors ? errors : [],\r\n\t\t\tdiscounts: response.discounts ? response.discounts : [],\r\n\t\t\tdiscountApplied: true,\r\n\t\t\tproducts: oldProducts\r\n\t\t});\r\n\t};\r\n\r\n\thandleDiscountChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value.toUpperCase();\r\n\t\tthis.setState({\r\n\t\t\tdiscount: value\r\n\t\t});\r\n\t};\r\n\r\n\tshowBeneficiaryPrice = (product) => {\r\n\t\tif (product.alias === 'RCCASM0003' || product.alias === 'RCCASM0004' || product.alias === 'RCCASM0001') {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn true;\r\n\t};\r\n\r\n\trenderErrors = () => {\r\n\t\tconst { errores } = this.state;\r\n\t\tlet htmlErrors = [];\r\n\r\n\t\tif (Array.isArray(errores) && errores.length > 0) {\r\n\t\t\terrores.forEach((error, i) => {\r\n\t\t\t\thtmlErrors.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{product.discount === undefined || product.discount === '' ? (\r\n\t\t\t\t\t\t\t\tthis.getProductPrice(product)\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.getProductPrice(product)}\r\n\t\t\t\t\t\t\t\t\t{this.getProductDiscountPrice(product)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPrecio beneficiario: {this.getProductBeneficiaryPrice(product)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.onClickContract(product)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tContratar\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.downloadPdf(product)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tVER PDF\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{product.name}
\r\n\t\t\t\t\t\t{product.imageURL ? (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{product.videoURL ? (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t 0 ? (\r\n\t\t\t\t\t\t\t'alert alert-primary text-uppercase'\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t'd-none'\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\trole=\"alert\"\r\n\t\t\t\t>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tCÓDIGO DE DESCUENTO APLICADO: {this.state.discount}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t×\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{this.state.discountErrors}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t×\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.createInputs()}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PricingGridFromHistory = withRouter(PricingGrid);\r\nconst PricingGridWithTranslation = withTranslation()(PricingGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(PricingGridWithTranslation);\r\n","const getFormElements = (data, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'alias',\r\n\t\t\tname: 'alias',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Alias',\r\n\t\t\tvalue: data.alias,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'description',\r\n\t\t\tname: 'description',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Descripción',\r\n\t\t\tvalue: data.description,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'docProductURL' + data.id,\r\n\t\t\tname: 'docProductURL' + data.id,\r\n\t\t\ttype: 'download-link',\r\n\t\t\ttext: 'Descargar',\r\n\t\t\tappearance: options.appearance,\r\n\t\t\tplaceholder: 'Documento del producto',\r\n\t\t\tvalue: data.docProductURL,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'docCoberageURL' + data.id,\r\n\t\t\tname: 'docCoberageURL' + data.id,\r\n\t\t\ttype: 'download-link',\r\n\t\t\tappearance: options.appearance,\r\n\t\t\ttext: 'Descargar',\r\n\t\t\tplaceholder: 'Documento de coberage',\r\n\t\t\tvalue: data.docCoberageURL,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nconst getCategoriesElements = (categories, options) => {\r\n\tlet categoriesElement = [\r\n\t\t{\r\n\t\t\tid: 'categories',\r\n\t\t\tname: 'categories',\r\n\t\t\ttype: 'list-view',\r\n\t\t\taddClassItem: 'list-group-item-dark',\r\n\t\t\tkey: 'name',\r\n\t\t\ttextEmpty: 'No hay Categorias',\r\n\t\t\tplaceholder: 'Categorias',\r\n\t\t\tvalue: categories,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn categoriesElement;\r\n};\r\n\r\nconst getModulesElements = (data, options) => {\r\n\tlet modulesElement = [\r\n\t\t{\r\n\t\t\tid: 'modulesTitle',\r\n\t\t\tname: 'modulesTitle',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tvalue: data.productModules ? 'Productos Módulos (' + data.productModules.length + ')' : 'Productos Módulos (0)',\r\n\t\t\taddcss: 'font-weight-bold'\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: data.id,\r\n\t\t\tname: 'productModules',\r\n\t\t\ttype: 'list-checkbox',\r\n\t\t\tkey: 'productName',\r\n\t\t\ttextEmpty: 'No hay Productos Módulos',\r\n\t\t\tplaceholder: data.productModules ? 'Productos Módulos (' + data.productModules.length + ')' : 'Productos Módulos (0)',\r\n\t\t\tvalue: data.productModules,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn modulesElement;\r\n};\r\n\r\nexport { getFormElements, getCategoriesElements, getModulesElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport PricingGrid from './PricingGrid/PricingGrid';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\n\r\nexport class Pricing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.renderErrors()}
\r\n\t\t\t\t\t\t\tProductos: {this.state.products.length}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t| \r\n\t\t\t\t\t\t\t\t\t\t\t{this.renderProductHeader()}\r\n\t\t\t\t\t\t\t\t\t\t |
|---|
| \r\n\t\t\t\t\t\t\t\t\t\t\t{this.renderProductFooter()}\r\n\t\t\t\t\t\t\t\t\t\t |
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PricingFromHistory = withRouter(Pricing);\r\nconst PricingWithTranslation = withTranslation()(PricingFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\topenModal,\r\n\tstartRequest,\r\n\tcloseModal\r\n})(PricingWithTranslation);\r\n","export default {\r\n\tLogIn: \"LogIn\",\r\n\tSignUp: \"SignUp\",\r\n\tDoYouHaveAnAccount: \"DoYouHaveAnAccount\",\r\n\tDontYouHaveAnAccount: \"DontYouHaveAnAccount\",\r\n};","export default {\r\n Welcome: \"Welcome\",\r\n EmailRecoverPassword: \"EmailRecoverPassword\", \r\n\tPasswordSaved: \"PasswordSaved\", \r\n};","const ROUTE = {\r\n\tROOT: '/',\r\n\tHOME: '/Home',\r\n\tAPPEARANCE: '/Appearance',\r\n\tLOGIN: '/Login',\r\n\tLOGINERSM: '/LoginRSM/:email/:token',\r\n\tLOGOUT: '/Logout',\r\n\tCATALOG: '/Catalog',\r\n\tCONTRACTS: '/Contracts',\r\n\tCONTRACTS_ID: '/Contracts/:contracts_id',\r\n\tCONTRACTS_PDFViewer_ID: '/Contracts/PDFViewer/:contracts_id',\r\n\tRECEIPTS: '/Receipts',\r\n\tRECEIPTS_ID: '/Receipts/:receipt_id',\r\n\tLIQUIDATIONS: '/Liquidations',\r\n\tLIQUIDATIONS_ID: '/Liquidations/:liquidation_id',\r\n\tLEARNING: '/ELearning',\r\n\tFAQS: '/Faqs',\r\n\tNEWS: '/News',\r\n\tNEW: '/News/:news_id',\r\n\tPRICING: '/Catalog/Pricing/:budget_id',\r\n\tHIERARCHY: '/Hierarchy',\r\n\tPRODUCTS: '/Products',\r\n\tPRODUCTMODULES: '/ProductModules',\r\n\tCONTRACT_NEURONA: '/Contratacion/:receipt_id/:precontract_id/:reference',\r\n\tBUDGETS_ID: '/Budgets/:budget_id',\r\n\tBUDGETS: '/Budgets',\r\n\tCONTRATACION_ID: '/Contratacion/:budget_id',\r\n\tCONTRATACION: '/Contratacion',\r\n\tUSERS: '/Users',\r\n\tCONSULTATIONS: '/Consultas',\r\n\tFORGOTPASSWORD: '/ForgotPassword',\r\n\tRESETPASSWORD: '/ResetPassword',\r\n\tACCESSQUERY: '/AccessQuery',\r\n\tCONFIRMEMAIL: '/ConfirmEmail',\r\n\tCONFIRMPAYMENTMOBILE: \"/ConfirmPaymentMobile/:precontract_id\",\r\n\tEIAC: '/Eiac'\r\n};\r\nexport { ROUTE };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport LOGIN_CONSTANTS from '../../locales/login/login';\r\nimport MESSAGES_CONSTANTS from '../../locales/global/messages';\r\n\r\nimport { ROUTE } from '../../common/constants/routes';\r\n\r\nimport './Welcome.css';\r\n\r\nclass Welcome extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {t, history} = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tTarificación de Productos
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\r\n});\r\n\r\nconst WelcomeWithRouter = withRouter(Welcome);\r\nconst WelcomeWithTranslation = withTranslation()(WelcomeWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n})(WelcomeWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons';\r\nimport { getReceiptParams } from './ReceiptCall/ReceiptCall';\r\nimport { StyledLink } from '../../../shared/StyledLink';\r\nimport { StyledSpan } from '../../../shared/StyledSpan';\r\nimport { getFormElements1, getFormElements2 } from './FormElements/formElements';\r\nimport CustomForm from '../../../shared/CustomForm/CustomForm';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Receipt.css';\r\n\r\nclass Receipt extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: [],\r\n\t\t\treceipt: {},\r\n\t\t\treceiptId: props.match.params.receipt_id\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.getReceipt();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tgetReceipt = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getReceiptParams(this.state.receiptId, this.setReceipt));\r\n\t};\r\n\r\n\tsetReceipt = (response) => {\r\n\t\tthis.setState({\r\n\t\t\treceipt: response\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = (column) => {\r\n\t\tlet formElements;\r\n\t\tif (column === 1) {\r\n\t\t\tformElements = getFormElements1(this.state.receipt);\r\n\t\t} else {\r\n\t\t\tformElements = getFormElements2(this.state.receipt);\r\n\t\t}\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t![\"Logo](\"./logo-racc.png\")
\r\n\t\t\t\t\t history.push(ROUTE.LOGIN)}>{t(LOGIN_CONSTANTS.LogIn)} \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t{t(MESSAGES_CONSTANTS.Welcome)}
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst ReceiptWithRouter = withRouter(Receipt);\r\nconst ReceiptWithTranslation = withTranslation()(ReceiptWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ReceiptWithTranslation);\r\n","const getReceiptParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Receipt/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getReceiptParams };\r\n","const getFormElements1 = (form, action, options) => {\r\n\tlet formElements1 = [\r\n\t\t{\r\n\t\t\tid: 'insurancePolicyNumber',\r\n\t\t\tname: 'insurancePolicyNumber',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Número de póliza',\r\n\t\t\tvalue: form.insurancePolicyNumber,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'receiptNumber',\r\n\t\t\tname: 'receiptNumber',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Número de recibo',\r\n\t\t\tvalue: form.receiptNumber,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'receiptSituation',\r\n\t\t\tname: 'receiptSituation',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Situación recibo',\r\n\t\t\tvalue: form.receiptSituation,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'situationDate',\r\n\t\t\tname: 'situationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha situación',\r\n\t\t\tvalue: form.situationDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'receiptType',\r\n\t\t\tname: 'receiptType',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Tipo de recibo',\r\n\t\t\tvalue: form.receiptType,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'refund',\r\n\t\t\tname: 'refund',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Recibo / Extorno',\r\n\t\t\tvalue: form.refund,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'status',\r\n\t\t\tname: 'status',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Estado',\r\n\t\t\tvalue: form.status,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'effectiveDate',\r\n\t\t\tname: 'effectiveDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha efecto',\r\n\t\t\tvalue: form.effectiveDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'expirationDate',\r\n\t\t\tname: 'expirationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha vencimiento',\r\n\t\t\tvalue: form.expirationDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'netPremium',\r\n\t\t\tname: 'netPremium',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe prima neta',\r\n\t\t\tvalue: form.netPremium,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'totalPremium',\r\n\t\t\tname: 'totalPremium',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe prima total',\r\n\t\t\tvalue: form.totalPremium,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements1;\r\n};\r\n\r\nconst getFormElements2 = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'collectionManager',\r\n\t\t\tname: 'collectionManager',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Gestor de cobro',\r\n\t\t\tvalue: form.collectionManager,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'isDomiciledIBAN',\r\n\t\t\tname: 'isDomiciledIBAN',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Si es domiciliado el IBAN',\r\n\t\t\tvalue: form.isDomiciledIBAN,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\t/*if (form.liquidationReceiptStatus !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationReceiptStatus',\r\n\t\t\tname: 'liquidationReceiptStatus',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Estado recibo liquidación colaborador',\r\n\t\t\tvalue: form.liquidationReceiptStatus,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}*/\r\n\r\n\tif (form.commissionAmount !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'commissionAmount',\r\n\t\t\tname: 'commissionAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe comisión',\r\n\t\t\tvalue: form.commissionAmount,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\t/*if (form.liquidAmount !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidAmount',\r\n\t\t\tname: 'liquidAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe líquido',\r\n\t\t\tvalue: form.liquidAmount,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}*/\r\n\r\n\tif (form.netAmountToLiquidation !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'netAmountToLiquidation',\r\n\t\t\tname: 'netAmountToLiquidation',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe neto liquidar',\r\n\t\t\tvalue: form.netAmountToLiquidation,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\t/*if (form.liquidationRetentionAmount !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationRetentionAmount',\r\n\t\t\tname: 'liquidationRetentionAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe retención liquidación',\r\n\t\t\tvalue: form.liquidationRetentionAmount,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\tif (form.liquidationTaxAmount !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationTaxAmount',\r\n\t\t\tname: 'liquidationTaxAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Importe IVA liquidación',\r\n\t\t\tvalue: form.liquidationTaxAmount,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\tif (form.liquidationMode !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationMode',\r\n\t\t\tname: 'liquidationMode',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Modalidad liquidación',\r\n\t\t\tvalue: form.liquidationMode,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}*/\r\n\r\n\tif (form.liquidationBillNumber !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationBillNumber',\r\n\t\t\tname: 'liquidationBillNumber',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Número factura liquidación',\r\n\t\t\tvalue: form.liquidationBillNumber,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\tif (form.liquidationBillDate !== '') {\r\n\t\tformElements.push({\r\n\t\t\tid: 'liquidationBillDate',\r\n\t\t\tname: 'liquidationBillDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha factura liquidación',\r\n\t\t\tvalue: form.liquidationBillDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\treturn formElements;\r\n};\r\nexport { getFormElements1, getFormElements2 };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getReceiptsParams } from './ReceiptsCalls/ReceiptsCalls';\r\nimport './ReceiptsGrid.css';\r\n\r\nexport class ReceiptsGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\treceipts: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterReceipts: {\r\n\t\t\t\tPosStart: 0\r\n\t\t\t},\r\n\t\t\tcurrentPage: 1,\r\n\t\t\treceiptsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'insurancePolicyNumber',\r\n\t\t\t\t\theaderText: 'Número de póliza',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptNumber',\r\n\t\t\t\t\theaderText: 'Número de recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptSituation',\r\n\t\t\t\t\theaderText: 'Situación recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t/*{\r\n\t\t\t\t\tfield: 'liquidationReceiptStatus',\r\n\t\t\t\t\theaderText: 'Estado recibo liquidación colaborador',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},*/\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptType',\r\n\t\t\t\t\theaderText: 'Tipo de recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'refund',\r\n\t\t\t\t\theaderText: 'Recibo / Extorno',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'status',\r\n\t\t\t\t\theaderText: 'Estado Activo/Suspenso',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'effectiveDate',\r\n\t\t\t\t\theaderText: 'Fecha efecto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'expirationDate',\r\n\t\t\t\t\theaderText: 'Fecha vencimiento',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'totalPremium',\r\n\t\t\t\t\theaderText: 'Importe prima total',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'commissionAmount',\r\n\t\t\t\t\theaderText: 'Importe comisión',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getReceipts(this.state.filterReceipts);\r\n\t};\r\n\r\n\tsetFilterReceipts = (filterReceipts, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterReceipts: filterReceipts,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getReceipts(filterReceipts);\r\n\t};\r\n\r\n\tgetReceipts = (filterReceipts) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getReceiptsParams(filterReceipts, this.setReceiptsState));\r\n\t};\r\n\r\n\tsetReceiptsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\treceipts: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterReceipts = this.state.filterReceipts;\r\n\t\tnewfilterReceipts.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterReceipts(newfilterReceipts, currentPage);\r\n\t};\r\n\r\n\tmyOnSortingChange = (IsAscending, ColumnOrderName) => {\r\n\t\tlet newfilterReceipts = this.state.filterReceipts;\r\n\t\tnewfilterReceipts.IsAscending = IsAscending;\r\n\t\tnewfilterReceipts.ColumnOrderName = ColumnOrderName;\r\n\t\tthis.setFilterReceipts(newfilterReceipts);\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Receipts/' + rowData.id);\r\n\t};\r\n\r\n\tonClickDelete = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Receipts/' + rowData.id);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/Receipts');\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tListado de Recibos\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Recibo
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Recibo \r\n\t\t\t\t\t\t\t\t\t#{this.state.receiptId}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst ReceiptsGridFromHistory = withRouter(ReceiptsGrid);\r\nconst ReceiptsGridWithTranslation = withTranslation()(ReceiptsGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(ReceiptsGridWithTranslation);\r\n","const getReceiptsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Receipt',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getReceiptsParams };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ReceiptsGrid from './ReceiptsGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Receipts.css';\r\n\r\nclass Receipts extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ReceiptsWithRouter = withRouter(Receipts);\r\nconst ReceiptsWithTranslation = withTranslation()(ReceiptsWithRouter);\r\n\r\nexport default connect(mapStateToProps, {})(ReceiptsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getLiquidationsParams } from './LiquidationsCall/LiquidationsCall';\r\nimport './LiquidationsGrid';\r\n\r\nexport class LiquidationsGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tliquidations: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterLiquidations: {\r\n\t\t\t\tPosStart: 0\r\n\t\t\t},\r\n\t\t\tcurrentPage: 1,\r\n\t\t\tliquidationsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'billId',\r\n\t\t\t\t\theaderText: 'Id de factura',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'liquidationDate',\r\n\t\t\t\t\theaderText: 'Fecha de Liquidación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'grossAmount',\r\n\t\t\t\t\theaderText: 'Total Bruto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'netAmount',\r\n\t\t\t\t\theaderText: 'Total Neto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'retentionAmount',\r\n\t\t\t\t\theaderText: 'Total Retenciones',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'ivaAmout',\r\n\t\t\t\t\theaderText: 'Total IVA',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getLiquidations(this.state.filterLiquidations);\r\n\t};\r\n\r\n\tsetFilterLiquidations = (filterLiquidations, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterLiquidations: filterLiquidations,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getLiquidations(filterLiquidations);\r\n\t};\r\n\r\n\tgetLiquidations = (filterLiquidations) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getLiquidationsParams(filterLiquidations, this.setLiquidationsState));\r\n\t};\r\n\r\n\tsetLiquidationsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tliquidations: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterLiquidations = this.state.filterLiquidations;\r\n\t\tnewfilterLiquidations.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterLiquidations(newfilterLiquidations, currentPage);\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Liquidations/' + rowData.id);\r\n\t};\r\n\r\n\tonClickDelete = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Liquidations/' + rowData.id);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tMis Recibos
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst LiquidationsGridFromHistory = withRouter(LiquidationsGrid);\r\nconst LiquidationsGridWithTranslation = withTranslation()(LiquidationsGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(LiquidationsGridWithTranslation);\r\n","const getLiquidationsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Liquidation',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getLiquidationsParams };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport LiquidationsGrid from './LiquidationsGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Liquidations.css';\r\n\r\nclass Liquidations extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst LiquidationsWithRouter = withRouter(Liquidations);\r\nconst LiquidationsWithTranslation = withTranslation()(LiquidationsWithRouter);\r\n\r\nexport default connect(mapStateToProps, {})(LiquidationsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledLink } from '../../../shared/StyledLink';\r\nimport { StyledSpan } from '../../../shared/StyledSpan';\r\nimport { getLiquidationParams } from './LiquidationCall/LiquidationCall';\r\nimport { getFormElements } from './FormElements/formElements';\r\nimport CustomForm from '../../../shared/CustomForm/CustomForm';\r\nimport CustomGrid from '../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Liquidation.css';\r\n\r\nclass Liquidation extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: [],\r\n\t\t\tliquidation: {\r\n\t\t\t\treceipts: { items: [], count: 10 }\r\n\t\t\t},\r\n\t\t\tliquidationId: props.match.params.liquidation_id,\r\n\t\t\tcurrentPage: 1,\r\n\t\t\treceiptsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'billId',\r\n\t\t\t\t\theaderText: 'Modalidad liquidación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'clientName',\r\n\t\t\t\t\theaderText: 'Nombre cliente',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'clientNIF',\r\n\t\t\t\t\theaderText: 'NIF Cliente',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'liquidationId',\r\n\t\t\t\t\theaderText: 'Póliza',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptType',\r\n\t\t\t\t\theaderText: 'Num. recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'product',\r\n\t\t\t\t\theaderText: 'Producto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'liquidationDate',\r\n\t\t\t\t\theaderText: 'Fecha liquidación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptEffectiveDate',\r\n\t\t\t\t\theaderText: 'Fecha efecto recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptSituation',\r\n\t\t\t\t\theaderText: 'Situación recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptSituationDate',\r\n\t\t\t\t\theaderText: 'Fecha situación recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'totalImport',\r\n\t\t\t\t\theaderText: 'Importe Total',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'netPremium',\r\n\t\t\t\t\theaderText: 'Prima neta',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'commission',\r\n\t\t\t\t\theaderText: 'Comisión',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'liquit',\r\n\t\t\t\t\theaderText: 'Líquido',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'retention',\r\n\t\t\t\t\theaderText: 'Retención',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'iva',\r\n\t\t\t\t\theaderText: 'IVA',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'netToliquidating',\r\n\t\t\t\t\theaderText: 'Neto a liquidar',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.getLiquidation();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tgetLiquidation = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getLiquidationParams(this.state.liquidationId, this.setLiquidation));\r\n\t};\r\n\r\n\tsetLiquidation = (response) => {\r\n\t\tlet newLiquidation = {\r\n\t\t\t...response,\r\n\t\t\treceipts: { items: response.list, count: 10 }\r\n\t\t};\r\n\t\tthis.setState({\r\n\t\t\tliquidation: newLiquidation\r\n\t\t});\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Receipts/' + rowData.receiptId);\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tlet formElements = getFormElements(this.state.liquidation);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tMis Liquidaciones
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst LiquidationWithRouter = withRouter(Liquidation);\r\nconst LiquidationWithTranslation = withTranslation()(LiquidationWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(LiquidationWithTranslation);\r\n","const getLiquidationParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Liquidation/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getLiquidationParams };\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElementsNews = [\r\n\t\t{\r\n\t\t\tid: 'billId',\r\n\t\t\tname: 'billId',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Id de Factura',\r\n\t\t\tvalue: form.billId,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'liquidationDate',\r\n\t\t\tname: 'liquidationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha de Liquidación',\r\n\t\t\tvalue: form.liquidationDate,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'grossAmount',\r\n\t\t\tname: 'grossAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Gross Amount',\r\n\t\t\tvalue: form.grossAmount,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'netAmount',\r\n\t\t\tname: 'netAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Total Neto',\r\n\t\t\tvalue: form.netAmount,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'retentionAmount',\r\n\t\t\tname: 'retentionAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Retención Total',\r\n\t\t\tvalue: form.retentionAmount,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'ivaAmout',\r\n\t\t\tname: 'ivaAmout',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Total IVA',\r\n\t\t\tvalue: form.ivaAmout,\r\n\t\t\taddLabelClass:'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElementsNews;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getContractsParams } from './ContractsCalls/ContractsCalls';\r\nimport './ContractsGrid';\r\n\r\nexport class ContractsGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tcontracts: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterContracts: {\r\n\t\t\t\tPosStart: 0\r\n\t\t\t},\r\n\t\t\tcurrentPage: 1,\r\n\t\t\tcontractsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'insurancePolicyNumber',\r\n\t\t\t\t\theaderText: 'Número de Póliza',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'status',\r\n\t\t\t\t\theaderText: 'Estado de la Póliza',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'fullName',\r\n\t\t\t\t\theaderText: 'Nombre Tomador',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'nif',\r\n\t\t\t\t\theaderText: 'NIF',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'branchName',\r\n\t\t\t\t\theaderText: 'Ramo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'scopeName',\r\n\t\t\t\t\theaderText: 'Ámbito',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'productName',\r\n\t\t\t\t\theaderText: 'Producto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'companyName',\r\n\t\t\t\t\theaderText: 'Compañía',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'issueDate',\r\n\t\t\t\t\theaderText: 'Fecha emisión',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'firstEffectDate',\r\n\t\t\t\t\theaderText: 'Fecha primer efecto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'effectiveDate',\r\n\t\t\t\t\theaderText: 'Fecha efecto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'expirationDate',\r\n\t\t\t\t\theaderText: 'Fecha vencimiento',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'cancelationDate',\r\n\t\t\t\t\theaderText: 'Fecha anulación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'sellerName',\r\n\t\t\t\t\theaderText: 'Usuario Vendedor',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'riskFullName',\r\n\t\t\t\t\theaderText: 'Riesgo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'totalAnnualReceipt',\r\n\t\t\t\t\theaderText: 'Total recibo anual',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.getContracts(this.state.filterContracts);\r\n\t};\r\n\r\n\tsetFilterContracts = (filterContracts, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterContracts: filterContracts,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getContracts(filterContracts);\r\n\t};\r\n\r\n\tgetContracts = (filterContracts) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getContractsParams(filterContracts, this.setContractsState));\r\n\t};\r\n\r\n\tsetContractsState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tcontracts: {\r\n\t\t\t\titems: response.list,\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterContracts = this.state.filterContracts;\r\n\t\tnewfilterContracts.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterContracts(newfilterContracts, currentPage);\r\n\t};\r\n\r\n\tmyOnSortingChange = (IsAscending, ColumnOrderName) => {\r\n\t\tlet newfilterContracts = this.state.filterContracts;\r\n\t\tnewfilterContracts.IsAscending = IsAscending;\r\n\t\tnewfilterContracts.ColumnOrderName = ColumnOrderName;\r\n\t\tthis.setFilterContracts(newfilterContracts);\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Contracts/' + rowData.id);\r\n\t};\r\n\r\n\tonClickDelete = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Contracts/' + rowData.id);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/Liquidations');\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tListado de Liquidaciones\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Liquidación{' '}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Liquidación{' '}\r\n\t\t\t\t\t\t\t\t#{this.state.liquidationId} \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tRecibos
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst ContractsGridFromHistory = withRouter(ContractsGrid);\r\nconst ContractsGridWithTranslation = withTranslation()(ContractsGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(ContractsGridWithTranslation);\r\n","const getContractsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getContractsParams };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ContractsGrid from './ContractsGrid';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\nimport './Contracts.css';\r\n\r\nclass Contracts extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ContractsWithRouter = withRouter(Contracts);\r\nconst ContractsWithTranslation = withTranslation()(ContractsWithRouter);\r\n\r\nexport default connect(mapStateToProps, {})(ContractsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport PersonContractPDFView from './PersonContractPDF/PersonContractPDFView';\r\nimport VehicleContractPDFView from './VehicleContractPDF/VehicleContractPDF';\r\n\r\nimport { startRequest } from '../../../../actions/apiCall';\r\n\r\nimport { getContractPDFParams } from './pdfViewsCalls';\r\nimport './ContractPDFViewer.css';\r\n\r\nclass ContractPDFViewer extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tdata: {}\r\n\t\t};\r\n\t}\r\n\tdownloadPdf = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getContractPDFParams(this.props.insurancePolicyId, this.createPdf));\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.downloadPdf();\r\n\t}\r\n\tcreatePdf = (data) => {\r\n\t\tif (data.branch === 'AFIPERS') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tpdf: Mis Contratos
\r\n\t\t\t\t\r\n\t\t\t\t{this.state.showPdfViewer ? this.state.pdf : null}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ContractPDFViewerWithRouter = withRouter(ContractPDFViewer);\r\nconst ContractPDFViewerWithTranslation = withTranslation()(ContractPDFViewerWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ContractPDFViewerWithTranslation);\r\n","const getContractPDFParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract/DownloadPDF/' +id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport {\r\n\tgetContractPDFParams,\t\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport { closeModal } from '../../../../actions/popup';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { deleteContractParams } from '../ContractCall/ContractCall';\r\n\r\nimport './PopUpContractDelete.css';\r\n\r\nexport class PopUpContractDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tmyCancel = () => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t};\r\n\r\n\tmySubmit = () => {\r\n\t\tconst { contractId } = this.props;\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(deleteContractParams(contractId, this.onDeleteSuccess));\r\n\t};\r\n\r\n\tonDeleteSuccess = () => {\r\n\t\tconst { closeModal, HandleRefresh } = this.props;\r\n\t\tcloseModal();\r\n\t\tHandleRefresh();\r\n\t\ttoastDone('Se ha eliminado correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\tlet myAction, myText;\r\n\t\tmyAction = 'ELIMINAR';\r\n\t\tmyText = '¿Estás seguro que deseas eliminar este contrato?';\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpUserDeleteWithTranslation = withTranslation()(PopUpContractDelete);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(PopUpUserDeleteWithTranslation);\r\n","const getContractParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract/Detail/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteContractParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tendpoint: '/api/Contract/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getContractParams, deleteContractParams };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { StyledLink } from '../../../shared/StyledLink';\r\nimport { StyledSpan } from '../../../shared/StyledSpan';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons';\r\nimport { getContractParams } from './ContractCall/ContractCall';\r\nimport { getFormElements1, getFormElements2, getFormElements3, getFormElements4 } from './FormElements/formElements';\r\nimport CustomForm from '../../../shared/CustomForm/CustomForm';\r\nimport CustomGrid from '../../../shared/CustomGrid/CustomGrid';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { getDownloadPdf } from '../Budgets/BudgetGrid/BudgetsCalls';\r\nimport PersonContractPDFView from '../Contracts/PdfViews/PersonContractPDF/PersonContractPDFView';\r\nimport VehicleContractPDF from '../Contracts/PdfViews/VehicleContractPDF/VehicleContractPDF';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\nimport PopUpContractDelete from './PopUpContractDelete';\r\nimport './Contract.css';\r\n\r\nclass Contract extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: [],\r\n\t\t\tcontract: {},\r\n\t\t\treceipts: { items: [], count: 10 },\r\n\t\t\tcontractId: props.match.params.contracts_id,\r\n\t\t\tcurrentPage: 1,\r\n\t\t\treceiptsColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'receiptNumber',\r\n\t\t\t\t\theaderText: 'Número de recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'situation',\r\n\t\t\t\t\theaderText: 'Situación recibo',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'situationDate',\r\n\t\t\t\t\theaderText: 'Fecha situación',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'effectiveDate',\r\n\t\t\t\t\theaderText: 'Fecha efecto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'netPremium',\r\n\t\t\t\t\theaderText: 'Importe neto',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'totalPremium',\r\n\t\t\t\t\theaderText: 'Importe total',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.getContract();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tgetContract = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getContractParams(this.state.contractId, this.setContract));\r\n\t};\r\n\r\n\tsetContract = (response) => {\r\n\t\tlet newReceipts = {\r\n\t\t\titems: response.receipt\r\n\t\t};\r\n\t\tthis.setState({\r\n\t\t\tcontract: response,\r\n\t\t\treceipts: newReceipts\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = (column) => {\r\n\t\tlet formElements;\r\n\t\tif (column === 1) {\r\n\t\t\tformElements = getFormElements1(this.state.contract);\r\n\t\t} else if (column === 2) {\r\n\t\t\tformElements = getFormElements2(this.state.contract);\r\n\t\t} else if (column === 3) {\r\n\t\t\tformElements = getFormElements3(this.state.contract);\r\n\t\t} else if (column === 4) {\r\n\t\t\tformElements = getFormElements4(this.state.contract);\r\n\t\t}\r\n\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tdownloadPdf = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getDownloadPdf(this.state.contractId, this.createPdf));\r\n\t};\r\n\r\n\tcreatePdf = (data) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tlet pdfToOpen;\r\n\r\n\t\tdata.scopeName = this.state.contract.scopeName;\r\n\t\tif (data.branch === 'AFIPERS') {\r\n\t\t\tpdfToOpen = \r\n\t\t\t\t\t
\r\n\t\t\t\t{myText}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCANCELAR\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{myAction}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{pdfToOpen}\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t};\r\n\t\topenModal(options);\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Receipts/' + rowData.id);\r\n\t};\r\n\r\n\tonClickDelete = (id) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\taction: 'Delete',\r\n\t\t\ttitle: 'Eliminar Contrato',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst ContractWithRouter = withRouter(Contract);\r\nconst ContractWithTranslation = withTranslation()(ContractWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(ContractWithTranslation);\r\n","const getFormElements1 = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'insurancePolicyNumber',\r\n\t\t\tname: 'insurancePolicyNumber',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Número de póliza',\r\n\t\t\tvalue: form.insurancePolicyNumber,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'status',\r\n\t\t\tname: 'status',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Estado póliza',\r\n\t\t\tvalue: form.status,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'nif',\r\n\t\t\tname: 'nif',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'NIF Tomador',\r\n\t\t\tvalue: form.nif,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'fullName',\r\n\t\t\tname: 'fullName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Nombre Completo Tomador',\r\n\t\t\tvalue: form.fullName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'birthDate',\r\n\t\t\tname: 'birthDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha de nacimiento Tomador',\r\n\t\t\tvalue: form.birthDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'takerAddress',\r\n\t\t\tname: 'takerAddress',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Dirección Tomador',\r\n\t\t\tvalue: form.takerAddress,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'takerPhone',\r\n\t\t\tname: 'takerPhone',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Teléfono tomador',\r\n\t\t\tvalue: form.takerPhone,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'takerEmail',\r\n\t\t\tname: 'takerEmail',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Email tomador',\r\n\t\t\tvalue: form.takerEmail,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'branchName',\r\n\t\t\tname: 'branchName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Ramo',\r\n\t\t\tvalue: form.branchName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'scopeName',\r\n\t\t\tname: 'scopeName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Ámbito',\r\n\t\t\tvalue: form.scopeName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nconst getFormElements2 = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'productName',\r\n\t\t\tname: 'productName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Producto',\r\n\t\t\tvalue: form.productName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'companyName',\r\n\t\t\tname: 'companyName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Compañía',\r\n\t\t\tvalue: form.companyName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'duration',\r\n\t\t\tname: 'duration',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Duración',\r\n\t\t\tvalue: form.duration,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'saveDate',\r\n\t\t\tname: 'saveDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha creación',\r\n\t\t\tvalue: form.saveDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'IVAAmount',\r\n\t\t\tname: 'IVAAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha emisión',\r\n\t\t\tvalue: form.issueDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'firstEffectDate',\r\n\t\t\tname: 'firstEffectDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha primer efecto',\r\n\t\t\tvalue: form.firstEffectDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'effectiveDate',\r\n\t\t\tname: 'effectiveDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha efecto',\r\n\t\t\tvalue: form.effectiveDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'expirationDate',\r\n\t\t\tname: 'expirationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha vencimiento',\r\n\t\t\tvalue: form.expirationDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'cancelationDate',\r\n\t\t\tname: 'cancelationDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha anulación',\r\n\t\t\tvalue: form.cancelationDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\treturn formElements;\r\n};\r\n\r\nconst getFormElements3 = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'cancelledMotive',\r\n\t\t\tname: 'cancelledMotive',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Motivo anulación',\r\n\t\t\tvalue: form.cancelledMotive,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'updateDate',\r\n\t\t\tname: 'updateDate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Fecha modificación',\r\n\t\t\tvalue: form.updateDate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'campaignDiscountDescription',\r\n\t\t\tname: 'campaignDiscountDescription',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Descripción descuento campaña',\r\n\t\t\tvalue: form.campaignDiscountDescription,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'sellerName',\r\n\t\t\tname: 'sellerName',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Usuario Vendedor',\r\n\t\t\tvalue: form.sellerName,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'warranties',\r\n\t\t\tname: 'warranties',\r\n\t\t\ttype: 'list-view',\r\n\t\t\tkey: 'description',\r\n\t\t\ttextEmpty: 'No hay garantias',\r\n\t\t\tplaceholder: 'Garantías contratadas',\r\n\t\t\tvalue: form.warranties,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'IVAAmount',\r\n\t\t\tname: 'IVAAmount',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Domiciliación bancaria',\r\n\t\t\tvalue: form.iban,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'annualNetPremium',\r\n\t\t\tname: 'annualNetPremium',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Prima neta anual',\r\n\t\t\tvalue: form.annualNetPremium,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'totalAnnualReceipt',\r\n\t\t\tname: 'totalAnnualReceipt',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Total recibo anual',\r\n\t\t\tvalue: form.totalAnnualReceipt,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\treturn formElements;\r\n};\r\n\r\nconst getFormElements4 = (form, action, options) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'riskType',\r\n\t\t\tname: 'riskType',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Tipo de Riesgo',\r\n\t\t\tvalue: form.riskType,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'usualLicensePlate',\r\n\t\t\tname: 'usualLicensePlate',\r\n\t\t\ttype: 'no-input-text',\r\n\t\t\tplaceholder: 'Matrícula habitual',\r\n\t\t\tvalue: form.usualLicensePlate,\r\n\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\tif (form.riskType === 2 || form.riskType === '2') {\r\n\t\tlet peopleForm = [\r\n\t\t\t{\r\n\t\t\t\tid: 'riskNIF',\r\n\t\t\t\tname: 'riskNIF',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tplaceholder: 'NIF',\r\n\t\t\t\tvalue: form.riskNIF,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: true\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'riskFullName',\r\n\t\t\t\tname: 'riskFullName',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tplaceholder: 'Nombre Completo',\r\n\t\t\t\tvalue: form.riskFullName,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: true\r\n\t\t\t}\r\n\t\t];\r\n\t\tformElements = formElements.concat(peopleForm);\r\n\t} else if (form.riskType === 1 || form.riskType === '1') {\r\n\t\tlet carForm = [\r\n\t\t\t{\r\n\t\t\t\tid: 'vehicleLicensePlate',\r\n\t\t\t\tname: 'vehicleLicensePlate',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tplaceholder: 'Matrícula',\r\n\t\t\t\tmaxLength: 20,\r\n\t\t\t\tvalue: form.vehicleLicensePlate,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: true\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'vehicleBrand',\r\n\t\t\t\tname: 'vehicleBrand',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tmaxLength: 100,\r\n\t\t\t\tplaceholder: 'Marca',\r\n\t\t\t\tvalue: form.vehicleBrand,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: false\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'vehicleModel',\r\n\t\t\t\tname: 'vehicleModel',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tmaxLength: 100,\r\n\t\t\t\tplaceholder: 'Model',\r\n\t\t\t\tvalue: form.vehicleModel,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: false\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tid: 'vehicleVersion',\r\n\t\t\t\tname: 'vehicleVersion',\r\n\t\t\t\ttype: 'no-input-text',\r\n\t\t\t\tmaxLength: 100,\r\n\t\t\t\tplaceholder: 'Versión',\r\n\t\t\t\tvalue: form.vehicleVersion,\r\n\t\t\t\taddLabelClass: 'font-weight-bold',\r\n\t\t\t\trequired: false\r\n\t\t\t}\r\n\t\t];\r\n\t\tformElements = formElements.concat(carForm);\r\n\t}\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements1, getFormElements2, getFormElements3, getFormElements4 };\r\n","export default {\r\n\tForgotPasswordTitle: \"ForgotPasswordTitle\",\r\n\tForgotPasswordDescription: \"ForgotPasswordDescription\",\r\n\tForgotPasswordQuestion: \"ForgotPasswordQuestion\",\r\n};","const SHOW_LOADING = 'SHOW_LOADING';\r\nconst HIDE_LOADING = 'HIDE_LOADING';\r\n\r\nexport default {\r\n SHOW_LOADING,\r\n HIDE_LOADING\r\n};\r\n\r\nexport const showDialog = () => ({ type: SHOW_LOADING});\r\nexport const hideDialog = () => ({ type: HIDE_LOADING});","export default {\r\n\tName: \"Name\",\r\n\tSurname: \"Surname\",\r\n\tLastName: \"LastName\",\r\n\tDescription: \"Description\",\r\n\tDateOfBirth: \"DateOfBirth\",\r\n\tEmail: \"Email\",\r\n\tConfirmPassword: \"ConfirmPassword\",\r\n\tPassword: \"Password\",\r\n\tPhone: \"Phone\",\r\n};","const CHANGEERRORPAGENUMBER = 'CHANGEERRORPAGENUMBER';\r\n\r\nexport default {\r\n\tCHANGEERRORPAGENUMBER,\r\n};\r\n\r\nexport const changeErrorPageNumber = (errorPageNumber) => ({ type: CHANGEERRORPAGENUMBER, errorPageNumber: errorPageNumber });","const GET_MENU = 'GET_MENU';\r\nconst UPDATE_MENU = 'UPDATE_MENU';\r\n\r\nexport default {\r\n\tGET_MENU,\r\n\tUPDATE_MENU\r\n};\r\n\r\nexport const getMenu = () => ({ type: GET_MENU });\r\nexport const updateMenu = (items) => ({ type: UPDATE_MENU, items:items});\r\n","const UPDATE_APPEARANCE = 'UPDATE_APPEARANCE';\r\n\r\nexport default {\r\n\tUPDATE_APPEARANCE\r\n};\r\n\r\nexport const updateAppearance = (items) => ({ type: UPDATE_APPEARANCE, items:items});\r\n","const COOKIES_CONSTANTS = {\r\n\tLANG: 'LANG_',\r\n\tTOKEN: 'TOKEN_',\r\n\tREFRESHTOKEN: 'REFRESHTOKEN_',\r\n\tCULTURE: 'CULTURE_'\r\n};\r\n\r\nexport { COOKIES_CONSTANTS };","import Cookies from 'js-cookie';\r\nimport { COOKIES_CONSTANTS } from '../constants/cookies'\r\n\r\nconst SaveCookies = (cookieName, cookieValue) => {\r\n Cookies.set(cookieName, cookieValue);\r\n};\r\n\r\nconst GetCookieAsParsedJSON = (cookieName, getDefaultValue) => {\r\n\tconst cookieValue = Cookies.get(cookieName);\r\n\tif (cookieValue) {\r\n\t\treturn JSON.parse(cookieValue);\r\n\t}\r\n\treturn getDefaultValue();\r\n};\r\n\r\nconst GetCookie_token = () => {\r\n\treturn Cookies.get(COOKIES_CONSTANTS.TOKEN);\r\n}\r\n\r\nconst GetCookie_culture = () => {\r\n\treturn Cookies.get(COOKIES_CONSTANTS.CULTURE);\r\n}\r\n\r\nconst GetCookie_refreshToken = () => {\r\n\treturn Cookies.get(COOKIES_CONSTANTS.REFRESHTOKEN);\r\n}\r\n\r\nconst GetCookie_language = () => Cookies.get(COOKIES_CONSTANTS.LANG);\r\n\r\nconst DeleteCookies = (cookieName) => {\r\n\tCookies.remove(cookieName);\r\n}\r\n\r\nconst DeleteAllCookies = () => {\r\n\tObject.keys(Cookies.get()).forEach(function(cookieName) {\r\n\t\tCookies.remove(cookieName);\r\n\t});\r\n};\r\n\r\nexport { SaveCookies, GetCookie_token, GetCookie_culture, GetCookie_refreshToken, GetCookie_language, DeleteAllCookies, DeleteCookies, GetCookieAsParsedJSON };","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { showDialog, hideDialog } from '../../../../actions/loading';\r\nimport LOGIN_CONSTANTS from '../../../../locales/login/login';\r\nimport FORM_CONSTANTS from '../../../../locales/global/form';\r\nimport { createToken, createRefreshToken } from '../../../../actions/token';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { changeErrorPageNumber } from '../../../../actions/error';\r\nimport { updateMenu } from '../../../../actions/menu';\r\nimport { updateAppearance } from '../../../../actions/appearance';\r\nimport { GetCookie_token } from '../../../../common/utils/cookiesManager';\r\nimport { postLoginParams, postLoginRSMParams } from './LoginCalls';\r\n\r\nimport './LoginForm.css';\r\n\r\nexport class LoginForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\temailParam: props.match.params.email && props.match.params ? props.match.params.email : '',\r\n\t\t\ttokenParam: props.match.params.token && props.match.params ? props.match.params.token : '',\r\n\t\t\terror: false,\r\n\t\t\terrorResponse: [],\r\n\t\t\temail: '',\r\n\t\t\tpassword: '',\r\n\t\t\tculture: 'es'\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tif (this.state.emailParam !== '' && this.state.tokenParam !== '') {\r\n\t\t\tconst { startRequest } = this.props;\r\n\t\t\tstartRequest(\r\n\t\t\t\tpostLoginRSMParams(\r\n\t\t\t\t\t{ email: this.state.emailParam, token: this.state.tokenParam },\r\n\t\t\t\t\tthis.mySuccessLogin,\r\n\t\t\t\t\tthis.myErrorLogin\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tconst { menuItems, history } = this.props;\r\n\t\tconst token = GetCookie_token();\r\n\t\tif (menuItems && token) {\r\n\t\t\tmenuItems.forEach((menuItem) => {\r\n\t\t\t\tif (menuItem.isDefault) {\r\n\t\t\t\t\thistory.push(menuItem.link);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tmySuccessLogin = (response) => {\r\n\t\tconst {\r\n\t\t\tcreateToken,\r\n\t\t\tcreateRefreshToken,\r\n\t\t\tupdateAppearance,\r\n\t\t\tupdateMenu,\r\n\t\t\tshowDialog,\r\n\t\t\thideDialog,\r\n\t\t\tchangeErrorPageNumber\r\n\t\t} = this.props;\r\n\t\tshowDialog();\r\n\t\tlet menuArray = response.menuData;\r\n\t\tlet appearance = response.appearanceData;\r\n\t\tchangeErrorPageNumber(0);\r\n\t\tupdateMenu(menuArray);\r\n\t\tupdateAppearance(appearance);\r\n\t\tconst token = response.tokenData.accessToken;\r\n\t\tcreateToken(token);\r\n\t\tconst refreshToken = response.tokenData.refreshToken;\r\n\t\tcreateRefreshToken(refreshToken);\r\n\t\thideDialog();\r\n\t};\r\n\r\n\tmyErrorLogin = (error) => {\r\n\t\tthis.setState({\r\n\t\t\terror: true,\r\n\t\t\terrorResponse: error\r\n\t\t});\r\n\t};\r\n\r\n\thandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState({\r\n\t\t\t[name]: value\r\n\t\t});\r\n\t};\r\n\r\n\tgetLoginData = () => {\r\n\t\tconst { email, password, culture } = this.state;\r\n\t\tconst myData = {\r\n\t\t\temail,\r\n\t\t\tpassword,\r\n\t\t\tculture\r\n\t\t};\r\n\t\treturn myData;\r\n\t};\r\n\r\n\tinitErrorState = () => {\r\n\t\tthis.setState({\r\n\t\t\terror: false,\r\n\t\t\terrorResponse: []\r\n\t\t});\r\n\t};\r\n\r\n\terrorInForm = () => {\r\n\t\tconst { error, errorResponse } = this.state;\r\n\t\tconst initError = this.initErrorState;\r\n\t\tlet errorsHtml = [];\r\n\t\tif (error && errorResponse) {\r\n\t\t\tif (errorResponse.data.errors) {\r\n\t\t\t\terrorResponse.data.errors.forEach(function(error, i) {\r\n\t\t\t\t\terrorsHtml.push(\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tListado de Contratos\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPdf del Contrato\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Contrato{' '}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onClickDelete(this.state.contractId)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDetalle Contrato{' '}\r\n\t\t\t\t\t\t\t\t#{this.state.contractId} \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tRiesgo
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tRecibos
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{error.errorMessageKey}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t×\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn errorsHtml;\r\n\t};\r\n\r\n\tsubmitLogin = (e) => {\r\n\t\te.preventDefault();\r\n\t\tconst data = this.getLoginData();\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(postLoginParams(data, this.mySuccessLogin, this.myErrorLogin));\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\ttoken: state.token,\r\n\tmenuItems: state.menu.menuItems\r\n});\r\nconst LoginFormFromHistory = withRouter(LoginForm);\r\nconst LoginFormWithTranslation = withTranslation()(LoginFormFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tcreateToken,\r\n\tchangeErrorPageNumber,\r\n\tupdateAppearance,\r\n\tstartRequest,\r\n\tcreateRefreshToken,\r\n\tupdateMenu,\r\n\tshowDialog,\r\n\thideDialog\r\n})(LoginFormWithTranslation);\r\n","const postLoginParams = (data, funcSucc, funcError) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Account/LoginWithData',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t},\r\n\t\tonError: (error) => {\r\n\t\t\tfuncError(error);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postLoginRSMParams = (data, funcSucc, funcError) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Account/LoginERSM',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t},\r\n\t\tonError: (error) => {\r\n\t\t\tfuncError(error);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { postLoginParams, postLoginRSMParams };\r\n","const CREATETOKEN = 'CREATETOKEN';\r\nconst CREATEREFRESHTOKEN = 'CREATEREFRESHTOKEN';\r\nconst DELETETOKEN = 'DELETETOKEN';\r\nconst DELETEALLCOOKIES = 'DELETEALLCOOKIES';\r\n\r\nexport default {\r\n\tCREATETOKEN,\r\n\tDELETETOKEN,\r\n\tCREATEREFRESHTOKEN,\r\n\tDELETEALLCOOKIES,\r\n};\r\n\r\nexport const createToken = (token) => ({ type: CREATETOKEN, token: token });\r\nexport const createRefreshToken = (refreshToken) => ({ type: CREATEREFRESHTOKEN, refreshToken: refreshToken });\r\nexport const deleteToken = () => ({ type: DELETETOKEN, token: '' });\r\nexport const deleteAllCookies = () => ({ type: DELETEALLCOOKIES });","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nimport { ROUTE } from '../../../common/constants/routes';\r\nimport FORGOTPASSWORD_CONSTANTS from '../../../locales/forgotPassword/forgotPassword';\r\n// import LOGIN_CONSTANTS from '../../../locales/login/login';\r\nimport LoginForm from './LoginForm';\r\n// import RegisterForm from './RegisterForm';\r\n\r\nimport './Login.css';\r\n\r\nexport class Login extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\temailParam: props.match.params.email && props.match.params ? props.match.params.email : '',\r\n\t\t\ttokenParam: props.match.params.token && props.match.params ? props.match.params.token : '',\r\n\t\t\tisLoging: true\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst LoginFromHistory = withRouter(Login);\r\nconst LoginWithTranslation = withTranslation()(LoginFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(LoginWithTranslation);\r\n","import { GetCookie_refreshToken } from '../../../../common/utils/cookiesManager';\r\n\r\nconst postLogoutParams = (refreshToken, funcSucc) => {\r\n if (refreshToken === \"\") {\r\n refreshToken = GetCookie_refreshToken();\r\n }\r\n const options = {\r\n method: 'POST',\r\n endpoint: '/api/Account/Logout?refreshToken='+refreshToken,\r\n onSuccess: (response) => funcSucc(),\r\n };\r\n return options;\r\n}\r\n\r\nexport { postLogoutParams };","import { Component } from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { postLogoutParams } from './LogoutCalls';\r\nimport { ROUTE } from '../../../common/constants/routes';\r\nimport { deleteAllCookies } from '../../../actions/token';\r\nimport { DeleteSessionStorage } from '../../../common/utils/storageManager';\r\n\r\nexport class Logout extends Component {\r\n\r\n render() {\r\n this.logout();\r\n return null;\r\n }\r\n\r\n logout = () => {\r\n\t\tconst {startRequest, refreshToken} = this.props;\r\n\t\tstartRequest(postLogoutParams(refreshToken, () => {\r\n\t\t\tconst { history, deleteAllCookies } = this.props;\r\n\t\t\thistory.push(ROUTE.LOGIN);\r\n\t\t\tdeleteAllCookies();\r\n\t\t\tDeleteSessionStorage();\r\n\t\t}));\r\n\t}\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\trefreshToken: state.token.refreshToken\r\n});\r\nconst LogoutFromHistory = withRouter(Logout);\r\nexport default connect(mapStateToProps, {\r\n startRequest,\r\n deleteAllCookies\r\n})(LogoutFromHistory);","export default {\r\n\tSend: \"Send\",\r\n\tSaveChanges: \"SaveChanges\",\r\n\tEmailSend: \"EmailSend\",\r\n\tGoBack: \"GoBack\",\r\n};","export default {\r\n\tResetPasswordTitle: \"ResetPasswordTitle\",\r\n\tResetPasswordDescription: \"ResetPasswordDescription\"\r\n};","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { postResetPasswordParams } from './ResetPasswordCalls/ResetPasswordCalls';\r\nimport { toastDone, toastError } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport GLOBALACTIONS_CONSTANTS from '../../../../locales/global/actions';\r\nimport RESETPASSWORD_CONSTANTS from '../../../../locales/resetPassword/resetPassword';\r\nimport MESSAGES_CONSTANTS from '../../../../locales/global/messages';\r\nimport FORM_CONSTANTS from '../../../../locales/global/form';\r\nimport { ROUTE } from '../../../../common/constants/routes';\r\n\r\nimport './ResetPasswordForm.css';\r\n\r\nclass ResetPasswordForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tconst search = this.props.location.search;\r\n\t\tconst searchFirstSplit = search.split('?token=')[1];\r\n\t\tconst params = searchFirstSplit.split('&email=');\r\n\t\tthis.state = {\r\n\t\t\ttoken: params[0],\r\n\t\t\temail: params[1]\r\n\t\t};\r\n\t}\r\n\r\n\thandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState({\r\n\t\t\t[name]: value\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitResetPassword = (e) => {\r\n\t\te.preventDefault();\r\n\t\tconst { startRequest, t, history } = this.props;\r\n\t\tconst { email, token, confirmPassword, password } = this.state;\r\n\t\tconst data = {\r\n\t\t\temail,\r\n\t\t\ttoken,\r\n\t\t\tconfirmPassword,\r\n\t\t\tpassword\r\n\t\t};\r\n\r\n\t\tif (password === confirmPassword) {\r\n\t\t\tif (this.testPassword(password)) {\r\n\t\t\t\tstartRequest(\r\n\t\t\t\t\tpostResetPasswordParams(\r\n\t\t\t\t\t\tdata,\r\n\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\ttoastDone(t(MESSAGES_CONSTANTS.PasswordSaved));\r\n\t\t\t\t\t\t\thistory.push(ROUTE.LOGIN);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t(error) => {\r\n\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\terror: true,\r\n\t\t\t\t\t\t\t\terrorResponse: error\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\terror: true,\r\n\t\t\t\t\terrorResponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terrors: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\terrorMessageKey:\r\n\t\t\t\t\t\t\t\t\t\t'La contraseña tiene tener un mínimo de 8 caracteres e incluir almenos una mayúscula. una minúscula un número y un caracter especial.'\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\terror: true,\r\n\t\t\t\terrorResponse: {\r\n\t\t\t\t\tdata: { errors: [ { errorMessageKey: 'Las contraseñas no coinciden.' } ] }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\ttestPassword = (password) => {\r\n\t\tif (\r\n\t\t\tpassword.match(/[a-z]/g) &&\r\n\t\t\tpassword.match(/[A-Z]/g) &&\r\n\t\t\tpassword.match(/[0-9]/g) &&\r\n\t\t\tpassword.match(/[^a-zA-Z\\d]/g) &&\r\n\t\t\tpassword.length >= 8\r\n\t\t) {\r\n\t\t\treturn true;\r\n\t\t} else {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\r\n\terrorInForm() {\r\n\t\tconst { error, errorResponse } = this.state;\r\n\t\tlet errorsHtml = [];\r\n\t\tif (error && errorResponse) {\r\n\t\t\terrorResponse.data.errors.forEach(function(error, i) {\r\n\t\t\t\terrorsHtml.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tRACC © 2024
\r\n\t\t\t\t\tv15/10/2024
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{error.errorMessageKey}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn errorsHtml;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ResetPasswordFormWithRouter = withRouter(ResetPasswordForm);\r\nconst ResetPasswordFormWithTranslation = withTranslation()(ResetPasswordFormWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastError,\r\n\ttoastDone\r\n})(ResetPasswordFormWithTranslation);\r\n","const postResetPasswordParams = (data, funcSucc, funcErr) => {\r\n const options = {\r\n method: 'Post',\r\n data,\r\n endpoint: '/api/Account/ResetPassword',\r\n onSuccess: (response) => {funcSucc(response.data.data)},\r\n onError: (error) => {funcErr(error)},\r\n };\r\n return options;\r\n}\r\n\r\nexport {postResetPasswordParams};","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ResetPasswordForm from './ResetPasswordForm';\r\n\r\nimport './ResetPassword.css';\r\n\r\nclass ResetPassword extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{error.errorMessageKey}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn errorsHtml;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ConfirmEmailFormWithRouter = withRouter(ConfirmEmailForm);\r\nconst ConfirmEmailFormWithTranslation = withTranslation()(ConfirmEmailFormWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ConfirmEmailFormWithTranslation);\r\n","const postConfirmEmailParams = (data, funcSucc, funcErr) => {\r\n const options = {\r\n method: 'Post',\r\n data,\r\n endpoint: '/api/Account/ConfirmEmail',\r\n onSuccess: (response) => {funcSucc(response.data.data)},\r\n onError: (error) => {funcErr(error)},\r\n };\r\n return options;\r\n}\r\n\r\nexport {postConfirmEmailParams};","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ConfirmEmailForm from './ConfirmEmailForm';\r\n\r\nimport './ConfirmEmail.css';\r\n\r\nclass ConfirmEmail extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t![\"Logo](\"../logo-racc.png\")
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({})\r\n\r\nconst ConfirmPaymentMobileWithRouter = withRouter(ConfirmPaymentMobile)\r\nconst ConfirmPaymentMobileWithTranslation = withTranslation()(ConfirmPaymentMobileWithRouter)\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ConfirmPaymentMobileWithTranslation)\r\n","const getContractSMSParams = (id, funcSucc, funcError) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Contract/ContractSMS/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data)\r\n\t\t},\r\n\t\tonError: (response) => {\r\n\t\t\tfuncError(response.data.data)\r\n\t\t}\r\n\t}\r\n\treturn options\r\n}\r\n\r\nexport { getContractSMSParams }\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { postForgotPasswordParams } from './ForgotPasswordCalls';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport GLOBALACTIONS_CONSTANTS from '../../../../locales/global/actions';\r\nimport MESSAGES_CONSTANTS from '../../../../locales/global/messages';\r\nimport LOGIN_CONSTANTS from '../../../../locales/login/login';\r\nimport FORGOTPASSWORD_CONSTANTS from '../../../../locales/forgotPassword/forgotPassword';\r\nimport FORM_CONSTANTS from '../../../../locales/global/form';\r\nimport { ROUTE } from '../../../../common/constants/routes';\r\n\r\nimport './ForgotPasswordForm.css';\r\n\r\nclass ForgotPasswordForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\temail: ''\r\n\t\t};\r\n\t\tthis.handleInputChange = this.handleInputChange.bind(this);\r\n\t}\r\n\r\n\thandleInputChange(event) {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState({\r\n\t\t\t[name]: value\r\n\t\t});\r\n\t}\r\n\r\n\tsubmitForgotPassword = (e) => {\r\n\t\tconst { startRequest, history, t } = this.props;\r\n\t\tconst { email } = this.state;\r\n\t\te.preventDefault();\r\n\t\tconst data = {\r\n\t\t\temail\r\n\t\t};\r\n\t\tstartRequest(\r\n\t\t\tpostForgotPasswordParams(\r\n\t\t\t\tdata,\r\n\t\t\t\t() => {\r\n\t\t\t\t\ttoastDone(t(GLOBALACTIONS_CONSTANTS.EmailSend), t(MESSAGES_CONSTANTS.EmailRecoverPassword));\r\n\t\t\t\t\thistory.push(ROUTE.LOGIN);\r\n\t\t\t\t},\r\n\t\t\t\t(error) => {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\terror: true,\r\n\t\t\t\t\t\terrorResponse: error\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\terrorInForm() {\r\n\t\tconst { error, errorResponse } = this.state;\r\n\t\tlet errorsHtml = [];\r\n\t\tif (error && errorResponse) {\r\n\t\t\terrorResponse.data.errors.forEach(function(error, i) {\r\n\t\t\t\terrorsHtml.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{this.state.loading ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t{t('Pago realizado correctamente')}
\r\n\t\t\t\t\t\t\t{t('Realizando contrato..')}
\r\n\t\t\t\t\t\t\t{t('Mantega esta ventana abierta.')}
\r\n\t\t\t\t\t\t\t{t('Pago realizado correctamente')}
\r\n\t\t\t\t\t\t\t{t('Puedes cerrar esta ventana.')}
\r\n\t\t\t\t\t\t\tRACC © 2023
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{error.errorMessageKey}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn errorsHtml;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst ForgotPasswordFormWithRouter = withRouter(ForgotPasswordForm);\r\nconst ForgotPasswordFormWithTranslation = withTranslation()(ForgotPasswordFormWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ForgotPasswordFormWithTranslation);\r\n","const postForgotPasswordParams = (data, funcSucc, funcErr) => {\r\n const options = {\r\n method: 'POST',\r\n data: data,\r\n endpoint: '/api/Account/ForgotPassword',\r\n onSuccess: (response) => {funcSucc(response.data.data)},\r\n onError: (error) => {funcErr(error)},\r\n };\r\n return options;\r\n}\r\n\r\nexport {postForgotPasswordParams};","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nimport ForgotPasswordForm from './ForgotPasswordForm';\r\n\r\nimport './ForgotPassword.css';\r\n\r\nclass ForgotPassword extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.props.activeStep === 0 ? (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAnterior\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.activeStep === this.props.maxStepKey ? (\r\n\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tSiguiente\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudgetState: state.budget,\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst StepBaseFromHistory = withRouter(StepBase);\r\nconst StepBaseWithTranslation = withTranslation()(StepBaseFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(StepBaseWithTranslation);\r\n","const UPDATE_DATA = 'UPDATE_DATA';\r\nconst GET_DATA = 'GET_DATA';\r\n\r\nexport default{\r\n UPDATE_DATA,\r\n GET_DATA\r\n}\r\n\r\nexport const updateData = (options) =>({type:UPDATE_DATA, budgetPayload:options});\r\nexport const getData=(options) =>({type:GET_DATA});","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { GenericElementConstructor } from '../../common/utils/genericElementConstructor';\r\n\r\nexport class CardFormGeneric extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\teditMode: this.props.editMode,\r\n\t\t\tchanges: false,\r\n\t\t\tdateFocused: {},\r\n\t\t\tidForm: this.props.idForm || this.uuidv4()\r\n\t\t};\r\n\t}\r\n\r\n\tuuidv4 = () => {\r\n\t\treturn ([ 1e7 ] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\r\n\t\t\t(c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)\r\n\t\t);\r\n\t};\r\n\tcomponentDidMount = () => {\r\n\t\tconst { exportCancelModeFunction } = this.props;\r\n\t\tif (exportCancelModeFunction) {\r\n\t\t\texportCancelModeFunction(this.cancelMode);\r\n\t\t}\r\n\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\t};\r\n\r\n\t// componentWillUnmount() {\r\n\t// \tconst { childRef } = this.props;\r\n\t// \t childRef(undefined);\r\n\t// }\r\n\r\n\thandleDateFocus = (isFocused, dateId) => {\r\n\t\tlet newDateFocused = this.state.dateFocused;\r\n\t\tnewDateFocused[dateId] = isFocused.focused;\r\n\t\tthis.setState({\r\n\t\t\tdateFocused: newDateFocused\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (e) => {\r\n\t\tconst { handleInputChange } = this.props;\r\n\t\thandleInputChange(e);\r\n\t\tthis.setState({\r\n\t\t\tchanges: true\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleSubmit = (e) => {\r\n\t\te.preventDefault();\r\n\t\tconst { HandleSubmit } = this.props;\r\n\t\tHandleSubmit(e);\r\n\t\tthis.setState({\r\n\t\t\tchanges: false,\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\trenderElements = () => {\r\n\t\tconst { editMode, dateFocused } = this.state;\r\n\r\n\t\tconst handleInputChange = this.myHandleInputChange;\r\n\t\tlet elementsToRender = [];\r\n\t\tconst options = {\r\n\t\t\teditMode,\r\n\t\t\tdateFocused,\r\n\t\t\thandleDateFocus: this.handleDateFocus\r\n\t\t};\r\n\r\n\t\tthis.props.formElements.forEach(function(formElement, i) {\r\n\t\t\tconst element = GenericElementConstructor(formElement, handleInputChange, options);\r\n\t\t\telementsToRender.push(\r\n\t\t\t\t{this.getNavigationStepButtons()}
\r\n\t\t\t\t{this.props.children}\r\n\t\t\t\r\n\t\t\t\t\t{formElement.hidden ? (\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn elementsToRender;\r\n\t};\r\n\r\n\tchangeMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: true\r\n\t\t});\r\n\t};\r\n\r\n\tcancelMode = () => {\r\n\t\tthis.setState({\r\n\t\t\teditMode: false\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteMode = () => {\r\n\t\tthis.props.onDelete();\r\n\t};\r\n\r\n\trenderHasChanges = () => {\r\n\t\treturn {element}
\r\n\t\t\t\tHay cambios sin guardar.
;\r\n\t};\r\n\r\n\thandleValidateForm = function() {\r\n\t\tconst form = document.getElementById(this.props.idForm);\r\n\t\tif (form) {\r\n\t\t\tform.classList.add('was-validated');\r\n\t\t\treturn form.checkValidity();\r\n\t\t} else {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t};\r\n\trender() {\r\n\t\tconst { HideChanges } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst CardFormGenericFromHistory = withRouter(CardFormGeneric);\r\n\r\nexport default connect(mapStateToProps, {})(CardFormGenericFromHistory);\r\n","const handleInputChange = (event, oldState, updateData) => {\r\n\tconst target = event.target;\r\n\r\n\tconst name = target.id;\r\n\r\n\tlet newState = oldState;\r\n\r\n\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\tswitch (target.type) {\r\n\t\tcase 'checkbox':\r\n\t\t\tnewState[name] = value;\r\n\t\t\tbreak;\r\n\r\n\t\tcase 'select-one':\r\n\t\t\tif (target.type === 'select-one') {\r\n\t\t\t\tif (value === 'true' || value === 'false') {\r\n\t\t\t\t\tvalue = value === 'true';\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (Number.isInteger(value) || name === 'documentIdType') {\r\n\t\t\t\t\t\tvalue = parseInt(value);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tnewState[name] = value;\r\n\t\t\t}\r\n\t\t\tbreak;\r\n\t\tcase 'autoCompleteCercalia':\r\n\t\t\tlet addressInfo = target.info;\r\n\t\t\tObject.keys(addressInfo).map((data, key) => (newState[Object.keys(addressInfo)[key]] = addressInfo[data]));\r\n\t\t\tnewState[name] = value;\r\n\t\t\tbreak;\r\n\t\tcase 'datepicker':\r\n\t\t\tnewState[name] = value;\r\n\t\t\tbreak;\r\n\t\tcase 'number':\r\n\t\t\tvalue = parseInt(value);\r\n\t\t\tnewState[name] = value;\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tif (target.id.toString().indexOf('.') === '-1') {\r\n\t\t\t\tlet properties = name.split('.');\r\n\t\t\t\tlet property = newState[properties[0]];\r\n\t\t\t\tproperty[properties[1]] = value;\r\n\t\t\t\tnewState[properties[0]] = property;\r\n\t\t\t} else {\r\n\t\t\t\tnewState[name] = value;\r\n\t\t\t}\r\n\t\t\tbreak;\r\n\t}\r\n\tupdateData(newState);\r\n};\r\n\r\nexport { handleInputChange };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CardFormGeneric from '../../../../shared/CardFormGeneric';\r\nimport { getFormElementsVehicle } from '../FormElementsVehicle'\r\n\r\nimport { updateData } from '../../../../actions/budget';\r\n\r\nimport { handleInputChange } from '../Utils';\r\n\r\nexport class PolicyDataVehicle extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tgetFormElementsVehicle = () => {\r\n\t\treturn getFormElementsVehicle(this.props.budget)\r\n\t}\r\n\r\n\r\n\tlocalHandleInputChange = (event) => {\r\n\t\thandleInputChange(event, this.props.budget, this.props.updateData)\r\n\t}\r\n\r\n\tvalidate = function () {\r\n\t\treturn this.currentForm.handleValidateForm();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.title}
\r\n\t\t\t\t\t\t\t{this.props.subtitle}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.renderHasChanges()}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget\r\n});\r\nconst PolicyDataVehicleFromHistory = withRouter(PolicyDataVehicle);\r\nconst PolicyDataVehicleWithTranslation = withTranslation()(PolicyDataVehicleFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateData\r\n})(PolicyDataVehicleWithTranslation);\r\n","const getFormElementsVehicle = (budgetState) => {\r\n\tlet elements = [\r\n\t\t{\r\n\t\t\tid: 'vehicleBrand',\r\n\t\t\tname: 'vehicleBrand',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 15,\r\n\t\t\tplaceholder: 'Marca del vehículo',\r\n\t\t\tvalue: budgetState.vehicleBrand,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'vehicleModel',\r\n\t\t\tname: 'vehicleModel',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 50,\r\n\t\t\tplaceholder: 'Modelo del vehículo',\r\n\t\t\tvalue: budgetState.vehicleModel,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'vehicleVersion',\r\n\t\t\tname: 'vehicleVersion',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 50,\r\n\t\t\tplaceholder: 'Versión del vehículo',\r\n\t\t\tvalue: budgetState.vehicleVersion,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'vehicleLicensePlate',\r\n\t\t\tname: 'vehicleLicensePlate',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Matrícula del vehículo',\r\n\t\t\tmaxLength: 20,\r\n\t\t\tvalue: budgetState.vehicleLicensePlate,\r\n\t\t\trequired: true\r\n\t\t}\r\n\t]\r\n\tif (budgetState.branch !== 'Driver' && budgetState.products.length > 0) {\r\n\t\tbudgetState.products.forEach((product) => {\r\n\t\t\tif (product.isPrincipal && product.isUsualLicensePlate) {\r\n\t\t\t\telements.push({\r\n\t\t\t\t\tid: 'usualLicensePlate',\r\n\t\t\t\t\tname: 'usualLicensePlate',\r\n\t\t\t\t\ttype: 'text',\r\n\t\t\t\t\tplaceholder: 'Matrícula habitual del vehículo',\r\n\t\t\t\t\tmaxLength: 20,\r\n\t\t\t\t\tvalue: budgetState.usualLicensePlate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\treturn elements\r\n}\r\n\r\nconst getFormElementsInfoVehicle = (budgetState) => {\r\n\tlet elements = [\r\n\t\t{\r\n\t\t\tid: 'vehicleBrand',\r\n\t\t\tname: 'vehicleBrand',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 50,\r\n\t\t\tplaceholder: 'Marca del vehículo',\r\n\t\t\tvalue: budgetState.vehicleBrand,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'vehicleModel',\r\n\t\t\tname: 'vehicleModel',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 50,\r\n\t\t\tplaceholder: 'Modelo del vehículo',\r\n\t\t\tvalue: budgetState.vehicleModel,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'buyPriceVMP',\r\n\t\t\tname: 'buyPriceVMP',\r\n\t\t\ttype: 'number',\r\n\t\t\tplaceholder: 'Precio compra VMP',\r\n\t\t\tmin: 0,\r\n\t\t\tmax: 99999999,\r\n\t\t\tvalue: budgetState.buyPriceVMP,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'buyDateVMP',\r\n\t\t\tname: 'buyDateVMP',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tplaceholder: 'Fecha compra VMP',\r\n\t\t\tappendToBody: true,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tvalue: budgetState.buyDateVMP,\r\n\t\t\trequired: true\r\n\t\t},{\r\n\t\t\tid: 'vehicleLicensePlate',\r\n\t\t\tname: 'vehicleLicensePlate',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Matrícula del vehículo',\r\n\t\t\tmaxLength: 17,\r\n\t\t\tvalue: budgetState.vehicleLicensePlate,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t]\r\n\treturn elements\r\n}\r\n\r\nexport { getFormElementsVehicle, getFormElementsInfoVehicle }\r\n","const DNI_REGEX = /^(\\d{8})([A-Z])$/;\r\nconst CIF_REGEX = /^([ABCDEFGHJKLMNPQRSUVW])(\\d{7})([0-9A-J])$/;\r\nconst NIE_REGEX = /^[XYZ]\\d{7,8}[A-Z]$/;\r\n\r\nconst ValidateSpanishID = (str) => {\r\n\t// Ensure upcase and remove whitespace\r\n\tstr = str.toUpperCase().replace(/\\s/, '');\r\n\r\n\tlet valid = false;\r\n\tlet type = spainIdType(str);\r\n\r\n\tswitch (type) {\r\n\t\tcase 'dni':\r\n\t\t\tvalid = validDNI(str);\r\n\t\t\tbreak;\r\n\t\tcase 'nie':\r\n\t\t\tvalid = validNIE(str);\r\n\t\t\tbreak;\r\n\t\tcase 'cif':\r\n\t\t\tvalid = validCIF(str);\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn {\r\n\t\ttype: type,\r\n\t\tvalid: valid\r\n\t};\r\n};\r\n\r\nconst spainIdType = (str) => {\r\n\tif (str.match(DNI_REGEX)) {\r\n\t\treturn 'dni';\r\n\t}\r\n\tif (str.match(CIF_REGEX)) {\r\n\t\treturn 'cif';\r\n\t}\r\n\tif (str.match(NIE_REGEX)) {\r\n\t\treturn 'nie';\r\n\t}\r\n};\r\n\r\nconst validDNI = (dni) => {\r\n\tconst dni_letters = 'TRWAGMYFPDXBNJZSQVHLCKE';\r\n\tlet letter = dni_letters.charAt(parseInt(dni, 10) % 23);\r\n\r\n\treturn letter === dni.charAt(8);\r\n};\r\n\r\nconst validNIE = (nie) => {\r\n\t// Change the initial letter for the corresponding number and validate as DNI\r\n\tvar nie_prefix = nie.charAt(0);\r\n\r\n\tswitch (nie_prefix) {\r\n\t\tcase 'X':\r\n\t\t\tnie_prefix = 0;\r\n\t\t\tbreak;\r\n\t\tcase 'Y':\r\n\t\t\tnie_prefix = 1;\r\n\t\t\tbreak;\r\n\t\tcase 'Z':\r\n\t\t\tnie_prefix = 2;\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn validDNI(nie_prefix + nie.substr(1));\r\n};\r\n\r\nconst validCIF = function(cif) {\r\n\tlet match = cif.match(CIF_REGEX);\r\n\tlet letter = match[1],\r\n\t\tnumber = match[2],\r\n\t\tcontrol = match[3];\r\n\r\n\tlet even_sum = 0;\r\n\tlet odd_sum = 0;\r\n\tlet n;\r\n\r\n\tfor (let i = 0; i < number.length; i++) {\r\n\t\tn = parseInt(number[i], 10);\r\n\r\n\t\t// Odd positions (Even index equals to odd position. i=0 equals first position)\r\n\t\tif (i % 2 === 0) {\r\n\t\t\t// Odd positions are multiplied first.\r\n\t\t\tn *= 2;\r\n\r\n\t\t\t// If the multiplication is bigger than 10 we need to adjust\r\n\t\t\todd_sum += n < 10 ? n : n - 9;\r\n\r\n\t\t\t// Even positions\r\n\t\t\t// Just sum them\r\n\t\t} else {\r\n\t\t\teven_sum += n;\r\n\t\t}\r\n\t}\r\n\r\n\tlet control_digit = 10 - (even_sum + odd_sum).toString().substr(-1);\r\n\tlet control_letter = 'JABCDEFGHI'.substr(control_digit, 1);\r\n\r\n\t// Control must be a digit\r\n\tif (letter.match(/[ABEH]/)) {\r\n\t\treturn control === control_digit;\r\n\r\n\t\t// Control must be a letter\r\n\t} else if (letter.match(/[KPQS]/)) {\r\n\t\treturn control === control_letter;\r\n\r\n\t\t// Can be either\r\n\t} else {\r\n\t\treturn control === control_digit || control === control_letter;\r\n\t}\r\n};\r\n\r\nexport { ValidateSpanishID, spainIdType, validDNI, validNIE, validCIF };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { GenericElementConstructor } from '../../../../../common/utils/genericElementConstructor';\r\nimport { openModal, closeModal } from '../../../../../actions/popup';\r\nimport { updateData } from '../../../../../actions/budget';\r\nimport { getFormElements } from './FormElements/formElements';\r\nimport './PopUpInsured.css';\r\n\r\nexport class PopUpInsured extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tid: !props.insured ? 0 : props.insured.id,\r\n\t\t\tnif: !props.insured ? '' : props.insured.nif,\r\n\t\t\tclientName: !props.insured ? '' : props.insured.clientName,\r\n\t\t\tclientSurname1: !props.insured ? '' : props.insured.clientSurname1,\r\n\t\t\tclientSurname2: !props.insured ? '' : props.insured.clientSurname2,\r\n\t\t\tbirthdayDate: !props.insured ? '' : props.insured.birthdayDate,\r\n\t\t\tdocumentId: !props.insured ? '' : props.insured.documentId,\r\n\t\t\tdocumentIdType: !props.insured ? 1 : props.insured.documentIdType,\r\n\t\t\tpreferredLanguage: !props.insured ? '' : props.insured.preferredLanguage,\r\n\t\t\tclientType: !props.insured ? '' : props.insured.clientType,\r\n\t\t\tgender: !props.insured ? '' : props.insured.gender,\r\n\t\t\tcivilStatus: !props.insured ? '' : props.insured.civilStatus,\r\n\t\t\temail: !props.insured ? '' : props.insured.email,\r\n\t\t\treasonNoEmail: !props.insured ? '' : props.insured.reasonNoEmail,\r\n\t\t\tchildNumber: !props.insured ? '' : props.insured.childNumber,\r\n\t\t\tphone1: !props.insured ? '' : props.insured.phone1,\r\n\t\t\tphone2: !props.insured ? '' : props.insured.phone2,\r\n\t\t\tdateFocused: {}\r\n\t\t};\r\n\t}\r\n\r\n\tsaveLoadFunction = (func) => {\r\n\t\tthis.exportedLoadFunction = func;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tlet newState = this.state;\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tnewState[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tname: value\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleDateFocus = (isFocused, dateId) => {\r\n\t\tlet newDateFocused = this.state.dateFocused;\r\n\t\tnewDateFocused[dateId] = isFocused.focused;\r\n\t\tthis.setState({\r\n\t\t\tdateFocused: newDateFocused\r\n\t\t});\r\n\t};\r\n\r\n\trenderElements = () => {\r\n\t\tconst handleInputChange = this.myHandleInputChange;\r\n\r\n\t\tconst options = {\r\n\t\t\teditMode: true,\r\n\t\t\tdateFocused: this.state.dateFocused,\r\n\t\t\thandleDateFocus: this.myHandleDateFocus\r\n\t\t};\r\n\r\n\t\tlet elementsToRender = [];\r\n\t\tlet formElements = getFormElements(this.state);\r\n\t\tformElements.forEach(function(formElement, i) {\r\n\t\t\tconst element = GenericElementConstructor(formElement, handleInputChange, options);\r\n\t\t\telementsToRender.push(\r\n\t\t\t\tDatos del Vehículo
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t (this.currentForm = elem)}\r\n\t\t\t\t\t\t\ttitle=\"Datos del vehículo\"\r\n\t\t\t\t\t\t\teditMode={true}\r\n\t\t\t\t\t\t\thandleInputChange={this.localHandleInputChange}\r\n\t\t\t\t\t\t\tformElements={this.getFormElementsVehicle()}\r\n\t\t\t\t\t\t\tidForm=\"DatosVehiculoForm\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{formElement.hidden ? (\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn elementsToRender;\r\n\t};\r\n\r\n\tmySubmit = (e) => {\r\n\t\te.preventDefault();\r\n\t\tlet newState = { ...this.props.budget };\r\n\t\tlet insuredToAdd = {\r\n\t\t\tid: this.state.id,\r\n\t\t\tclientName: this.state.clientName,\r\n\t\t\tclientSurname1: this.state.clientSurname1,\r\n\t\t\tclientSurname2: this.state.clientSurname2,\r\n\t\t\tbirthdayDate: this.state.birthdayDate,\r\n\t\t\tnif: this.state.documentId,\r\n\t\t\tdocumentId: this.state.documentId,\r\n\t\t\tdocumentIdType: this.state.documentIdType ? parseInt(this.state.documentIdType) : 1,\r\n\t\t\tpreferredLanguage: this.state.preferredLanguage ? this.state.preferredLanguage : 'Castellano',\r\n\t\t\tclientType: this.state.clientType ? this.state.clientType : 'Particular',\r\n\t\t\tgender: this.state.gender ? this.state.gender : '1',\r\n\t\t\tcivilStatus: this.state.civilStatus ? this.state.civilStatus : 'Soltero',\r\n\t\t\temail: this.state.email,\r\n\t\t\tchildNumber: this.state.childNumber ? parseInt(this.state.childNumber) : 0,\r\n\t\t\treasonNoEmail: this.state.reasonNoEmail ? this.state.reasonNoEmail : '',\r\n\t\t\tphone1: this.state.phone1,\r\n\t\t\tphone2: this.state.phone2\r\n\t\t};\r\n\t\tif (this.props.insured) {\r\n\t\t\tnewState.insured[insuredToAdd.id] = insuredToAdd;\r\n\t\t} else {\r\n\t\t\tinsuredToAdd.id = newState.insured.length;\r\n\t\t\tnewState.insured.push(insuredToAdd);\r\n\t\t}\r\n\r\n\t\tthis.props.updateData(newState);\r\n\t\tthis.props.closeModal();\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t{element}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget,\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpInsuredWithTranslation = withTranslation()(PopUpInsured);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateData,\r\n\topenModal,\r\n\tcloseModal\r\n})(PopUpInsuredWithTranslation);\r\n","import { ValidateSpanishID, validDNI, validNIE, validCIF } from '../../../../../../common/utils/validationSpanishID';\r\n\r\nconst getFormElements = (data) => {\r\n\tlet formElements = [\r\n\t\t{\r\n\t\t\tid: 'clientName',\r\n\t\t\tname: 'clientName',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Nombre del cliente',\r\n\t\t\tvalue: data.clientName,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientSurname1',\r\n\t\t\tname: 'clientSurname1',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Primer apellido',\r\n\t\t\tvalue: data.clientSurname1,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientSurname2',\r\n\t\t\tname: 'clientSurname2',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Segundo apellido',\r\n\t\t\tvalue: data.clientSurname2,\r\n\t\t\trequired: false,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'preferredLanguage',\r\n\t\t\tname: 'preferredLanguage',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Idioma preferido',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 'Castellano', name: 'Castellano' },\r\n\t\t\t\t{ value: 'Catala', name: 'Català' },\r\n\t\t\t\t{ value: 'Inglés', name: 'English' }\r\n\t\t\t],\r\n\t\t\tvalue: data.preferredLanguage,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientType',\r\n\t\t\tname: 'clientType',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Tipo cliente',\r\n\t\t\toptions: [ { value: 'particular', name: 'Particular' }, { value: 'empresa', name: 'Empresa' } ],\r\n\t\t\tvalue: data.clientType\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'birthdayDate',\r\n\t\t\tname: 'birthdayDate',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tappendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tlabelText: 'Fecha de nacimiento',\r\n\t\t\tvalue: data.birthdayDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'gender',\r\n\t\t\tname: 'gender',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Género',\r\n\t\t\toptions: [ { value: '1', name: 'Hombre' }, { value: '2', name: 'Mujer' } ],\r\n\t\t\tvalue: data.gender\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'documentIdType',\r\n\t\t\tname: 'documentIdType',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Tipo de identificador',\r\n\t\t\toptions: [ { value: 1, name: 'NIF' }, { value: 2, name: 'NIE' }, { value: 3, name: 'CIF' } ],\r\n\t\t\tvalue: data.documentIdType\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'documentId',\r\n\t\t\tname: 'documentId',\r\n\t\t\ttype: 'nif',\r\n\t\t\tlabelText: 'Documento identificador',\r\n\t\t\tvalue: data.documentId,\r\n\t\t\trequired: true,\r\n\t\t\tmessageError: 'Error',\r\n\t\t\tsetCustomValidityObject: function(element, messageError) {\r\n\t\t\t\tswitch (data.documentIdType) {\r\n\t\t\t\t\tcase '1':\r\n\t\t\t\t\t\tvalidDNI(data.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase '2':\r\n\t\t\t\t\t\tvalidNIE(data.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase '3':\r\n\t\t\t\t\t\tvalidCIF(data.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tValidateSpanishID(data.documentId).valid\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'civilStatus',\r\n\t\t\tname: 'civilStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Estado civil',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 'Soltero', name: 'Soltero' },\r\n\t\t\t\t{ value: 'Pareja', name: 'Pareja' },\r\n\t\t\t\t{ value: 'Casado', name: 'Casado' },\r\n\t\t\t\t{ value: 'Divorciado', name: 'Divorciado' },\r\n\t\t\t\t{ value: 'Viudo', name: 'Viudo' },\r\n\t\t\t\t{ value: 'Separado', name: 'Separado' },\r\n\t\t\t\t{ value: 'No consta', name: 'No consta' }\r\n\t\t\t],\r\n\t\t\tvalue: data.civilStatusD\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Email',\r\n\t\t\tvalue: data.email,\r\n\t\t\trequired: data.reasonNoEmail ? false : true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'reasonNoEmail',\r\n\t\t\tname: 'reasonNoEmail',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Razón no sumisitrar email',\r\n\t\t\tvalue: data.reasonNoEmail,\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: '', name: '' },\r\n\t\t\t\t{ value: 'NoDispone', name: 'No dispone de e-mail' },\r\n\t\t\t\t{ value: 'NoFacilita', name: 'No quiere facilitar su e-mail' }\r\n\t\t\t],\r\n\t\t\tsetCustomValidityObject: function(element, messageError) {\r\n\t\t\t\tif (element.value === '') {\r\n\t\t\t\t\telement.target.setCustomValidity(messageError);\r\n\t\t\t\t} else {\r\n\t\t\t\t\telement.target.setCustomValidity('');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\trequired: data.email ? false : true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'childNumber',\r\n\t\t\tname: 'childNumber',\r\n\t\t\ttype: 'number',\r\n\t\t\tmax: 100,\r\n\t\t\tmin: 0,\r\n\t\t\tlabelText: 'Hijos a cargo',\r\n\t\t\tvalue: data.childNumber,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone1',\r\n\t\t\tname: 'phone1',\r\n\t\t\ttype: 'phone',\r\n\t\t\tlabelText: 'Teléfono',\r\n\t\t\tvalue: data.phone1,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone2',\r\n\t\t\tname: 'phone2',\r\n\t\t\ttype: 'phone',\r\n\t\t\tlabelText: 'Teléfono 2',\r\n\t\t\tvalue: data.phone2,\r\n\t\t\trequired: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElements;\r\n};\r\n\r\nexport { getFormElements };\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline';\r\nimport { closeModal } from '../../../../../actions/popup';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { updateData } from '../../../../../actions/budget';\r\n\r\nimport './PopUpInsuredDelete.css';\r\n\r\nexport class PopUpInsuredDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tmyCancel = () => {\r\n\t\tthis.props.closeModal();\r\n\t};\r\n\r\n\tmySubmit = () => {\r\n\t\tconst budget = { ...this.props.budget };\r\n\t\tconst filterdArray = budget.insured.filter((item) => item.nif !== this.props.nif);\r\n\t\tbudget.insured = filterdArray;\r\n\t\tthis.props.updateData(budget);\r\n\t\tthis.props.closeModal();\r\n\t};\r\n\r\n\tonDeleteSuccess = () => {\r\n\t\tconst { closeModal, HandleRefresh } = this.props;\r\n\t\tcloseModal();\r\n\t\tHandleRefresh();\r\n\t\ttoastDone('Se ha eliminado correctamente');\r\n\t};\r\n\r\n\tonDisableSuccess = () => {\r\n\t\tconst { closeModal } = this.props;\r\n\t\tcloseModal();\r\n\t\ttoastDone('Se ha deshabilitado correctamente');\r\n\t};\r\n\r\n\trender() {\r\n\t\tlet myAction, myText;\r\n\r\n\t\tmyAction = 'ELIMINAR';\r\n\t\tmyText = '¿Estás seguro que deseas eliminar este usuario?';\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget,\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PopUpInsuredDeleteWithTranslation = withTranslation()(PopUpInsuredDelete);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tcloseModal,\r\n\ttoastDone,\r\n\tupdateData\r\n})(PopUpInsuredDeleteWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { updateData } from '../../../../actions/budget';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport PopUpInsured from './PopUpInsured/PopUpInsured';\r\nimport PopUpInsuredDelete from './PopUpInsuredDelete/PopUpInsuredDelete';\r\n\r\nconst usersColumns = [\r\n\t{\r\n\t\tfield: 'documentId',\r\n\t\theaderText: 'NIF*',\r\n\t\ttextAlign: 'Left'\r\n\t},\r\n\t{\r\n\t\tfield: 'birthdayDate',\r\n\t\theaderText: 'Fecha nacimiento*',\r\n\t\ttextAlign: 'Left'\r\n\t},\r\n\t{\r\n\t\tfield: 'clientName',\r\n\t\theaderText: 'Nombre del cliente*',\r\n\t\ttextAlign: 'Left'\r\n\t},\r\n\t{\r\n\t\tfield: 'clientSurname1',\r\n\t\theaderText: 'Primer Apellido*',\r\n\t\ttextAlign: 'Left'\r\n\t},\r\n\t{\r\n\t\tfield: 'clientSurname2',\r\n\t\theaderText: 'Segundo Apellido',\r\n\t\ttextAlign: 'Left'\r\n\t}\r\n];\r\n\r\nexport class PolicyDataPersonal extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tcurrentPage: 0,\r\n\t\t\tcurrentDataGridItems: props.budget.insured\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\t};\r\n\r\n\tcheckRequireds = () => {\r\n\t\tlet requiredEmpty = false;\r\n\t\tthis.props.budget.insured.forEach((insur) => {\r\n\t\t\tif (\r\n\t\t\t\tinsur.documentId === '' ||\r\n\t\t\t\tinsur.birthdayDate === '' ||\r\n\t\t\t\tinsur.clientName === '' ||\r\n\t\t\t\tinsur.clientSurname1 === '' ||\r\n\t\t\t\tinsur.documentId === '' ||\r\n\t\t\t\tinsur.documentId === undefined ||\r\n\t\t\t\tinsur.birthdayDate === undefined ||\r\n\t\t\t\tinsur.clientName === undefined ||\r\n\t\t\t\tinsur.clientSurname1 === undefined ||\r\n\t\t\t\tinsur.documentId === undefined\r\n\t\t\t) {\r\n\t\t\t\trequiredEmpty = true;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn requiredEmpty;\r\n\t};\r\n\r\n\tonClickEdit = (rowData) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst { currentDataGridItems } = this.state;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Asegurado',\r\n\t\t\tactionSubmit: 'EDIT',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{myText}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCANCELAR\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{myAction}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget,\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PolicyDataPersonalFromHistory = withRouter(PolicyDataPersonal);\r\nconst PolicyDataPersonalWithTranslation = withTranslation()(PolicyDataPersonalFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\topenModal,\r\n\tupdateData,\r\n\tcloseModal\r\n})(PolicyDataPersonalWithTranslation);\r\n","const getEnvWebUrl = () => {\r\n\tlet envWebUrl = '';\r\n\tswitch (window.location.hostname) {\r\n\t\tcase 'dev-racc-portalmediacion-web.azurewebsites.net':\r\n\t\t\tenvWebUrl = 'https://dev-racc-portalmediacion-web.azurewebsites.net';\r\n\t\t\tbreak;\r\n\t\tcase 'intmediadores.racc.es':\r\n\t\t\tenvWebUrl = 'https://intmediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'premediadores.racc.es':\r\n\t\t\tenvWebUrl = 'https://premediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'mediadores.racc.es':\r\n\t\t\tenvWebUrl = 'https://mediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tenvWebUrl = 'http://localhost:3000';\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn envWebUrl;\r\n};\r\nconst getEnvApiUrl = () => {\r\n\tlet envApiUrl = '';\r\n\tswitch (window.location.hostname) {\r\n\t\tcase 'dev-racc-portalmediacion-web.azurewebsites.net':\r\n\t\t\tenvApiUrl = 'https://dev-racc-portalmediacion-be-test.azurewebsites.net';\r\n\t\t\tbreak;\r\n\t\tcase 'intmediadores.racc.es':\r\n\t\t\tenvApiUrl = 'https://intapimediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'premediadores.racc.es':\r\n\t\t\tenvApiUrl = 'https://preapimediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'mediadores.racc.es':\r\n\t\t\tenvApiUrl = 'https://apimediadores.racc.es';\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tenvApiUrl = 'https://dev-racc-portalmediacion-be-test.azurewebsites.net';\r\n\t\t\t// envApiUrl = 'https://localhost:5001';\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn envApiUrl;\r\n};\r\n\r\nconst getEnvPaymentUrl = () => {\r\n\tlet envPaymentUrl = '';\r\n\tswitch (window.location.hostname) {\r\n\t\tcase 'dev-racc-portalmediacion-web.azurewebsites.net':\r\n\t\t\tenvPaymentUrl = 'https://pretpvn.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'intmediadores.racc.es':\r\n\t\t\tenvPaymentUrl = 'https://pretpvn.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'premediadores.racc.es':\r\n\t\t\tenvPaymentUrl = 'https://pretpvn.racc.es';\r\n\t\t\tbreak;\r\n\t\tcase 'mediadores.racc.es':\r\n\t\t\tenvPaymentUrl = 'https://tpvn.racc.es';\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tenvPaymentUrl = 'https://pretpvn.racc.es';\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn envPaymentUrl;\r\n};\r\nexport { getEnvWebUrl, getEnvApiUrl, getEnvPaymentUrl };\r\n","import React, { Component } from 'react'\r\nimport { withRouter } from 'react-router-dom'\r\nimport { connect } from 'react-redux'\r\nimport { FlapperSpinner } from 'react-spinners-kit'\r\nimport { withTranslation } from 'react-i18next'\r\nimport { updateData } from '../../../../../actions/budget'\r\nimport { openModal } from '../../../../../actions/popup'\r\nimport { StyledButton } from '../../../../../shared/StyledButton'\r\nimport { PopUpIntermediatePricing } from '../../../Catalog/PopUpIntermediatePricing/PopUpIntermediatePricing'\r\nimport {\r\n\tpostPreContractDriverParams,\r\n\tpostPreContractPeopleParams,\r\n\tpostPreContractInfoVehicleParams,\r\n\tgenerateSignatureParams,\r\n\tstartMobilePaymentParams\r\n} from '../../ContratacionCalls/ContratacionCalls'\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline/StyledButtonOutline'\r\nimport { getEnvWebUrl, getEnvPaymentUrl } from '../../../../../services/config'\r\nimport { ROUTE } from '../../../../../common/constants/routes'\r\n\r\nexport class PopUpPayment extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\tprecontractResponse: false,\r\n\t\t\terrorOnPreContract: false,\r\n\t\t\tpreContractId: '',\r\n\t\t\treceiptId: '',\r\n\t\t\tnewPrice: '',\r\n\t\t\tpaymentUrl: '',\r\n\t\t\turlResponse: ''\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.precontract()\r\n\t}\r\n\r\n\tprecontract = () => {\r\n\t\tconst { startRequest, budget } = this.props\r\n\t\tlet params\r\n\t\tif (budget.preContractType == \"InfoVehicle\"){\r\n\t\t\tparams = postPreContractInfoVehicleParams(budget, this.precontractSuccess, this.precontractError)\r\n\t\t}else if (budget.preContractType == \"Driver\") {\r\n\t\t\tparams = postPreContractDriverParams(budget, this.precontractSuccess, this.precontractError)\r\n\t\t} else if (budget.preContractType == \"People\") {\r\n\t\t\tparams = postPreContractPeopleParams(budget, this.precontractSuccess, this.precontractError)\r\n\t\t}\r\n\t\tstartRequest(params)\r\n\t}\r\n\r\n\tprecontractError = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tprecontractResponse: true,\r\n\t\t\terrorOnPreContract: true,\r\n\t\t\terrorsOnPrecontract: response\r\n\t\t})\r\n\t}\r\n\r\n\tprecontractSuccess = (response) => {\r\n\t\tconst urlResponse = encodeURIComponent(\r\n\t\t\tgetEnvWebUrl() + ROUTE.CONFIRMPAYMENTMOBILE.replace(':precontract_id', response.preContractId)\r\n\t\t)\r\n\t\tthis.setState({\r\n\t\t\tprecontractResponse: true,\r\n\t\t\terrorOnPreContract: response.priceHasChange,\r\n\t\t\tpreContractId: response.preContractId,\r\n\t\t\treceiptId: response.receiptId,\r\n\t\t\tpaymentReceipt: response.paymentReceipt,\r\n\t\t\tprice: response.price,\r\n\t\t\tpricingPrice: response.pricingPrice,\r\n\t\t\tpriceHasChanged: response.priceHasChange,\r\n\t\t\tobservations: response.observations,\r\n\t\t\ttotalPrice: response.totalPrice ? response.totalPrice : response.price,\r\n\t\t\ttotalPricingPrice: response.totalPricingPrice ? response.totalPricingPrice : response.pricingPrice,\r\n\t\t\toperationType: 1,\r\n\t\t\traccChannel: response.raccChannel,\r\n\t\t\turlResponse: urlResponse,\r\n\t\t\tisDomiciled: response.isDomiciled,\r\n\t\t\tphone: response.phone\r\n\t\t})\r\n\t\tif (!response.priceHasChange) {\r\n\t\t\tthis.generateSignature()\r\n\t\t}\r\n\t}\r\n\r\n\tgenerateSignature = () => {\r\n\t\tconst data = {\r\n\t\t\tRecord: this.state.receiptId,\r\n\t\t\tAmount: this.state.totalPrice ? this.state.totalPrice : this.state.price,\r\n\t\t\tChannelCode: this.state.raccChannel,\r\n\t\t\tOperationType: this.state.operationType,\r\n\t\t\tPrecontractId: this.state.preContractId,\r\n\t\t\tURL: this.state.urlResponse,\r\n\t\t\tPhone: this.state.phone\r\n\t\t}\r\n\t\tconst { startRequest } = this.props\r\n\t\tstartRequest(generateSignatureParams(data, this.generateSignatureSuccess))\r\n\t}\r\n\r\n\tgenerateSignatureSuccess = (response) => {\r\n\t\tconst signature = response\r\n\t\tconst { paymentReceipt, totalPrice, raccChannel, urlResponse, isDomiciled, phone } = this.state\r\n\t\tconst paymentUrl =\r\n\t\t\tgetEnvPaymentUrl() +\r\n\t\t\t'?rc=' +\r\n\t\t\tpaymentReceipt +\r\n\t\t\t'&phone=' +\r\n\t\t\tphone +\r\n\t\t\t'&importe=' +\r\n\t\t\ttotalPrice +\r\n\t\t\t'&canal=' +\r\n\t\t\traccChannel +\r\n\t\t\t'&tipo=1&url=' +\r\n\t\t\turlResponse +\r\n\t\t\t'&origen=mediacion' +\r\n\t\t\t'&s=' +\r\n\t\t\tsignature\r\n\t\tthis.setState({\r\n\t\t\tpaymentUrl: paymentUrl,\r\n\t\t\tprecontractResponse: true\r\n\t\t})\r\n\t\tif (0 === parseFloat(totalPrice) || isDomiciled) {\r\n\t\t\tthis.checkOutContract('-1')\r\n\t\t} else {\r\n\t\t\tconst { startRequest } = this.props\r\n\t\t\tstartRequest(startMobilePaymentParams(paymentUrl, this.checkOutContract))\r\n\t\t\tthis.checkOutContract('0')\r\n\t\t}\r\n\t}\r\n\r\n\tcheckOutContract = (reference) => {\r\n\t\tconst { history, closeModal } = this.props\r\n\t\tconst { receiptId, preContractId } = this.state\r\n\t\tcloseModal()\r\n\t\thistory.push('/Contratacion/' + receiptId + '/' + preContractId + '/' + reference)\r\n\t}\r\n\r\n\tcancelPrecontractKO = () => {\r\n\t\tconst { closeModal, history, openModal, startRequest, budget } = this.props\r\n\t\tcloseModal()\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Pantalla Intermedia de Tarificación',\r\n\t\t\tbody: (\r\n\t\t\t\tDatos de los asegurados
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tPor favor, rellena todos los campos obligatorios de los asegurados.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tEl precio se ha modificado.
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n\r\n\trenderPage = () => {\r\n\t\tif (this.state.precontractResponse && this.state.errorOnPreContract) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tAntes
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.totalPricingPrice}€
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tAhora
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.totalPrice}€
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tAceptar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tEl precontrato no se ha podido crear.
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderPriceHasChanged()}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tRevisa estos errores
\r\n\t\t\t\t\t\t\t{this.errorsInPrecontract()}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.newPrice}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget,\r\n\tappearance: state.appearance.appearance\r\n})\r\nconst PopUpPaymentFromHistory = withRouter(PopUpPayment)\r\nconst PopUpPaymentWithTranslation = withTranslation()(PopUpPaymentFromHistory)\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateData,\r\n\topenModal\r\n})(PopUpPaymentWithTranslation)\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CardFormGeneric from '../../../../shared/CardFormGeneric';\r\nimport { getFormElementsPaymentMethod } from './getFormElementsPaymentMethod';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { PopUpPayment } from './PopUpPayment';\r\nimport { updateData } from '../../../../actions/budget';\r\nimport { handleInputChange } from '../Utils';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\n\r\nexport class PaymentMethod extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tpaymentError: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\t};\r\n\r\n\tgetFormElements = () => {\r\n\t\treturn getFormElementsPaymentMethod(this.props.budget);\r\n\t};\r\n\r\n\tpaymentPopup = () => {\r\n\t\tconst { openModal, history, closeModal, startRequest, budget } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Método de pago',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.renderPage()}\r\n\t\t\tValidando datos para proceder al pago...
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tvalidate = function() {\r\n\t\treturn this.currentForm.handleValidateForm();\r\n\t};\r\n\r\n\trenderModuleListCart = () => {\r\n\t\tconst { budget } = this.props;\r\n\t\tlet html = [];\r\n\t\tbudget.products.filter((x) => x.isPrincipal === false).forEach((productModule, i) => {\r\n\t\t\thtml.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\tHa habido un error con el cobro TPV. Vuelva a intentarlo.\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tProducto Módulo {productModule.productName}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{productModule.price}€
\r\n\t\t\t\t\t\tx{budget.insured.length}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{totalPrice + totalModule * budget.insured.length}€\r\n\t\t\tTOTAL
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{price}€\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{(insur.clientName ? insur.clientName : '') +\r\n\t\t\t\t\t\t\t\t' ' +\r\n\t\t\t\t\t\t\t\t(insur.clientSurname1 ? insur.clientSurname1 : '') +\r\n\t\t\t\t\t\t\t\t' ' +\r\n\t\t\t\t\t\t\t\t(insur.clientSurname2 ? insur.clientSurname2 : '')}\r\n\t\t\t\t\t\t\t{budget.isTakerInsured && i === 0 ? ' (Tomador)' : ''}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{insur.documentId}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget,\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst PaymentMethodFromHistory = withRouter(PaymentMethod);\r\nconst PaymentMethodWithTranslation = withTranslation()(PaymentMethodFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal,\r\n\tupdateData\r\n})(PaymentMethodWithTranslation);\r\n","const getFormElementsPaymentMethod = (budgetState) => {\r\n\tlet elements = [\r\n\t\t{\r\n\t\t\tid: 'iban',\r\n\t\t\tname: 'iban',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'IBAN',\r\n\t\t\tvalue: budgetState.iban,\r\n\t\t\trequired: true,\r\n\t\t\t// eslint-disable-next-line no-useless-escape\r\n\t\t\tpattern: '^ES{2}[ ]d{4}[ ]d{4}[ ]d{4}[ ]d{4}[ ]d{2}|DEd{20}$'\r\n\t\t}\r\n\t\t// {\r\n\t\t// id: 'bankName',\r\n\t\t// name: 'bankName',\r\n\t\t// type: 'text',\r\n\t\t// labelText: 'Nombre del banco',\r\n\t\t// value: budgetState.bankName,\r\n\t\t// required: true\r\n\t\t// },\r\n\t\t// {\r\n\t\t// id: 'bankTakerName',\r\n\t\t// name: 'bankTakerName',\r\n\t\t// type: 'text',\r\n\t\t// labelText: 'Nombre del titular',\r\n\t\t// value: budgetState.bankTakerName,\r\n\t\t// required: true\r\n\t\t// },\r\n\t\t// {\r\n\t\t// id: 'bankTakerNIF',\r\n\t\t// name: 'bankTakerNIF',\r\n\t\t// type: 'text',\r\n\t\t// labelText: 'Nif del titular',\r\n\t\t// value: budgetState.bankTakerNIF,\r\n\t\t// required: true\r\n\t\t// }\r\n\t];\r\n\r\n\treturn elements;\r\n};\r\n\r\nexport { getFormElementsPaymentMethod };\r\n","const getFormElementsPoliza = (budgetState) => {\r\n\tlet elements = [\r\n\t\t{\r\n\t\t\tid: 'clientName',\r\n\t\t\tname: 'clientName',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText:'Nombre',\r\n\t\t\t//placeholder: 'Nombre',\r\n\t\t\tvalue: budgetState.clientName,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientSurname1',\r\n\t\t\tname: 'clientSurname1',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText:'Apellido 1',\r\n\t\t\t//placeholder: 'Apellido 1',\r\n\t\t\tvalue: budgetState.clientSurname1,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientSurname2',\r\n\t\t\tname: 'clientSurname2',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Apellido 2',\r\n\t\t\t//placeholder: 'Apellido 2',\r\n\t\t\tvalue: budgetState.clientSurname2,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'effectiveDate',\r\n\t\t\tname: 'effectiveDate',\r\n\t\t\ttype: 'datepicker',\r\n appendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tlabelText: 'Fecha de efecto',\r\n\t\t\t//placeholder: 'Fecha de efecto',\r\n\t\t\tvalue: budgetState.effectiveDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t}\r\n\t];\r\n\tif(budgetState.tipoTarifa === \"Dias\"){\r\n\t\telements.push(\r\n\t\t\t{\r\n\t\t\t\tid: 'EndDate',\r\n\t\t\t\tname: 'EndDate',\r\n\t\t\t\ttype: 'datepicker',\r\n\t\t\t\tappendToBody: false,\r\n\t\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\t\tisOutsideRange: [\r\n\t\t\t\t\t{ direction: 'after', count: 1, unit: 'years' },\r\n\t\t\t\t\t{ direction: 'before', count: 1, unit: 'day' }\r\n\t\t\t\t],\r\n\t\t\t\tplaceholder: 'Fin viaje ',\r\n\t\t\t\tvalue: budgetState.endDate,\r\n\t\t\t\trequired: true,\r\n\t\t\t\treadonly: false,\r\n\t\t\t\thidden: false\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n\tif(budgetState.tipoTarifa === \"Capital\"){\r\n\t\telements.push(\r\n\t\t\t{\r\n\t\t\t\tid: 'importe',\r\n\t\t\t\tname: 'importe',\r\n\t\t\t\ttype: 'number',\r\n\t\t\t\tlabelText:'Importe',\r\n\t\t\t\t//placeholder: 'Nombre',\r\n\t\t\t\tvalue: budgetState.importe,\r\n\t\t\t\trequired: true\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n\tif (budgetState.products.length > 0) {\r\n\t\tbudgetState.products.forEach((product) => {\r\n\t\t\tif (product.isPrincipal && product.isUsualLicensePlate) {\r\n\t\t\t\telements.push({\r\n\t\t\t\t\tid: 'usualLicensePlate',\r\n\t\t\t\t\tname: 'usualLicensePlate',\r\n\t\t\t\t\ttype: 'text',\r\n\t\t\t\t\tplaceholder: 'Matrícula habitual del vehículo',\r\n\t\t\t\t\tmaxLength: 20,\r\n\t\t\t\t\tvalue: budgetState.usualLicensePlate,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t\r\n\treturn elements;\r\n};\r\n\r\nexport { getFormElementsPoliza };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CardFormGeneric from '../../../../shared/CardFormGeneric';\r\nimport { getFormElementsCliente } from './FormElementsCliente';\r\nimport { getFormElementsPoliza } from './FormElementsPoliza';\r\nimport { updateData } from '../../../../actions/budget';\r\nimport { handleInputChange } from '../Utils';\r\n\r\nexport class PolicyHoldersData extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\ttakerIsPartner: this.props.budget.takerIsPartner\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\t};\r\n\r\n\tlocalHandleInputChange = (event) => {\r\n\t\thandleInputChange(event, this.props.budget, this.props.updateData);\r\n\t};\r\n\r\n\tvalidate = function() {\r\n\t\tif (!this.props.budget.takerIsPartner) {\r\n\t\t\treturn this.polizaForm.handleValidateForm() && this.clienteForm.handleValidateForm();\r\n\t\t} else {\r\n\t\t\treturn this.polizaForm.handleValidateForm();\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tMétodo de pago
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{this.checkErrorPage()}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t (this.currentForm = elem)}\r\n\t\t\t\t\t\t\t\teditMode={true}\r\n\t\t\t\t\t\t\t\thandleInputChange={this.localHandleInputChange}\r\n\t\t\t\t\t\t\t\tformElements={this.getFormElements()}\r\n\t\t\t\t\t\t\t\tidForm=\"DatosPaymentForm\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDatos Bancarios\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAsegurados\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.props.budget.insured.length}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t- {this.renderInsuredListCart()}
\r\n\t\t\t\t\t\t\t\t\tProductos Módulos\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.renderProductModuleLength()}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t- {this.renderModuleListCart()}
- {this.renderTotalListCart()}
- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPAGAR\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget\r\n});\r\nconst PolicyHoldersDataFromHistory = withRouter(PolicyHoldersData);\r\nconst PolicyHoldersDataWithTranslation = withTranslation()(PolicyHoldersDataFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateData\r\n})(PolicyHoldersDataWithTranslation);\r\n","import { ValidateSpanishID, validDNI, validNIE, validCIF } from '../../../../common/utils/validationSpanishID';\r\nconst getFormElementsCliente = (budgetState) => {\r\n\tlet elements = [\r\n\t\t{\r\n\t\t\tid: 'email',\r\n\t\t\tname: 'email',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Email',\r\n\t\t\tvalue: budgetState.reasonNoEmail ? '' : budgetState.email,\r\n\t\t\treadonly: budgetState.reasonNoEmail,\r\n\t\t\trequired: budgetState.reasonNoEmail ? false : true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'reasonNoEmail',\r\n\t\t\tname: 'reasonNoEmail',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Razón no sumisitrar email',\r\n\t\t\tvalue: budgetState.reasonNoEmail,\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: '', name: '' },\r\n\t\t\t\t{ value: 'NoDispone', name: 'No dispone de e-mail' },\r\n\t\t\t\t{ value: 'NoFacilita', name: 'No quiere facilitar su e-mail' }\r\n\t\t\t],\r\n\t\t\tsetCustomValidityObject: function(element, messageError) {\r\n\t\t\t\tif (element.value === '') {\r\n\t\t\t\t\telement.target.setCustomValidity(messageError);\r\n\t\t\t\t} else {\r\n\t\t\t\t\telement.target.setCustomValidity('');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\trequired: budgetState.email ? false : true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'dirAutoCompleteCercalia',\r\n\t\t\tname: 'dirAutoCompleteCercalia',\r\n\t\t\ttype: 'autoCompleteCercalia',\r\n\t\t\tlabelText: 'Dirección',\r\n\t\t\tvalue: budgetState.dirAutoCompleteCercalia,\r\n\t\t\taddressInfo: {\r\n\t\t\t\tid: budgetState.cercaliaId,\r\n\t\t\t\tstreetId: budgetState.streetId,\r\n\t\t\t\tstreetNumber: budgetState.streetNumber,\r\n\t\t\t\tcityId: budgetState.cityId,\r\n\t\t\t\tmunicipalityId: budgetState.municipalityId,\r\n\t\t\t\tstateId: budgetState.stateId,\r\n\t\t\t\tcomunityId: budgetState.comunityId,\r\n\t\t\t\tcountryId: budgetState.countryId\r\n\t\t\t},\r\n\t\t\tsetCustomValidityObject: function(element, messageError) {\r\n\t\t\t\tif (element.value === '') {\r\n\t\t\t\t\telement.target.setCustomValidity(messageError);\r\n\t\t\t\t} else {\r\n\t\t\t\t\telement.target.setCustomValidity('');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'otherDirection',\r\n\t\t\tname: 'otherDirection',\r\n\t\t\ttype: 'text',\r\n\t\t\tlabelText: 'Resto Dirección',\r\n\t\t\tvalue: budgetState.otherDirection,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'postalCode',\r\n\t\t\tname: 'postalCode',\r\n\t\t\ttype: 'text',\r\n\t\t\tmaxLength: 99999,\r\n\t\t\tlabelText: 'Código Postal',\r\n\t\t\tvalue: budgetState.postalCode,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'preferredLanguage',\r\n\t\t\tname: 'preferredLanguage',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Idioma preferido',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 'Castellano', name: 'Castellano' },\r\n\t\t\t\t{ value: 'Catala', name: 'Català' },\r\n\t\t\t\t{ value: 'Inglés', name: 'English' }\r\n\t\t\t],\r\n\t\t\tvalue: budgetState.preferredLanguage,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'clientType',\r\n\t\t\tname: 'ClientType',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Tipo cliente',\r\n\t\t\toptions: [ { value: 'particular', name: 'Particular' }, { value: 'empresa', name: 'Empresa' } ],\r\n\t\t\tvalue: budgetState.clientType\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'birthdayDate',\r\n\t\t\tname: 'birthdayDate',\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tappendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tlabelText: 'Fecha de nacimiento',\r\n\t\t\tvalue: budgetState.birthdayDate,\r\n\t\t\trequired: true,\r\n\t\t\treadonly: false,\r\n\t\t\thidden: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'gender',\r\n\t\t\tname: 'gender',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Género',\r\n\t\t\toptions: [ { value: '1', name: 'Hombre' }, { value: '2', name: 'Mujer' } ],\r\n\t\t\tvalue: budgetState.gender\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'documentIdType',\r\n\t\t\tname: 'documentIdType',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Tipo de identificador',\r\n\t\t\toptions: [ { value: 1, name: 'NIF' }, { value: 2, name: 'NIE' }, { value: 3, name: 'CIF' } ],\r\n\t\t\tvalue: budgetState.documentIdType\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'documentId',\r\n\t\t\tname: 'documentId',\r\n\t\t\ttype: 'nif',\r\n\t\t\tlabelText: 'Documento identificador',\r\n\t\t\tvalue: budgetState.documentId,\r\n\t\t\trequired: true,\r\n\t\t\tmessageError: 'Error',\r\n\t\t\tsetCustomValidityObject: function(element, messageError) {\r\n\t\t\t\tswitch (budgetState.documentIdType) {\r\n\t\t\t\t\tcase '1':\r\n\t\t\t\t\t\tvalidDNI(budgetState.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase '2':\r\n\t\t\t\t\t\tvalidNIE(budgetState.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase '3':\r\n\t\t\t\t\t\tvalidCIF(budgetState.documentId)\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tValidateSpanishID(budgetState.documentId).valid\r\n\t\t\t\t\t\t\t? element.target.setCustomValidity('')\r\n\t\t\t\t\t\t\t: element.target.setCustomValidity(messageError);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'civilStatus',\r\n\t\t\tname: 'civilStatus',\r\n\t\t\ttype: 'select',\r\n\t\t\tlabelText: 'Estado civil',\r\n\t\t\toptions: [\r\n\t\t\t\t{ value: 'Soltero', name: 'Soltero' },\r\n\t\t\t\t{ value: 'Pareja', name: 'Pareja' },\r\n\t\t\t\t{ value: 'Casado', name: 'Casado' },\r\n\t\t\t\t{ value: 'Divorciado', name: 'Divorciado' },\r\n\t\t\t\t{ value: 'Viudo', name: 'Viudo' },\r\n\t\t\t\t{ value: 'Separado', name: 'Separado' },\r\n\t\t\t\t{ value: 'No consta', name: 'No consta' }\r\n\t\t\t],\r\n\t\t\tvalue: budgetState.civilStatus\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'childNumber',\r\n\t\t\tname: 'childNumber',\r\n\t\t\ttype: 'number',\r\n\t\t\tmax: 100,\r\n\t\t\tmin: 0,\r\n\t\t\tlabelText: 'Hijos a cargo',\r\n\t\t\tvalue: budgetState.childNumber,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone1',\r\n\t\t\tname: 'phone1',\r\n\t\t\ttype: 'phone',\r\n\t\t\tlabelText: 'Teléfono',\r\n\t\t\tvalue: budgetState.phone1,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'phone2',\r\n\t\t\tname: 'phone2',\r\n\t\t\ttype: 'phone',\r\n\t\t\tlabelText: 'Teléfono 2',\r\n\t\t\tvalue: budgetState.phone2,\r\n\t\t\trequired: false\r\n\t\t}\r\n\t];\r\n\r\n\treturn elements;\r\n};\r\n\r\nexport { getFormElementsCliente };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CardFormGeneric from '../../../../shared/CardFormGeneric/CardFormGeneric';\r\nimport { getFormElementsInfoVehicle } from '../FormElementsVehicle'\r\n\r\nimport { updateData } from '../../../../actions/budget';\r\n\r\nimport { handleInputChange } from '../Utils';\r\n\r\nexport class PolicyDataInfoVehicle extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { childRef } = this.props;\r\n\t\tif (childRef !== undefined) {\r\n\t\t\tchildRef(this);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tgetFormElementsVehicle = () => {\r\n\t\treturn getFormElementsInfoVehicle(this.props.budget)\r\n\t}\r\n\r\n\r\n\tlocalHandleInputChange = (event) => {\r\n\t\thandleInputChange(event, this.props.budget, this.props.updateData)\r\n\t}\r\n\r\n\tvalidate = function () {\r\n\t\treturn this.currentForm.handleValidateForm();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\tDatos del titular de la póliza
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t (this.polizaForm = elem)}\r\n\t\t\t\t\t\t\teditMode={true}\r\n\t\t\t\t\t\t\thandleInputChange={this.localHandleInputChange}\r\n\t\t\t\t\t\t\tformElements={getFormElementsPoliza(this.props.budget)}\r\n\t\t\t\t\t\t\tidForm=\"DatosPolizaForm\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t{!this.props.budget.takerIsPartner ? (\r\n\t\t\t\t\t\t\t (this.clienteForm = elem)}\r\n\t\t\t\t\t\t\t\teditMode={true}\r\n\t\t\t\t\t\t\t\thandleInputChange={this.localHandleInputChange}\r\n\t\t\t\t\t\t\t\tformElements={getFormElementsCliente(this.props.budget)}\r\n\t\t\t\t\t\t\t\tidForm=\"DatosClienteForm\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tbudget: state.budget\r\n});\r\nconst PolicyDataInfoVehicleFromHistory = withRouter(PolicyDataInfoVehicle);\r\nconst PolicyDataInfoVehicleWithTranslation = withTranslation()(PolicyDataInfoVehicleFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateData\r\n})(PolicyDataInfoVehicleWithTranslation);\r\n","import React, { Component } from 'react'\r\nimport { withRouter } from 'react-router-dom'\r\nimport { connect } from 'react-redux'\r\nimport { withTranslation } from 'react-i18next'\r\nimport Stepper from '@material-ui/core/Stepper'\r\nimport Step from '@material-ui/core/Step'\r\nimport StepLabel from '@material-ui/core/StepLabel'\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons'\r\nimport StepBase from './StepBase/StepBase'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { startRequest } from '../../../actions/apiCall'\r\nimport { StyledLink } from '../../../shared/StyledLink'\r\nimport budget, { updateData } from '../../../actions/budget'\r\nimport PolicyDataVehicle from './PolicyDataVehicle/PolicyDataVehicle'\r\nimport PolicyDataPersonal from './PolicyDataPersonal'\r\nimport PaymentMethod from './PaymentMethod/PaymentMethod'\r\nimport PolicyHoldersData from './PolicyHoldersData/PolicyHoldersData'\r\nimport { GetNameForPage } from '../../../common/utils/storageManager'\r\nimport { toastError } from '../../../services/toasters'\r\nimport { getBudgetParams } from './ContratacionCalls/ContratacionCalls'\r\nimport PolicyDataInfoVehicle from './PolicyDataInfoVehicle/PolicyDataInfoVehicle'\r\nconst MAX_ELEMENT_STEP = 3\r\n\r\nexport class Contratacion extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\tbudget: this.props.budget,\r\n\t\t\tactiveStep: 0,\r\n\t\t\tduration: '',\r\n\t\t\tbranch: '',\r\n\t\t\tpreContractType: '',\r\n\t\t\tid: this.props.match.params.budget_id\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName()\r\n\t\tconst { startRequest } = this.props\r\n\t\tstartRequest(getBudgetParams(this.state.id, this.successCall))\r\n\t}\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props\r\n\t\tdocument.title = GetNameForPage(history.location.pathname)\r\n\t}\r\n\r\n\tsuccessCall = (data) => {\r\n\t\tif(data.errors !== null && data.errors.length > 0){\r\n\t\t\tthis.errorCall(data.errors);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst newBudget = {\r\n\t\t\tbudgetId: data.budget.id,\r\n\t\t\tbranch: data.branch,\r\n\t\t\tpreContractType: data.preContractType,\r\n\t\t\tpricingId: data.budget.pricingId,\r\n\t\t\tscopeId: data.budget.scopeId,\r\n\t\t\tscopeName: data.budget.scopeName,\r\n\t\t\tstatusId: data.budget.statusId,\r\n\t\t\tclientName: data.budget.name,\r\n\t\t\tvehicleLicensePlate: data.budget.carRegistration,\r\n\t\t\tclientSurname1: data.budget.surName1,\r\n\t\t\tclientSurname2: data.budget.surName2,\r\n\t\t\tdocumentId: data.budget.takerNIF,\r\n\t\t\tbirthdayDate: data.budget.takerBirthDate,\r\n\t\t\teffectiveDate: data.budget.effectiveDate,\r\n\t\t\tendDate: data.budget.endDate,\r\n\t\t\timporte: data.budget.importe,\r\n\t\t\ttipoTarifa: data.budget.tipoTarifa,\r\n\t\t\tphone1: data.budget.phone,\r\n\t\t\tpostalCode: data.budget.postalCode,\r\n\t\t\ttakerIsPartner: data.budget.takerIsPartner,\r\n\t\t\tproducts: data.budget.products,\r\n\t\t\tisTakerInsured: data.budget.isTakerInsured,\r\n\t\t\tinsured: data.budget.insured\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tduration: data.duration,\r\n\t\t\tbudget: newBudget\r\n\t\t})\r\n\t\tthis.props.updateData(newBudget)\r\n\t}\r\n\r\n\terrorCall = (response) => {\r\n\t\tresponse.forEach(err => {\r\n\t\t\ttoastError('Ha habido un error', err.errorMessageKey);\r\n\t\t\tthis.props.history.push('/Catalog/Pricing/' + this.state.id);\r\n\t\t})\r\n\t}\r\n\r\n\thandleStep = (sumStepNumber) => {\r\n\t\tif (this.validateByStep(this.state.activeStep)) {\r\n\t\t\tconst newStepNumber = this.state.activeStep + sumStepNumber\r\n\t\t\tif (newStepNumber < MAX_ELEMENT_STEP && newStepNumber > -1) {\r\n\t\t\t\tthis.setState({ activeStep: newStepNumber })\r\n\t\t\t}\r\n\t\t\tconst { budget } = this.props\r\n\t\t\tif (budget.isTakerInsured) {\r\n\t\t\t\tthis.registerTakerAsInsured()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tregisterTakerAsInsured = () => {\r\n\t\tconst { budget, updateData } = this.props\r\n\t\tlet newBudget = budget\r\n\t\tif (newBudget.insured.length === 0) {\r\n\t\t\tnewBudget.insured[0] = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tclientName: budget.clientName,\r\n\t\t\t\tclientSurname1: budget.clientSurname1,\r\n\t\t\t\tclientSurname2: budget.clientSurname2,\r\n\t\t\t\tbirthdayDate: budget.birthdayDate,\r\n\t\t\t\tvehicleLicensePlate: budget.carRegistration,\r\n\t\t\t\tnif: budget.documentId,\r\n\t\t\t\tdocumentId: budget.documentId,\r\n\t\t\t\tdocumentIdType: budget.documentIdType,\r\n\t\t\t\tpreferredLanguage: budget.preferredLanguage,\r\n\t\t\t\tclientType: budget.clientType,\r\n\t\t\t\tgender: budget.gender,\r\n\t\t\t\tcivilStatus: budget.civilStatus,\r\n\t\t\t\temail: budget.email,\r\n\t\t\t\treasonNoEmail: budget.reasonNoEmail,\r\n\t\t\t\tchildNumber: budget.childNumber,\r\n\t\t\t\tphone1: budget.phone1,\r\n\t\t\t\tphone2: budget.phone2\r\n\t\t\t}\r\n\t\t\tupdateData(newBudget)\r\n\t\t}\r\n\t}\r\n\r\n\tvalidateByStep = (currentStepNumber) => {\r\n\t\tswitch (currentStepNumber) {\r\n\t\t\tcase 0:\r\n\t\t\t\treturn this.PolicyHoldersDataComponent.validate()\r\n\t\t\tcase 1:\r\n\t\t\t\tif (this.state.budget.preContractType === 'Driver') {\r\n\t\t\t\t\treturn this.PolicyDataVehicle.validate()\r\n\t\t\t\t} else if (this.state.budget.preContractType === 'InfoVehicle') {\r\n\t\t\t\t\treturn this.PolicyDataVehicle.validate()\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn this.PolicyDataPersonal.validate()\r\n\t\t\t\t}\r\n\t\t\tcase 2:\r\n\t\t\t\treturn this.PaymentMethod.validate()\r\n\t\t\tdefault:\r\n\t\t\t\treturn true\r\n\t\t}\r\n\t}\r\n\r\n\tgetStepContent = (step) => {\r\n\t\tlet returnStep\r\n\t\tswitch (step) {\r\n\t\t\tcase 0:\r\n\t\t\t\treturnStep = Datos del Vehículo
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t (this.currentForm = elem)}\r\n\t\t\t\t\t\t\ttitle=\"Datos del vehículo\"\r\n\t\t\t\t\t\t\teditMode={true}\r\n\t\t\t\t\t\t\thandleInputChange={this.localHandleInputChange}\r\n\t\t\t\t\t\t\tformElements={this.getFormElementsVehicle()}\r\n\t\t\t\t\t\t\tidForm=\"DatosVehiculoForm\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tbudget: state.budget,\r\n\t\tappearance: state.appearance.appearance\r\n\t}\r\n}\r\nconst ContratacionFromHistory = withRouter(Contratacion)\r\nconst ContratacionWithTranslation = withTranslation()(ContratacionFromHistory)\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tupdateData\r\n})(ContratacionWithTranslation)\r\n","import React, { Component } from 'react'\r\nimport { withRouter } from 'react-router-dom'\r\nimport { connect } from 'react-redux'\r\nimport { withTranslation } from 'react-i18next'\r\nimport { FlapperSpinner } from 'react-spinners-kit'\r\nimport { StyledLink } from '../../../shared/StyledLink'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons'\r\nimport { postContractParams, checkPaymentParams } from '../Contratacion/ContratacionCalls/ContratacionCalls'\r\nimport { startRequest } from '../../../actions/apiCall'\r\nimport { ROUTE } from '../../../common/constants/routes'\r\nimport './ContractNeurona'\r\n\r\nexport class ContractNeurona extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\tpaymentStatus: false,\r\n\t\t\terrorMessage: '',\r\n\t\t\tloadingPayment: true,\r\n\t\t\tloadingNeurona: true,\r\n\t\t\tneuronaResponse: {},\r\n\t\t\treceiptId: props.match.params.receipt_id,\r\n\t\t\tprecontractId: props.match.params.precontract_id,\r\n\t\t\treference: props.match.params.reference\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tif (this.state.reference !== '-1') {\r\n\t\t\tthis.checkPayment()\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tpaymentStatus: true,\r\n\t\t\t\tloadingPayment: false\r\n\t\t\t})\r\n\t\t\tthis.contract()\r\n\t\t}\r\n\t}\r\n\r\n\tcheckPayment = () => {\r\n\t\tconst { receiptId } = this.state\r\n\t\tconst { startRequest } = this.props\r\n\t\tstartRequest(checkPaymentParams(receiptId, this.paymentResponse, this.paymentError))\r\n\t}\r\n\r\n\tpaymentError = () => {\r\n\t\tthis.setState({\r\n\t\t\tpaymentStatus: false,\r\n\t\t\terrorMessage: 'No se ha podido comprobar el estado del pago.',\r\n\t\t\tloadingPayment: false\r\n\t\t})\r\n\t}\r\n\r\n\tpaymentResponse = (response) => {\r\n\t\tif (response.paymentStatus) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tticketUrl: response.ticketUrl,\r\n\t\t\t\tpaymentStatus: response.paymentStatus,\r\n\t\t\t\terrorMessage: response.paymentStatus ? '' : response.errorStatus,\r\n\t\t\t\tloadingPayment: false\r\n\t\t\t})\r\n\t\t\tthis.contractSuccess(true)\r\n\t\t} else {\r\n\t\t\tsetTimeout(() => this.checkPayment(), 5000)\r\n\t\t}\r\n\t}\r\n\r\n\tcontract = () => {\r\n\t\tconst { startRequest } = this.props\r\n\t\tconst data = {\r\n\t\t\tprecontractId: parseInt(this.state.precontractId)\r\n\t\t}\r\n\t\tstartRequest(postContractParams(data, this.contractSuccess, this.contractError))\r\n\t}\r\n\r\n\tcontractSuccess = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tneuronaResponse: response,\r\n\t\t\tloadingNeurona: false,\r\n\t\t\tneurona: response.status !== 'ERROR'\r\n\t\t})\r\n\t}\r\n\r\n\tcontractError = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tneuronaResponse: response,\r\n\t\t\tloadingNeurona: false,\r\n\t\t\tneurona: false\r\n\t\t})\r\n\t}\r\n\r\n\tneuronaOk = () => {\r\n\t\tconst { history } = this.props\r\n\t\tif (this.state.neurona) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\thistory.push(ROUTE.CONTRACTS)\r\n\t\t\t}, 10000)\r\n\t\t}\r\n\t}\r\n\r\n\tcheckErrorsPage = () => {\r\n\t\tconst { neurona, neuronaResponse } = this.state\r\n\t\tlet htmlErrors = []\r\n\t\tif (!neurona && this.state.neuronaResponse) {\r\n\t\t\tif (Array.isArray(neuronaResponse.errores)) {\r\n\t\t\t\tneuronaResponse.errores.forEach((error, i) => {\r\n\t\t\t\t\thtmlErrors.push(\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tthis.props.history.push('/Catalog/Pricing/' + this.state.id)\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tListado de productos\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDatos del titular de la póliza \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.budget.preContractType === 'Driver' ||\r\n\t\t\t\t\t\t\t\tthis.state.budget.preContractType === 'InfoVehicle' ? (\r\n\t\t\t\t\t\t\t\t\tDatos del Vehículo \r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\tDatos de los asegurados \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tMétodo de pago \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.getStepContent(this.state.activeStep)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\tContratación
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn htmlErrors\r\n\t}\r\n\r\n\tpaymentRender = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{error}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n\r\n\tneuronaRender = () => {\r\n\t\tif (!this.state.loadingPayment && this.state.paymentStatus) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tEsperando confirmación de pago...
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tCobro realizado correctamente.
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tHa habido un error.
\r\n\t\t\t\t\t{this.state.errorMessage}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tEsperando el servicio de neurona...
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tContrato realizado correctamente.
\r\n\t\t\t\t\t\tRedirigiendo al detalle...
\r\n\t\t\t\t\t\t{this.neuronaOk()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tHa habido un error al contratar con el servicio de Neurona.
\r\n\t\t\t\t\t\t{this.checkErrorsPage()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n})\r\nconst ContractNeuronaFromHistory = withRouter(ContractNeurona)\r\nconst ContractNeuronaWithTranslation = withTranslation()(ContractNeuronaFromHistory)\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest\r\n})(ContractNeuronaWithTranslation)\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ColorPickerComponent } from '@syncfusion/ej2-react-inputs';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { GetAppearanceSessionStorage } from '../../../common/utils/storageManager';\r\nimport Checkbox from '../../../shared/Checkbox';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { updateAppearance } from '../../../actions/appearance';\r\nimport { toastDone } from '../../../services/toasters';\r\nimport { postAppearanceParams } from './AppearanceCalls/AppearanceCalls';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\n\r\nimport './Appearance.css';\r\n\r\nexport class Appearance extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tDeleteFile: false,\r\n\t\t\timageUrl: '',\r\n\t\t\tfileName: 'Seleccionar archivo..',\r\n\t\t\tFile: '',\r\n\t\t\tmainColor: '',\r\n\t\t\tsecondaryColor: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.getAppearance();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tgetAppearance = () => {\r\n\t\tconst appearance = GetAppearanceSessionStorage();\r\n\t\tthis.setState({\r\n\t\t\timageUrl: appearance.imageUrl,\r\n\t\t\tmainColor: appearance.mainColor,\r\n\t\t\tsecondaryColor: appearance.secondaryColor\r\n\t\t});\r\n\t};\r\n\r\n\tonChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState({\r\n\t\t\t[name]: value\r\n\t\t});\r\n\t};\r\n\r\n\tfileChange = (e) => {\r\n\t\tthis.setState({\r\n\t\t\tFile: e.target.files[0],\r\n\t\t\tfileName: e.target.files[0] ? e.target.files[0].name : ''\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitAppearance = () => {\r\n\t\tconst { updateAppearance } = this.props;\r\n\t\tconst data = {\r\n\t\t\tFile: this.state.File ? this.state.File : null,\r\n\t\t\tDeleteFile: this.state.DeleteFile,\r\n\t\t\tMainColor: this.state.mainColor,\r\n\t\t\tSecondaryColor: this.state.secondaryColor\r\n\t\t};\r\n\t\tupdateAppearance({\r\n\t\t\timageUrl: this.state.imageUrl,\r\n\t\t\tmainColor: this.state.mainColor,\r\n\t\t\tsecondaryColor: this.state.secondaryColor\r\n\t\t});\r\n\t\tthis.postAppearance(data);\r\n\t};\r\n\r\n\tpostAppearance = (data) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(postAppearanceParams(data, this.appearanceOk));\r\n\t};\r\n\r\n\tappearanceOk = () => {\r\n\t\ttoastDone('Cambios Guardados', 'Es necesario recargar la página.');\r\n\t};\r\n\r\n\tcheckFileName = () => {\r\n\t\treturn \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tthis.props.history.push('/Budgets')\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tListado de Presupuestos\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.paymentRender()}\r\n\t\t\t\t\t\t{this.neuronaRender()}\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.state.fileName}
;\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst AppearanceFromHistory = withRouter(Appearance);\r\nconst AppearanceWithTranslation = withTranslation()(AppearanceFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tupdateAppearance,\r\n\ttoastDone\r\n})(AppearanceWithTranslation);\r\n","const getAppearanceParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Appearance',\r\n\t\tparams,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postAppearanceParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Appearance',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getAppearanceParams, postAppearanceParams };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faChevronDown, faPencilAlt, faTrash } from '@fortawesome/free-solid-svg-icons';\r\nimport './FaqsComponent';\r\nexport class FaqsComponent extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tApariencia
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tImagen actual:
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tCambiar imagen
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tColor Principal
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconst event = {\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype: '',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: 'mainColor',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: 'mainColor',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t\tthis.onChange(event);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tColor Secundario
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconst event = {\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype: '',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: 'secondaryColor',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname: 'secondaryColor',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t\tthis.onChange(event);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tGuardar Cambios\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst FaqsComponentFromHistory = withRouter(FaqsComponent);\r\nconst FaqsComponentWithTranslation = withTranslation()(FaqsComponentFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(FaqsComponentWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { postFaqsParams, putFaqsParams } from '../FaqsListCalls/FaqsListCalls';\r\nimport { toastDone } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport CustomForm from '../../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\nimport { getEnvApiUrl } from '../../../../../services/config';\r\n\r\nexport class PopUpAddFaq extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfaqsForm: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setState({\r\n\t\t\tfaqsForm: this.props.faqsForm\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { faqsForm } = this.state;\r\n\t\tconst options = {\r\n\t\t\timageSettings: {\r\n\t\t\t\tpath: this.props.urlImageSave,\r\n\t\t\t\tsaveUrl: getEnvApiUrl() + '/api/Faqs/SaveFile'\r\n\t\t\t}\r\n\t\t};\r\n\t\tlet formElements = getFormElements(faqsForm, this.props.actionSubmit, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.faqsForm;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tfaqsForm: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst data = this.state.faqsForm;\r\n\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\tstartRequest(putFaqsParams(data, this.submitSuccess));\r\n\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\tstartRequest(postFaqsParams(data, this.submitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.closeModal();\r\n\t\tthis.props.getFaqs();\r\n\t\ttoastDone('Cambios guardados'); //TODO fix\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.props.faq.title}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.props.faq.title}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.props.onClickDelete(this.props.faq)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t this.props.onClickEdit(this.props.faq)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{ReactHtmlParser(this.props.faq.text)}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpAddFaqWithTranslation = withTranslation()(PopUpAddFaq);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpAddFaqWithTranslation);\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElementsNews = [\r\n\t\t{\r\n\t\t\tid: 'title',\r\n\t\t\tname: 'title',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Pregunta',\r\n\t\t\tvalue: form.title,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'text',\r\n\t\t\tname: 'text',\r\n\t\t\ttype: 'richtext',\r\n\t\t\timageSettings: options.imageSettings,\r\n\t\t\tuploadImage: true,\r\n\t\t\tplaceholder: 'Respuesta',\r\n\t\t\tvalue: form.text,\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElementsNews;\r\n};\r\n\r\nexport { getFormElements };\r\n","const getFaqsParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Faqs/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postFaqsParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tdata,\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tendpoint: '/api/Faqs/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putFaqsParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tdata,\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tendpoint: '/api/Faqs/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteFaqsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tparams,\r\n\t\tendpoint: '/api/Faqs/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getFaqsParams, postFaqsParams, putFaqsParams, deleteFaqsParams };\r\n","import React, { Component } from 'react';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../../shared/StyledButtonOutline';\r\nimport FaqsComponent from '../FaqsComponent';\r\nimport './PopUpDelete.css';\r\n\r\nexport default class PopUpDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { faq } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport FaqsComponent from './FaqsComponent';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { getFaqsParams, deleteFaqsParams } from './FaqsListCalls/FaqsListCalls';\r\nimport { GetActionsForPage } from '../../../../common/utils/storageManager';\r\nimport PopUpAddFaq from './PopUpAddFaq';\r\nimport PopUpDelete from './PopUpDelete';\r\nimport './FaqsList';\r\n\r\nexport class FaqsList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfaqs: [],\r\n\t\t\tactions: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setActions();\r\n\t\tthis.getFaqs();\r\n\t};\r\n\r\n\tsetActions = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'Create') {\r\n\t\t\t\t\tnewActions.Create = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Update') {\r\n\t\t\t\t\tnewActions.Update = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Delete') {\r\n\t\t\t\t\tnewActions.Delete = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t};\r\n\r\n\tgetFaqs = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getFaqsParams(this.setFaqs));\r\n\t};\r\n\r\n\tsetFaqs = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tfaqs: response.data,\r\n\t\t\turlImageSave: response.urlImageSave\r\n\t\t});\r\n\t};\r\n\r\n\tonClickAdd = () => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tlet newForm = { id: 0 };\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Añadir Pregunta',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t¿Estás seguro que quieres eliminar esta pregunta?
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst FaqsListFromHistory = withRouter(FaqsList);\r\nconst FaqsListWithTranslation = withTranslation()(FaqsListFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone,\r\n\topenModal,\r\n\tcloseModal\r\n})(FaqsListWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\nimport FaqsList from './FaqsList';\r\nimport './Faqs';\r\n\r\nexport class Faqs extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.renderFaqs()}\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst FaqsFromHistory = withRouter(Faqs);\r\nconst FaqsWithTranslation = withTranslation()(FaqsFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(FaqsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { postNewsParams, putNewsParams } from '../NewsListCalls/NewsListCalls';\r\nimport { toastDone, toastError } from '../../../../../services/toasters';\r\nimport { startRequest } from '../../../../../actions/apiCall';\r\nimport CustomForm from '../../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\nimport { getEnvApiUrl } from '../../../../../services/config';\r\n\r\nexport class PopUpAddNew extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tnewsForm: {},\r\n\t\t\tfileName: 'Seleccionar archivo..'\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setState({\r\n\t\t\tnewsForm: this.props.newsForm\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { actionSubmit, urlImageSave } = this.props;\r\n\t\tconst { newsForm, fileName } = this.state;\r\n\t\tconst options = {\r\n\t\t\tfileChange: this.fileChange,\r\n\t\t\tfileName: fileName,\r\n\t\t\timageSettings: {\r\n\t\t\t\tpath: urlImageSave,\r\n\t\t\t\tsaveUrl: getEnvApiUrl() + '/api/News/SaveFile'\r\n\t\t\t}\r\n\t\t};\r\n\t\tlet formElements = getFormElements(newsForm, actionSubmit, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tfileChange = (e) => {\r\n\t\tvar file = e.target.files[0];\r\n\t\tlet newForm = this.state.newsForm;\r\n\t\tnewForm.File = file;\r\n\t\tthis.setState({\r\n\t\t\tnewsForm: newForm,\r\n\t\t\tfileName: e.target.files[0] ? e.target.files[0].name : ''\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.newsForm;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tnewsForm: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst { newsForm } = this.state;\r\n\t\tconst data = newsForm;\r\n\t\tif (data.content === '' || data.content === null) {\r\n\t\t\ttoastError('Contenido no puede estar vacío.');\r\n\t\t} else {\r\n\t\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\t\tstartRequest(putNewsParams(data, this.submitSuccess));\r\n\t\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\t\tstartRequest(postNewsParams(data, this.submitSuccess));\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.closeModal();\r\n\t\tthis.props.getNews();\r\n\t\ttoastDone('Cambios guardados');\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tPreguntas Freqüentes
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpAddNewWithTranslation = withTranslation()(PopUpAddNew);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpAddNewWithTranslation);\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElementsNews = [\r\n\t\t{\r\n\t\t\tid: 'title',\r\n\t\t\tname: 'title',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Titulo',\r\n\t\t\tvalue: form.title,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'initialText',\r\n\t\t\tname: 'initialText',\r\n\t\t\ttype: 'textarea',\r\n\t\t\tplaceholder: 'Texto Inicial',\r\n\t\t\tvalue: form.initialText,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'image-preview',\r\n\t\t\tname: 'image-preview',\r\n\t\t\ttype: 'image',\r\n\t\t\tplaceholder: 'Imagen de portada actual',\r\n\t\t\tvalue: form.imageURL,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'img',\r\n\t\t\tname: 'img',\r\n\t\t\ttype: 'file',\r\n\t\t\tplaceholder: 'Imagen de portada',\r\n\t\t\tvalue: form.content,\r\n\t\t\toptions: {\r\n\t\t\t\tfileChange: options.fileChange,\r\n\t\t\t\tfileText: options.fileName,\r\n\t\t\t\tfileAccept: 'image/png, image/jpeg'\r\n\t\t\t},\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\ttype: 'datepicker',\r\n\t\t\tappendToBody: false,\r\n\t\t\tformat: 'DD/MM/YYYY',\r\n\t\t\tid: 'visibilityEndTime',\r\n\t\t\tname: 'visibilityEndTime',\r\n\t\t\tplaceholder: 'Fecha límite',\r\n\t\t\tvalue: form.visibilityEndTime,\r\n\t\t\trequired: false\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'content',\r\n\t\t\tname: 'content',\r\n\t\t\ttype: 'richtext',\r\n\t\t\timageSettings: options.imageSettings,\r\n\t\t\tuploadImage: true,\r\n\t\t\tplaceholder: 'Contenido',\r\n\t\t\tvalue: form.content,\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElementsNews;\r\n};\r\n\r\nexport { getFormElements };\r\n","const getNewsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tparams,\r\n\t\tendpoint: '/api/News',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postNewsParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'POST',\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tdata,\r\n\t\tendpoint: '/api/News',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putNewsParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tdata,\r\n\t\tendpoint: '/api/News',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getNewsParams, postNewsParams, putNewsParams };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { PagerComponent } from '@syncfusion/ej2-react-grids';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { GenericElementConstructor } from '../../../../common/utils/genericElementConstructor';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { GetActionsForPage } from '../../../../common/utils/storageManager';\r\nimport PopUpAddNew from './PopUpAddNew';\r\nimport { getNewsParams } from './NewsListCalls/NewsListCalls';\r\nimport NewsComponent from './NewsComponent/NewsComponent';\r\nimport './NewsList';\r\n\r\nexport class NewsList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: {},\r\n\t\t\tloadingNews: false,\r\n\t\t\tcurrentPage: 1,\r\n\t\t\tfilter: {\r\n\t\t\t\tText: '',\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t\tCount: 5\r\n\t\t\t},\r\n\t\t\tnews: []\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setActions();\r\n\t\tthis.getNews(this.state.filter);\r\n\t};\r\n\r\n\tsetActions = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'Create') {\r\n\t\t\t\t\tnewActions.Create = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Update') {\r\n\t\t\t\t\tnewActions.Update = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Delete') {\r\n\t\t\t\t\tnewActions.Delete = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t};\r\n\r\n\tgetNews = (filter) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getNewsParams(filter, this.setNews));\r\n\t};\r\n\r\n\tsetNews = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tnews: response.list,\r\n\t\t\turlImageSave: response.urlImageSave,\r\n\t\t\tcount: response.count\r\n\t\t});\r\n\t};\r\n\r\n\trenderNews = () => {\r\n\t\tlet html = [];\r\n\t\tif (this.state.news.length > 0) {\r\n\t\t\tthis.state.news.forEach((newItem, i) => {\r\n\t\t\t\thtml.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn html;\r\n\t};\r\n\r\n\tonClickAdd = () => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tlet newForm = {\r\n\t\t\tid: 0,\r\n\t\t\ttitle: '',\r\n\t\t\tinitialText: '',\r\n\t\t\tcontent: ''\r\n\t\t};\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Añadir Notícia',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t{GenericElementConstructor(item, this.handleInputChange, options)}\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t\treturn htmlElements;\r\n\t};\r\n\r\n\thandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.id;\r\n\t\tthis.setState((prevState) => ({\r\n\t\t\tfilter: {\r\n\t\t\t\t...prevState.filter,\r\n\t\t\t\t[name]: value,\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t\tCount: 10\r\n\t\t\t}\r\n\t\t}));\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newFilterNews = this.state.filter;\r\n\t\tnewFilterNews.PosStart = (currentPage - 1) * (10 / 2);\r\n\t\tthis.setFilterNews(newFilterNews, currentPage);\r\n\t};\r\n\r\n\tsetFilterNews = (filterNews, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilter: filterNews,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getNews(filterNews);\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { actions } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst NewsListFromHistory = withRouter(NewsList);\r\nconst NewsListWithTranslation = withTranslation()(NewsListFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone,\r\n\topenModal,\r\n\tcloseModal\r\n})(NewsListWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport NewsList from './NewsList';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\nimport './News';\r\n\r\nexport class News extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{this.createInputs()}\r\n\t\t\t\t\t\t this.getNews(this.state.filter)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tBuscar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.renderNews()}
\r\n\t\t\t\t\r\n\t\t\t\t\t this.myOnPageChange(e.currentPage)}\r\n\t\t\t\t\t\tpageSize={5}\r\n\t\t\t\t\t\tpageCount={3}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst NewsFromHistory = withRouter(News);\r\nconst NewsWithTranslation = withTranslation()(NewsFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(NewsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { putNewFileParams } from '../NewCalls/NewCalls';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport CustomForm from '../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\n\r\nexport class PopUpAddNew extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfileForm: {\r\n\t\t\t\tId: props.id,\r\n\t\t\t\tLinkName: '',\r\n\t\t\t\tFile: ''\r\n\t\t\t},\r\n\t\t\tFileName: 'Seleccionar archivo..'\r\n\t\t};\r\n\t}\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { actionSubmit } = this.props;\r\n\t\tconst { fileForm, FileName } = this.state;\r\n\t\tconst options = {\r\n\t\t\tfileChange: this.fileChange,\r\n\t\t\tfileName: FileName\r\n\t\t};\r\n\t\tlet formElements = getFormElements(fileForm, actionSubmit, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tfileChange = (e) => {\r\n\t\tvar file = e.target.files[0];\r\n\t\tlet newFileForm = this.state.fileForm;\r\n\t\tnewFileForm.File = file;\r\n\t\tthis.setState({\r\n\t\t\tfileForm: newFileForm,\r\n\t\t\tFileName: e.target.files[0] ? e.target.files[0].name : ''\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tconst value = target.value;\r\n\t\tconst name = target.id;\r\n\t\tlet newFileForm = this.state.fileForm;\r\n\t\tnewFileForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tfileForm: newFileForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst { fileForm } = this.state;\r\n\t\tconst data = fileForm;\r\n\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\tstartRequest(putNewFileParams(data, this.submitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.closeModal();\r\n\t\tthis.props.getNews();\r\n\t\ttoastDone('Cambios guardados');\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tTodas las notícias
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpAddNewWithTranslation = withTranslation()(PopUpAddNew);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpAddNewWithTranslation);\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElementsNews = [\r\n\t\t{\r\n\t\t\tid: 'LinkName',\r\n\t\t\tname: 'LinkName',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Nombre del fichero',\r\n\t\t\tvalue: form.LinkName,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'File',\r\n\t\t\tname: 'File',\r\n\t\t\ttype: 'file',\r\n\t\t\tplaceholder: 'Archivo',\r\n\t\t\tvalue: form.File,\r\n\t\t\toptions: {\r\n\t\t\t\tfileChange: options.fileChange,\r\n\t\t\t\tfileText: options.fileName,\r\n\t\t\t\tfileAccept: ''\r\n\t\t\t},\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\r\n\treturn formElementsNews;\r\n};\r\n\r\nexport { getFormElements };","const getNewParams = (id, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/News/' + id,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putNewFileParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'PUT',\r\n\t\tdata,\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tendpoint: '/api/News/AddFile',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteNewsParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tparams,\r\n\t\tendpoint: '/api/News',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteFilesParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tparams,\r\n\t\tendpoint: '/api/News/DeleteFile',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getNewParams, putNewFileParams, deleteNewsParams, deleteFilesParams };\r\n","import React, { Component } from 'react';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\nimport './PopUpDelete.css';\r\n\r\nexport default class PopUpDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport moment from 'moment';\r\nimport 'moment/locale/es';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { faTrash, faArrowLeft, faFileUpload, faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { StyledLink } from '../../../shared/StyledLink';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport { GetActionsForPage, GetNameForPage } from '../../../common/utils/storageManager';\r\nimport { ROUTE } from '../../../common/constants/routes';\r\nimport { getNewParams, deleteNewsParams, deleteFilesParams } from './NewCalls/NewCalls';\r\nimport PopUpAddNew from '../News/NewsList/PopUpAddNew/PopUpAddNew';\r\nimport PopUpAddFile from './PopUpAddFile/PopUpAddFile';\r\nimport PopUpDelete from './PopUpDelete/PopUpDelete';\r\n\r\nimport './New';\r\nimport { toastDone } from '../../../services/toasters';\r\n\r\nexport class News extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactions: {},\r\n\t\t\tnew: {\r\n\t\t\t\tcontent: '',\r\n\t\t\t\tnewsFiles: [],\r\n\t\t\t\timageURL: '',\r\n\t\t\t\ttitle: '',\r\n\t\t\t\tinitialText: '',\r\n\t\t\t\tvisibilityEndTime: ''\r\n\t\t\t},\r\n\t\t\tnewId: props.match.params.news_id\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.setActions();\r\n\t\tthis.getNew();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\tsetActions = () => {\r\n\t\tconst actionsInMenu = GetActionsForPage('/News');\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'Create') {\r\n\t\t\t\t\tnewActions.Create = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Update') {\r\n\t\t\t\t\tnewActions.Update = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Delete') {\r\n\t\t\t\t\tnewActions.Delete = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t};\r\n\r\n\tgetNew = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getNewParams(this.state.newId, this.setNew));\r\n\t};\r\n\r\n\tsetNew = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tnew: response,\r\n\t\t\turlImageSave: response.urlImageSave\r\n\t\t});\r\n\t};\r\n\r\n\tfileUpload = () => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Subir archivo',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t¿Estás seguro que quieres eliminar esta notícia?
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tNo hay archivos adjuntos.
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderImage = () => {\r\n\t\tif (this.state.new.imageURL !== '') {\r\n\t\t\treturn (\r\n\t\t\t\tArchivos
\r\n\t\t\t\t- {filesHtml}
\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn '';\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { actions } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst NewsFromHistory = withRouter(News);\r\nconst NewsWithTranslation = withTranslation()(NewsFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal\r\n})(NewsWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { postLearningParams, putLearningParams } from '../LearningCalls/LearningCalls';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport CustomForm from '../../../../shared/CustomForm/CustomForm';\r\nimport { getFormElements } from '../FormElements/formElements';\r\n\r\nexport class PopUpLearning extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tlearningForm: this.props.learningForm,\r\n\t\t\tfileForm: {\r\n\t\t\t\tId: props.id,\r\n\t\t\t\tLinkName: '',\r\n\t\t\t\tFile: ''\r\n\t\t\t},\r\n\t\t\tFileName: 'Seleccionar archivo..'\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setState({\r\n\t\t\tlearningForm: this.props.learningForm\r\n\t\t});\r\n\t};\r\n\r\n\tsetFormElements = () => {\r\n\t\tconst { learningForm, FileName } = this.state;\r\n\t\tconst options = {\r\n\t\t\tfileChange: this.fileChange,\r\n\t\t\tfileName: FileName\r\n\t\t};\r\n\t\tlet formElements = getFormElements(learningForm, this.props.actionSubmit, options);\r\n\t\treturn formElements;\r\n\t};\r\n\r\n\tfileChange = (e) => {\r\n\t\tvar file = e.target.files[0];\r\n\t\tlet newFileForm = this.state.fileForm;\r\n\t\tnewFileForm.File = file;\r\n\t\tthis.setState({\r\n\t\t\tfileForm: newFileForm,\r\n\t\t\tFileName: e.target.files[0] ? e.target.files[0].name : ''\r\n\t\t});\r\n\t};\r\n\r\n\tmyHandleInputChange = (event) => {\r\n\t\tconst target = event.target;\r\n\t\tlet value = target.value;\r\n\t\tif (target.type === 'select-one') {\r\n\t\t\tif (value === 'true' || value === 'false') {\r\n\t\t\t\tvalue = value === 'true';\r\n\t\t\t} else {\r\n\t\t\t\tvalue = parseInt(value);\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst name = target.id;\r\n\t\tlet newForm = this.state.learningForm;\r\n\t\tnewForm[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tlearningForm: newForm\r\n\t\t});\r\n\t};\r\n\r\n\tsubmitSaveChanges = (e) => {\r\n\t\tconst { startRequest, actionSubmit } = this.props;\r\n\t\tconst data = this.state.learningForm;\r\n\t\tif (data.learningFormatType === '1' || data.learningFormatType === 1 || data.learningFormatType === undefined) {\r\n\t\t\tdata.File = this.state.fileForm.File;\r\n\t\t\tdata.learningFormatType = 1;\r\n\t\t} else {\r\n\t\t\tdata.File = null;\r\n\t\t}\r\n\t\tif (actionSubmit === 'EDIT') {\r\n\t\t\tstartRequest(putLearningParams(data, this.submitSuccess));\r\n\t\t} else if (actionSubmit === 'ADD') {\r\n\t\t\tstartRequest(postLearningParams(data, this.submitSuccess));\r\n\t\t}\r\n\t};\r\n\r\n\tsubmitSuccess = () => {\r\n\t\tthis.props.closeModal();\r\n\t\tthis.props.getLearning();\t\t\r\n\t\ttoastDone('Cambios guardados'); //TODO fix\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.renderImage()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.props.history.push('/News');\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tListado de notícias\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEDITAR\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t{this.state.new.title}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.new.creationDate !== '' ? (\r\n\t\t\t\t\t\t\t\t\tmoment(this.state.new.creationDate, 'DD-MM-YYYY HH:mm:ss')\r\n\t\t\t\t\t\t\t\t\t\t.locale('es')\r\n\t\t\t\t\t\t\t\t\t\t.format('dddd DD, MMMM, YYYY')\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.new.visibilityEndTime !== '' ? (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{'Caducidad: ' +\r\n\t\t\t\t\t\t\t\t\t\t\tmoment(this.state.new.visibilityEndTime, 'DD-MM-YYYY HH:mm:ss')\r\n\t\t\t\t\t\t\t\t\t\t\t\t.locale('es')\r\n\t\t\t\t\t\t\t\t\t\t\t\t.format('dddd DD, MMMM, YYYY')}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{this.state.new.initialText}
\r\n\t\t\t\t\t\t\t{ReactHtmlParser(this.state.new.content)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\nconst mapStateToProps = (state) => ({});\r\nconst PopUpLearningWithTranslation = withTranslation()(PopUpLearning);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone\r\n})(PopUpLearningWithTranslation);\r\n","const getFormElements = (form, action, options) => {\r\n\tlet formElementsNews = [\r\n\t\t{\r\n\t\t\tid: 'title',\r\n\t\t\tname: 'title',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'Titulo de la formación',\r\n\t\t\tvalue: form.title,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'learningFormatType',\r\n\t\t\tname: 'learningFormatType',\r\n\t\t\ttype: 'select',\r\n\t\t\tplaceholder: 'Formato',\r\n\t\t\toptions: form.learningFormatTypes,\r\n\t\t\tvalue: form.learningFormatType,\r\n\t\t\trequired: true\r\n\t\t}\r\n\t];\r\n\tif (form.learningFormatType === '1' || form.learningFormatType === 1 || form.learningFormatType === undefined) {\r\n\t\tformElementsNews.push({\r\n\t\t\tid: 'File',\r\n\t\t\tname: 'File',\r\n\t\t\ttype: 'file',\r\n\t\t\tplaceholder: 'Archivo',\r\n\t\t\tvalue: form.File,\r\n\t\t\toptions: {\r\n\t\t\t\tfileChange: options.fileChange,\r\n\t\t\t\tfileText: options.fileName,\r\n\t\t\t\tfileAccept: 'application/pdf'\r\n\t\t\t},\r\n\t\t\trequired: true\r\n\t\t});\r\n\t} else /*if (form.learningFormatType === '2' || form.learningFormatType === 2)*/ {\r\n\t\tformElementsNews.push({\r\n\t\t\tid: 'url',\r\n\t\t\tname: 'url',\r\n\t\t\ttype: 'text',\r\n\t\t\tplaceholder: 'URL',\r\n\t\t\tvalue: form.url,\r\n\t\t\trequired: true\r\n\t\t});\r\n\t}\r\n\r\n\treturn formElementsNews;\r\n};\r\n\r\nexport { getFormElements };\r\n","const getLearningParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Learning',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst getLearningFormatTypesParams = (funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'GET',\r\n\t\tendpoint: '/api/Learning/LearningFormatTypeList',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst postLearningParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tmethod: 'POST',\r\n\t\tendpoint: '/api/Learning',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst putLearningParams = (data, funcSucc) => {\r\n\tconst options = {\r\n\t\tcontentType: 'multipart/form-data',\r\n\t\tmethod: 'PUT',\r\n\t\tendpoint: '/api/Learning',\r\n\t\tdata,\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nconst deleteLearningParams = (params, funcSucc) => {\r\n\tconst options = {\r\n\t\tmethod: 'DELETE',\r\n\t\tparams,\r\n\t\tendpoint: '/api/Learning/',\r\n\t\tonSuccess: (response) => {\r\n\t\t\tfuncSucc(response.data.data);\r\n\t\t}\r\n\t};\r\n\treturn options;\r\n};\r\n\r\nexport { getLearningParams, getLearningFormatTypesParams, postLearningParams, putLearningParams, deleteLearningParams };\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPencilAlt, faTrash } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../../../../shared/StyledButton';\r\nimport { StyledLink } from '../../../../../shared/StyledLink';\r\n\r\nimport './LearningCardDeckElement';\r\n\r\nexport class LearningCardDeckElement extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { learning, learningFormatTypes, showDelete, showEdit } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst LearningCardDeckElementFromHistory = withRouter(LearningCardDeckElement);\r\nconst LearningCardDeckElementWithTranslation = withTranslation()(LearningCardDeckElementFromHistory);\r\n\r\nexport default connect(mapStateToProps, {})(LearningCardDeckElementWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport LearningCardDeckElement from '../LearningCardDeck/LearningCardDeckElement';\r\nimport { StyledButton } from '../../../../shared/StyledButton';\r\nimport { StyledButtonOutline } from '../../../../shared/StyledButtonOutline';\r\n\r\nimport './PopUpLearningDelete.css';\r\n\r\nexport default class PopUpLearningDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { learning } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t this.props.onClickDelete(learning)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.props.onClickEdit(learning)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{learning.title}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tFormato: {learningFormatTypes[learning.learningFormatType - 1].name}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { openModal, closeModal } from '../../../../actions/popup';\r\nimport { toastDone } from '../../../../services/toasters';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { deleteLearningParams } from '../LearningCalls/LearningCalls';\r\nimport PopUpLearning from '../PopUpLearning';\r\nimport PopUpLearningDelete from '../PopUpLearningDelete';\r\nimport LearningCardDeckElement from './LearningCardDeckElement';\r\nimport './LearningCardDeck';\r\n\r\nexport class LearningCardDeck extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tonClickEdit = (learning) => {\r\n\t\tconst { openModal } = this.props;\r\n\t\tlearning.learningFormatTypes = this.props.learningFormatTypes;\r\n\t\tthis.props.getLearning();\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Editar Formación',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t¿Estás seguro que quieres eliminar esta Formación?
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEliminar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCancelar\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst LearningCardDeckFromHistory = withRouter(LearningCardDeck);\r\nconst LearningCardDeckWithTranslation = withTranslation()(LearningCardDeckFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal,\r\n\tcloseModal,\r\n\ttoastDone\r\n})(LearningCardDeckWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport { StyledButton } from '../../../shared/StyledButton';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { openModal, closeModal } from '../../../actions/popup';\r\nimport { GetActionsForPage, GetNameForPage } from '../../../common/utils/storageManager';\r\nimport { toastDone } from '../../../services/toasters';\r\nimport { getLearningParams, getLearningFormatTypesParams } from './LearningCalls/LearningCalls';\r\nimport PopUpLearning from './PopUpLearning';\r\nimport LearningCardDeck from './LearningCardDeck';\r\n\r\nimport './Learning';\r\n\r\nexport class Learning extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tlearning: {},\r\n\t\t\tlearningFormatTypes: [],\r\n\t\t\tactions: {},\r\n\t\t\tnaming: {\r\n\t\t\t\ttitle: 'title',\r\n\t\t\t\tsubtitle: 'subtitle',\r\n\t\t\t\timage: 'imageURL'\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t\tthis.setActions();\r\n\t};\r\n\r\n\tsetPageName = () =>{\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t}\r\n\r\n\tsetActions = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tconst actionsInMenu = GetActionsForPage(history.location.pathname);\r\n\t\tlet newActions = {};\r\n\t\tif (Array.isArray(actionsInMenu)) {\r\n\t\t\tactionsInMenu.forEach((action) => {\r\n\t\t\t\tif (action.name === 'Create') {\r\n\t\t\t\t\tnewActions.Create = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Update') {\r\n\t\t\t\t\tnewActions.Update = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (action.name === 'Delete') {\r\n\t\t\t\t\tnewActions.Delete = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tactions: newActions\r\n\t\t});\r\n\t\tthis.getLearningFormatTypes();\r\n\t};\r\n\r\n\tgetLearningFormatTypes = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getLearningFormatTypesParams(this.setLearningFormatTypes));\r\n\t};\r\n\r\n\tsetLearningFormatTypes = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tlearningFormatTypes: response\r\n\t\t});\r\n\t\tthis.getLearning();\r\n\t};\r\n\r\n\tgetLearning = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getLearningParams(this.setLearning));\r\n\t};\r\n\r\n\tsetLearning = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tlearning: response\r\n\t\t});\r\n\t};\r\n\r\n\tonClickAdd = (learning) => {\r\n\t\tconst { openModal, closeModal } = this.props;\r\n\t\tlearning.learningFormatTypes = this.state.learningFormatTypes;\r\n\t\tlearning.title = '';\r\n\t\tlearning.learningFormatType = 1;\r\n\t\tlearning.url = '';\r\n\r\n\t\tconst options = {\r\n\t\t\ttitle: 'Añadir Formación',\r\n\t\t\tbody: (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{this.renderElements()}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\nconst LearningFromHistory = withRouter(Learning);\r\nconst LearningWithTranslation = withTranslation()(LearningFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\ttoastDone,\r\n\topenModal,\r\n\tcloseModal\r\n})(LearningWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomGrid from '../../../../shared/CustomGrid/CustomGrid';\r\nimport FilterGrid from '../../../../shared/CustomGrid/FilterGrid/FilterGrid';\r\nimport { startRequest } from '../../../../actions/apiCall';\r\nimport { openModal } from '../../../../actions/popup';\r\nimport { getEiacFilesParams, downloadEiacFile, cargaFicheroEiac } from './EiacCalls/EiacCalls';\r\nimport { toastDone, toastError } from '../../../../services/toasters';\r\nimport { error } from 'jquery';\r\n\r\n\r\nexport class EiacGrid extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\teiacFiles: {\r\n\t\t\t\titems: [],\r\n\t\t\t\tcount: 10\r\n\t\t\t},\r\n\t\t\tfilterEiac: {\r\n\t\t\t\tPosStart: 0,\r\n\t\t\t},\r\n\t\t\tcurrentPage: 1,\r\n\t\t\teiacColumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'nombre',\r\n\t\t\t\t\theaderText: 'Nombre de fichero',\r\n\t\t\t\t\ttextAlign: 'Left',\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'latestModified',\r\n\t\t\t\t\theaderText: 'Fecha de carga',\r\n\t\t\t\t\ttextAlign: 'Left'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\t\r\n\t\tthis.getEiac(this.state.filterEiac);\r\n\t};\r\n\r\n\tsetFilterEiac = (newFilterEiac, currentPage) => {\r\n\t\tthis.setState({\r\n\t\t\tfilterEiac: newFilterEiac,\r\n\t\t\tcurrentPage: currentPage ? currentPage : 1\r\n\t\t});\r\n\t\tthis.getEiac(newFilterEiac);\r\n\t};\r\n\r\n\tgetEiacSuccess = (response) => {\r\n\t\tif(response.errors != null && response.errors.length > 0){\r\n\t\t\ttoastError(\"\", response.errors[0].mensajeError);\r\n\t\t} else {\r\n\t\t\tthis.setEiacState(response);\r\n\t\t}\r\n\t};\r\n\t\r\n\tgetEiac = (filterEiac) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tstartRequest(getEiacFilesParams(filterEiac, this.getEiacSuccess));\r\n\t};\r\n\r\n\tformatDate = (date) => {\r\n\t\treturn `${date.getHours()}:${date.getMinutes()} ${date.getDate()}-${date.getMonth()+1}-${date.getFullYear()}`\r\n\t}\r\n\r\n\tsetEiacState = (response) => {\r\n\t\tthis.setState({\r\n\t\t\teiacFiles: {\r\n\t\t\t\titems: response.ficheros.map(el => {\r\n\t\t\t\t\treturn {...el, latestModified: el.latestModified == null ? '' : this.formatDate(new Date(el.latestModified))}\r\n\t\t\t\t}),\r\n\t\t\t\tcount: response.count\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tmyOnPageChange = (currentPage) => {\r\n\t\tlet newfilterEiac = this.state.filterEiac;\r\n\t\tnewfilterEiac.PosStart = (currentPage - 1) * 10;\r\n\t\tthis.setFilterEiac(newfilterEiac, currentPage);\r\n\t};\r\n\r\n\tmyOnSortingChange = (IsAscending, ColumnOrderName) => {\r\n\t\tlet newfilterEiac = this.state.filterEiac;\r\n\t\tnewfilterEiac.IsAscending = IsAscending;\r\n\t\tnewfilterEiac.ColumnOrderName = ColumnOrderName;\r\n\t\tthis.setFilterEiac(newfilterEiac);\r\n\t};\r\n\r\n\t\tonClickEdit = (rowData) => {\r\n\t\tconsole.log(\"edit\")\r\n\t};\r\n\r\n\tonClickDelete = (rowData) => {\r\n\t\tconst { history } = this.props;\r\n\t\thistory.push('/Contracts/' + rowData.id);\r\n\t};\r\n\r\n\tbase64ToArrayBuffer = (base64) => {\r\n\t\tvar binaryString = window.atob(base64);\r\n\t\tvar binaryLen = binaryString.length;\r\n\t\tvar bytes = new Uint8Array(binaryLen);\r\n\t\tfor (var i = 0; i < binaryLen; i++) {\r\n\t\t\tvar ascii = binaryString.charCodeAt(i);\r\n\t\t\tbytes[i] = ascii;\r\n\t\t}\r\n\t\treturn bytes;\r\n\t};\r\n\topenWindowByteArray = (byte) => {\r\n\t\t\r\n\t};\r\n\r\n\tonDownloadSuccess = (xml, data) => {\r\n\t\ttoastDone(\"\", \"¡Carga exitosa!\");\r\n\t\tlet blob = new Blob([xml], { type: \"text/xml\" });\r\n\t\t// window.open(window.URL.createObjectURL(blob), \"_blank\")\r\n\r\n\t\t\r\n\t\t// window.open(window.URL.createObjectURL(blob), \"_blank\")\r\n\r\n\t\t// Crear una URL temporal para el blob\r\n\t\tconst url = window.URL.createObjectURL(blob);\r\n\r\n\t\t// Crear un enlace invisible y configurar sus atributos\r\n\t\tconst a = document.createElement(\"a\");\r\n\t\ta.href = url;\r\n\t\ta.download = data.nombre; // Nombre del archivo a descargar\r\n\t\tdocument.body.appendChild(a); // Agregarlo al DOM\r\n\t\r\n\t\t// Disparar el clic en el enlace y luego removerlo\r\n\t\ta.click();\r\n\t\tdocument.body.removeChild(a);\r\n\t\r\n\t\t// Liberar el objeto URL\r\n\t\twindow.URL.revokeObjectURL(url);\r\n\t\t\r\n\t}\r\n\r\n\tonDownloadClick = (rowData) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst data = {\r\n\t\t\taliasColaborador: this.state.filterEiac.aliasColaborador,\r\n\t\t\tpasswordColaborador: this.state.filterEiac.passwordColaborador,\r\n\t\t\tnombre: rowData.nombre\r\n\t\t}\r\n\t\tstartRequest(downloadEiacFile(data, this.onDownloadSuccess));\r\n\t}\r\n\r\n\tonLoadClick = (rowData) => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst data = {\r\n\t\t\taliasColaborador: this.state.filterEiac.aliasColaborador,\r\n\t\t\tpasswordColaborador: this.state.filterEiac.passwordColaborador,\r\n\t\t\tnombre: rowData.nombre\r\n\t\t}\r\n\t\tstartRequest(cargaFicheroEiac(data, this.onDownloadSuccess));\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tFormación
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\nconst EiacGridFromHistory = withRouter(EiacGrid);\r\nconst EiacsGridWithTranslation = withTranslation()(EiacGridFromHistory);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\topenModal\r\n})(EiacsGridWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { GetNameForPage } from '../../../common/utils/storageManager';\r\nimport './Eiac.css';\r\nimport EiacGrid from './EiacGrid/EiacGrid';\r\n\r\nclass Eiac extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tthis.setPageName();\r\n\t};\r\n\r\n\tsetPageName = () => {\r\n\t\tconst { history } = this.props;\r\n\t\tdocument.title = GetNameForPage(history.location.pathname);\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({});\r\n\r\nconst EiacWithRouter = withRouter(Eiac);\r\nconst EiacsWithTranslation = withTranslation()(EiacWithRouter);\r\n\r\nexport default connect(mapStateToProps, {})(EiacsWithTranslation);\r\n","import Home from '../views/Layout/Home';\r\nimport Products from '../views/Layout/Products'; \r\nimport ProductModules from '../views/Layout/ProductModules';\r\nimport Users from '../views/Layout/Users';\r\nimport Hierarchy from '../views/Layout/Hierarchy';\r\nimport Catalog from '../views/Layout/Catalog';\r\nimport Budgets from '../views/Layout/Budgets';\r\nimport Budget from '../views/Layout/Budgets/Budget';\r\nimport AccessQuery from '../views/Layout/AccessQuery/AccessQuery';\r\nimport Pricing from '../views/Layout/Catalog/Pricing';\r\nimport Welcome from '../views/Welcome';\r\nimport Receipt from '../views/Layout/Receipt';\r\nimport Receipts from '../views/Layout/Receipts';\r\nimport Liquidations from '../views/Layout/Liquidations';\r\nimport Liquidation from '../views/Layout/Liquidation';\r\nimport Contracts from '../views/Layout/Contracts';\r\nimport ContractPDFViewer from '../views/Layout/Contracts/PdfViews/ContractPDFViewer';\r\nimport Contract from '../views/Layout/Contract';\r\nimport Login from '../views/NotLoggedLayout/Login';\r\nimport Logout from '../views/NotLoggedLayout/Logout';\r\nimport ResetPassword from '../views/NotLoggedLayout/ResetPassword';\r\nimport ConfirmEmail from '../views/NotLoggedLayout/ConfirmEmail';\r\nimport ConfirmPaymentMobile from '../views/NotLoggedLayout/ConfirmPaymentMobile';\r\nimport ForgotPassword from '../views/NotLoggedLayout/ForgotPassword';\r\nimport Contratacion from '../views/Layout/Contratacion';\r\nimport ContractNeurona from '../views/Layout/ContractNeurona';\r\nimport Appearance from '../views/Layout/Appearance';\r\nimport Faqs from '../views/Layout/Faqs';\r\nimport News from '../views/Layout/News';\r\nimport New from '../views/Layout/New';\r\nimport Learning from '../views/Layout/Learning';\r\nimport { ROUTE } from '../common/constants/routes';\r\nimport Eiac from '../views/Layout/EIAC/Eiac';\r\n\r\nconst logedRoutes = [];\r\nlogedRoutes[ROUTE.HOME] = Home;\r\nlogedRoutes[ROUTE.APPEARANCE] = Appearance;\r\nlogedRoutes[ROUTE.USERS] = Users;\r\nlogedRoutes[ROUTE.FAQS] = Faqs;\r\nlogedRoutes[ROUTE.NEWS] = News;\r\nlogedRoutes[ROUTE.NEW] = New;\r\nlogedRoutes[ROUTE.LEARNING] = Learning;\r\nlogedRoutes[ROUTE.CATALOG] = Catalog;\r\nlogedRoutes[ROUTE.RECEIPTS] = Receipts;\r\nlogedRoutes[ROUTE.RECEIPTS_ID] = Receipt;\r\nlogedRoutes[ROUTE.LIQUIDATIONS] = Liquidations;\r\nlogedRoutes[ROUTE.LIQUIDATIONS_ID] = Liquidation;\r\nlogedRoutes[ROUTE.CONTRACTS] = Contracts;\r\nlogedRoutes[ROUTE.CONTRACTS_ID] = Contract;\r\nlogedRoutes[ROUTE.CONTRACTS_PDFViewer_ID] = ContractPDFViewer;\r\nlogedRoutes[ROUTE.PRODUCTS] = Products;\r\nlogedRoutes[ROUTE.PRODUCTMODULES] = ProductModules;\r\nlogedRoutes[ROUTE.CONTRACT_NEURONA] = ContractNeurona;\r\nlogedRoutes[ROUTE.HIERARCHY] = Hierarchy;\r\nlogedRoutes[ROUTE.CONTRATACION_ID] = Contratacion;\r\nlogedRoutes[ROUTE.CONTRATACION] = Contratacion;\r\nlogedRoutes[ROUTE.PRICING] = Pricing;\r\nlogedRoutes[ROUTE.BUDGETS_ID] = Budget;\r\nlogedRoutes[ROUTE.BUDGETS] = Budgets;\r\nlogedRoutes[ROUTE.ACCESSQUERY] = AccessQuery;\r\nlogedRoutes[ROUTE.EIAC] = Eiac\r\n\r\nconst notLogedRoutes = [];\r\nnotLogedRoutes[ROUTE.ROOT] = Welcome;\r\nnotLogedRoutes[ROUTE.LOGIN] = Login;\r\nnotLogedRoutes[ROUTE.LOGINERSM] = Login;\r\nnotLogedRoutes[ROUTE.LOGOUT] = Logout;\r\nnotLogedRoutes[ROUTE.RESETPASSWORD] = ResetPassword;\r\nnotLogedRoutes[ROUTE.CONFIRMEMAIL] = ConfirmEmail;\r\nnotLogedRoutes[ROUTE.FORGOTPASSWORD] = ForgotPassword;\r\nnotLogedRoutes[ROUTE.CONFIRMPAYMENTMOBILE] = ConfirmPaymentMobile;\r\n\r\nexport { logedRoutes, notLogedRoutes };\r\n","import styled from 'styled-components';\r\nimport { getContrastColor } from '../../common/utils/colorManager';\r\nimport AppBar from '@material-ui/core/AppBar';\r\n\r\nexport const CustomAppBarStyled = styled(AppBar)`\r\n background-color: ${(props) => props.appearance.mainColor || ''} !important;\r\n color: ${(props) => getContrastColor(props.appearance.mainColor)} !important;\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { CustomAppBarStyled } from './CustomAppBarStyled';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport AccountCircle from '@material-ui/icons/AccountCircle';\r\n\r\nclass CustomAppBar extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tprofileOpen: false,\r\n\t\t\tanchorEl: null,\r\n\t\t\tanchorElOpen: false\r\n\t\t};\r\n\t}\r\n\r\n\thandleChangeAnchor = (event) => {\r\n\t\tthis.setState({ anchorEl: event.currentTarget, anchorElOpen: true });\r\n\t};\r\n\r\n\thandleCloseAnchor = () => {\r\n\t\tthis.setState({ anchorEl: null, anchorElOpen: false });\r\n\t};\r\n\r\n\tredirect = (element) => {\r\n\t\tif (element.link != null) {\r\n\t\t\tthis.props.history.push(element.link);\r\n\t\t}\r\n\t};\r\n\r\n\trenderProfileMenuItems = () => {\r\n\t\tconst { profileMenu } = this.props;\r\n\t\tlet html = [];\r\n\r\n\t\tprofileMenu.forEach((menuElement, i) => {\r\n\t\t\thtml.push(\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn html;\r\n\t};\r\n\r\n\trenderProfileMenu() {\r\n\t\tconst { profileMenu } = this.props;\r\n\t\tif (profileMenu && profileMenu.length > 0) {\r\n\t\t\treturn (\r\n\t\t\t\tMis EIAC
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderProfileMenuItems()}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.renderProfileMenu()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tRACC\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t- {htmlList}
- \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{this.renderMenuList()}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst CustomDrawerWithRouter = withRouter(CustomDrawer);\r\nconst CustomDrawerWithTranslation = withTranslation()(CustomDrawerWithRouter);\r\n\r\nexport default connect(mapStateToProps, {})(CustomDrawerWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport CustomAppBar from '../../shared/CustomAppBar';\r\nimport CustomDrawer from '../../shared/CustomDrawer';\r\nimport { startRequest } from '../../actions/apiCall';\r\nimport { showDialog, hideDialog } from '../../actions/loading';\r\nimport { updateAppearance } from '../../actions/appearance';\r\nimport { GetMenuSessionStorage, GetAppearanceSessionStorage } from '../../common/utils/storageManager';\r\nimport { updateMenu } from '../../actions/menu';\r\n\r\nclass Layout extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsideBarOpen: false,\r\n\t\t\tprofileOpen: false,\r\n\t\t\tanchorEl: null,\r\n\t\t\tanchorElOpen: false,\r\n\t\t\tMenuSideBar: [],\r\n\t\t\tAccountMenu: []\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { showDialog, hideDialog } = this.props;\r\n\t\tshowDialog();\r\n\t\tthis.checkMenu();\r\n\t\tthis.checkAppearance();\r\n\t\thideDialog();\r\n\t};\r\n\r\n\tclassifyMenu = (menuItems) => {\r\n\t\tlet generalMenu = [];\r\n\t\tlet subGeneralMenu = [];\r\n\t\tmenuItems.forEach((menuItem) => {\r\n\t\t\tif (menuItem.menuType === 'General') {\r\n\t\t\t\tgeneralMenu.push(menuItem);\r\n\t\t\t} else if (menuItem.menuType === 'SubGeneral') {\r\n\t\t\t\tsubGeneralMenu.push(menuItem);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn { generalMenu, subGeneralMenu };\r\n\t};\r\n\r\n\tcheckAppearance = () => {\r\n\t\tconst { updateAppearance } = this.props;\r\n\t\tconst appearanceStorage = GetAppearanceSessionStorage();\r\n\t\tif (appearanceStorage) {\r\n\t\t\tupdateAppearance(appearanceStorage);\r\n\t\t}\r\n\t};\r\n\r\n\tcheckMenu = () => {\r\n\t\tconst { menuItems } = this.props;\r\n\t\tif (menuItems.length === 0) {\r\n\t\t\tthis.getMenu();\r\n\t\t} else {\r\n\t\t\tthis.updateStateMenu(menuItems);\r\n\t\t}\r\n\t};\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tconst { menuItems } = this.props;\r\n\t\tif (this.state.AccountMenu.length === 0 && this.state.MenuSideBar.length === 0 && menuItems.length > 0) {\r\n\t\t\tthis.updateStateMenu(menuItems);\r\n\t\t}\r\n\t};\r\n\r\n\tupdateStateMenu = (menuItems) => {\r\n\t\tconst { generalMenu, subGeneralMenu } = this.classifyMenu(menuItems);\r\n\t\tthis.setState({\r\n\t\t\tMenuSideBar: generalMenu,\r\n\t\t\tAccountMenu: subGeneralMenu\r\n\t\t});\r\n\t};\r\n\r\n\tgetMenu = () => {\r\n\t\tconst { menuItems, updateMenu, startRequest } = this.props;\r\n\t\tif (menuItems.length === 0) {\r\n\t\t\tconst menuStorage = GetMenuSessionStorage();\r\n\t\t\tif (menuStorage && menuStorage.length > 0) {\r\n\t\t\t\tupdateMenu(menuStorage);\r\n\t\t\t} else {\r\n\t\t\t\tconst options = {\r\n\t\t\t\t\tonSuccess: function(response) {\r\n\t\t\t\t\t\tupdateMenu(response.data.data);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tmethod: 'GET',\r\n\t\t\t\t\tendpoint: '/api/Menu/'\r\n\t\t\t\t};\r\n\t\t\t\tstartRequest(options);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleDrawerOpen = () => {\r\n\t\tthis.setState({\r\n\t\t\tsideBarOpen: true\r\n\t\t});\r\n\t};\r\n\r\n\thandleDrawerClose = () => {\r\n\t\tthis.setState({\r\n\t\t\tsideBarOpen: false\r\n\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { children } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\tmenuItems: state.menu.menuItems,\r\n\tappearance: state.appearance.appearance\r\n});\r\n\r\nconst layoutWithRouter = withRouter(Layout);\r\nconst LayoutWithTranslation = withTranslation()(layoutWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tstartRequest,\r\n\tupdateMenu,\r\n\tshowDialog,\r\n\thideDialog,\r\n\tupdateAppearance\r\n})(LayoutWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { ButtonComponent } from '@syncfusion/ej2-react-buttons';\r\nimport { DeleteAllCookies } from '../../../common/utils/cookiesManager';\r\nimport { DeleteSessionStorage } from '../../../common/utils/storageManager';\r\nimport { changeErrorPageNumber } from '../../../actions/error';\r\nimport ACTIONS_CONSTANTS from '../../../locales/global/actions';\r\n\r\nimport './ErrorPage.css';\r\n\r\nclass ErrorPage extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tconst { changeErrorPageNumber, pageNotFound, errorPageNumber } = this.props;\r\n\r\n\t\tif (pageNotFound && errorPageNumber !== 404) {\r\n\t\t\tchangeErrorPageNumber(404);\r\n\t\t}\r\n\t};\r\n\r\n\tremoveCredentials = () => {\r\n\t\tDeleteAllCookies();\r\n\t\tDeleteSessionStorage();\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { errorTitle, errorMsg, errorPageNumber, history, t } = this.props;\r\n\t\treturn errorTitle !== '' ? (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{children}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t) : (\r\n\t\t\t''\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\terrorPageNumber: state.errorPage.errorPageNumber,\r\n\terrorTitle: state.errorPage.errorTitle,\r\n\terrorMsg: state.errorPage.errorMsg\r\n});\r\n\r\nconst ErrorPageWithRouter = withRouter(ErrorPage);\r\nconst ErrorPageWithTranslation = withTranslation()(ErrorPageWithRouter);\r\n\r\nexport default connect(mapStateToProps, {\r\n\tchangeErrorPageNumber\r\n})(ErrorPageWithTranslation);\r\n","import React, { Component } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Layout from '../../../views/Layout/Layout';\r\nimport ErrorPage from '../../../views/NotLoggedLayout/ErrorPage/ErrorPage';\r\nimport NotLoggedLayout from '../../../views/NotLoggedLayout/NotLoggedLayout';\r\nimport { GetCookie_token, DeleteAllCookies } from '../../../common/utils/cookiesManager';\r\nimport { changeErrorPageNumber } from '../../../actions/error';\r\nimport { GetMenuSessionStorage } from '../../../common/utils/storageManager';\r\nimport { startRequest } from '../../../actions/apiCall';\r\nimport { getCheckAuthParams } from './PrivateRouteCalls';\r\n\r\nclass PrivateRoute extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tauthorized: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount = () => {\r\n\t\tconst { changeErrorPageNumber } = this.props;\r\n\t\tchangeErrorPageNumber(0);\r\n\t\tthis.checkAuth();\r\n\t};\r\n\r\n\tgetPathId = () => {\r\n\t\tconst { menuItems, path } = this.props;\r\n\t\tlet foundId;\r\n\t\tif (menuItems.length !== 0) {\r\n\t\t\tmenuItems.forEach((menuItem) => {\r\n\t\t\t\tif (path.includes(menuItem.link)) {\r\n\t\t\t\t\tfoundId = menuItem.id;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tconst menuStorage = GetMenuSessionStorage();\r\n\t\t\tif (menuStorage !== null) {\r\n\t\t\t\tmenuStorage.forEach((menuItem) => {\r\n\t\t\t\t\tif (path.includes(menuItem.link)) {\r\n\t\t\t\t\t\tfoundId = menuItem.id;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn foundId;\r\n\t};\r\n\r\n\tcheckAuth = () => {\r\n\t\tconst { startRequest } = this.props;\r\n\t\tconst cookie = GetCookie_token();\r\n\t\tif (cookie !== null) {\r\n\t\t\tconst idOfLink = this.getPathId();\r\n\t\t\tconst data = { idOfLink };\r\n\t\t\tif (data.idOfLink === undefined) {\r\n\t\t\t\tthis.myError({ status: 401 });\r\n\t\t\t} else {\r\n\t\t\t\tstartRequest(getCheckAuthParams(data, this.mySuccess, this.myError));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.myError({ status: 401 });\r\n\t\t}\r\n\t};\r\n\r\n\tmySuccess = (response) => {\r\n\t\tthis.setState({\r\n\t\t\tauthorized: response\r\n\t\t});\r\n\t};\r\n\r\n\tmyError = (error) => {\r\n\t\tconst { changeErrorPageNumber } = this.props;\r\n\t\tthis.setState({\r\n\t\t\tauthorized: false\r\n\t\t});\r\n\t\tDeleteAllCookies();\r\n\t\tif (error) {\r\n\t\t\tchangeErrorPageNumber(error.status);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { authorized } = this.state;\r\n\t\tconst { Component, ...rest } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t history.push('/')}>\r\n\t\t\t\t\t\t{t(ACTIONS_CONSTANTS.GoBack)}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{errorPageNumber}
\r\n\t\t\t\t\t{t(errorTitle)}
\r\n\t\t\t\t\t{t(errorMsg)}
\r\n\t\t\t\t\t\r\n 0}\r\n />\r\n
\r\n ) : null\r\n }\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tappearance: state.appearance.appearance,\r\n show: state.loading.show\r\n});\r\n\r\nexport default connect(mapStateToProps, {})(Loading);","import axios from 'axios';\r\nimport { toastError } from './toasters';\r\nimport { GetCookie_token, GetCookie_culture } from '../common/utils/cookiesManager';\r\nimport { getEnvApiUrl } from './config';\r\nconst APIBASEURL = getEnvApiUrl();\r\nfunction getHeaders(contentType) {\r\n\tconst token = GetCookie_token() ? 'Bearer ' + GetCookie_token() : '';\r\n\tconst culture = GetCookie_culture() ? GetCookie_culture() : 'es';\r\n\treturn {\r\n\t\t'Access-Control-Allow-Origin': '*',\r\n\t\t'Content-Type': contentType ? contentType : 'application/json',\r\n\t\tAuthorization: token,\r\n\t\tCulture: culture\r\n\t};\r\n}\r\n\r\nconst apiCall = (options, props) => {\r\n\tconst { showDialog, hideDialog, endRequest } = props;\r\n\tif (options.hideSpinner === undefined || !options.hideSpinner) {\r\n\t\tshowDialog();\r\n\t}\r\n\tif (options.contentType === 'multipart/form-data') {\r\n\t\tvar form_data = new FormData();\r\n\t\tfor (var key in options.data) {\r\n\t\t\tform_data.append(key, options.data[key]);\r\n\t\t}\r\n\t\toptions.data = form_data;\r\n\t}\r\n\tif (window.location.hostname === 'dev-racc-portalmediacion-web.azurewebsites.net' || 'localhost') {\r\n\t\toptions.apiUrl = APIBASEURL;\r\n\t\tconsole.log(options);\r\n\t}\r\n\taxios({\r\n\t\theaders: getHeaders(options.contentType),\r\n\t\tmethod: options.method || 'GET',\r\n\t\turl: options.url ? options.url : `${APIBASEURL}` + options.endpoint,\r\n\t\tdata: options.data,\r\n\t\tparams: options.params\r\n\t})\r\n\t\t.then(function(response) {\r\n\t\t\tif (window.location.hostname === 'dev-racc-portalmediacion-web.azurewebsites.net' || 'localhost') {\r\n\t\t\t\tconsole.log(response);\r\n\t\t\t}\r\n\t\t\tif (options.onSuccess) {\r\n\t\t\t\toptions.onSuccess(response);\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(function() {\r\n\t\t\tif (options.onThen) {\r\n\t\t\t\toptions.onThen();\r\n\t\t\t}\r\n\t\t})\r\n\t\t.catch(function(error) {\r\n\t\t\tif (window.location.hostname === 'dev-racc-portalmediacion-web.azurewebsites.net' || 'localhost') {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t}\r\n\t\t\tlet statusText, data;\r\n\t\t\tif (!error.response) {\r\n\t\t\t\tstatusText = error.statusText;\r\n\t\t\t\tdata = error.data;\r\n\t\t\t} else if (error.response.status === 401) {\r\n\t\t\t\ttoastError('Usuario no autorizado', 'Información sensible, usuario restringido.');\r\n\t\t\t} else {\r\n\t\t\t\tstatusText = error.response.statusText;\r\n\t\t\t\tdata = error.response.data;\r\n\t\t\t}\r\n\t\t\tif (data != null) {\r\n\t\t\t\tif (data.errors) {\r\n\t\t\t\t\tdata.errors.forEach((error) => {\r\n\t\t\t\t\t\tconst { errorMessageKey } = error;\r\n\t\t\t\t\t\ttoastError(statusText, errorMessageKey);\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (options.onError) {\r\n\t\t\t\toptions.onError(error.response);\r\n\t\t\t}\r\n\t\t})\r\n\t\t.finally(function(response, error) {\r\n\t\t\tif (options.onFinally) {\r\n\t\t\t\toptions.onFinally(response, error);\r\n\t\t\t}\r\n\t\t\tif (options.hideSpinner === undefined || !options.hideSpinner) {\r\n\t\t\t\thideDialog();\r\n\t\t\t}\r\n\t\t\tendRequest();\r\n\t\t});\r\n};\r\n\r\nexport { apiCall, getHeaders, APIBASEURL };\r\n","import { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { showDialog, hideDialog } from '../../actions/loading';\r\nimport { endRequest } from '../../actions/apiCall';\r\nimport { apiCall } from '../../services/apiCall';\r\n\r\nexport class ApiCall extends Component {\r\n\tcomponentDidUpdate() {\r\n\t\tconst { request, requestOptions } = this.props;\r\n\t\tif (request) {\r\n\t\t\tapiCall(requestOptions, this.props);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn null;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n\trequest: state.apicall.request,\r\n\trequestOptions: state.apicall.requestOptions\r\n});\r\n\r\nexport default connect(mapStateToProps, {\r\n\tshowDialog,\r\n\thideDialog,\r\n\tendRequest\r\n})(ApiCall);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Modal } from 'react-bootstrap';\r\nimport { openModal, closeModal } from '../../actions/popup';\r\n\r\nimport './CustomPopUp.css';\r\n\r\nexport class CustomPopUp extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\trenderHeader = () => {\r\n\t\tconst { popUpPayload } = this.props;\r\n\r\n\t\tif (popUpPayload.title) {\r\n\t\t\treturn (\r\n\t\t\t\t