![\"Chrome\"](\"./img/chrome-logo.svg\"){kind=logo}
,\n\t\t\t\tbtn: Descargar,\n\t\t\t\tduration: 5\n\t\t\t});\n\t\tpageGA(); \n \t}, []);\n\t \n\tconst handleSubmit = values => {\n\t\tconst { history } = props;\n\t\tprops.authenticate({values, history});\n\t\tform.resetFields(['password']);\n\t}\n\n\tconst getTimeOfTheDay = () => {\n\t\tconst today = new Date();\n\t\tconst currentHours = today.getHours();\t\t\n\t\tlet banner = 'img/efisco-banner-morning.jpg';\t\n\t\tif (currentHours < 18 && currentHours >= 12)\n\t\t\tbanner = 'img/efisco-banner-afternoon.jpg';\n\t\telse if( currentHours > 18)\n\t\t\tbanner = 'img/efisco-banner-night.jpg';\n\t\treturn banner;\n\t}\n\t\n\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t)\n}\n\nconst mapStateToProps = state => {\t\n\treturn {\n\t\tisLoadingAuthenticate: state._genericComponents.loading.find('authenticateLoading'),\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tdispatch,\n ...bindActionCreators({authenticate},dispatch)\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\n","import React, { Component, Fragment } from 'react';\nimport { List, Button, Divider, Spin, Avatar } from 'antd';\nimport { WarningOutlined } from '@ant-design/icons';\nimport moment from 'moment';\n\nclass ListNotification extends Component { \n\n render() {\n const { notifications, pagination, handleClickNotification, handleClickMore, isLoading } = this.props;\n return (\n \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n \n \n } />}\n title = {item.title}\n description = {moment(new Date(item.createdDate)).format(\"DD-MM-YYYY HH:mm:ss\")}\n />\n
\n \n
\n } \n \n \n\n
);\n }\n return result;\n\n }\n\n\n\n\n}\n\nexport default BannerControl;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Badge, Popover } from 'antd';\nimport { BellOutlined } from '@ant-design/icons';\nimport notification from '../../Actions/notification';\nimport ListNotification from '../Notification/NotificationList';\nimport BannerControl from '../BannerControl';\nconst { getNotifications, seenNotification } = notification.actions;\n\n\nclass Notification extends Component {\n constructor(props) {\n super(props);\n this.handleClickMoreNotifications = this.handleClickMoreNotifications.bind(this);\n }\n componentDidMount() {\n this.props.getNotifications(this.props.notificationsPagination);\n this.interval = setInterval(() => this.props.getNotifications(this.props.notificationsPagination), 350000)\n }\n\n componentWillUnmount() {\n clearInterval(this.interval);\n } \n\t\n render() {\n return (\n \n \n
\n )\n }\n\nexport default UserMenu\n","import React from 'react';\nimport { UserOutlined } from '@ant-design/icons';\nimport UserMenu from '../UserMenu';\n\nfunction UserInfo({data, image}) { \n if(!data)\n return null;\n const { username = '', email = '' } = data;\n return (\n \n
\n )\n }\n\nexport default UserInfo\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { LogoutOutlined } from '@ant-design/icons';\nimport { Icon, Button } from 'antd';\nimport { getToken } from '../helpers';\nimport login from '../Actions/login';\nimport { withRouter } from 'react-router';\nimport Notification from './Notification';\nimport UserInfo from './UserInfo';\nconst { logout } = login.actions; \nconst token = getToken();\n\nclass Header extends Component {\n constructor(props) {\n super(props);\n this.logout = this.logout.bind(this);\n this.isLogged = this.isLogged.bind(this);\n this.goToIndex = this.goToIndex.bind(this);\n this.buyLicense = this.buyLicense.bind(this);\n this.showEnhancePackage = this.showEnhancePackage.bind(this);\n }\n\n render() {\n let { logo, userInfo, drive } = this.props;\n const { image } = drive;\n return (\n \n {\n image !== '' ?\n 
\n :\n
\n \n {username}\n {email}\n
\n \n \n 
\n \n \n { this.isLogged() &&\n
\n \n {this.showEnhancePackage() &&\n \n }\n
\n \n }\n \n \n
\n \n \n { \n licenseStatus === false &&\n \n Actualmente no cuentas con una licencia vigente.\n
\n }\n type=\"warning\" \n showIcon\n style={styles.alert}\n /> \n }\n {\n stickyNotes && stickyNotes.length > 0 &&\n stickyNotes.map(stickyNote => {\n return (\n \n
\n \n \n {this.props.children}\n
\n \n \n {Icon}\n \n
\n \n );\n};\n\nexport default Download;\n","import React, { Fragment } from 'react';\nimport { Tooltip, Divider } from 'antd';\nimport { renderIconDashboard } from '../helpers';\n\nconst DashboardButton = ({ row, handleClic }) => {\n let { Icon, title } = renderIconDashboard(row); \n return (\n \n \n {Icon}\n \n
\n \n { taxIdFound ?\n this.checkIfVolumeIsBeingCalculated(taxIdFound.createdDate, taxIdFound.updatedDate) ?\n \n Estimado Mensual: \n { documents.toLowerCase() === 'emision' ?\n stringToQuantityWithCommas(taxIdFound.issuingVolumeMonthly) \n :\n stringToQuantityWithCommas(taxIdFound.receivingVolumeMonthly) \n }\n XML\n \n :\n Se está calculando el volumen de tus {this.getTextFromDocumentType(documents)} \n :\n \n Calcular tu estimado\n \n
\n\t\t)\n }\n \n checkIfVolumeIsBeingCalculated(startDate, updateDate) {\n return checkIfVolumeIsBeingCalculated(startDate,updateDate); \n }\n\n getTextFromDocumentType(document){\n switch(document.toLowerCase()){\n case 'emision':\n return 'facturas emitidas';\n case \"recepcion\":\n return 'facturas recibidas';\n default:\n return \"\";\n }\n }\n}\n\nconst mapStateToProps = state => { \n let taxpayerLoading = state._genericComponents.loading.find('loadingTaxpayer');\n\treturn {\n taxpayerVolume: state.taxpayer.taxpayerVolume,\n isLoadingTaxpayer: taxpayerLoading ? taxpayerLoading.isLoading : false,\n\t};\n\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n getTaxpayerVolumeData() {\n\t\t\tdispatch(getTaxpayerVolumeData())\n\t\t}\n\t}\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TaxPayerVolume);\n","export const generalData = data => { \n let newData = data.map((item, index) => { \n return {\n 'name': item.type,\n 'value': item.numberOfCfdis\n }\n });\n \n return newData;\n}\n\nexport const invoicesTotal = data => { \n let newData = data.map((item, index) => { \n return {\n 'name': item.label,\n 'Cantidad': item.totalAmount,\n 'Total': item.totalMoney\n }\n }); \n\n return newData;\n}\n\nexport const efosTotal = data => { \n let newData = data.map((item, index) => { \n return {\n 'name': item.situation,\n 'value': item.total,\n }\n }); \n \n return newData;\n}","import React, { Fragment } from 'react';\nimport { Empty } from 'antd';\n\nconst EmptyContent = () => {\n return (\n \n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\tNo hay información para esta solicitud
\n\n\t\t\t\t\t\tCanceladas\n\t\t\t\t\t\t{numberOfCfdisCanceled}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tDuplicadas\n\t\t\t\t\t\t{numberOfCfdisDuplicated}\n\t\t\t\t\t
\n \n\t\t\t\t\t\tNúmero de pagos\n\t\t\t\t\t\t{numberOfPayments}\n\t\t\t\t\t
\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tPagos Cancelados\n\t\t\t\t\t\t{numberOfPaymentsCanceled}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tPagos Duplicados\n\t\t\t\t\t\t{numberOfPaymentsDuplicated}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tTotal\n\t\t\t\t\t\t{formatMoney(totalAmountPayments)}\n\t\t\t\t\t
\n \n\t\t\t\t\t\tTotal de nóminas\n\t\t\t\t\t\t{numberOfPayrolls}\n\t\t\t\t\t
\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tNóminas canceladas\n\t\t\t\t\t\t{numberOfPayrollsCanceled}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tNóminas duplicadas\n\t\t\t\t\t\t{numberOfPayrollsDuplicated}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tTotal en dinero\n\t\t\t\t\t\t{formatMoney(totalAmountPayrolls)}\n\t\t\t\t\t
\n \n\t\t\t\t\t\tNúmero de EFOS\n\t\t\t\t\t\t{numberOfEfos}\n\t\t\t\t\t
\n \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\tDashboard
\t\t\t\t\n\t\t\t\t\t\t\n Actualmente no cuentas con una cuenta vinculada de Google\n Para programar tu descarga en Google Drive ve a Configuración para vincular una cuenta de Google\n
\n \n }\t\t\t\n closable\n\t\t\t/>\n );\n }\n\n goToSettingsTab (tab) {\n\t\tthis.props.selectTab(tab);\n\t}\n}\nconst mapDispatchToProps = dispatch => {\n return {\n selectTab(tab) {\n dispatch(selectTab(tab))\n }\n }\n}\n\nexport default connect(null,mapDispatchToProps)(GoogleDriveMessage);","import React from 'react';\n\nconst InformationByDownloadType = ({type}) => {\n\tlet text = '';\n\tswitch(type.toLowerCase()) {\n\t\tcase 'webportal':\n\t\t\ttext = 'Esta forma de descarga tiene una limitante de 2,000 documentos por día y podrás descargar los comprobantes de inmediato. Selecciona los parámetros de descarga y los reportes de que deseas obtener.';\n\t\t\tbreak;\n\t\tcase 'webservice':\n\t\t\ttext = 'Esta forma de descarga tiene una limitante de hasta 200,000 registros por vez y el SAT puede demorar hasta 6 días naturales en regresar los registros. Selecciona los parámetros de descarga y los reportes de que deseas obtener.';\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\treturn (\n\t\t\n\t\t\t{text}\t\n\t\t
\n\t)\n}\n\nexport default InformationByDownloadType;","import moment from 'moment';\n\nexport const sortByDate = (a, b, key=null, currentDateFormat='DD-MM-YYYY HH:mm:ss') => {\n if(!key) {\n key = 'date';\n }\n const aDate = moment(a[key], currentDateFormat).format('YYYY-MM-DD HH:mm:ss');\n const bDate = moment(b[key], currentDateFormat).format('YYYY-MM-DD HH:mm:ss');\n return new Date(aDate) - new Date(bDate);\n}\n\nexport const sortStringByKey = (a, b, key=null) => {\n return sortByString(a[key], b[key]);\n}\n\nexport const sortByString = (a, b) => {\n if(a < b) { return -1; }\n if(a > b) { return 1; }\n return 0;\n}\n\nexport const parseDateFormat = (dateString, currentDateFormat, expectedDateFormat) => {\n return moment(dateString, currentDateFormat).format(expectedDateFormat);\n}","import CFDIComplements from '../Catalogs/complements.json'\nimport CFDIType from '../Catalogs/tipoComprobante.json'\n\nexport const getFilterByColumnValue = row => {\n const {rfcEmisor, rfcReceptor, cfdiComplement, cfdiType} = row;\n let filters = \"\";\n\n if (rfcReceptor) {\n filters += `Cliente: ${rfcReceptor.split(',').join(', ')} `;\n }\n\n if (rfcEmisor) {\n filters += `Proveedor: ${rfcEmisor} `;\n }\n\n if (cfdiType) {\n const ctype = CFDIType.find(t => t.key === cfdiType.toUpperCase());\n if (ctype) {\n filters += `Tipo: ${ctype.label} `;\n }\n \n }\n\n if (cfdiComplement) {\n const cComplement = CFDIComplements.find(t => t.key === cfdiComplement);\n if(cComplement){\n filters += `Complemento: ${cComplement.label} `;\n }\n \n }\n return filters ? filters : \"Ningúno\";\n}","import React from 'react';\nimport { withRouter } from 'react-router';\nimport { Modal, Button } from 'antd';\nimport arrowsUps from '../../assets/img/arrows-up.svg';\n\nfunction ModalEnhancedPlan(props) {\n const { showModal, onClick,email, history } = props; \n const closeModal =() =>{\n onClick(false); \n }\n \n const goToBuyLicense = () => {\n history.push(`/buy-license/user/${email}`);\n }\n\n return (\n ¿Te gustaría renovar tu Plan?
\nActualmente te encuentras en la versión gratuita.
\nMejora tu plan y aprovecha todo el potencial que efisco® tiene para ti:
\n\n
\n \t\t\n )\n }\n\nexport default withRouter(ModalEnhancedPlan)\n","import React, { useState, useEffect } from 'react';\nimport { Select } from 'antd';\n\nconst { Option } = Select;\n\nconst CustomSelect = ({ items = [], onChange, ...restProps }) => {\n const [selectedValue, setSelectedValue] = useState(null);\n\n useEffect(() => {\n const firstEnabledOption = items.find(item => !item.disabled);\n if (firstEnabledOption) {\n setSelectedValue(firstEnabledOption.key);\n if (onChange) {\n onChange(firstEnabledOption.key);\n }\n }\n }, [JSON.stringify(items)]);\n\n const handleChange = value => {\n setSelectedValue(value);\n if (onChange) {\n onChange(value);\n }\n };\n\n return (\n \n );\n};\n\nexport default CustomSelect;","export default class RoleHelper {\n static ACTION_DOWNLOAD = \"downloadDocuments\";\n static ACTION_DOWNLOADWEBPORTAL = \"downloadWebPortalDocuments\";\n static ACTION_SCHEDULE = \"scheduleDownload\";\n\n static DOCUMENT_TYPE_EMITIDOS = \"emision\";\n static DOCUMENT_TYPE_RECIBIDOS = \"recepcion\";\n\n static TYPE_INGRESO = \"I\";\n static TYPE_ENGRESO = \"E\";\n static TYPE_NOMINA = \"I\";\n static TYPE_PAGO = \"P\";\n static TYPE_TRASLADO = \"T\";\n\n constructor(roleConfig) {\n if (!roleConfig) return;\n this.idRole = roleConfig.idRole;\n this.roleName = roleConfig.roleName;\n this.config = roleConfig.config;\n }\n\n hasAllOptions(actionType, documentType) {\n if (!this.config) return true;\n let accessObject = this.config;\n\n accessObject = accessObject[actionType];\n if (!accessObject) return false;\n\n if (!documentType) return true;\n accessObject = accessObject[documentType];\n\n return accessObject && accessObject.length === 5;\n }\n\n hasAccess(actionType, documentType, type) {\n if (!this.config) return true;\n let accessObject = this.config;\n\n accessObject = accessObject[actionType];\n if (!accessObject) return false;\n\n if (!documentType) return true;\n accessObject = accessObject[documentType];\n if (!accessObject) return false;\n\n if (!type) return true;\n return accessObject.includes(type);\n }\n}","export const OVERFLOW_MESSAGE = \"Has sobrepasado tu limite maximo de descargas, para activar nuevamente las descargas aumenta tu plan.\";","import React from 'react';\nimport { Tooltip, Divider } from 'antd';\nimport { renderIconDownload } from '../helpers';\nimport {OVERFLOW_MESSAGE} from './BlockConstants'\n\nconst DownloadBlock = ({ pos, report, download }) => {\n report.url = null;\n let { Icon} = renderIconDownload(report);\n const title = OVERFLOW_MESSAGE;\n return ( \n <>\n {pos !== 0 ? • Multi-RFC
\n• Mayor Volumen de descarga
\n• Validación de EFOS
\n• Generación de PDF
\n• Integración con Google Drive
\n\n \n {Icon}\n \n
\n \n );\n};\n\nexport default DownloadBlock;\n","import React, { Fragment } from 'react';\nimport { Tooltip, Divider } from 'antd';\nimport { renderIconDashboard } from '../helpers';\nimport {OVERFLOW_MESSAGE} from './BlockConstants'\n\nconst DashboardButtonBlock = ({ row, handleClic }) => {\n row.processes[0].statusProcess = null;\n let { Icon} = renderIconDashboard(row);\n const title = OVERFLOW_MESSAGE; \n return (\n \n \n {Icon}\n \n
\n \n \n \n
\n \n \n
\n \n Web Service \n \n
\n \n Portal del SAT (Scraping) \n {disableScraping ?\n \n }/>\n \n :\n !this.props.isScrappingEnabledByRole ?\n \n }/>\n \n :\n \n
\n \n \n
\n \n \n \n {\n orderListByKey(this.props.userData, \"taxId\").map((element, index) => (\n \n ))}\n \n
\n \n \n
\n \n \n
\n {\n type === 'WebService' && <>\n \n \n \n \n {documents === 'Emision' && Máximo 5 RFCs}\n
\n \n \n \n {CFDIStatusCatalog.map(status => )}\n \n
\n \n \n
\n \n \n \n \n {Complements.map(c => )}\n \n
\n \n }\n \n \n
\n \n \n
\n \n }\n unCheckedChildren={
\n \n }\n unCheckedChildren={
\n \n }\n unCheckedChildren={
\n \n \n
\n Últimas solicitudes de Descarga
\n\n \n \n \n
\n\n {((!this.props.tableLoading && !this.props.taxIdSearchLoading) && this.props.isLoading) &&\n \n \n
\n }\n \n \n \n {row.statusRequest[0]}\n \n \n {\n row.statusRequest[0].toLowerCase() === 'completado' && row.totalFiles === 0 &&\n {'No se encontró información'} \n }\n
\n ),\n sorter: (a, b) => {\n return sortByString(a.statusRequest[0], b.statusRequest[0]);\n },\n sortDirections: ['descend', 'ascend'],\n },\n {\n title: '',\n key: 'action',\n render: (text, row) => (\n\n \n {\n row.processes.map((report, index) => {\n return (\n isOverflow ? : \n )\n })\n }\n {\n row.requestType !== 'Validación EFOS' &&\n (isOverflow ? : )\n }\n\n
\n )\n }\n ];\n return columns;\n }\n}\n\nconst DriveMessage = ({closeMessage, history, email}) => {\n\n return (\n \n Conecta tu efisco® a Google Drive a partir del plan Base.\n {\n history.push(`/buy-license/user/${email}`)\n }}>Quiero mejorar mi plan\n
\n \n }\n closable\n onClose={() => {\n closeMessage()\n }}\n />\n )\n}\n\nconst mapStateToProps = state => {\n let tableLoader = state._genericComponents.loading.find('tableLoading');\n let userDataLoader = state._genericComponents.loading.find('userLoading');\n let TaxIdSearchLoader = state._genericComponents.loading.find('taxIdSearchLoading');\n const roleHelper = new RoleHelper(state.user.role);\n const isScrappingEnabledByRole = roleHelper.hasAllOptions(RoleHelper.ACTION_DOWNLOADWEBPORTAL, RoleHelper.DOCUMENT_TYPE_EMITIDOS) ||\n roleHelper.hasAllOptions(RoleHelper.ACTION_DOWNLOADWEBPORTAL, RoleHelper.DOCUMENT_TYPE_RECIBIDOS) \n return {\n downloadXmls: state.gestionXml.downloadXmls,\n downloadsRequested: state.gestionXml.downloadsRequested,\n userData: state.user.userData,\n tableLoading: tableLoader ? tableLoader.isLoading : false,\n taxIdSearchLoading: TaxIdSearchLoader ? TaxIdSearchLoader.isLoading : false,\n isLoading: state._genericComponents.loading.isCurrentlyLoading,\n isUserLoading: userDataLoader ? userDataLoader.isLoading : false,\n downloadsPagination: state.gestionXml.downloadsPagination,\n certificatesPagination: state.certificates.certificatesPagination,\n taxpayerVolume: state.taxpayer.taxpayerVolume,\n gDriveData: state.googleDrive.data,\n isFreePlan: state.license.isFreePlan,\n isOverflow: state.license.isOverflow,\n email: Object.keys(state.login.login).length > 0 ? state.login.login.values.username : state.register.registerData.email,\n isScrappingEnabledByRole,\n roleHelper\n };\n\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n setDataDownloadFiles(data) {\n dispatch(setDataDownloadFiles(data));\n },\n getDownloadedFiles(data) {\n dispatch(getDownloadedFiles(data));\n },\n getUserData(query) {\n dispatch(getUserData(query));\n },\n generateRequestDownloadFiles(data) {\n dispatch(generateRequestDownloadFiles(data));\n },\n getZipFromPath(filePath) {\n dispatch(getZipFromPath(filePath))\n },\n getStatusSATDescargaMasiva() {\n dispatch(getStatusSATDescargaMasiva())\n },\n showDashboard(state) {\n dispatch(showDashboard(state));\n },\n getDashboardData(data) {\n dispatch(getDashboardData(data));\n },\n getGoogleData(data) {\n dispatch(getGoogleData(data));\n },\n getRoleData() {\n dispatch(getRoleData());\n },\n };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(DownloadXmlTab));","import React, { Component, Fragment } from 'react';\nimport { DatePicker } from 'antd';\nimport moment from 'moment';\nconst { RangePicker } = DatePicker;\n\nclass CustomRangePicker extends Component {\n render() {\n let { startDate = null, endDate = null, format = 'DD-MM-YYYY', onChange, style={} } = this.props;\n let range = null;\n if(startDate && endDate) {\n range= [moment(startDate, format), moment(endDate, format)];\n }\n return(\n\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tEsta opción de descarga es exclusivamente para obtener el reporte de EFOS y Cancelados, es más rápida que las dos anteriores. Selecciona los parámetros de descarga y los reportes de que deseas obtener.\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\tSolicitudes con EFOS
\n\t\t\t\t\tÚltima solicitud: {lastRequestLabel}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t{((!tableLoading && !this.props.taxIdSearchLoading) && isLoading) &&\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\trow.processes.map((report, index) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t)\n\t\t\t}\n\t\t];\n\t\treturn columns;\n\t}\n}\n\nconst mapStateToProps = state => {\n\tlet tableLoader = state._genericComponents.loading.find('efosTable');\n\tlet userDataLoader = state._genericComponents.loading.find('userLoading');\n\tlet TaxIdSearchLoader = state._genericComponents.loading.find('taxIdSearchLoading');\n\tconst roleHelper = new RoleHelper(state.user.role);\n\n\treturn {\n\t\tdownloadXmls: state.gestionXml.downloadXmls,\n\t\tuserData: state.user.userData,\n\t\ttableLoading: tableLoader ? tableLoader.isLoading : false,\n\t\tisLoading: state._genericComponents.loading.isCurrentlyLoading,\n\t\tisUserLoading: userDataLoader ? userDataLoader.isLoading : false,\n\t\ttaxIdSearchLoading: TaxIdSearchLoader ? TaxIdSearchLoader.isLoading : false,\n\t\ttaxpayerVolume: state.taxpayer.taxpayerVolume,\n\t\tefosState: state.gestionXml.efos,\n\t\tpagination: state.gestionXml.efos.paginatation,\n\t\tisFreePlan: state.license.isFreePlan,\n\t\troleHelper\n\t};\n\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tsetDataDownloadFiles(data) {\n\t\t\tdispatch(setDataDownloadFiles(data));\n\t\t},\n\t\tgetZipFromPath(filePath) {\n\t\t\tdispatch(getZipFromPath(filePath))\n\t\t},\n\t\tgetEfosRequestData(data) {\n\t\t\tdispatch(getEfosRequestData(data));\n\t\t},\n\t\tupdateEfosDataForm(data) {\n\t\t\tdispatch(updateEfosDataForm(data));\n\t\t},\n\t\trestartEfosState() {\n\t\t\tdispatch(restartEfosState());\n\t\t},\n\t\tcreateEfosRequest(data) {\n\t\t\tdispatch(createEfosRequest(data));\n\t\t},\n\t\tgetLastEfos(data) {\n\t\t\tdispatch(getLastEfos(data));\n\t\t},\n\t\tgetUserData(query) {\n\t\t\tdispatch(getUserData(query));\n\t\t},\n\t\tgetRoleData() {\n\t\t\tdispatch(getRoleData());\n\t\t},\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DownloadXmlTab);","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\nimport {Button, Tabs, Tooltip} from 'antd';\nimport Base from '../Base';\nimport DownloadXmlTab from './DownloadXmlTab';\nimport EFOSValidationTab from './EFOSValidationTab';\nimport {pageGA} from '../../Helpers/GoogleAnalytics';\nimport RoleHelper from \"../../Helpers/RoleHelper\";\nimport user from \"../../Actions/user\";\nimport {InfoCircleOutlined} from \"@ant-design/icons\";\n\nconst {getRoleData} = user.actions;\n\nconst {TabPane} = Tabs;\n\nclass Portal extends Component {\n constructor(props) {\n super(props);\n this.props.getRoleData();\n }\n\n render() {\n pageGA();\n return (\n Selecciona tu tipo de solicitud:
\n\n\t\t\t\t
\n\t\t\n\t);\n};\nexport default Delete;\n","import React, { Component } from \"react\";\nimport { connect } from 'react-redux';\nimport taxpayer from '../../Actions/taxpayer';\nconst { calculateVolumeProcess } = taxpayer.actions;\n\nclass IssuingVolumeMonthly extends Component {\n\n constructor(props) {\n super(props);\n this.makeRequest = this.makeRequest.bind(this);\n }\n\n render() {\n let { issuingVolumeMonthly, receivingVolumeMonthly, createdDate, updatedDate } = this.props.data;\n if (issuingVolumeMonthly || receivingVolumeMonthly) {\n return Calculado correctamente
;\n }\n\n if (issuingVolumeMonthly === 0 && createdDate === updatedDate) {\n return Calculando volumen
;\n }\n\n return (\n \n \n
\n );\n }\n\n makeRequest() {\n let { taxId } = this.props.data;\n this.props.calculateVolumeProcess({ taxId, query: this.props.query });\n }\n\n};\nconst mapStateToProps = state => {\n return {\n taxpayerVolume: state.taxpayer.taxpayerVolume,\n };\n\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n calculateVolumeProcess(data) {\n dispatch(calculateVolumeProcess(data))\n },\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(IssuingVolumeMonthly);","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { Upload, Input, Button, Spin, Pagination, Modal } from 'antd';\nimport { UploadOutlined } from '@ant-design/icons';\nimport user from '../../Actions/user';\nimport certificates from '../../Actions/certificates';\nimport Delete from '../delete';\nimport TableView from '../tableView';\nimport IssuingVolumeMonthly from './IssuingVolumeMonthly';\nimport { pageGA } from '../../Helpers/GoogleAnalytics';\nimport { isUndefinedOrNull } from \"../../Helpers/validationsHelper\";\nconst { saveCertificates, setCertificatesData, updateCertificatesPagination, deleteCertificate } = certificates.actions;\nconst { getUserData } = user.actions;\n\nclass Certifieds extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.setCertificatesData = this.setCertificatesData.bind(this);\n\t\tthis.actions = this.actions.bind(this);\n\t\tthis.showModalDeleteCertificate = this.showModalDeleteCertificate.bind(this);\n\t\tthis.deleteCertificate = this.deleteCertificate.bind(this);\n\t\tthis.state = {\n\t\t\tdeleteCertificateModalVisible: false,\n\t\t\ttaxIdSelected: ''\n\t\t}\n\t}\n \n\tcomponentDidMount(){\n\t\tlet queryCertificates = {\n\t\t\t...this.props.certificatesPagination,\n\t\t\tperPage:10\n\t\t}\n\t\tthis.props.getUserData(queryCertificates);\n\t\tpageGA();\n\t}\n\n \trender() { \n\t\tlet { fileList, password } = this.props.certifieds;\n\t\tlet { page, perPage, totalCount } = this.props.certificatesPagination;\n\t\tconst props = {\n\t\t\tbeforeUpload: file => { \t\n\t\t\t\t\tconst ext = file.name.substring(file.name.lastIndexOf(\".\") + 1);\n\t\t\t\t\tif(ext === 'cer')\n\t\t\t\t\t\tfileList[0] = file;\n\t\t\t\t\telse\n\t\t\t\t\t\tfileList[1] = file;\n\t\t\t\t\tthis.setCertificatesData({...this.props.certifieds, fileList});\n\t\t\t\t\treturn false;\n\t\t\t\t}\n \t};\n \n \treturn (\t\t\t\n \t\tEs necesario cargar tu FIEL para el funcionamiento adecuado de tu herramienta. Estos datos serán resguardados y encriptados en nuestra bóveda segura de este sistema ¡por lo que no tendrás que preocuparte por la seguridad de tu información!
\n \t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tMis certificados
\n \t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t¿Deseas eliminar el certificado { this.state.taxIdSelected}?
\n\t\t\t\t\tRecuerda que esta operación es permanente
\n \t\t\n \n \n {(provided, snapshot) => (\n \n {\n fileNaming.map((item, index) => { \n if(item.selected === true) {\n return (\n \n \n {\n (provided, snapshot) => (\n \n \n \n
\n )\n } \n \n \n \n { !validateMaxOptionsToAdd() &&\n
\n \n \n \n );\n }\n\n\nconst mapDispatchToProps = dispatch => {\n return {\n \taddRemoveFolderOption:(data) => {\n dispatch(addRemoveFolderOption(data));\n },\n updateCategorySelected:(data) => {\n dispatch(updateCategorySelected(data));\n }\n }\n}\n\nexport default connect(null,mapDispatchToProps)(SelectsOrganization);\n","import React, { Component, Fragment } from 'react';\nimport { Tree } from 'antd';\nconst { TreeNode } = Tree;\n\nclass PathTree extends Component {\n\tconstructor(props) {\n super(props);\n this.renderTree = this.renderTree.bind(this);\n }\n\n \trender() { \n const { foldersSelected } = this.props; \n \treturn (\n El máximo de campos a configurar es {maxOptions}
\n }\n Ejemplo de la organización de carpetas
\n {`${foldersSelected.map(f => f.pathName).join('/')}`}\n \n\n\t\t\t Aquí podrás definir la estructura de carpetas en la que quieres que estén organizados los archivos XMLs al momento de descargarlos, solo selecciona los campos que deseas incluir en la ruta de carpetas.\n\t\t
\n { foldersSelected && foldersSelected.length > 0 && \n \n \n \n \n
\n { isLoading &&\n\t\t\t\t\t\n\t\t\t\t\t\t
\n } \n \n\t\t\t Aquí podrás definir el nombre de los archivos XML con que que quieres descargarlos, solo selecciona los campos y el orden en el que deseas que se componga el nombre de los archivos.\n\t\t
\n { filesSelected && filesSelected.length > 0 &&\n \n {\n `${filesSelected.map(f => f.pathName).join('_')}.xml`\n }\n
\n \n \n \n \n
\n \n { isLoading &&\n\t\t\t\t\t\n\t\t\t\t\t\t
\n } \n \n\t\t\t\t\tEsta opción te permite habilitar que las descargas de tus archivos XML o PDF se almacenen directamente en una carpeta de Google Drive, ya sea de tus solicitudes de descarga programadas o manuales.\n\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\tConectado a la cuenta:
\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\temail !== '' ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{ email === '' ?\n\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\tConéctate a una cuenta de Google Drive\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t{email} \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\tNombre de la carpeta en Google Drive:\n\t\t\t\t\t\t
\n\t\t\t\t\t{ isLoading &&\n\t\t\t\t\t\n\t\t\t\t\t\t
\n }\n \n En esta opción con una sola solicitud podrás hacer múltiples solicitudes de descarga para varios RFCs en un rango de fechas y poder cargar tu histórico de CFDIs de una manera sencilla.
\n\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n }\n \n )\n}\nconst mapStateToProps = state => {\t\n\treturn {\t\t\n\t\tdrive: state.googleDrive.data,\t\t\n\t};\n};\nexport default connect(mapStateToProps,null)(RequestBlock);","import React from 'react';\nimport { Tabs } from 'antd';\nimport RequestBlock from \"./RequestBlock\";\nconst { TabPane } = Tabs;\n\nfunction Historical() {\n return (\n <>\n Configuración:
\n\t\t\t\tEstatus de Solicitudes
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\torderListByKey(this.props.userData, \"taxId\").map((element, index) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tthis.state.typeOptions.map((element, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tthis.state.statusOptions.map((element, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\n\t\t);\n\t}\n\t\n\trowAction(record, e) {\t\n\t\tif (record.requestType !== 'Validación EFOS' && record.statusRequest && record.statusRequest[0] === 'Completado') {\n\t\t\tthis.props.getDashboardData(record.requestId);\n\t\t\tthis.props.showDashboard(true);\n\t\t}\n\t}\n\n\tupdateRecords(page, pageSize) {\n\t\tconst query = {\n\t\t\t...this.props.downloadsPagination,\n\t\t\tpage\n\t\t};\n\t\tthis.props.getFilteredDownloadedFiles(query); \n\t}\n\n\tgetZipFromPath(filePath, event) {\n\t\tif (filePath)\n\t\t\tthis.props.getZipFromPath(filePath);\n\t\tevent.stopPropagation();\n\t}\n\n\tsearchRequests() {\t\t\n\t\tconst data = {\n\t\t\t...this.props.downloadsPagination,\n\t\t\tpage:1\n\t\t}\t\t\n\t\tthis.props.getFilteredDownloadedFiles(data); \n\t}\n\n\tchangeDatesRange(dates, dateStrings) {\t\t\n\t\tthis.props.setFilteredData({ startDate: dateStrings[0], endDate: dateStrings[1] });\n\t}\n\n\thandleChangeFilterBy(key, value) {\n\t\tthis.props.setFilteredData({[key]: value});\n\t}\n\n\thandleSearchTaxId(value) {\n\t\tthis.populateTaxIdData(value);\n\t}\n\n\thandleClearTaxId() {\n\t\tthis.populateTaxIdData('');\n\t}\n\n\tpopulateTaxIdData(value) {\n\t\tthis.props.getUserData({\n\t\t\t...this.props.certificatesPagination,\n\t\t\tpage: 1,\n\t\t\tperPage: 200,\n\t\t\tfilter: value,\n\t\t\tisFiltered: true\n\t\t});\n\t}\n\n\thandleInputChange(e) {\n\t\tthis.props.setFilteredData({ taxIdIssuer: e.target.value.toUpperCase() });\n\t}\n\n\tcleanFilters() {\n\t\tthis.props.setFilteredData({...DefaultfilteredDownloadsPagination()});\t\t\n\t\tthis.props.getFilteredDownloadedFiles({...DefaultfilteredDownloadsPagination()});\n\t}\n\n\tactions() {\n\t\tlet columns = [\n\t\t\t{\n\t\t\t\ttitle: 'Registro',\n\t\t\t\tdataIndex: 'createdDate',\n\t\t\t\tkey: 'createdDate',\n\t\t\t\tsorter: (a, b) => sortByDate(a, b, 'createdDate'),\n\t\t\t\tsortDirections: ['descend', 'ascend']\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'RFC',\n\t\t\t\tdataIndex: 'taxId',\n\t\t\t\tkey: 'taxId',\n\t\t\t\tsorter: (a, b) => sortStringByKey(a, b, 'taxId'),\n\t\t\t\tsortDirections: ['descend', 'ascend']\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Rango de fechas',\n\t\t\t\tkey: 'date',\n\t\t\t\trender: (tex, row) => (\n\t\t\t\t\t{row.dateFrom} - {row.dateTo}\n\t\t\t\t),\n\t\t\t\tsorter: (a, b) => sortByDate(a, b, 'dateFrom'),\n\t\t\t\tsortDirections: ['descend', 'ascend']\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Tipo de documentos',\n\t\t\t\tdataIndex: \"document\",\n\t\t\t\trender: (tex, row) => (\n\t\t\t\t\t{row.documentType}\n\t\t\t\t),\n\t\t\t\tsorter: (a, b) => sortStringByKey(a, b, 'documentType'),\n\t\t\t\tsortDirections: ['descend', 'ascend'],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Tipo de descarga',\n\t\t\t\tdataIndex: \"requestType\",\n\t\t\t\tkey: 'requestType',\n\t\t\t\tsorter: (a, b) => sortStringByKey(a, b, 'requestType'),\n\t\t\t\tsortDirections: ['descend', 'ascend'],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Estatus',\n\t\t\t\tdataIndex: 'statusRequest',\n\t\t\t\tkey: 'statusRequest',\n\t\t\t\trender: (text, row) => (\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{row.statusRequest[0]}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t{\n\t\t\t\t\t\trow.statusRequest[0].toLowerCase() === 'completado' && row.totalFiles === 0 &&\n\t\t\t\t\t\t{'No se encontró información'}\n\t\t\t\t\t} \n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\tsorter: (a, b) => {\n\t\t\t\t\treturn sortByString(a.statusRequest[0], b.statusRequest[0]);\n\t\t\t\t},\n\t\t\t\tsortDirections: ['descend', 'ascend'],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Relación con EFOS',\n\t\t\t\tdataIndex: 'efosIndicator',\n\t\t\t\tkey: 'efosIndicator',\n\t\t\t\trender: efosIndicator => {\n\t\t\t\t\tif(efosIndicator === 1) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\trow.processes.map((report, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t)\n\t\t\t}\n\t\t];\n\t\treturn columns;\n\t}\n}\n\nconst mapStateToProps = state => {\n\tlet tableLoader = state._genericComponents.loading.find('tableLoading');\n\tlet TaxIdSearchLoader = state._genericComponents.loading.find('taxIdSearchLoading');\n\n\treturn {\n\t\tdownloadsRequested: state.gestionXml.filteredDownloadsRequested,\n\t\ttableLoading: tableLoader ? tableLoader.isLoading : false,\n\t\tdownloadXmls: state.gestionXml.downloadXmls,\n\t\ttaxIdSearchLoading: TaxIdSearchLoader ? TaxIdSearchLoader.isLoading : false,\n\t\tisLoading: state._genericComponents.loading.isCurrentlyLoading,\n\t\tuserData: state.user.userData,\n\t\tdownloadsPagination: state.gestionXml.filteredDownloadsPagination\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\n\treturn {\n\t\tgetFilteredDownloadedFiles(query) {\n\t\t\tdispatch(getFilteredDownloadedFiles(query));\n\t\t},\n\t\tgetZipFromPath(filePath) {\n\t\t\tdispatch(getZipFromPath(filePath));\n\t\t},\n\t\tupdateFilteredDownloadsPagination(data) {\n\t\t\tdispatch(updateFilteredDownloadsPagination(data));\n\t\t},\n\t\tshowDashboard(state) {\n\t\t\tdispatch(showDashboard(state));\n\t\t},\n\t\tgetDashboardData(data) {\n\t\t\tdispatch(getDashboardData(data));\n\t\t},\n\t\tsetFilteredData(data) {\n\t\t\tdispatch(setFilteredData(data));\n\t\t},\n\t\tgetUserData(query) {\n\t\t\tdispatch(getUserData(query));\n\t\t}\n\t}\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Settings);","import React from 'react'\nimport {Route, Redirect} from 'react-router-dom'\nimport auth from './auth'\n\nexport const ProtectedRoute = ({component: Component, ...rest}) => {\n return (\n \n {nameCatFeature} {renderUsage()}\n
\n { unlimited &&ilimitado
} \n { !unlimited && \n \n\n \n {renderQuantity()}\n
\n }\n \n Mi Licencia
\n\t\t\t\tEn este apartado, podrás visualizar las características que tiene tu licencia, vigencia e historial de planes comprados.
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\tbalance.map((item, key) => {\n\t\t\t\t\t\t\treturn
\t\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.props.licenseStatus === false &&\n\t\t\t\t\t\t
\t\n\t\t\t\t\n\t\t\t\t\t\t\tActualmente no cuentas con una Licencia activa.\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\tMis Compras
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t}\n\t\t\t{ this.props.modalLoading &&\n\t\t\t\t\n\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\tAviso
\n\t\t\t\t\t\tSi cancela ya no podrá generar su factura de manera automática, aunque tendrá la opción\n\t\t\t\t\t\t\tde solicitarla al correo de soporte@sw.com.mx
\n\t\t\t\t\t\t¿Está seguro de cancelar?
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n \n\t\t\t\n\t\t);\n\t}\n\n\tcloseModal() {\n\t\tthis.setState({confirm: !this.state.confirm});\t}\n\n\tstampPackageInvoice() {\n\t\tconst { invoiceInfo } = this.props;\n\t\tthis.props.stampPackageInvoice(invoiceInfo);\n\t}\n\n\tbuyLicense() {\n\t\tthis.props.history.push(`/buy-license/user/${this.props.email}`);\n\t}\n\n\tupdateLicenseData() {\n\t\tthis.props.getBalanceData();\n\t\tthis.props.getLicensesHistorical();\n\t}\n}\n\nconst columns = [\n\t{\n\t\ttitle: 'Nombre paquete',\n\t\tdataIndex: 'nombrePaquete',\n\t\tkey: 'nombrePaquete',\n\t},\n\t{\n\t\ttitle: 'Fecha compra',\n\t\tdataIndex: 'fechaCompra',\n\t\tkey: 'fechaCompra'\n\t},\n\t{\n\t\ttitle: 'Fecha expiración',\n\t\tdataIndex: 'fechaExpiracion',\n\t\tkey: 'fechaExpiracion',\n\t\trender: (text, row) => ({row.fechaExpiracion === '01/01/1900' ? 'Cancelado' : row.fechaExpiracion})\n\t},\n\t{\n\t\ttitle: 'Total',\n\t\tdataIndex: 'total',\n\t\tkey: 'total',\n\t\trender: (text, row) => ({formatMoney(row.total)})\n\t},\n\t{\n\t\ttitle: 'Estatus',\n\t\tdataIndex: 'status',\n\t\tkey: 'status',\n\t\trender: (text, row) => \n\t\t{\n\t\t\tconst isExpired = isPackageExpired(row.fechaExpiracion);\n\t\t\tif (isExpired)\n\t\t\t\treturn - \n {\n subtitle.map((item, index) => {\n return
- - {item} \n })\n }\n
\n Incluye:\n
\n );\n}\n\nexport default PackageFeatures;","import React, { Component } from 'react';\nimport { Button } from 'antd';\nimport PackageFeatures from './PackageFeatures';\nimport { formatMoney } from '../../helpers';\nimport {CATEGORY_GA,eventGA } from '../../Helpers/GoogleAnalytics';\nimport { Fragment } from 'react';\n\nclass PackageItem extends Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this)\n this.onClickEvent = this.onClickEvent.bind(this);\n this.getTypeButtons = this.getTypeButtons.bind(this);\n this.state = {\n value: 2,\n };\n }\n \n render() {\n let { data } = this.props;\n let { packageId, name, rfcLimit, yearlyPrice, description, features, isVisible, callToAction, isRecommended } = data; \n let display = isVisible ? 'block' : 'none';\n return (\n - \n {\n features.map((feature, index) => {\n return
\n { isRecommended &&
\n \n );\n }\n\n getTypeButtons(packageId) {\n let outlineButtonsIds = ['0','1','3']; \n let found = outlineButtonsIds.includes(packageId.toString());\n return found ? 'outline-button' : 'solid-button';\n }\n \n\tonChange(e) {\n\t\tthis.setState({ value: e.target.value });\n };\n\n onClickEvent() {\n \n let packagesIdNotAllowToBuy = ['4'];\n if(this.props.onClick) {\n const { packageId } = this.props.data;\n if(packagesIdNotAllowToBuy.includes(packageId.toString()))\n window.open('https://sw.com.mx/sw_product/efisco/#form', '_blank')\n else\n this.props.onClick(this.props.data, this.getSelectedAmount());\n }\n eventGA(CATEGORY_GA.sales.purchaseStarted);\n }\n\n getSelectedAmount() {\n switch(this.state.value) {\n case 2:\n return this.props.data.yearlyPrice;\n default:\n return null;\n }\n }\n}\n\nexport default PackageItem;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router';\nimport PackageItem from \"./PackageItem\";\nimport auth from '../../auth';\nimport register from '../../Actions/register';\nimport paymentTransaction from '../../Actions/paymentTransaction';\nconst { saveNewTransaction, saveUserNewTransaction } = paymentTransaction.actions;\nconst { selectPackageToBuy } = register.actions;\n\nclass PackageItemContainer extends Component {\n constructor(props) {\n super(props);\n this.selectPackage = this.selectPackage.bind(this);\n this.goBack = this.goBack.bind(this);\n }\n\n render() {\n let { packages } = this.props;\n let commonPackage = packages.filter(packageItem => packageItem.rfcLimit !== \"Ilimitados\" && packageItem.isExtra === false); \n return (\n Recomendado
}\n \n
\n {name}
\n {description} | \n\n { (yearlyPrice !== '0') &&\n \n {formatMoney(yearlyPrice)} \n ANUAL IVA INCLUIDO\n \n }\n
\n \n {\n \n }\n \n Próximamente\n • Dashboard de indicadores del model de riesgos fiscales con Microsoft Power BI. \n (EFOS, facturas emitidas y recibidas, notas de crédito, nóminas percepciones gravadas y exentas, pagos emitidos y recibidos e impuestos).\n \n • Integración con sistemas de facturación, nóminas o cualquier ERP]\n \n
\n }\n \n
\n );\n }\n\n selectPackage(packageData, amount) { \n this.props.selectPackageToBuy(packageData.packageId);\n if(auth.isAuthenticated()) {\n this.props.saveUserNewTransaction({packageData, amount, info: this.props.userData, config: this.props.config}); \n } else { \n this.props.saveNewTransaction({packageData, amount, info: this.props.preUserData, form: this.props.registerForm, config: this.props.config});\n }\n }\n\n\tgoBack() {\n\t\tthis.props.history.goBack();\n\t}\n}\n\nconst mapStateToProps = state => {\n return {\n config: state.paymentTransaction.config,\n registerForm: state.register.registerData\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n saveNewTransaction(data) {\n dispatch(saveNewTransaction(data));\n },\n saveUserNewTransaction(data) {\n dispatch(saveUserNewTransaction(data));\n },\n selectPackageToBuy(data) {\n dispatch(selectPackageToBuy(data));\n }\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(PackageItemContainer));","import React, { Component } from \"react\";\nimport { connect } from 'react-redux';\nimport { Spin } from 'antd';\nimport packages from '../../Actions/packages';\nimport paymentTransaction from '../../Actions/paymentTransaction';\nimport Header from '../header';\nimport Footer from '../Footer';\nimport PackageItemContainer from \"./PackageItemContainer\";\nimport user from '../../Actions/user';\nimport {pageGA } from '../../Helpers/GoogleAnalytics';\nimport license from '../../Actions/license'\nconst { getLicensesHistorical } = license.actions;\nconst { getPreUserData, getUserInfo } = user.actions;\nconst { getPackagesData } = packages.actions;\nconst { getConfigTransaction } = paymentTransaction.actions;\n\nclass BuyLicense extends Component {\n\tcomponentDidMount() {\n\t\tconst { email, type } = this.props.match.params;\n\t\tlet data = { email, idUser: '00000000-0000-0000-0000-000000000000', idDealer: '00000000-0000-0000-0000-000000000000' };\n\t\tthis.props.getPackagesData(data);\n\t\tthis.props.getConfigTransaction();\n\t\tif(type === 'preUser') {\n\t\t\tthis.props.getPreUserData(data.email);\n\t\t} else if(type === 'user') {\n\t\t\tthis.props.getLicensesHistorical();\n\t\t\tthis.props.getUserInfo(data.email);\n\t\t}\n\t\tpageGA()\n\t}\n\tvalidateFreePlan(packages,licensePagination){\n\t\tif(licensePagination !== null && licensePagination !== undefined){\n\t\t\tif(licensePagination.length > 0){\n\t\t\t\treturn packages.filter(w=> w.name.toLowerCase() !== \"gratis\")\n\t\t\t}else{\n\t\t\t\treturn packages;\n\t\t\t}\n\t\t}\n\t\telse{\n\t\t\treturn packages\n\t\t}\n\t}\n\n\trender() {\n\t\tlet { packages, licensePagination } = this.props;\n\t\tlet filteredPackages = this.validateFreePlan(packages,licensePagination.items);\n\t\treturn (\n\t\t\t\n { \n commonPackage.map(packageItem => {\n return
\n \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t{\n\t\t\t\tthis.props.packageLoading &&\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t¿Listo para conciliar información?
\n\t\t\t\t\t\tAhora solo elige el plan que mejor se adapte a tus necesidades
\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\t\t\t\n
\n )\n }\n}\n\nconst mapStateToProps = state => {\n console.log('state ', state); \n return { \n packageToBuy: state.register.packageToBuy\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return { \n applyPaymentTransaction(data) {\n dispatch(applyPaymentTransaction(data));\n },\n applyUserPaymentTransaction(data) {\n dispatch(applyUserPaymentTransaction(data));\n }\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(FinishRegistration);","import React from 'react';\nimport { Select, Checkbox, Menu, Dropdown, Tooltip } from 'antd';\n\nimport { getTaxPayer, checkIfVolumeIsBeingCalculated } from \"../../../helpers\";\n\nconst { Option } = Select\nconst { Group } = Checkbox;\n\n\n\nexport default function CheckBoxSelect(props) {\n const { items, handleChage, loading, taxpayerVolume } = props;\n const [checkedList, setCheckedList] = React.useState([]);\n const [checkAll, setCheckAll] = React.useState(false);\n\n const onclickHandler = e => {\n e.stopPropagation();\n }\n const enableButton = (taxpayer) => {\n if (!taxpayer) return true;\n return !checkIfVolumeIsBeingCalculated(taxpayer.createdDate, taxpayer.updatedDate);\n }\n const formatItems = (items, taxpayerVolume) => {\n return items.map(item => {\n const taxpayer = getTaxPayer(taxpayerVolume, item)\n const enable = enableButton(taxpayer);\n return {\n label: item, value: item, disabled: enable\n }\n })\n }\n\n\n\n const onChange = list => {\n\n const enableItems = formatItems(items, taxpayerVolume).filter(f => !f.disabled).map(i => i.value);\n setCheckedList(list);\n setCheckAll(list.length === enableItems.length);\n handleChage(list);\n\n };\n\n const onCheckAllChange = e => {\n const enableItems = formatItems(items, taxpayerVolume).filter(f => !f.disabled).map(i => i.value);\n\n setCheckedList(e.target.checked ? enableItems : []);\n handleChage(e.target.checked ? enableItems : []);\n setCheckAll(e.target.checked);\n };\n\n\n const menu = (\n \n );\n\n return (\n <>\n \n \n \n e.preventDefault()}>\n\n Selecciona RFCs\n \n \n\n \n
\n \n\n\n\n );\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Tooltip } from 'antd';\nimport { getTaxPayer, checkIfVolumeIsBeingCalculated } from \"../../../helpers\";\n\n\nconst VolumeButton = (props) => {\n const { onClick, label,schedule } = props\n \n const enable = schedule.taxId !== ''&& Array.isArray(schedule.taxId) && schedule.taxId.length > 0;\n return (\n \n \n \n \n \n
\n )\n}\n\nconst enableButton = (taxpayer) => {\n if (!taxpayer) return true;\n return !checkIfVolumeIsBeingCalculated(taxpayer.createdDate, taxpayer.updatedDate);\n}\n\nconst mapStateToProps = state => {\n return {\n taxpayerVolume: state.taxpayer.taxpayerVolume,\n schedule: state.schedule.scheduleRequest,\n }\n}\n\nexport default connect(mapStateToProps, null)(VolumeButton);","import React, {Component} from 'react';\nimport {connect} from 'react-redux';\nimport {Pagination, Select, Spin, Switch} from 'antd';\nimport {CheckOutlined, CloseOutlined} from '@ant-design/icons';\nimport schedule from '../../Actions/schedule'\nimport user from '../../Actions/user';\nimport Base from '../Base';\nimport {orderListByKey} from '../../helpers';\nimport GoogleDriveMessage from '../_Generic/GoogleDriveMessage';\nimport TableView from '../tableView';\nimport CustomSelect from '../_Generic/Select/CustomSelect';\nimport CheckBoxSelect from '../_Generic/Select/CheckBoxSelect';\nimport {pageGA} from '../../Helpers/GoogleAnalytics';\nimport VolumeButton from '../_Generic/VolumeButton';\nimport ModalEnhancedPlan from '../ModalEnhancedPlan';\nimport CFDITypes from \"../../Catalogs/tipoComprobante.json\";\nimport CFDIComplements from \"../../Catalogs/complements.json\";\nimport CFDIStatusCatalog from \"../../Catalogs/estadoComprobante.json\";\nimport EachDaysCatalog from \"../../Catalogs/eachDaysCatalog.json\";\nimport LapseDaysCatalog from \"../../Catalogs/lapseDaysCatalog.json\";\nimport RoleHelper from \"../../Helpers/RoleHelper\";\n\nconst {setScheduleProperty, saveSchedule, getSchedule, updateScheduleStatus} = schedule.actions\nconst {getUserData, getRoleData} = user.actions;\n\nconst DEFAULT_ALL_SELECT_OPTION = {\n 'label': \"Todos\",\n 'value': null,\n 'disabled': false\n}\n\nconst DEFAULT_TABLE_LABEL = \"Todos\";\n\nclass Schedule extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n showModalEnhancement: false\n }\n }\n\n componentDidMount() {\n let queryCertificates = {\n ...this.props.certificatesPagination,\n page: 1,\n perPage: 50\n }\n let querySchedules = {\n ...this.props.schedulePagination,\n page: 1,\n perPage: 5\n }\n this.props.getUserData(queryCertificates);\n this.props.getRoleData();\n this.props.getSchedule(querySchedules);\n pageGA();\n\n }\n render() {\n const {isUserLoading, gDriveData, email, isFreePlan, taxpayerVolume, roleHelper, schedule} = this.props;\n const {generatePdf, googleDrive} = this.props.schedule;\n const {page, perPage, totalCount} = this.props.schedulePagination;\n \n console.log(schedule);\n return (Programador Descargas
\nAquí podras programar tus descargas por día, por semana o mes para evitar que lo\n realices manualmente, solo selecciona los parámetros que deseas para programar tu descarga de\n comprobantes.
\n {gDriveData.name === '' &&\n
\n \n \n
\n \n \n
\n \n \n element.taxId)}\n />\n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n }\n unCheckedChildren={
\n \n }\n unCheckedChildren={
\n \n
\n \n
\n }\n \n
\n )\n}\n\n\nconst mapStateToProps = state => {\n return {\n isLoading: state._genericComponents.loading.isCurrentlyLoading,\n preUserData: state.user.preUserData,\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n dispatch,\n ...bindActionCreators({\n registerUserFreePlan,\n setNewPassword,\n getPreUserData,\n requestValidatePasswordToken\n }, dispatch)\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ActiveAccount);","import React, {useCallback} from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport {Form, Input, Button, Spin, message} from 'antd';\nimport { MailOutlined } from '@ant-design/icons';\nimport { hasErrors } from '../../helpers';\nimport gestion from '../../Actions/gestionXml';\nimport { getValueFromQueryString } from '../../helpers';\nimport {useGoogleReCaptcha} from \"react-google-recaptcha-v3\";\nconst { requestChangePassword } = gestion.actions;\n\nfunction RecoverPassword (props) {\n\t\tconst [form] = Form.useForm();\n\t\tconst {executeRecaptcha} = useGoogleReCaptcha();\n\t\n\t\tconst handleReCaptchaVerify = useCallback(async (formValues) => {\n\t\t\tif (!executeRecaptcha) {\n\t\t\t\tmessage.warning('El captcha es incorrecto, refresque la página.');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tformValues['token'] = await executeRecaptcha('EfiscoRecoveryPassword');\n\t\t\thandleSubmit(formValues)\n\t\t}, [executeRecaptcha]);\n\t\tconst handleSubmit = values => {\t\t\t\t\t\t\t\t\t\n\t\t\tprops.requestChangePassword(values);\n\t\t\tform.resetFields();\n\t\t};\n\n\t\treturn (\t\t\t\n\t\t\t\n
\n \n ![\"efisco\"](\"./img/logo-efisco.png\")
\n
\n \n {props.isLoading &&\n \n {labels[currentPath].title}
\n\n {labels[currentPath].description} SW smarter® efisco\n
\n\n \n
\n }\n \n\t\t\t\t
\n\t\t)\n}\n\nconst mapStateToProps = state => {\n\treturn {\t\t\n\t\tisLoading: state._genericComponents.loading.isCurrentlyLoading,\n\t\tpreUserData: state.user.preUserData,\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\tdispatch,\n ...bindActionCreators({requestChangePassword},dispatch)\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(RecoverPassword);","import React, { Component } from 'react';\nimport {Button } from 'antd';\n\nclass passwordUpdated extends Component {\t\n\n\trender() {\n\t\treturn (\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t{ props.isLoading &&\n\t\t\t\t\t\t\n\t\t\t\t\t\tRecuperar contraseña
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tIngresa tu correo electrónico donde enviaremos las instrucciones para la recuperación de tu contraseña.\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n}\n\nexport default (passwordUpdated);","import React, { Component } from 'react';\nimport { Button } from 'antd';\n\nclass PasswordTokenExpired extends Component {\n\trender() {\n\t\treturn (\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tTu nueva contraseña se ha guardado exitosamente\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tYa puedes iniciar sesión con tu nueva contraseña\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n}\n\nexport default (PasswordTokenExpired);","import React from 'react';\nimport { UserOutlined } from '@ant-design/icons';\nimport UserMenu from '../UserMenu';\nimport { connect } from 'react-redux';\nimport { Tabs } from 'antd';\nimport Base from '../Base';\nimport BillingData from './BillingData';\nconst { TabPane } = Tabs;\n\nfunction UserProfile(props) { \n return (\n \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tTu contraseña no puede ser actualizada\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEl enlace que intentas actualizar ha expirado, favor de solicitar una nueva solicitud para reestablecer la contraseña.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t