\n \n
\n \n \n {this.state.recovery &&\n
\n \n );\n }\n}\n\nexport default withRouter(ForgotPassword)","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\nimport { Form, Input, Button, Icon, Checkbox, message, Divider, Spin } from 'antd'\nimport { verifyEmail, verifyPassword } from '../../../config/util'\n\n//Api\n\n//Components\nimport { Auth } from 'aws-amplify'\n//Styles\n\n//const\nconst FormItem = Form.Item\n\nclass RegisterComponent extends Component {\n constructor(props) {\n super(props)\n this.state = {\n email: '',\n password: '',\n fullname: '',\n errors: {},\n loading: false,\n checked: false,\n showPasswordValidations: false,\n validateUpperCase: false,\n validateLowerCase: false,\n validateNumbers: false,\n validateSimbols: false,\n validatePassCheck: false,\n }\n this.onSignUp = this.onSignUp.bind(this)\n this.handleChange = this.handleChange.bind(this)\n }\n\n handleChange = async (event, type) => {\n const { target } = event\n const value = target.type === 'checkbox' ? target.checked : target.value\n const { name } = target\n let _showPasswordValidations = false\n let lowerCaseVal = false\n let upperCaseVal = false\n let numberCaseVal = false\n let simbolCaseVal = false\n let _validatePassCheck = false\n\n //validate lower case\n if (type === 'pass' && !!value && value.length > 0) {\n const formatSimbolRegex = /[!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>?]+/\n _showPasswordValidations = true\n lowerCaseVal = value.toUpperCase() !== value\n upperCaseVal = value.toLowerCase() !== value\n numberCaseVal = /\\d/.test(value)\n simbolCaseVal = formatSimbolRegex.test(value)\n _showPasswordValidations = !(lowerCaseVal && upperCaseVal && numberCaseVal && simbolCaseVal)\n _validatePassCheck = lowerCaseVal && upperCaseVal && numberCaseVal && simbolCaseVal\n }\n\n await this.setState({\n [name]: value,\n showPasswordValidations: _showPasswordValidations,\n validateLowerCase: lowerCaseVal,\n validateUpperCase: upperCaseVal,\n validateNumbers: numberCaseVal,\n validateSimbols: simbolCaseVal,\n validatePassCheck: _validatePassCheck,\n })\n }\n\n onSignUp = async e => {\n try {\n e.preventDefault()\n this.setState({ loading: true })\n await this.validateFields() \n await Auth.signUp({\n username: this.state.email,\n password: this.state.password,\n attributes: {\n email: this.state.email,\n name: this.state.fullname,\n },\n validationData: [], //optional\n })\n .then(data => {\n console.log(data)\n this.props.actionRegister(this.state.email,this.state.password) \n })\n .catch(e => {\n if (e.message.indexOf('An account with') > -1) {\n message.error('Ya existe un usuario con el email ingresado')\n }\n this.setState({ loading: false })\n })\n\n return this.setState({ loading: false })\n\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n if (!this.state.email) {\n errors.email = 'El email es requerido'\n } else if (verifyEmail(this.state.email)) {\n errors.email = 'Email invalido'\n }\n\n if (!this.state.password) {\n errors.password = 'La contraseña requerida'\n } else if (verifyPassword(this.state.password)) {\n errors.password = 'La contraseña debe contener al menos: 8 caracteres, numeros y letras'\n }\n if (!this.state.fullname) {\n errors.fullname = 'El nombre es requerido'\n }\n if (!this.state.checked) {\n errors.checked = 'Debe aceptar terminos y condiciones'\n }\n this.setState({ errors })\n\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n onChange = e => {\n this.setState({\n checked: e.target.checked,\n })\n }\n\n render() {\n const {\n email,\n password,\n fullname,\n errors,\n loading,\n validateLowerCase,\n validateUpperCase,\n validateSimbols,\n validateNumbers,\n showPasswordValidations,\n validatePassCheck,\n } = this.state\n return (\n \n \n
\n }\n\n { !this.state.recovery &&\n \n \n
\n }\n \n \n
\n \n this.setState({ forgotPassword: false, recovery: true })}\n actionChangeState={_ =>\n this.setState({\n login: true,\n register: false,\n confirmation: false,\n forgotPassword: false,\n mainTitlePage: '¡Bienvenido de Regreso!',\n })\n }\n />\n )}\n {this.state.confirmation && (\n this.setState({ username: emailVal, login: true, confirmation: false, mainTitlePage: '¡Bienvenido de Regreso!' }, () => this.autoLogin())}\n actionChangeState={_ =>\n this.setState({ login: true, register: false, confirmation: false, mainTitlePage: '¡Bienvenido de Regreso!', username: '', password: '' })\n }\n />\n )}\n {this.state.register && (\n this.setState({ confirmation: true, register: false, username: emailValue, password: passwordValue, mainTitlePage: 'Confirma tu cuenta' })}\n actionChangeState={_ =>\n this.setState({ login: true, register: false, confirmation: false, mainTitlePage: '¡Bienvenido de Regreso!', username: '', password: '' })\n }\n />\n )}\n
\n \n
\n\n \n {this.state.mainTitlePage}\n
\n\n {this.state.login && (\n \n \n \n \n \n this.setState({ forgotPassword: true, login: false, mainTitlePage: 'Olvidó su contraseña' })}\n >\n Olvide mi contraseña\n \n \n\n \n\n \n o\n \n\n \n this.setState({ register: true, login: false, mainTitlePage: 'Crear cuenta' })}\n >\n Registrarse\n \n \n\n this.setState({ confirmation: true, login: false, mainTitlePage: 'Confirma tu cuenta', username: '' })}\n >\n Confirmar cuenta\n \n \n
\n \n
\n )}\n {this.state.forgotPassword && (\n \n
\n \n \n
\n \n\n \n
\n \n
\n );\n }\n}\n\nexport default withRouter(withUserDefaults(DashboardPage))","import React from 'react'\nimport { withRouter } from 'react-router'\nimport { Cache } from 'aws-amplify'\n\nimport { Table, Form, Button, Col } from 'antd'\n\nclass ClientsTable extends React.Component {\n constructor(props) {\n super(props)\n this.getColumns = this.getColumns.bind(this)\n this.getData = this.getData.bind(this)\n\n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n page: 0,\n type: '',\n name: '',\n email: '',\n errors: {},\n }\n }\n\n getColumns = () => {\n let columns = [\n { title: 'Codigo', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Nombre', dataIndex: 'name', key: 'name' },\n { title: 'Email', dataIndex: 'email', key: 'email' },\n { title: 'Telefono', dataIndex: 'phone', key: 'phone' },\n { title: 'Activo', dataIndex: 'activo', key: 'activo' },\n {\n title: 'Accion',\n dataIndex: '',\n key: 'x',\n render: (text, record) => (\n \n {Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab' ? (\n {getWord('DASHBOARD')}
\n\n \n
\n
\n\n {Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab' ? (\n\n \n \n \n ) : (\n ''\n )}\n
\n )\n }\n}\n\nexport default withRouter(ClientsTable)\n","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\nimport { Cache } from 'aws-amplify'\n\n//Api\nimport ClientsSrc from './ClientsSrc'\n\n//Components\nimport ClientsTable from './components/ClientsTable'\n\nimport { Button, Card, Col, Divider, Form, Input, Row, message, Select } from 'antd'\n\nconst FormItem = Form.Item\nconst Option = Select.Option\n//Styles\n\n//const\n\nclass ClientsPage extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n loading: false,\n isPageTween: false,\n page: 1,\n clients: [],\n disabledLoadMore: false,\n errors: {},\n client_id: '',\n name: '',\n email: '',\n type: 'client_id',\n }\n }\n\n componentDidMount() {\n if (Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab') {\n this.setState({ loading: true })\n this.loadData()\n }\n }\n\n loadData = () => {\n ClientsSrc.list(this.getFilters())\n .then(clients => this.setState({ clients, loading: false }))\n .catch(err => {\n message.error(err.message || err)\n this.setState({ loading: false })\n })\n }\n\n onAdd = () => {\n this.props.history.push('/clients/create')\n }\n\n onSearch = async e => {\n try {\n e.preventDefault()\n\n if (Cache.getItem('pnApp').profile === 'recepcionista' || Cache.getItem('pnApp').profile === 'recepcionistab') {\n await this.validateFields()\n }\n\n this.setState({ loading: true })\n\n let params = this.getFilters()\n\n let clients = await ClientsSrc.list(params)\n\n this.setState({ clients: clients, loading: false, page: 1, disabledLoadMore: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message ? e.message : e)\n }\n this.setState({ loading: false })\n }\n }\n\n getFilters = page => {\n let params = 'type=cliente'\n\n if (this.state.name) {\n params += '&name=' + this.state.name\n }\n\n if (this.state.client_id) {\n params += '&client_id=' + this.state.client_id\n }\n\n if (this.state.email) {\n params += '&email=' + this.state.email\n }\n\n if (this.state.tracking) {\n params += '&tracking=' + this.state.tracking\n }\n\n if (this.state.package_id) {\n params += '&package_id=' + this.state.package_id\n }\n\n if (this.state.phone) {\n params += '&phone=' + this.state.phone\n }\n\n if (page) {\n params += '&page=' + page\n }\n\n return params\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n if (!this.state.name && !this.state.client_id && !this.state.email && !this.state.tracking && !this.state.package_id) {\n errors.client_id = 'Debe ingresar un campo de busqueda'\n errors.name = 'Debe ingresar un campo de busqueda'\n errors.email = 'Debe ingresar un campo de busqueda'\n }\n\n this.setState({ errors })\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n handleChange = (name, value) => {\n let otherState = {}\n switch (name) {\n case 'name':\n otherState = {\n client_id: undefined,\n email: undefined,\n package_id: undefined,\n tracking: undefined,\n phone: undefined,\n }\n break\n case 'client_id':\n otherState = {\n name: undefined,\n email: undefined,\n tracking: undefined,\n package_id: undefined,\n phone: undefined,\n }\n break\n case 'package_id':\n otherState = {\n name: undefined,\n email: undefined,\n client_id: undefined,\n tracking: undefined,\n phone: undefined,\n }\n break\n case 'tracking':\n otherState = {\n name: undefined,\n email: undefined,\n client_id: undefined,\n package_id: undefined,\n phone: undefined,\n }\n break\n case 'phone':\n otherState = {\n name: undefined,\n email: undefined,\n client_id: undefined,\n package_id: undefined,\n }\n break\n default:\n otherState = {\n name: undefined,\n client_id: undefined,\n package_id: undefined,\n tracking: undefined,\n phone: undefined,\n }\n }\n this.setState({ [name]: value, ...otherState })\n }\n\n loadMore = async () => {\n try {\n this.setState({ loading: true })\n let listTmp = []\n let params = this.getFilters(this.state.page + 1)\n let clients = await ClientsSrc.list(params)\n listTmp = this.state.clients.concat(clients)\n\n let disabledLoadMore = clients && clients.length === 25 ? false : true\n\n this.setState(prevState => ({\n clients: listTmp,\n loading: false,\n page: prevState.page + 1,\n disabledLoadMore: disabledLoadMore,\n }))\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n render() {\n const { loading, clients, name, client_id, email, errors, type, tracking, package_id, phone } = this.state\n\n return (\n \n\n {Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab' ? (\n
\n
\n )\n }\n}\n\nexport default withRouter(ClientsPage)\n","import React from 'react';\nimport { withRouter } from 'react-router';\nimport { Form, Input, Button, Radio, Switch , Card, message } from 'antd';\nimport { utilChange, verifyEmail, verifyPassword } from '../../../config/util';\n\nimport ClientsSrc from '../ClientsSrc';\n\nconst FormItem = Form.Item;\nconst RadioGroup = Radio.Group;\n\nclass ClientsAddForm extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n type: 'cliente',\n tarifa: 'normal',\n preferencia: 'Entrega en Prime',\n activo: 'Y',\n errors: {},\n cuota: 0\n };\n this.onSave = this.onSave.bind(this);\n }\n\n onSave = async(e) => {\n try {\n e.preventDefault()\n //this.setState({ loading: true })\n await this.validateFields()\n\n let _users = {\n type: 'cliente',\n name: this.state.name,\n email: this.state.email,\n password: this.state.password,\n nit: this.state.nit,\n phone: this.state.phone,\n main_address: this.state.main_address,\n entrega: this.state.entrega,\n message_user: this.state.message_user,\n cuota: this.state.cuota\n };\n\n\n await ClientsSrc.create(_users);\n message.success('Creado satisfactoriamente');\n return this.setState({ loading: false });\n\n } catch (e) {\n console.log(e, 'err')\n if (e) {\n message.error(e.message ? e.message : e);\n }else {\n message.error('Error creando usuario verifique el email');\n }\n this.setState({ loading: false })\n }\n };\n\n validateFields = async() => {\n try {\n let errors = {}\n if(!this.state.name) {\n errors.name = 'El nombre es requerido'\n }\n if(!this.state.password) {\n errors.password = 'La contraseña temporal es requerida'\n }else if (verifyPassword(this.state.password)){\n errors.password = 'Contraseña invalida';\n }\n if(!this.state.email) {\n errors.email = 'El email es requerido';\n }else if (verifyEmail(this.state.email)){\n errors.email = 'Email invalido';\n }\n this.setState({ errors });\n if (Object.keys(errors).length > 0)\n throw errors\n\n return false\n\n } catch (errors) {\n throw errors\n }\n };\n\n onBack = () => {\n this.props.history.push('/clients');\n };\n\n handleChange = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value }, this.validate)\n });\n };\n \n onPreferencesChanged = (e) => {\n this.setState({entrega: e.target.value });\n };\n\n onActivoChanged = (value) => {\n this.setState({activo: value });\n };\n\n render() {\n const { errors, loading } = this.state;\n return (\n \n
\n \n\n Clientes
\n \n\n \n \n \n
\n );\n }\n}\n\nconst WrappedCreateForm = Form.create()(ClientsAddForm);\nexport default withRouter(WrappedCreateForm)\n","import React from 'react'\nimport { withRouter } from 'react-router'\nimport { Card, message, Divider, Col, Row, Button, Avatar, Typography, Input } from 'antd'\nimport { utilChange, verifyPassword } from '../../../config/util'\nimport { Cache } from 'aws-amplify'\n\nimport ClientsSrc from '../ClientsSrc'\nconst { Meta } = Card\nconst { Title } = Typography\nconst { TextArea } = Input\n\n\nclass ClientProfileForm extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n data: [],\n loading: false,\n errors: {},\n showRow: false,\n password1: '',\n password2: '',\n nombre: '',\n apellido: '',\n isHomeDelivery: false,\n alternateAddress:'',\n alternateOffice:'',\n alternateCity:'',\n alternateDepartament:'',\n alternatePhone:'',\n }\n this.onSave = this.onSave.bind(this)\n this.handleClick = this.handleClick.bind(this)\n }\n\n onSave = async e => {\n try {\n e.preventDefault()\n this.setState({ loading: true })\n await this.validateFields()\n\n let _users = {\n password1: this.state.password1,\n password2: this.state.password2,\n }\n\n await ClientsSrc.create(_users)\n message.success('Contrasena actualizada')\n return this.setState({ loading: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n onEdit = () => {\n if (Cache.getItem('pnApp').profile === 'cliente') {\n this.props.history.push(`/clients/edit/${Cache.getItem('pnApp').client_id}`)\n } else {\n this.props.history.push(`/users/edit/${this.state.data.user_id}`)\n }\n }\n\n handleClick = e => {\n e.preventDefault()\n if (this.state.showRow) {\n this.setState({ showRow: false })\n } else {\n this.setState({ showRow: true })\n }\n }\n\n componentDidMount() {\n this.setState({ loading: true })\n ClientsSrc.getProfile().then(profile => {\n let string = profile[0].name\n let name = string.split(' ')\n let lastName = name.slice(1)\n let isHomeDelivery_ = profile[0].entrega === \"Entrega a Domicilio\"\n\n this.setState({ data: profile[0], \n loading: false,\n nombre: name[0],\n apellido: lastName.join(' '),\n isHomeDelivery: isHomeDelivery_,\n alternateAddress: isHomeDelivery_ ? profile[0].main_address.split('|')[0] :'',\n alternateOffice: isHomeDelivery_ ? profile[0].main_address.split('|')[1] :'',\n alternateCity: isHomeDelivery_ ? profile[0].main_address.split('|')[2] :'',\n alternateDepartament: isHomeDelivery_ ? profile[0].main_address.split('|')[3] :'',\n alternatePhone: isHomeDelivery_ ? profile[0].main_address.split('|')[4] :''\n })\n })\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n\n if (!this.state.password1 || !this.state.password2) {\n errors.password1 = 'La contraseña es requerida'\n errors.password2 = 'La confirmacion de contraseña es requerida'\n } else if (verifyPassword(this.state.password1) || verifyPassword(this.state.password2)) {\n errors.password1 = 'Contraseña invalida'\n errors.password2 = 'Contraseña invalida'\n } else if (this.state.password1 !== this.state.password2) {\n errors.password1 = 'Las contraseñas deben ser iguales '\n errors.password2 = 'Las contraseñas deben ser iguales '\n }\n this.setState({ errors })\n if (Object.keys(errors).length > 0) throw errors\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n handleChange = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value }, this.validate)\n })\n }\n\n render() { \n const { loading } = this.state\n return (\n \n \n \n Datos Generales\n \n\n \n
\n\n \n
\n \n Datos de entrega\n \n\n {this.state.isHomeDelivery ? (\n \n
\n ) }\n \n \n
\n \n
\n )\n }\n}\n\nexport default withRouter(ClientProfileForm)\n","import React from 'react'\nimport { withRouter } from 'react-router'\nimport { Cache } from 'aws-amplify'\nimport { Form, Input, Button, Col, message, Row, Spin, Select } from 'antd'\nimport { utilChange } from '../../../config/util'\nimport ClientsSrc from '../ClientsSrc'\n\nconst { Option } = Select\nconst FormItem = Form.Item\n\nclass ClientsEditForm extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n type: 'cliente',\n isHomeDelivery: false,\n alternateAddress:'',\n alternateOffice:'',\n alternateCity:'',\n alternateDepartament:'',\n alternatePhone:'',\n errors: {},\n }\n this.onSave = this.onSave.bind(this)\n this.loadProfile = this.loadProfile.bind(this)\n this.loadClients = this.loadClients.bind(this)\n }\n\n loadProfile = async () => {\n this.setState({ loading: true })\n ClientsSrc.getProfile().then(profile => {\n this.setState({\n user_id: profile[0].user_id,\n client_id: profile[0].client_id,\n email: profile[0].email,\n name: profile[0].name,\n phone: profile[0].phone,\n nit: profile[0].nit,\n entrega: profile[0].entrega,\n main_address: profile[0].main_address,\n message_user: profile[0].message_user,\n type: profile[0].type,\n flete: profile[0].flete,\n desaduanaje: profile[0].desaduanaje,\n })\n this.setState({ loading: false })\n })\n }\n\n loadClients = async () => {\n this.setState({ loading: true })\n\n let client_id = this.props.match.params.id\n\n if (Cache.getItem('pnApp').profile === 'cliente') {\n client_id = Cache.getItem('pnApp').client_id\n this.setState({ disable: 'disable' })\n }\n\n ClientsSrc.getByClientId(client_id).then(_profile => { \n let isHomeDelivery_ = _profile[0].entrega === \"Entrega a Domicilio\"\n this.setState({\n user_id: _profile[0].id,\n client_id: _profile[0].client_id,\n email: _profile[0].email,\n name: _profile[0].name,\n phone: _profile[0].phone,\n nit: _profile[0].nit,\n entrega: _profile[0].entrega,\n main_address: isHomeDelivery_ ? '' : _profile[0].main_address,\n message_user: _profile[0].message_user,\n type: _profile[0].type,\n flete: _profile[0].flete,\n desaduanaje: _profile[0].desaduanaje,\n isHomeDelivery: isHomeDelivery_,\n alternateAddress: isHomeDelivery_ ? _profile[0].main_address.split('|')[0] :'',\n alternateOffice: isHomeDelivery_ ? _profile[0].main_address.split('|')[1] :'',\n alternateCity: isHomeDelivery_ ? _profile[0].main_address.split('|')[2] :'',\n alternateDepartament: isHomeDelivery_ ? _profile[0].main_address.split('|')[3] :'',\n alternatePhone: isHomeDelivery_ ? _profile[0].main_address.split('|')[4] :'',\n })\n let profile = Cache.getItem('pnApp')\n profile.user_address = _profile[0].main_address\n Cache.setItem('pnApp', profile)\n this.setState({ loading: false })\n })\n }\n\n componentDidMount() {\n if (this.props.match.params.id) {\n this.loadClients()\n } else {\n this.loadProfile()\n }\n }\n\n onSave = async e => {\n try {\n e.preventDefault()\n this.setState({ loading: true })\n await this.validateFields()\n\n let _users = {\n client_id: this.state.client_id,\n type: this.state.type,\n name: this.state.name,\n email: this.state.email,\n nit: this.state.nit,\n phone: this.state.phone,\n main_address: this.state.isHomeDelivery ? this.composeAlternateAddress() : this.state.main_address,\n entrega: this.state.entrega,\n message_user: this.state.message_user,\n flete: this.state.flete,\n desaduanaje: this.state.desaduanaje,\n }\n await ClientsSrc.update(_users, this.state.user_id)\n message.success('Registro actualizado')\n\n if (this.props.match.params.id) {\n this.loadClients()\n } else {\n this.loadProfile()\n }\n\n this.setState({ loading: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n composeAlternateAddress = _ =>{ \n return `${this.state.alternateAddress}|${this.state.alternateOffice}|${this.state.alternateCity}|${this.state.alternateDepartament}|${this.state.alternatePhone}`\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n \n if (this.state.isHomeDelivery && !this.state.alternateAddress) {\n errors.alternateAddress = 'La direccion es requerida'\n }else if (!this.state.isHomeDelivery && !this.state.main_address){\n errors.main_address = 'La direccion es requerida'\n }\n \n if (!this.state.name) {\n errors.name = 'El nombre es requerido'\n }\n if (!this.state.phone) {\n errors.phone = 'El numero de telefono es requerido'\n }\n this.setState({ errors })\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n onBack = () => {\n if (Cache.getItem('pnApp').profile === 'cliente') {\n this.props.history.push(`/clients/viewpackage/${this.state.client_id}`)\n } else {\n this.props.history.push('/clients')\n }\n }\n\n handleChange = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value })\n })\n }\n\n handleChangeHomeDeliveryAddress = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value})\n })\n }\n\n onPreferencesChanged = e => { \n this.setState({ entrega: e,isHomeDelivery: e === 'Entrega a Domicilio'})\n\n }\n\n render() {\n const { errors, loading, client_id, email, name, phone, nit, entrega, main_address, message_user, type, disable, flete, desaduanaje,\n alternateAddress,alternateCity,alternateDepartament,alternateOffice,alternatePhone\n } = this.state\n return (\n Nombre:
\n \n \n
\n \n Apellido:
\n \n \n
\n \n \n Correlo Electronico:
\n \n \n
\n \n Telefono:
\n \n \n
\n \n \n \n \n
\n \n
\n \n
\n
\n ) : (\n Preferencia de entrega:
\n \n \n
\n \n \n Direccion:
\n \n \n
\n \n # Casa / Oficina:
\n \n \n
\n \n \n Ciudad:
\n \n \n
\n \n Departamento:
\n \n \n
\n \n Numero de telefono para entrega:
\n \n \n
\n \n \n Direccion:
\n \n \n
\n \n Preferencia de entrega:
\n \n \n
\n \n \n Observaciones:
\n \n \n
\n \n \n \n Editar Cuenta\n
\n\n \n \n {/* */}\n
\n \n {\n this.searchInput = node\n }}\n placeholder={`Search ${dataIndex}`}\n value={selectedKeys[0]}\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\n onPressEnter={() => this.handleSearch(selectedKeys, confirm)}\n style={{ width: 188, marginBottom: 8, display: 'block' }}\n />\n this.handleSearch(selectedKeys, confirm)}\n icon=\"search\"\n size=\"small\"\n style={{ width: 90, marginRight: 8 }}\n >\n Search\n \n \n
\n ),\n filterIcon: filtered => \n \n {record.tracking} \n {record.description} \n {record.status} \n {record.weight} \n {record.guia ? record.guia : 'no asignada'} \n {this.formatDate(record.ing_date)} \n {record.supplier_name ? record.supplier_name : 'N/A'} \n \n {!!record.voucher_bill && record.voucher_bill.length > 5 ? (\n \n {'FACTURA'}\n \n ) : (\n ''\n )}\n \n \n
\n ),\n onOk() {},\n })\n }\n\n render() {\n const { loading } = this.state\n return (\n \n \n \n Mis paquetes\n \n }\n description={Casillero: {this.state.data.client_id} }\n />\n \n (\n \n \n ![\"example\"](\"https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png\")
\n \n }\n actions={[\n {`${item.weight}`},\n \n Total: {`${item.total_a_pagar}`}\n ,\n ]}\n >\n window.open(`/#/packageTracking/${item.tracking}`, '_blank')}\n style={{ textAlign: 'center', cursor: 'pointer' }}\n title={item.supplier_name ? item.supplier_name : 'N/A'}\n description={\n \n )}\n />\n )}\n\n
\n (\n \n \n \n \n }\n actions={[\n {`${item.weight}lb`},\n \n Total: {`${item.total_a_pagar}`}\n ,\n ]}\n >\n window.open(`/#/packageTracking/${item.tracking}`, '_blank')}\n style={{ textAlign: 'center', cursor: 'pointer' }}\n title={item.supplier_name ? item.supplier_name : 'N/A'}\n description={\n \n )}\n />\n )}\n
\n
\n )\n }\n}\n\nexport default withRouter(ClientViewPackage)\n","import api from '../../config/api';\nimport { stage } from '../../config/credentials';\n\nconst url = stage.baseUrlPackages;\n\nconst list = () => api.get(url);\n\nconst create = _package => api.post(url, _package);\n\nconst get = package_id => api.get(url+'/'+package_id);\n\nconst update = (package_id, _package) => api.put(url+'/'+package_id, _package);\n\nconst updateToHold = (package_id, _package) => api.put(url+'/'+package_id+'?holdpackage=true', _package);\n\nconst getByFilter = pararms => api.get(`${url}?${pararms}`);\n\nconst downloadFast = (package_id, _package) => api.put(url+'/'+package_id+'?download=true', _package);\n\nconst createMaster = _master => api.post(`${url}/guides`, _master);\n\nconst closeMaster = _master => api.put(`${url}/guides?master=${_master.master}&poliza=${_master.poliza}`);\n\nexport default {\n create,\n get,\n list,\n update,\n updateToHold,\n getByFilter,\n downloadFast,\n createMaster,\n closeMaster\n}\n","//Libs\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\n//Components\nimport {\n InputNumber\n} from 'antd'\n\n\nclass UICurrencyInput extends Component {\n\n render() {\n return (\n \n
\n\n {this.state.orderTypePending === 'list' ? (\n Paquetes Pendientes
\n \n\n this.setState({ orderTypePending: 'list' })}\n className={this.state.orderTypePending === 'list' ? '' : 'icon-type-order'}\n type=\"link\"\n >\n this.setState({ orderTypePending: 'grid' })}\n className={this.state.orderTypePending === 'grid' ? '' : 'icon-type-order'}\n type=\"link\"\n >\n
\n \n \n
\n \n
\n\n \n {Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab' ? (\n {\n this.onEditPackage(item.package_id)\n }}\n />\n ) : (\n ''\n )}\n {\n this.info(item)\n }}\n />\n
\n\n \n \n }\n actions={[\n {`${item.weight}`},\n \n Total: {`${item.total_a_pagar}`}\n ,\n ]}\n >\n \n {this.formatDate(item.ing_date)} \n
\n \n
\n }\n />\n \n \n \n
\n
\n Total de Paquetes Pendientes:{' '}\n {this.state.notDeliveredPackages && this.state.notDeliveredPackages.length > 0 ? this.state.notDeliveredPackages.length : 0}\n
\n\n Total Libras Pendientes:{' '}\n {this.state.notDeliveredPackages && this.state.notDeliveredPackages.length > 0\n ? this.state.notDeliveredPackages.map(p => p.weight).reduce((a, b) => a + b)\n : 0}\n
\n\n Monto Total Pendiente:{' '}\n {Accounting.formatMoney(\n this.state.notDeliveredPackages && this.state.notDeliveredPackages.length > 0\n ? this.state.notDeliveredPackages.map(p => p.total_a_pagar - p.anticipo).reduce((a, b) => a + b)\n : 0,\n 'Q'\n )}\n
\n\n
\n\n {this.state.orderType === 'list' ? (\n Paquetes Entregados
\n \n\n this.setState({ orderType: 'list' })}\n className={this.state.orderType === 'list' ? '' : 'icon-type-order'}\n type=\"link\"\n >\n this.setState({ orderType: 'grid' })}\n className={this.state.orderType === 'grid' ? '' : 'icon-type-order'}\n type=\"link\"\n >\n
\n \n \n
\n\n \n
\n\n \n {Cache.getItem('pnApp').profile !== 'recepcionista' || Cache.getItem('pnApp').profile !== 'recepcionistab' ? (\n {\n this.onEditPackage(item.package_id)\n }}\n />\n ) : (\n ''\n )}\n {\n this.info(item)\n }}\n />\n
\n\n \n \n }\n actions={[\n {`${item.weight}lb`},\n \n Total: {`${item.total_a_pagar}`}\n ,\n ]}\n >\n \n {this.formatDate(item.ing_date)} \n
\n \n
\n }\n />\n \n \n \n
\n
\n Total de Paquetes Entregados:{' '}\n {this.state.deliveredPackages && this.state.deliveredPackages.length > 0 ? this.state.deliveredPackages.length : 0}\n
\n\n Total Libras Entregadas:{' '}\n {this.state.deliveredPackages && this.state.deliveredPackages.length > 0\n ? this.state.deliveredPackages.map(p => p.weight).reduce((a, b) => a + b)\n : 0}\n
\n\n Monto Total Entregado:{' '}\n {Accounting.formatMoney(\n this.state.deliveredPackages && this.state.deliveredPackages.length > 0\n ? this.state.deliveredPackages.map(p => Number(p.total_a_pagar)).reduce((a, b) => a + b)\n : 0,\n 'Q'\n )}\n
\n \n\n Pre-alertar paquete\n
\n \n \n
\n \n
\n)\n\nclass ClientViewPackageAdminView extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n data: [],\n notDeliveredPackages: [],\n deliveredPackages: [],\n loading: false,\n delivery: 0,\n errors: {},\n }\n\n this.getColumns = this.getColumns.bind(this)\n this.getData = this.getData.bind(this)\n this.loadPackage = this.loadPackage.bind(this)\n this.onAddPackage = this.onAddPackage.bind(this)\n }\n\n componentDidMount() {\n this.loadPackage()\n }\n\n loadPackage = async () => {\n try {\n this.setState({ loading: true })\n await ClientsSrc.getPackage(this.props.match.params.id).then(packages => {\n this.setState({ data: packages.profile }, _ => {\n if (packages.profile === 'cliente') {\n let profile = packages.profile\n Cache.setItem('pnApp', profile)\n }\n })\n this.setState({\n notDeliveredPackages: packages.packages.filter(p => p.status !== 'Entregado' && p.status !== 'Entregado.'),\n deliveredPackages: packages.packages.filter(p => p.status === 'Entregado' || p.status === 'Entregado.'),\n })\n })\n\n this.setState({ loading: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n handleSearch = (selectedKeys, confirm) => {\n confirm()\n this.setState({ searchText: selectedKeys[0] })\n }\n\n handleReset = clearFilters => {\n clearFilters()\n this.setState({ searchText: '' })\n }\n\n getColumnSearchProps = dataIndex => ({\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\n {title}:
\n {content}\n\n {\n this.searchInput = node\n }}\n placeholder={`Search ${dataIndex}`}\n value={selectedKeys[0]}\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\n onPressEnter={() => this.handleSearch(selectedKeys, confirm)}\n style={{ width: 188, marginBottom: 8, display: 'block' }}\n />\n this.handleSearch(selectedKeys, confirm)}\n icon=\"search\"\n size=\"small\"\n style={{ width: 90, marginRight: 8 }}\n >\n Search\n \n \n
\n ),\n filterIcon: filtered => \n \n Registrar Paquete\n \n ) : (\n ''\n )\n }\n >\n \n
\n \n
\n \n
\n \n
\n \n
\n this.addDelivery(val)} />\n
\n
\n )\n }\n}\n\nexport default withRouter(ClientViewPackageAdminView)\n","import api from '../../config/api'\nimport { stage } from '../../config/credentials'\n\nconst url = stage.baseUrlUsers;\n\nconst list = (params) => api.get(`${url}${params ? `?${params}` : ''}`);\nconst get = (user_id) => api.get(url+'/'+user_id);\nconst create = _users => api.post(url, _users);\nconst update = (_users,user_id) => api.put(url+'/'+user_id, _users);\n\nexport default {\n list,\n create,\n update,\n get\n}\n","import React from 'react';\nimport { withRouter } from 'react-router';\nimport {\n Table,\n Form,\n Button,\n Col\n} from 'antd';\n\nclass UsersTable extends React.Component {\n\n constructor(props){\n super(props);\n\n this.state = {\n data: [],\n isPageTween: false,\n loading : false,\n page: 0,\n type: '',\n name: '',\n email: ''\n };\n }\n\n getColumns = () => {\n let columns = [\n { title: 'Tipo Usuario', dataIndex: 'type', key: 'type' },\n { title: 'Nombre', dataIndex: 'name', key: 'name' },\n { title: 'Email', dataIndex: 'email', key: 'email' },\n { title: 'Activo', dataIndex: 'activo', key: 'activo' },\n {\n title: 'Accion',\n dataIndex: '',\n key: 'x',\n render: (text, record) => (\n \n \n ),\n },\n ];\n return columns\n }\n\n getData = data => {\n return data.map(d => ({\n key: d.id,\n name: d.name,\n email: d.email,\n type: d.type,\n activo: d.activo === 'Y' ? 'Si' : 'No'\n }));\n };\n\n onEdit = key => {\n this.props.history.push(`/users/edit/${key}`);\n }\n\n render() {\n\n return (\n Paquetes Pendientes
\n\n
\n Total de Paquetes Pendientes:{' '}\n {this.state.notDeliveredPackages && this.state.notDeliveredPackages.length\n ? this.state.notDeliveredPackages.filter(dat => dat.status !== 'Registrado').length\n : 0}\n
\n\n Total Libras Pendientes:{' '}\n {this.state.notDeliveredPackages &&\n this.state.notDeliveredPackages.length > 0 &&\n this.state.notDeliveredPackages.filter(dat => dat.status !== 'Registrado').length > 0\n ? this.state.notDeliveredPackages\n .filter(dat => dat.status !== 'Registrado')\n .map(p => p.weight)\n .reduce((a, b) => a + b)\n : 0}\n
\n\n Monto Total Pendiente:{' '}\n {Accounting.formatMoney(\n this.state.notDeliveredPackages &&\n this.state.notDeliveredPackages.length > 0 &&\n this.state.notDeliveredPackages.filter(dat => dat.status !== 'Registrado').length > 0\n ? this.state.notDeliveredPackages\n .filter(dat => dat.status !== 'Registrado')\n .map(p => p.total_a_pagar - p.anticipo)\n .reduce((a, b) => a + b) + this.state.delivery\n : 0,\n 'Q'\n )}\n
\nPaquetes Entregados
\n\n
\n Total de Paquetes Entregados:{' '}\n {this.state.deliveredPackages && this.state.deliveredPackages.length > 0 ? this.state.deliveredPackages.length : 0}\n
\n\n Total Libras Entregadas:{' '}\n {this.state.deliveredPackages && this.state.deliveredPackages.length > 0\n ? this.state.deliveredPackages.map(p => p.weight).reduce((a, b) => a + b)\n : 0}\n
\n\n Monto Total Entregado:{' '}\n {Accounting.formatMoney(\n this.state.deliveredPackages && this.state.deliveredPackages.length > 0\n ? this.state.deliveredPackages.map(p => Number(p.total_a_pagar)).reduce((a, b) => a + b)\n : 0,\n 'Q'\n )}\n
\n\n
\n\n\n \n Cargar mas\n \n \n \n
\n );\n }\n}\n\nexport default withRouter(UsersTable)\n","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\n\n//Api\nimport UsersSrc from './UsersSrc'\n\n//Components\nimport UsersTable from './components/UsersTable'\n\nimport { Button, Card, Col, Divider, Form, Input, message, Row, Select } from 'antd'\n\n//Styles\n\n//const\nclass UsersPage extends Component {\n constructor(props) {\n super(props)\n\n this.onAdd = this.onAdd.bind(this)\n this.state = {\n loading: true,\n page: 1,\n disabledLoadMore: false,\n isPageTween: false,\n users: [],\n errors: {},\n email: '',\n name: '',\n type: undefined,\n }\n }\n\n componentDidMount() {\n this.loadData()\n }\n\n loadData = () => {\n UsersSrc.list()\n .then(users => this.setState({ users, loading: false }))\n .catch(err => {\n message.error(err.message || err)\n this.setState({ loading: false })\n })\n }\n\n onAdd = () => {\n this.props.history.push('/users/create')\n }\n\n handleChange = (name, value) => {\n let otherState = {}\n switch (name) {\n case 'name':\n otherState = {\n email: undefined,\n type: undefined,\n }\n break\n case 'email':\n otherState = {\n name: undefined,\n type: undefined,\n }\n break\n default:\n otherState = {\n name: undefined,\n email: undefined,\n }\n }\n this.setState({ [name]: value, ...otherState }, _ => console.log(this.state, 'state'))\n }\n\n handleSelectChange = value => {\n this.setState({ type: value, name: undefined, email: undefined })\n }\n\n getFilters = page => {\n let params = 'page=' + (page ? page : 0)\n\n if (this.state.name) {\n params += '&name=' + this.state.name\n }\n\n if (this.state.type) {\n params += '&type=' + this.state.type\n }\n\n if (this.state.email) {\n params += '&email=' + this.state.email\n }\n\n return params\n }\n\n onSearch = async e => {\n try {\n e.preventDefault()\n\n this.setState({ loading: true })\n\n let params = this.getFilters()\n\n let users = await UsersSrc.list(params)\n\n this.setState({ users: users, loading: false, page: 1, disabledLoadMore: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n loadMore = async () => {\n try {\n this.setState({ loading: true })\n let listTmp = []\n let params = this.getFilters(this.state.page + 1)\n let users = await UsersSrc.list(params)\n listTmp = this.state.users.concat(users)\n\n let disabledLoadMore = users && users.length === 25 ? false : true\n\n this.setState(prevState => ({\n users: listTmp,\n loading: false,\n page: prevState.page + 1,\n disabledLoadMore: disabledLoadMore,\n }))\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n render() {\n const { loading, users, email, name, type } = this.state\n\n return (\n \n\n
\n
\n )\n }\n}\n\nexport default withRouter(UsersPage)\n","import React from 'react'\nimport { withRouter } from 'react-router'\nimport { Form, Input, Select, Button, Radio, Switch, Card, message } from 'antd'\nimport { utilChange, verifyEmail, verifyPassword } from '../../../config/util'\n\nimport UsersSrc from '../UsersSrc'\n\nconst FormItem = Form.Item\nconst Option = Select.Option\nconst RadioGroup = Radio.Group\n\nclass UsersAddForm extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n tipo: 'cliente',\n tarifa: 'normal',\n preferencia: 'traestodo',\n activo: 'Y',\n errors: {},\n }\n this.onSave = this.onSave.bind(this)\n this.init = this.init.bind(this)\n }\n\n onSave = async e => {\n try {\n e.preventDefault()\n this.setState({ loading: true })\n await this.validateFields()\n\n let _users = {\n type: this.state.type,\n name: this.state.name,\n email: this.state.email,\n password: this.state.password,\n }\n await UsersSrc.create(_users)\n message.success('Creado satisfactoriamente')\n this.init()\n return this.setState({ loading: false })\n } catch (err) {\n if (typeof err === 'string' && err.indexOf('Duplicate') > -1) {\n message.error('Ya existe un usuario con el email ingresado')\n }\n this.setState({ loading: false })\n }\n }\n\n init = () => {\n this.setState({\n type: '',\n name: '',\n email: '',\n password: '',\n })\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n\n if (!this.state.type) {\n errors.type = 'El tipo es requerido'\n }\n if (!this.state.name) {\n errors.name = 'El nombre es requerido'\n }\n if (!this.state.password) {\n errors.password = 'La contraseña temporal es requerida'\n } else if (verifyPassword(this.state.password)) {\n errors.password = 'Contraseña invalida'\n }\n if (!this.state.email) {\n errors.email = 'El email es requerido'\n } else if (verifyEmail(this.state.email)) {\n errors.email = 'Email invalido'\n }\n\n this.setState({ errors })\n\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n onBack = () => {\n this.props.history.push('/users')\n }\n\n handleChange = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value }, this.validate)\n })\n }\n\n handleSelectChange = value => {\n this.setState({ type: value })\n }\n\n handleSelectTarifaChange = value => {\n this.setState({ cuota: value })\n }\n\n onPreferencesChanged = e => {\n this.setState({ entrega: e.target.value })\n }\n\n onActivoChanged = value => {\n this.setState({ activo: value })\n }\n\n render() {\n const { errors, loading } = this.state\n return (\n \n
\n \n\n Usuarios
\n \n\n \n \n \n
\n )\n }\n}\n\nconst WrappedCreateForm = Form.create()(UsersAddForm)\nexport default withRouter(WrappedCreateForm)\n","import React from 'react';\nimport { withRouter } from 'react-router';\nimport { Card, message, Divider, Col, Row, Button } from 'antd';\nimport { utilChange, verifyPassword } from '../../../config/util';\n\nimport UsersSrc from '../UsersSrc';\n\nconst DescriptionItem = ({ title, content }) => (\n\t\t\n\t\t\t
\n);\n\n\nclass UsersProfileForm extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdata: [],\n\t\t\tloading: false,\n\t\t\terrors: {},\n\t\t\tshowRow: false,\n\t\t\tpassword1: '',\n\t\t\tpassword2: ''\n\t\t};\n\t\tthis.onSave = this.onSave.bind(this);\n\t\tthis.handleClick = this.handleClick.bind(this);\n\t}\n\n\tonSave = async(e) => {\n\t\ttry {\n\t\t\te.preventDefault()\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.validateFields();\n\n\t\t\tlet _users = {\n\t\t\t\tpassword1: this.state.password1,\n\t\t\t\tpassword2: this.state.password2\n\t\t\t};\n\n\t\t\tawait UsersSrc.create(_users);\n\t\t\tmessage.success('Contrasena actualizada');\n\t\t\treturn this.setState({ loading: false });\n\n\t\t} catch (e) {\n\t\t\tconsole.log(e)\n\t\t\tif (e && e.message) {\n\t\t\t\tmessage.error(e.message);\n\t\t\t}\n\t\t\tthis.setState({ loading: false })\n\t\t}\n\t};\n\n\tonEdit = () => {\n\t\tthis.props.history.push('/users/edit');\n\t};\n\n\thandleClick = (e) => {\n\t\te.preventDefault();\n\t\tif(this.state.showRow){\n\t\t\tthis.setState({showRow: false });\n\t\t}else{\n\t\t\tthis.setState({showRow: true });\n\t\t}\n\t};\n\n\tcomponentDidMount(){\n\t\tUsersSrc.getProfile().then(profile => this.setState({data:profile[0]}))\n\t}\n\n\tvalidateFields = async() => {\n\t\ttry {\n\t\t\tlet errors = {}\n\n\t\t\tif(!this.state.password1 || !this.state.password2) {\n\t\t\t\terrors.password1 = 'La contraseña es requerida';\n\t\t\t\terrors.password2 = 'La confirmacion de contraseña es requerida';\n\t\t\t}else if(verifyPassword(this.state.password1) || verifyPassword(this.state.password2)){\n\t\t\t\terrors.password1 = 'Contraseña invalida';\n\t\t\t\terrors.password2 = 'Contraseña invalida';\n\t\t\t}else if(this.state.password1 !== this.state.password2){\n\t\t\t\terrors.password1 = 'Las contraseñas deben ser iguales ';\n\t\t\t\terrors.password2 = 'Las contraseñas deben ser iguales ';\n\t\t\t}\n\t\t\tthis.setState({ errors });\n\t\t\tif (Object.keys(errors).length > 0)\n\t\t\t\tthrow errors;\n\t\t\treturn false\n\n\t\t} catch (errors) {\n\t\t\tthrow errors\n\t\t}\n\t};\n\n\thandleChange = event => {\n\t\tutilChange(event, (name, value) => {\n\t\t\tthis.setState({ [name]: value }, this.validate)\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t{title}:
\n\t\t\t{content}\n\t\t\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\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\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\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\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\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\n\t\t\t\t\t
*/}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default withRouter(UsersProfileForm)","import React from 'react'\nimport { withRouter } from 'react-router'\nimport { Form, Input, Button, Switch, Card, message } from 'antd'\nimport { utilChange } from '../../../config/util'\nimport { Cache } from 'aws-amplify'\n\nimport UsersSrc from '../UsersSrc'\n\nconst FormItem = Form.Item\n\nclass UsersEditForm extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n type: '',\n activo: 'Y',\n errors: {},\n }\n this.onSave = this.onSave.bind(this)\n this.loadUsers = this.loadUsers.bind(this)\n }\n\n loadUsers = () => {\n UsersSrc.get(this.props.match.params.id).then(profile => {\n this.setState({\n user_id: profile.id,\n email: profile.email,\n name: profile.name,\n type: profile.type,\n activo: profile.activo,\n })\n })\n }\n\n componentDidMount() {\n this.loadUsers()\n }\n\n onSave = async e => {\n try {\n e.preventDefault()\n this.setState({ loading: true })\n await this.validateFields()\n\n let _users = {\n user_id: this.state.user_id,\n type: this.state.type,\n name: this.state.name,\n activo: this.state.activo,\n }\n await UsersSrc.update(_users, this.state.user_id)\n message.success('Registro actualizado')\n this.loadUsers()\n return this.setState({ loading: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n if (!this.state.name) {\n errors.name = 'El nombre es requerido'\n }\n\n this.setState({ errors })\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n onBack = () => {\n if (Cache.getItem('pnApp').profile === 'recepcionista' || Cache.getItem('pnApp').profile === 'recepcionistab') {\n this.props.history.push('/clients/')\n } else {\n this.props.history.push('/users/')\n }\n }\n\n handleChange = event => {\n utilChange(event, (name, value) => {\n this.setState({ [name]: value })\n })\n }\n\n onActivoChanged = value => {\n this.setState({ activo: value ? 'Y' : 'N' })\n }\n\n render() {\n const { errors, loading, email, name } = this.state\n return (\n Entrega
\n\t\t\t\t\tContacto
\n\t\t\t\t\t- \n
- 6 caracteres \n
- numeros \n
- letras \n
\n \n \n \n
\n )\n }\n}\n\nconst WrappedCreateForm = Form.create()(UsersEditForm)\nexport default withRouter(WrappedCreateForm)\n","//Libs\nimport React from 'react'\nimport { withRouter } from 'react-router'\nimport Accounting from 'accounting'\n\n//Components\nimport { Table, Button, Divider } from 'antd'\n\nclass PackagesTable extends React.Component {\n constructor(props) {\n super(props)\n\n this.getColumns = this.getColumns.bind(this)\n this.getData = this.getData.bind(this)\n\n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n }\n }\n\n getColumns = () => {\n let columns = [\n { title: 'Codigo paquete', dataIndex: 'package_id', key: 'package_id', width: 100 },\n { title: 'Codigo cliente', dataIndex: 'client_id', key: 'client_id', width: 150 },\n { title: 'Tracking', dataIndex: 'tracking', key: 'tracking', width: 300 },\n { title: 'Descripcion', dataIndex: 'description', key: 'description', width: 300 },\n { title: 'Guia', dataIndex: 'guia', key: 'guia', width: 100 },\n { title: 'Poliza', dataIndex: 'poliza', key: 'poliza', width: 150 },\n { title: 'Peso', dataIndex: 'weight', key: 'weight', width: 100 },\n { title: 'Flete', dataIndex: 'flete', key: 'flete', width: 100 },\n { title: 'Desaduanaje', dataIndex: 'desaduanaje', key: 'desaduanaje', width: 125 },\n { title: 'Dai', dataIndex: 'dai', key: 'dai', width: 100 },\n { title: 'Cif', dataIndex: 'cif', key: 'cif', width: 100 },\n { title: 'Iva', dataIndex: 'iva', key: 'iva', width: 100 },\n { title: 'Total', dataIndex: 'total', key: 'total', width: 100 },\n { title: 'F. Registro', dataIndex: 'ing_date', key: 'ing_date', width: 150 },\n { title: 'F. Entrega', dataIndex: 'ent_date', key: 'ent_date', width: 150 },\n { title: 'Estado', dataIndex: 'status', key: 'status', width: 100 },\n {\n title: 'Accion',\n fixed: 'right',\n align: 'center',\n width: 150,\n dataIndex: 'action',\n key: 'action',\n render: (text, record) => (\n \n
\n ),\n },\n ]\n\n return columns\n }\n\n getData = data =>\n data.map(d => ({\n key: d.package_id,\n package_id: d.package_id,\n client_id: d.client_id,\n total: Accounting.formatMoney(d.total_a_pagar, 'Q'),\n guia: d.guia,\n poliza: d.poliza,\n tracking: d.tracking,\n description: d.description,\n ing_date: d.ing_date,\n ent_date: d.ent_date === '0000-00-00' ? '--' : d.ent_date,\n status: d.status,\n iva: Accounting.formatMoney(d.total_iva, 'Q'),\n weight: d.weight,\n flete: d.weight > 1 ? Accounting.formatMoney(d.weight * 25, 'Q') : Accounting.formatMoney(25, 'Q'),\n dai: Accounting.formatMoney(d.dai, 'Q'),\n cif: Accounting.formatMoney(d.costo_producto, 'Q'), //Accounting.formatMoney(d.cif, 'Q'),\n desaduanaje: Accounting.formatMoney(30, 'Q'),\n }))\n\n onDelete = (key, e) => {\n e.preventDefault()\n const data = this.state.data.filter(item => item.key !== key)\n this.setState({ data, isPageTween: false })\n }\n\n onEdit = (package_id, e) => {\n e.preventDefault()\n this.props.history.push('/packages/adminupdate/' + package_id)\n }\n\n onDownload = (record, e) => {\n e.preventDefault()\n this.props.download(record)\n }\n\n render() {\n return (\n \n {\n this.onEdit(record.key, e)\n }}\n />\n {\n this.onDownload(record, e)\n }}\n loading={this.state.loading}\n disabled={record.status === 'Entregado' || record.status === 'Entregado.' ? true : false}\n />\n )}\n
\n \n
\n )\n }\n}\n\nexport default withRouter(PackagesTable)\n","//Libs\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\n//Api\nimport ClientsSrc from '../../clients/ClientsSrc';\n\n//Components\nimport {\n message,\n Select\n} from 'antd';\n\n//Styles\n\n//Const\n\nclass ClientSearchSelect extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n loading: true,\n clients: []\n }\n }\n\n handleSearch = async value => {\n try {\n\n if(value && value.length > 2) {\n let clients = await ClientsSrc.getByName(value)\n\n this.setState({clients})\n }\n } catch (e) {\n console.log(e)\n message.error(e.message)\n }\n\n\n }\n\n\n render() {\n const clients = this.state.clients.map((d, i)=> \n
\n )\n }\n}\n\nexport default withRouter(withUserDefaults(PackagesPage))\n","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\n\n//Api\nimport PackagesSrc from '../PackagesSrc';\n\n//Components\nimport UICurrencyInput from '../../../commons/components/UICurrencyInput';\n\nimport {\n Button,\n Card,\n Form,\n Icon,\n Input,\n message,\n Select,\n Upload\n} from 'antd';\n\nconst FormItem = Form.Item;\nconst Option = Select.Option;\n\nclass PackageAddForm extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n errors: {},\n loading: false,\n tracking_number: '',\n description: '',\n price: 0,\n observations: ''\n }\n }\n\n handleChange = (name, value) => {\n this.setState({ [name]: value })\n }\n\n onSave = async(e) => {\n\n try {\n e.preventDefault()\n\n this.setState({ loading: true })\n await this.validateFields()\n\n let _package = {\n tracking: this.state.tracking_number,\n client_id: 4398,\n weight: '2',\n description: this.state.description,\n costo_producto: this.state.price,\n category_id: 1,\n measurements: '30x28',\n status: 1,\n tba: 0,\n package_invoice:'https://vod.ebay.com/vod/FetchOrderDetails?_trksid=p2060353.m2749.l2673&itemid=123483796164&transid=2101379374002'\n }\n\n await PackagesSrc.create(_package);\n\n message.success('Creado satisfactoriamente');\n\n return this.setState({ loading: false });\n\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message);\n }\n this.setState({ loading: false })\n }\n };\n\n onBack = () => {\n this.props.history.push('/packages');\n };\n\n validateFields = async() => {\n\n try {\n\n let errors = {}\n\n if(!this.state.tracking_number) {\n errors.tracking_number = 'El nro. de tracking es requerido'\n }\n\n if(!this.state.description) {\n errors.description = 'La descripcion es requerida'\n }\n\n if(!this.state.category_id) {\n errors.category_id = 'La categoria es requerida'\n }\n\n if(!this.state.price) {\n errors.price = 'El precio es requerido'\n }\n\n this.setState({ errors })\n\n if (Object.keys(errors).length > 0)\n throw errors\n\n return false\n\n } catch (errors) {\n throw errors\n }\n }\n\n handleBlur = () => {\n this.validateFields()\n }\n\n render() {\n const {\n loading,\n errors,\n tracking_number,\n description,\n category_id,\n price,\n observations\n } = this.state;\n\n return (\n \n
\n \n\n {getWord('PACKAGES')}
\n {role === 'master' ? (\n \n ) : (\n ''\n )}\n {role === 'cliente' ? (\n \n ) : (\n ''\n )}\n\n \n \n \n
\n );\n }\n}\n\nconst WrappedCreateForm = Form.create()(PackageAddForm);\nexport default withRouter(WrappedCreateForm)","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\nimport Accounting from 'accounting';\nimport { Cache } from 'aws-amplify'\n\n//Api\nimport PackagesSrc from '../PackagesSrc';\nimport ClientsSrc from '../../clients/ClientsSrc';\n\n//Components\nimport ClientSearchSelect from '../../clients/components/ClientSearchSelect';\n\nimport {\n Button,\n Card,\n Col,\n Form,\n Input,\n InputNumber,\n message,\n Row,\n Select,\n Popconfirm\n} from 'antd';\n\nconst Option = Select.Option;\nconst FormItem = Form.Item;\n\nconst initialState = {\n errors: {},\n loading: false,\n client_id: null,\n client: undefined,\n client_data: null,\n weight: null,\n tracking_number: '',\n description: 'Paquete',\n iva: 12,\n dai: 0.00,\n cif: 0.00,\n guia: '',\n cost: 0.00,\n importe: 0.00,\n total: 0.00,\n}\n\nclass PackageAdminAddForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n ...initialState\n }\n }\n\n componentDidMount() {\n //find master active\n const pn_master = Cache.getItem('pn_master')\n this.setState({ pn_master: pn_master }, _ => {\n console.log(this.state.pn_master, 'pn')\n })\n\n }\n\n handleChange = (name, value) => {\n\n let otherState = {}\n\n if (name === 'client' && value) {\n this.searchClient(value)\n otherState = { client_id: undefined }\n }\n\n if (name === 'client_id') {\n otherState = {\n client: undefined,\n client_data: undefined\n }\n }\n\n this.setState({ [name]: value, ...otherState })\n }\n\n onSave = async (e) => {\n\n try {\n e.preventDefault()\n\n this.setState({ loading: true })\n await this.validateFields()\n\n let _package = {\n tracking: this.state.tracking_number,\n client_id: this.state.client_data.client_id,\n weight: this.state.weight,\n description: this.state.description,\n category_id: 1,\n cuota: this.state.client_data.cuota,\n entrega: this.state.client_data.entrega,\n cif: this.state.cif,\n dai: this.state.dai,\n tasa: this.state.tasa,\n cost: this.state.cost,\n importe: this.state.importe,\n total: this.state.total,\n pn_master: this.state.pn_master,\n guia: this.state.guia,\n iva: this.state.iva,\n voucher_bill: \"\",\n voucher_payment: \"\",\n userLog: (Cache.getItem('pnApp') && Cache.getItem('pnApp').email) ? Cache.getItem('pnApp').email : Cache.getItem('pnApp').user_name\n }\n\n await PackagesSrc.create(_package);\n\n message.success('Creado satisfactoriamente');\n\n return this.setState({ ...initialState });\n\n } catch (e) {\n console.log(e)\n\n message.error(e.message ? e.message : 'Error Guardando');\n\n this.setState({ loading: false })\n }\n };\n\n onBack = () => {\n this.props.history.push('/packages');\n };\n\n validateFields = async () => {\n\n try {\n\n let errors = {}\n\n if (!this.state.client_data) {\n errors.client = 'Es necesario buscar al cliente'\n }\n\n if (!this.state.tracking_number) {\n errors.tracking_number = 'El nro. de tracking es requerido'\n }\n\n if (!this.state.description) {\n errors.description = 'La descripción es requerida'\n }\n\n if (!this.state.weight) {\n errors.weight = 'El peso es requerido'\n }\n\n this.setState({ errors })\n\n if (Object.keys(errors).length > 0)\n throw errors;\n\n return false\n\n } catch (errors) {\n throw errors;\n }\n }\n\n handleBlur = () => {\n this.validateFields()\n }\n\n handleSelectTasaChange = (value) => {\n\n const flete = 25.00\n const desaduanaje = 30.00\n let total_flete = parseFloat(this.state.weight) * flete // 50\n let valor_cif = parseFloat(this.state.cost)\n let valor_dai = valor_cif * value\n let valor_iva = (valor_cif + valor_dai) * 0.12\n let total_prime = total_flete + desaduanaje\n const dai = valor_dai\n const cif = valor_iva //we are not using this\n const total_importe = dai + cif\n const total = total_prime + total_importe\n\n this.setState(\n {\n tasa: value,\n cif: cif.toFixed(2),\n dai: dai.toFixed(2),\n importe: total_importe.toFixed(2),\n total: total.toFixed(2),\n cost: valor_cif.toFixed(2),\n iva: valor_iva.toFixed(2)\n });\n };\n\n searchClient = async client_id => {\n\n try {\n\n await this.setState({ clientLoading: true });\n\n let client = await ClientsSrc.getByClientId(client_id);\n\n await this.setState({ clientLoading: false, client_data: client[0] });\n\n this.handleBlur()\n\n } catch (e) {\n this.setState({ clientLoading: false });\n message.error(e);\n }\n }\n\n closeMaster = () => {\n this.setState({ loading: true })\n PackagesSrc.closeMaster(this.state.pn_master).then(reps => {\n this.setState({ loading: false })\n Cache.removeItem('np_master')\n message.success('Master cerrado')\n this.props.history.push('/packages');\n }).catch(e => {\n console.log(e)\n this.setState({ loading: false })\n message.error('Ocurrio un error cerrando el master')\n })\n }\n\n render() {\n const {\n loading,\n clientLoading,\n errors,\n tracking_number,\n description,\n weight,\n client_id,\n client,\n client_data,\n dai,\n iva,\n tasa,\n guia,\n cost,\n importe,\n total,\n pn_master\n } = this.state;\n\n return (\n \n {pn_master &&\n \n \n \n }\n
\n );\n }\n}\n\nconst WrappedCreateForm = Form.create()(PackageAdminAddForm);\nexport default withRouter(WrappedCreateForm)","//Libs\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\n//Components\nimport { Input } from 'antd';\n\nclass UIIntegerInput extends Component {\n\n render() {\n const props = this.props;\n return (\n \n \n \n \n
\n );\n }\n}\n\nconst WrappedCreateForm = Form.create()(PackageAdminEditForm);\nexport default withRouter(WrappedCreateForm)","import {Button, Card, Col, Form, Input, message, Row } from \"antd\";\nimport React from \"react\";\nimport { Cache} from 'aws-amplify'\nimport { withRouter } from 'react-router';\nimport PackagesSrc from \"../PackagesSrc\";\n\nconst FormItem = Form.Item;\nclass MasterAdd extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n master:'',\n poliza:'',\n loading:false,\n comesFrom: props.match.params.pageFrom\n }\n }\n \n onSave = () => {\n \n if( !this.state.master || !this.state.poliza)\n return message.error('Master y Poliza son requeridos')\n \n this.setState({loading : true})\n \n let _masterPN = {\n master: this.state.master,\n poliza: this.state.poliza\n }\n Cache.removeItem('pn_master')\n JSON.stringify(_masterPN)\n Cache.setItem('pn_master', _masterPN)\n \n //call services\n PackagesSrc.createMaster(_masterPN).then(r => {\n console.log(r,'r')\n this.setState({loading : false}) \n if(this.state.comesFrom === \"master\"){\n this.props.history.push('/master');\n }else{\n this.props.history.push('/packages/admincreate');\n }\n }\n ).catch( e => {\n console.log(e)\n this.setState({loading : false})\n })\n \n }\n onBack = () => {\n console.log(this.state.comesFrom)\n if(this.state.comesFrom === \"master\"){\n this.props.history.push('/master');\n }else{\n this.props.history.push('/packages');\n }\n\n \n }\n \n handleChange = (name, value) => {\n \n this.setState({ [name]: value })\n }\n \n render() {\n const {\n loading,\n master,\n poliza\n } = this.state;\n return En Proceso
\n case 'DONE':\n return Procesada
\n case 'CANCELLED':\n return Anulada
\n case 'FAILED':\n return No Anulada
\n default:\n return status\n }\n }\n\n calculateDiscount = (subTotal, discount) => {\n let total = parseFloat(subTotal) - parseFloat(discount)\n return Accounting.formatMoney(total, 'Q')\n }\n\n getColumns = () => [\n { title: '#', dataIndex: 'id', key: 'id' },\n { title: 'Codigo Cliente', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Fecha de Creacion', dataIndex: 'created_at_date', key: 'created_at_date' },\n { title: 'Serie SAT', dataIndex: 'num_serie_sat', key: 'num_serie_sat' },\n { title: 'Nro Autorizacion', dataIndex: 'num_authorization_sat', key: 'num_authorization_sat' },\n { title: 'Sucursal', dataIndex: 'description', key: 'description' },\n { title: 'SubTotal', dataIndex: 'total', key: 'total', render: text => Accounting.formatMoney(text, 'Q') },\n { title: 'Descuento', dataIndex: 'discount', key: 'discount', render: text => Accounting.formatMoney(text, 'Q') },\n { title: 'Total', render: (text, row) => this.calculateDiscount(row.total, row.discount) },\n { title: 'Status', dataIndex: 'status_invoices', key: 'status_invoices', render: text => this.handleStatus(text) },\n {\n title: 'Accion',\n render: (text, record) => (\n \n {(this.props.profile === 'admin' ||\n this.props.profile === 'recepcionista' ||\n this.props.profile === 'recepcionistab' ||\n this.props.profile === 'master') && (\n \n {\n this.onCancel(record, e)\n }}\n />\n {\n this.onOpenPDF(record.id, e)\n }}\n />\n \n )}\n
\n ),\n },\n ]\n\n onOpenPDF = (key, e) => {\n e.preventDefault()\n this.props.openPDF(key)\n }\n\n onCancel = (record, e) => {\n e.preventDefault()\n this.props.cancel(record)\n }\n\n render() {\n return (\n \n index}\n />\n
\n )\n }\n}\n\nexport default withRouter(InvoicesTable)\n","//Libs\nimport React, { Component } from 'react'\nimport moment from 'moment'\nimport { Button, Form, Col, Row, Divider, Input, Drawer, Tag } from 'antd'\n\nclass InvoiceCancelDrawer extends Component {\n render() {\n const { onClose, visible, invoice, onCancel, reason, onReasonChange, onCancelInvoice, onCancelDrawer, confirmCancel } = this.props\n return (\n \n Motivo de la anulacion (al menos 10 caracteres)\n
\n \n \nMotivo de Cancelacion:
\n{invoice && invoice.reason}
\n \n )}\n Detalle de la Factura
\n{invoice && invoice.id}
\n {invoice && invoice.num_serie_sat}
\n {invoice && moment.utc(invoice.created_at).format('DD-MM-YYYY')}
\n {invoice && invoice.client_id}
\n {invoice && invoice.nit}
\n {invoice && invoice.num_authorization_sat}
\n {invoice && invoice.observations}
\n {invoice && invoice.status && invoice.status === 'DONE' ? 'Conciliada' : 'No Conciliada'}
\n {invoice && invoice.recorded_at ? moment.utc(invoice.recorded_at).format('DD-MM-YYYY').toString() : 'N/A'}
\n {invoice && invoice.sub_total}
\n {invoice && invoice.discount ? invoice.discount : '0.00'}
\n {invoice && (invoice.total - invoice.discount)}
\n \n this.setState({ drawerShow: true, cancelInvoice: invoice })}\n />\n this.setState({ modalShow: false, invoiceBase64: null })}\n >\n {this.state.invoiceBase64 && (\n \n
\n )}\n \n\n this.setState({ drawerShow: false })}\n visible={this.state.drawerShow}\n confirmCancel={this.state.confirmCancel}\n invoice={cancelInvoice}\n onCancel={() => this.setState({ confirmCancel: true })}\n onReasonChange={e => this.setState({ reason: e.target.value })}\n onCancelInvoice={this.handleCancelInvoice}\n onCancelDrawer={() => this.onCancelDrawer()}\n reason={reason}\n />\n
\n )\n }\n}\n\nexport default withRouter(withUserDefaults(InvoicesPage))\n","export const invoiceItemsDTO = (state, cod_service, rowId = null, newInvoiceItems = null, currentServicePrice = null, otherServiceLabel = null) => {\n const packages = rowId ? state.packages.filter(p => p.id === rowId) : state.packages\n const [serv] = state.services.filter(s => s.id === cod_service)\n const desaduanajeQty = cod_service === 2 ? state.packages.filter(p => p.checked).length : null\n return packages.map(pack => {\n const totalValue =\n cod_service === 4 ? Number(currentServicePrice)\n : cod_service === 2 ? Number(currentServicePrice) * newInvoiceItems.length\n : cod_service === 1 ? Number(serv.price * pack.weight)\n : cod_service === 5 ? Number(serv.price * pack.weight)\n : cod_service === 6 ? Number(serv.price * pack.weight)\n : cod_service === 7 ? Number(serv.price * pack.weight)\n : Number(serv.price)\n\n return {\n cod_service: cod_service,\n package_id: cod_service === 3 || cod_service === 4 ? '' : pack.package_id,\n description: cod_service === 4 ? otherServiceLabel : serv.name,\n qty: cod_service === 3 || cod_service === 4 ? 1 : cod_service === 2 ? desaduanajeQty : Number(pack.weight),\n amount: totalValue,\n sub_total: totalValue,\n unitario: cod_service === 4 ? currentServicePrice : Number(serv.price),\n descuento: Number(0),\n item: newInvoiceItems && newInvoiceItems.length > 0 ? newInvoiceItems[0].item : pack.poliza,\n dai: pack.dai,\n total_iva: Number(pack.total_iva),\n total_unitario: Number(pack.total_a_pagar),\n }\n })\n}\n\nexport const invoiceDTO = state => ({\n client_id: state.packages[0] ? state.packages[0].client_id : state.client.client_id ,\n nit: state.client.nit,\n address: state.client.main_address,\n type_doc: state.others.type_doc,\n created_by: state.created_by,\n client_name: state.client.client_name,\n email_client: state.client.email,\n total: state.total,\n sub_total: state.sub_total,\n total_cta: state.total_cta,\n observations: state.others.guias + state.others.observations,\n guiaDetails: state.others.guiasDetail,\n payment_type: state.others.payment,\n items: state.invoiceItems,\n discount: state.invoiceItems.map(item => item.descuento).reduce((prev, curr) => prev + curr, 0)\n})\n","import React from 'react'\nimport Accounting from 'accounting'\nimport { Col, Row, Button, Table, Checkbox, InputNumber, Select, Divider } from 'antd'\n\nconst { Option } = Select\n\nclass InvoiceItemsTable extends React.Component {\n onAddRemove = (rowId, type) => {\n this.props.onAddRemove(rowId, type)\n }\n\n handleChange = (key, value) => {\n this.props.handleChange(key, value)\n }\n\n columns = () => [\n { title: '#', dataIndex: 'package_id', key: 'package_id' },\n { title: 'Peso', dataIndex: 'weight', key: 'weight' },\n { title: 'Guia', dataIndex: 'guia', key: 'guia' },\n { title: 'Descripcion', dataIndex: 'description', key: 'description' },\n { title: 'Poliza', dataIndex: 'poliza', key: 'poliza' },\n { title: 'Total', dataIndex: 'total_a_pagar', key: 'total_a_pagar' },\n {\n title: 'Accion',\n dataIndex: 'id',\n key: 'id',\n render: (key, row) => (\n \n \n
\n \n\n {getWord('INVOICES')}
\n {role === 'admin' || role === 'recepcionista' || role === 'recepcionistab' || role === 'master' ? (\n \n ) : (\n ''\n )}\n\n \n
\n \n {Accounting.formatMoney(this.props.subTotal, 'Q')}
\n{Accounting.formatMoney(this.props.totalDiscounts, 'Q')}
\n{Accounting.formatMoney(this.props.total - this.props.totalDiscounts, 'Q')}
\n \nSubtotal
\nDescuento
\nTotal
\n \n\n Seleccione la sucursal:\n 0}\n placeholder={\"seleccione la sucursal\"}\n style={{ width: '250px' }}\n value={this.state.enterprise_id}\n onChange={\n (value, option) => this.setState(\n {\n paymentMethod: value === 2 ? 1 : 0,\n enterprise_id: value,\n enterprise_name: option.props.children\n })}\n >\n {this.state.stores && this.state.stores.map((dat, i) => {\n return ()\n })\n }\n \n
\n \n \n
\n );\n }\n}\n\nexport default withRouter(ResumenTable)\n","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\nimport Accounting from 'accounting';\n\n//Components\nimport {\n Table,\n} from 'antd';\n\nclass AccountTable extends React.Component {\n \n constructor(props){\n super(props);\n \n this.getColumns = this.getColumns.bind(this);\n this.getData = this.getData.bind(this);\n \n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n };\n }\n \n /*\n * date: \"2020-01-22T14:52:31.000Z\"\n remaining: 65\n client_id: 4398\n package_id: 62601\n * */\n \n getColumns = ()=>{\n let columns = [\n { title: 'Nro. de paquete', dataIndex: 'package_id', key: 'package_id' },\n { title: 'Codigo', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Usuario', dataIndex: 'contact_name', key: 'contact_name' },\n { title: 'Total', dataIndex: 'amount', key: 'amount' },\n { title: 'Abono', dataIndex: 'charge', key: 'charge' },\n { title: 'Restante', dataIndex: 'remaining', key: 'remaining' },\n { title: 'Fecha', dataIndex: 'date', key: 'date' },\n ];\n \n return columns\n }\n \n getData = data => data.map((d,i )=> ({\n key: i,\n package_id: d.package_id,\n client_id: d.client_id,\n contact_name: d.contact_name,\n remaining: d.remaining,\n charge: d.charge,\n amount: Accounting.formatMoney(d.amount, 'Q'),\n date: d.date,\n }));\n \n render() {\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(AccountTable)\n","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\nimport Accounting from 'accounting';\n\n//Components\nimport {\n Table,\n} from 'antd';\n\nclass MasterTable extends React.Component {\n \n constructor(props){\n super(props);\n \n this.getColumns = this.getColumns.bind(this);\n this.getData = this.getData.bind(this);\n \n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n };\n }\n \n getColumns = ()=>{\n let columns = [\n { title: 'Nro. de paquete', dataIndex: 'package_id', key: 'package_id' },\n { title: 'Guia', dataIndex: 'guia', key: 'guia' },\n { title: 'Peso', dataIndex: 'weight', key: 'weight' },\n { title: 'Poliza', dataIndex: 'poliza', key: 'poliza' },\n { title: 'Costo', dataIndex: 'costo_producto', key: 'costo_producto' },\n { title: 'Dai', dataIndex: 'dai', key: 'dai' },\n { title: 'Iva', dataIndex: 'total_iva', key: 'total_iva' },\n { title: 'Total', dataIndex: 'total_a_pagar', key: 'total_a_pagar' },\n ];\n \n return columns\n }\n \n getData = data => data.map((d,i )=> ({\n key: i,\n package_id: d.package_id,\n weight: d.weight,\n guia:d.guia,\n poliza:d.poliza,\n tasa:d.tasa,\n costo_producto: Accounting.formatMoney(d.costo_producto,'Q'),\n dai: Accounting.formatMoney(d.dai,'Q'),\n total_iva: Accounting.formatMoney(d.total_iva,'Q'),\n total_a_pagar: Accounting.formatMoney(d.total_a_pagar,'Q')\n }));\n \n render() {\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(MasterTable)\n","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\nimport Accounting from 'accounting';\n\n//Components\nimport {\n Col,\n Row, Statistic,\n Table,\n} from 'antd';\n\nclass ConciliationTable extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.getColumns = this.getColumns.bind(this);\n this.getData = this.getData.bind(this);\n\n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n type: ''\n };\n }\n\n getColumns = () => {\n let columns = [\n { title: '#', dataIndex: 'key', key: 'key' },\n { title: 'Cliente', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Guia', dataIndex: 'guia', key: 'guia' },\n { title: 'Numero Prime', dataIndex: 'num_control', key: 'num_control' },\n { title: 'Transacción', dataIndex: 'transaction_id', key: 'transaction_id' },\n\n { title: 'Sub Total', dataIndex: 'subtotal_discount', key: 'subtotal_discount' },\n { title: 'Descuento', dataIndex: 'discount', key: 'discount' },\n\n { title: 'Total', dataIndex: 'total_discount', key: 'total_discount' },\n\n { title: 'Estado', dataIndex: 'status', key: 'status' },\n ];\n\n return columns\n }\n\n getData = data => data.map((d, i) => ({\n key: i + 1,\n guia: d.guia,\n num_control: d.num_control,\n transaction_id: d.transaction_id,\n total_cta: Accounting.formatMoney(d.total_cta, 'Q'),\n status: d.status === 'DONE' ? 'PAGADO' : '',\n client_id: d.client_id,\n discount: d.discount,\n subtotal_discount: d.subtotal_discount,\n total_discount: d.total_discount\n }));\n\n calculateTotals = data => {\n let obj = {\n invoices: data ? data.length : 0,\n totals: 0,\n weight: 0,\n packages: 0\n }\n\n let _total = 0\n let _weight = 0\n let _packages = 0\n\n data.forEach(element => {\n _total = _total + parseFloat(element.total_discount);\n _weight = _weight + parseInt(element.weight);\n _packages = _packages + element.package_id\n });\n\n obj.totals = _total\n obj.weight = _weight\n obj.packages = _packages\n\n return obj\n }\n\n render() {\n return (\n \n \n
\n
\n
\n );\n }\n}\n\nexport default withRouter(ConciliationTable)\n","//Libs\nimport React from 'react';\nimport { withRouter } from 'react-router';\nimport Accounting from 'accounting';\n\n//Components\nimport {\n Col,\n Row, Statistic,\n Table,\n} from 'antd';\nimport moment from \"moment\";\n\nclass InvoicesTable extends React.Component {\n \n constructor(props){\n super(props);\n \n this.getColumns = this.getColumns.bind(this);\n this.getData = this.getData.bind(this);\n \n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n };\n }\n \n getColumns = ()=>{\n let columns = [\n { title: '#', dataIndex: 'key', key: 'key' },\n { title: 'Cliente', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Nit', dataIndex: 'nit', key: 'nit' },\n { title: 'Serie Sat', dataIndex: 'num_serie_sat', key: 'num_serie_sat' },\n { title: 'Autorización Sat', dataIndex: 'num_authorization_sat', key: 'num_authorization_sat' },\n { title: 'Fecha', dataIndex: 'created_at', key: 'created_at' },\n { title: 'Observaciones', dataIndex: 'observations', key: 'observations' },\n { title: 'Numero Prime', dataIndex: 'num_control', key: 'num_control' },\n { title: 'Transacción', dataIndex: 'transaction_id', key: 'transaction_id' },\n { title: 'Metodo', dataIndex: 'payment', key: 'payment' },\n { title: 'Total', dataIndex: 'total_cta', key: 'total_cta' },\n { title: 'Estado', dataIndex: 'status', key: 'status' },\n ];\n \n return columns\n }\n \n getData = data => data.map((d,i )=> ({\n key: i +1,\n guia:d.guia,\n num_control:d.num_control,\n transaction_id:d.transaction_id,\n total_cta: Accounting.formatMoney(d.total_cta,'Q'),\n status:d.status,\n client_id:d.client_id,\n payment: d.payment,\n observations:d.observations,\n nit:d.nit,\n num_serie_sat:d.num_serie_sat,\n num_authorization_sat:d.num_authorization_sat,\n created_at: moment(d.created_at).format('YYYY/MM/DD')\n }));\n \n calculateTotals = data => {\n let obj = {\n invoices : data ? data.length : 0,\n totals : 0,\n process: 0,\n annul:0,\n card:0,\n cash:0,\n transfer:0,\n cheque:0\n }\n data.map( i => {\n obj.totals = parseFloat(obj.totals) + parseFloat(i.total_cta)\n if(i.status === 'DONE') obj.process = obj.process+ 1\n if(i.status === 'CANCELLED') obj.annul = obj.annul + 1\n if(i.payment === 'TARJETA') obj.card = obj.card + 1\n if(i.payment === 'EFECTIVO') obj.cash = obj.cash + 1\n if(i.payment === 'TRANSFERENCIA') obj.transfer = obj.transfer + 1\n if(i.payment === 'CHEQUE') obj.cheque = obj.cheque + 1\n return obj\n })\n \n return obj\n }\n \n render() {\n return (\n \n
\n \n
\n
\n
\n );\n }\n}\n\nexport default withRouter(InvoicesTable)\n","//Libs\nimport React from 'react'\nimport { withRouter } from 'react-router'\n\n//Components\nimport { Table } from 'antd'\n\nclass GuiaTable extends React.Component {\n constructor(props) {\n super(props)\n\n this.getColumns = this.getColumns.bind(this)\n this.getData = this.getData.bind(this)\n\n this.state = {\n data: [],\n isPageTween: false,\n loading: false,\n hasMore: true,\n }\n }\n\n getColumns = () => {\n let columns = [\n { title: '#', dataIndex: 'key', key: 'key' },\n { title: 'Cliente', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Factura Numero', dataIndex: 'document_id', key: 'document_id' },\n { title: 'Guia', dataIndex: 'guia', key: 'guia' },\n { title: 'Paquete', dataIndex: 'package_id', key: 'package_id' },\n { title: 'Monto', dataIndex: 'total_a_pagar', key: 'total_a_pagar' },\n { title: 'Status', dataIndex: 'status', key: 'status' },\n ]\n\n return columns\n }\n\n getData = data =>\n data.map((d, i) => ({\n key: i + 1,\n guia: d.guia,\n document_id: d.document_id,\n package_id: d.package_id,\n total_a_pagar: d.total_a_pagar,\n client_id: d.client_id,\n status: d.status,\n }))\n\n render() {\n return (\n \n
\n
\n
\n )\n }\n}\n\nexport default withRouter(GuiaTable)\n","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\nimport Accounting from 'accounting'\n\n//Api\nimport ReportSrc from '../reports/ReportsSrc'\n\n//Components\nimport UIIntegerInput from '../../commons/components/UIIntegerInput'\nimport ResumeTable from './components/ResumenTable'\nimport AccountTable from './components/AccountTable'\nimport MasterTable from './components/MasterTable'\nimport ConciliationTable from './components/ConciliationTable'\nimport InvoicesTable from './components/InvoicesTables'\nimport GuiaTable from './components/GuiaTable'\nimport { Form, DatePicker, Divider, Statistic, Input, Select, Button, Card, Col, Row, message } from 'antd'\n\n//Styles\n\n//const\nconst FormItem = Form.Item\nconst Option = Select.Option\n\nclass ReportsPage extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n radioValue: 'today',\n dateRange: null,\n type: 'CIERRE',\n accounting: 'general',\n code: null,\n data: [],\n loading: false,\n guia: '',\n errors: {},\n }\n\n this.onSearch = this.onSearch.bind(this)\n this.handleChange = this.handleChange.bind(this)\n }\n\n onSearch = async () => {\n try {\n await this.validateFields()\n this.setState({ loading: true })\n let params = {\n total: false,\n date: this.state.date ? this.state.date.format('YYYY-MM-DD') : null,\n startDate: this.state.startDate ? this.state.startDate.format('YYYY-MM-DD') : null,\n endDate: this.state.endDate ? this.state.endDate.format('YYYY-MM-DD') : null,\n }\n\n let counts\n let data\n\n switch (this.state.type) {\n case 'BODEGA':\n params.total = true\n counts = await ReportSrc.warehouseTotal(params)\n data = await ReportSrc.warehouseDetails()\n break\n case 'CIERRE':\n params.total = true\n counts = await ReportSrc.totals(params)\n data = await ReportSrc.closedReport(params)\n break\n case 'ENTRADA':\n params.total = true\n counts = await ReportSrc.entriesTotal(params)\n data = await ReportSrc.entriesDetails(params)\n break\n case 'HOLD':\n params.total = true\n counts = await ReportSrc.entriesTotalHold(params)\n data = await ReportSrc.entriesDetailsHold(params)\n break\n case 'RUTA':\n params.total = true\n counts = await ReportSrc.routeTotal(params)\n data = await ReportSrc.routeDetails()\n break\n case 'MASTER':\n params.total = true\n counts = await ReportSrc.byMasterTotal({ master: this.state.master, poliza: this.state.poliza })\n data = await ReportSrc.byMasterDetails({ master: this.state.master, poliza: this.state.poliza })\n break\n case 'CUENTAS':\n if (this.state.accounting === 'client_id') {\n data = await ReportSrc.state_account(`?client_id=${this.state.codigo}`)\n }\n if (this.state.accounting === 'package_id') {\n data = await ReportSrc.state_account(`?package_id=${this.state.codigo}`)\n } else if (this.state.accounting === 'general') {\n data = await ReportSrc.state_account(null)\n }\n break\n case 'CONCILIADO':\n params.store_id = this.state.store_id\n data = await ReportSrc.byConciliation(params)\n break\n case 'CONCILIADOFACTM':\n params.store_id = this.state.store_id\n params.type = 'FACTM'\n data = await ReportSrc.byConciliation(params)\n break\n case 'FACTURADO':\n params.store_id = this.state.store_id\n data = await ReportSrc.byInvoices(params)\n break\n case 'GUIA':\n data = await ReportSrc.byGuia(this.state.guia)\n break\n default:\n console.log('no actions')\n }\n\n this.setState({ counters: counts ? counts[0] : false, data: data, loading: false })\n } catch (e) {\n console.log(e)\n if (e && e.message) {\n message.error(e.message)\n }\n this.setState({ loading: false })\n }\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n if ((this.state.type === 'RUTA' || this.state.type === 'BODEGA') && this.state.date) {\n errors.date = 'La fecha es requerida'\n }\n\n this.setState({ errors })\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n console.log(errors)\n throw errors\n }\n }\n\n handleChange = (name, value) => {\n this.setState({ counter: {}, data: [] })\n let otherState = {}\n\n if (name === 'client' && value) {\n this.searchClient(value)\n otherState = { client_id: undefined }\n }\n\n if (name === 'client_id') {\n otherState = {\n client: undefined,\n client_data: undefined,\n }\n }\n\n this.setState({ [name]: value, ...otherState }, _ => { console.log(this.state) })\n }\n\n handleChangeSelect = (value) => {\n this.setState({ store_id: value })\n }\n\n render() {\n const { type, date, startDate, endDate, counters, data, loading, accounting, errors, codigo, master, poliza, guia } = this.state\n\n return (\n \n
\n
\n )\n }\n}\n\nexport default withRouter(ReportsPage)\n","import api from '../../config/api'\nimport { stage } from '../../config/credentials'\n\nconst url = stage.baseUrlPackages;\nconst urlTransferClient = stage.transferClient\n\nconst transfer = params => api.put(url+'/transfer', params);\nconst transferClient = params => api.put(urlTransferClient, params);\n\nexport default {\n transfer,\n transferClient\n}\n","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\n\n//Api\nimport PackagesSrc from '../packages/PackagesSrc'\nimport ClientsSrc from '../clients/ClientsSrc'\nimport TransferSrc from './TransferSrc'\nimport moment from 'moment'\n//Components\nimport UIIntegerInput from '../../commons/components/UIIntegerInput'\n\nimport { Form, Row, Card, Col, Button, message, Divider, Input, DatePicker } from 'antd'\nconst FormItem = Form.Item\nconst dateFormat = 'YYYY/MM/DD'\n\nclass TransferPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n errors: {},\n loading: false,\n package_id: null,\n new_package_id: null,\n date: null,\n }\n this.handleChange = this.handleChange.bind(this)\n this.searchClient = this.searchClient.bind(this)\n this.validateFields = this.validateFields.bind(this)\n this.handleUpdate = this.handleUpdate.bind(this)\n }\n\n handleChange = (name, value) => {\n let otherState = {}\n this.setState({ [name]: value, ...otherState })\n }\n\n validateFields = async () => {\n try {\n let errors = {}\n\n if (!this.state.package_id) {\n errors.package_id = 'El codigo es requerido'\n }\n\n if (!this.state.client_id) {\n errors.client_id = 'El cliente es requerido'\n }\n\n this.setState({ errors })\n\n if (Object.keys(errors).length > 0) throw errors\n\n return false\n } catch (errors) {\n throw errors\n }\n }\n\n searchClient = async package_id => {\n try {\n await this.validateFields()\n\n this.setState({ loading: true })\n\n let package_data = await PackagesSrc.get(package_id)\n let client_data = await ClientsSrc.getByClientId(this.state.client_id)\n this.setState({\n loading: false,\n package_data: package_data[0],\n client_data: client_data[0],\n total_a_pagar: package_data[0].total_a_pagar,\n date: package_data[0].ent_date,\n })\n } catch (e) {\n console.log(JSON.stringify(e))\n this.setState({ loading: false })\n message.error('Error')\n }\n }\n\n handleUpdate = () => {\n let params = {\n package_id: this.state.package_id,\n client_id: this.state.client_id,\n total: this.state.total_a_pagar,\n ent_date: this.state.date,\n }\n\n console.log(params)\n TransferSrc.transfer(params).then(d => {\n message.success('Actualizado')\n this.setState({ package_data: null, client_data: null, package_id: null, client_id: null, total_a_pagar: null })\n })\n }\n render() {\n const { loading, package_id, client_id, errors, package_data, client_data, date } = this.state\n return (\n \n
\n \n Reportes
\n\n \n
\n
\n )}\n\n {counters && this.state.type !== 'MASTER' && this.state.type !== 'HOLD' && (\n \n \n
\n
\n )}\n\n {this.state.type === 'MASTER' && data.length > 0 && (\n \n \n
\n
\n
\n
\n )}\n {this.state.type === 'CUENTAS' && data.length > 0 && \n
\n
\n \n
\n )\n }\n}\n\nexport default withRouter(TransferPage)\n","//Libs\nimport React, { Component } from 'react';\nimport { withRouter } from 'react-router';\n//Api\nimport TransferSrc from \"../TransferSrc\";\n\nimport {\n Form,\n Row,\n Card, Col, Button, message, Divider,Input\n} from 'antd';\nconst FormItem = Form.Item;\n\nclass TransferClient extends Component {\n constructor(props) {\n super(props)\n this.state = {\n errors:{},\n loading:false,\n client_id: null,\n new_client_id: null,\n }\n this.handleChange = this.handleChange.bind(this)\n }\n\n handleChange = (name, value) => {\n let otherState = {}\n this.setState({ [name]: value , ...otherState})\n };\n\n handleTransfer = () => {\n if(!this.state.client_id || !this.state.new_client_id )\n return message.error('Ambos campos son reuqeridos')\n\n const param = {\n new_client_id:this.state.new_client_id,\n client_id:this.state.client_id\n }\n\n TransferSrc.transferClient(param)\n .then( res => {\n this.setState({client_id:'',new_client_id:''})\n message.success('Codigo de Client Actualizado')\n })\n .catch(e => {\n console.log(e, 'error actualizando')\n message.error('error migrando el cliente')\n })\n };\n\n render() {\n const {\n loading,\n client_id,\n new_client_id,\n } = this.state;\n return (\n \n \n \n Cod. Cliente: {package_data.client_id}
\n
\n Tracking: {package_data.tracking}
\n
\n\n this.handleChange('total_a_pagar', e.target.value)}\n value={this.state.total_a_pagar}\n placeholder=\"\"\n />{' '}\n \n \n this.handleChange('date', value)}\n style={{ width: '100%' }}\n />\n \n
\n \n \n \n Cod. Cliente: {client_data.client_id}
\n Nombre: {client_data.name}
\n
\n Cuota: {client_data.cuota}
\n \n \n
\n
\n\n \n \n \n \n
\n
\n )}\n \n
\n Tracking: {package_data.tracking}
\n
\n
\n
\n Nombre: {client_data.name}
\n
\n Cuota: {client_data.cuota}
\n
\n
\n \n
\n )\n }\n}\n\nexport default withRouter(TransferClient)\n","import api from '../../config/api'\nimport { stage } from '../../config/credentials'\n\nconst url = stage.baseUrlReconciliation\n\nconst list = () => api.get(url + '/reconciliation')\n\nconst update = (id, email) => api.put(url + '/reconciliation/' + id, { recorded_by: email })\n\nconst getByFilter = params => api.get(url + '/reconciliation?' + params)\n\nexport default {\n getByFilter,\n list,\n update,\n}\n","//Libs\nimport React from 'react'\nimport { withRouter } from 'react-router'\nimport Accounting from 'accounting'\n\n//Components\nimport { Table, Button, Popconfirm } from 'antd'\n\nclass ReconciliationTable extends React.Component {\n constructor(props) {\n super(props)\n\n this.getColumns = this.getColumns.bind(this)\n this.onAction = this.onAction.bind(this)\n }\n\n onAction(record) {\n this.props.onAction(record)\n }\n\n getColumns = () => [\n { title: '#', dataIndex: 'id', key: 'id' },\n { title: 'Codigo Cliente', dataIndex: 'client_id', key: 'client_id' },\n { title: 'Control Prime', dataIndex: 'num_control', key: 'num_control' },\n { title: 'Observaciones', dataIndex: 'observations', key: 'observations' },\n { title: 'Sub Total', dataIndex: 'subtotal_discount', key: 'subtotal_discount', render: text => Accounting.formatMoney(text, 'Q') },\n { title: 'descuento', dataIndex: 'discount', key: 'discount', render: text => Accounting.formatMoney(text, 'Q') },\n { title: 'Total', dataIndex: 'total_discount', key: 'total_discount', render: text => Accounting.formatMoney(text, 'Q') },\n { title: 'Status', dataIndex: 'status_conciliation', key: 'status_conciliation', render: text => text === 'PENDING' && Pendiente
},\n {\n title: 'Accion',\n render: (text, record) => (\n \n index} />\n \n )\n }\n}\n\nexport default withRouter(ReconciliationTable)\n","//Libs\nimport React, { Component } from 'react'\nimport { withRouter } from 'react-router'\nimport { withUserDefaults } from '../../commons/components/UserDefaults'\nimport { Cache } from 'aws-amplify'\n\n//Api\nimport ReconciliationSrc from './ReconciliationSrc'\nimport { parseJwt } from '../../config/util'\n\n//Components\nimport ReconciliationTable from './components/ReconciliationTable'\nimport { Button, message, Form, DatePicker, Input, Col, Row, Divider, Card, Select } from 'antd'\n\n//Styles\n\n//const\nconst FormItem = Form.Item\nconst Option = Select.Option\n\nclass ReconciliationPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n loading: true,\n reconciliations: [],\n date: '',\n client_id: '',\n type: 'client_id',\n params: ''\n }\n\n this.onSearch = this.onSearch.bind(this)\n this.onAction = this.onAction.bind(this)\n }\n\n componentDidMount() {\n this.loadData()\n let profile = Cache.getItem('pnApp')\n this.setState({ role: profile.profile })\n }\n\n handleChange = (name, value) => {\n let otherState = {}\n switch (name) {\n case 'date':\n otherState = {\n client_id: undefined,\n }\n break\n case 'client_id':\n otherState = {\n date: undefined,\n }\n break\n default:\n otherState = {\n date: undefined,\n }\n }\n\n this.setState({ [name]: value, ...otherState })\n }\n\n loadData = () => {\n this.setState({ loading: true })\n ReconciliationSrc.getByFilter(this.state.params)\n .then(reconciliations => this.setState({ reconciliations, loading: false }))\n .catch(err => {\n message.error(err && err.message)\n this.setState({ loading: false })\n })\n }\n\n onSearch = () => {\n let params = ''\n\n if (this.state.client_id && this.state.client_id !== '') {\n params = `type=client&id=${this.state.client_id ? this.state.client_id : ''}`\n }\n\n if (this.state.date && this.state.date !== '') {\n const date = this.state.date.format('YYYY-MM-DD')\n params = `type=date&id=${date}`\n }\n this.setState({params:params})\n\n this.setState({ loading: true })\n ReconciliationSrc.getByFilter(params)\n .then(response => this.setState({ reconciliations: response, loading: false }))\n .catch(_ => {\n this.setState({ loading: false })\n })\n }\n\n onAction(id) {\n const email = parseJwt(JSON.parse(localStorage.getItem('aws-amplify-cachepnApp')).data.token).email\n this.setState({ loading: true })\n\n ReconciliationSrc.update(id, email)\n .then(response => {\n message.success('Conciliacion exitosa')\n this.loadData()\n this.setState({ loading: false })\n })\n\n .catch(_ => {\n this.setState({ loading: false })\n })\n }\n\n render() {\n const { getWord } = this.props.userDefaults\n const { loading, reconciliations, role, type, client_id, date } = this.state\n\n return (\n