})
\r\nexport const logoHome = })
\r\nexport const logoHome150 = })
\r\nexport const cart = })
\r\nexport const file = })
\r\nexport const book = })
\r\n\r\nexport const cotizacion = })
\r\nexport const ventas = })
\r\nexport const clientes = })
\r\nexport const bills = })
\r\nexport const clients = })
\r\nexport const clients2 = })
\r\n\r\n\r\nexport const colorNavBar = () => '#fff';","// react\r\nimport React from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { connect } from 'react-redux';\r\n\r\nfunction Title(props) {\r\n\r\n const { title, app } = props;\r\n\r\n return \r\n
\r\n );\r\n}\r\n\r\nexport default Dashboard;\r\n","\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { logoHome,logoHome150, cart, file, book,cotizacion, ventas, bills, clients, clients2 } from '../../data/logo';\r\nimport Title from '../shared/Title';\r\nimport Dashboard from './Dashboard';\r\n\r\nexport default function HomePage(props) {\r\n \r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}","// eslint-disable-next-line import/prefer-default-export\r\nexport const GET_APPINFO = 'GET_APPINFO';\r\nexport const UPDATE_APPINFO = 'UPDATE_APPINFO';","import { GET_APPINFO, UPDATE_APPINFO } from './appActionTypes';\r\nimport { createAction } from 'redux-actions';\r\nimport http from '../../utils/http';\r\n\r\n\r\nconst getAppInfoSuccess = createAction(GET_APPINFO);\r\nexport const getAppInfo = () => dispatch => {\r\n http('about/get-info').asGet()\r\n .then(resp => dispatch(getAppInfoSuccess(resp)))\r\n .catch(error => error);\r\n\r\n};\r\n\r\nconst setAppInfoSuccess = createAction(UPDATE_APPINFO);\r\nexport const setAppInfo = data => async(dispatch) => {\r\n return new Promise((resolve, reject) => {\r\n http('about/set-info').asPost(data)\r\n .then(resp => {\r\n dispatch(setAppInfoSuccess(setData(data, resp)));\r\n resolve();\r\n }).catch(err => {\r\n reject(err);\r\n });\r\n });\r\n};\r\n\r\nconst setData = (currentData, newData) => {\r\n let result = {...currentData, ...exluyeVersion(newData) };\r\n return result;\r\n}\r\n\r\nconst exluyeVersion = ({ version, ...resp }) => resp;","// react\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getAppInfo } from '../../store/app/appActions';\r\nimport { getUser } from '../../store/user/userActions';\r\n\r\nclass Footer extends Component {\r\n constructor(props) {\r\n super(props); \r\n }\r\n\r\n componentDidMount() {\r\n let { getAppInfo, getUser } = this.props;\r\n getAppInfo(); \r\n getUser();\r\n }\r\n\r\n \r\n \r\n render() {\r\n \r\n let { app, user } = this.props;\r\n\r\n const isPre = app.version.includes('_pre');\r\n\r\n const classPre = isPre ? 'color-red' : '';\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {cotizacion}\r\n Cotizaciones\r\n \r\n
\r\n \r\n \r\n {ventas}\r\n Preventas\r\n \r\n
\r\n \r\n \r\n {bills}\r\n Facturas\r\n \r\n
\r\n \r\n \r\n {clients}\r\n Cta por cobrar\r\n \r\n
\r\n \r\n \r\n {clients2}\r\n Clientes\r\n \r\n
\r\n \r\n \r\n {cart}\r\n Últ Ingresos\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n app: state.appInfo,\r\n user : state.user\r\n});\r\n\r\nconst mapDispatchToPros = ({\r\n getAppInfo,\r\n getUser,\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToPros)(Footer);\r\n","import { GET_USER, UPDATE_USER } from './userActionTypes';\r\n\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport const getUser = () => ({\r\n type: GET_USER\r\n});\r\n\r\nexport const updateUser = user => ({\r\n type: UPDATE_USER,\r\n payload: user\r\n});","// eslint-disable-next-line import/prefer-default-export\r\nexport const GET_USER = 'GET_USER';\r\nexport const UPDATE_USER = 'UPDATE_USER';","import Footer from './Footer';\r\n\r\nexport default Footer;\r\n","import { catalogsName, GET_CATALOGS } from '../consts';\r\nimport { createAction, handleActions } from 'redux-actions';\r\nimport http from '../../utils/http';\r\n\r\nconst getCatalogSuccess = createAction(GET_CATALOGS);\r\nexport const getCatalogs = () => dispatch => {\r\n http('catalogos/get-catalog-gerenals').asGet()\r\n .then(resp => {\r\n localStorage.setItem(catalogsName, JSON.stringify(resp))\r\n dispatch(getCatalogSuccess(resp))\r\n })\r\n .catch(error => error);\r\n\r\n};\r\n\r\nconst catalog = { \r\n \r\n}\r\n\r\nexport default handleActions({ \r\n [GET_CATALOGS]: (state, action) => {\r\n return action.payload\r\n }\r\n}, catalog)","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nfunction AppLink(props) {\r\n const { external, children, ...otherProps } = props;\r\n let link;\r\n\r\n if (external) {\r\n const {\r\n to,\r\n replace,\r\n innerRef,\r\n ...linkProps\r\n } = otherProps;\r\n\r\n link = {children};\r\n } else {\r\n link = {children};\r\n }\r\n\r\n return link;\r\n}\r\n\r\nAppLink.propTypes = {\r\n to: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n state: PropTypes.any,\r\n }),\r\n ]),\r\n replace: PropTypes.bool,\r\n innerRef: PropTypes.oneOfType([\r\n PropTypes.func,\r\n PropTypes.object,\r\n ]),\r\n external: PropTypes.bool,\r\n};\r\nAppLink.defaultProps = {\r\n external: false,\r\n};\r\n\r\nexport default AppLink;\r\n","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nfunction MegamenuLinks(props) {\r\n const { links, depth } = props;\r\n\r\n const linksList = links.map((link, index) => {\r\n let title = null;\r\n let subLinks = null;\r\n\r\n if (link.title) {\r\n title = {link.title};\r\n }\r\n\r\n if (link.links && link.links.length) {\r\n subLinks = \r\n\r\n
\r\n \r\n
\r\n \r\n {app.name}\r\n {' '}\r\n — v{app.version}\r\n
\r\n \r\n {user.username} {user.area}\r\n
\r\n - \r\n {linksList}\r\n
\r\n
\r\n ));\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nMegamenu.propTypes = {\r\n /** menu object (required) */\r\n menu: PropTypes.object,\r\n /** one of ['nav-links', 'department'] (default: 'nav-links') */\r\n location: PropTypes.oneOf(['nav-links', 'department']),\r\n};\r\n\r\nMegamenu.defaultProps = {\r\n location: 'nav-links',\r\n};\r\n\r\nexport default Megamenu;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.3,0.3c0.4-0.4,1-0.4,1.3,0l1.9,2l1.9-2c0.4-0.4,1-0.4,1.3,0c0.4,0.4,0.4,0.9,0,1.3L3.5,5L0.3,1.6 C-0.1,1.2-0.1,0.6,0.3,0.3z\"\n});\n\nvar SvgArrowRoundedDown7X5 = function SvgArrowRoundedDown7X5(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 7,\n height: 5,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedDown7X5, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-down-7x5.437746a0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.2,0.4c0.4-0.4,1-0.5,1.4-0.1l2.9,3l2.9-3c0.4-0.4,1.1-0.4,1.4,0.1c0.3,0.4,0.3,0.9-0.1,1.3L4.5,6L0.3,1.6C-0.1,1.3-0.1,0.7,0.2,0.4z\"\n});\n\nvar SvgArrowRoundedDown9X6 = function SvgArrowRoundedDown9X6(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 9,\n height: 6,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedDown9X6, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-down-9x6.6c48d4a4.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.286,0.273 L0.286,0.273 C-0.070,0.629 -0.075,1.204 0.276,1.565 L5.516,6.993 L10.757,1.565 C11.108,1.204 11.103,0.629 10.747,0.273 L10.747,0.273 C10.385,-0.089 9.796,-0.086 9.437,0.279 L5.516,4.296 L1.596,0.279 C1.237,-0.086 0.648,-0.089 0.286,0.273 Z\"\n});\n\nvar SvgArrowRoundedDown12X7 = function SvgArrowRoundedDown12X7(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"12px\",\n height: \"7px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedDown12X7, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-down-12x7.64456a81.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.7,8.7L5.7,8.7c-0.4,0.4-0.9,0.4-1.3,0L0,4.5l4.4-4.2c0.4-0.4,0.9-0.3,1.3,0l0,0c0.4,0.4,0.4,1,0,1.3l-3,2.9l3,2.9 C6.1,7.8,6.1,8.4,5.7,8.7z\"\n});\n\nvar SvgArrowRoundedLeft6X9 = function SvgArrowRoundedLeft6X9(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 6,\n height: 9,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedLeft6X9, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-left-6x9.08e1221c.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.7,0.3L6.7,0.3c-0.4-0.4-0.9-0.4-1.3,0L0,5.5l5.4,5.2c0.4,0.4,0.9,0.3,1.3,0l0,0c0.4-0.4,0.4-1,0-1.3l-4-3.9l4-3.9 C7.1,1.2,7.1,0.6,6.7,0.3z\"\n});\n\nvar SvgArrowRoundedLeft7X11 = function SvgArrowRoundedLeft7X11(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 7,\n height: 11,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedLeft7X11, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-left-7x11.8099ab29.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.7,12.7L7.7,12.7c-0.4,0.4-0.9,0.4-1.3,0L0,6.5l6.4-6.2c0.4-0.4,0.9-0.3,1.3,0l0,0c0.4,0.4,0.4,1,0,1.3l-5,4.9l5,4.9 C8.1,11.8,8.1,12.4,7.7,12.7z\"\n});\n\nvar SvgArrowRoundedLeft8X13 = function SvgArrowRoundedLeft8X13(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"8px\",\n height: \"13px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedLeft8X13, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-left-8x13.369ea40b.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.4,8.8c-0.4-0.4-0.5-1-0.1-1.4l3-2.9l-3-2.9c-0.4-0.4-0.4-1.1,0.1-1.4c0.4-0.3,0.9-0.3,1.3,0.1L6,4.5L1.6,8.7C1.3,9.1,0.7,9.1,0.4,8.8z\"\n});\n\nvar SvgArrowRoundedRight6X9 = function SvgArrowRoundedRight6X9(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 6,\n height: 9,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedRight6X9, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-right-6x9.6f425995.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.3,10.7L0.3,10.7c0.4,0.4,0.9,0.4,1.3,0L7,5.5L1.6,0.3C1.2-0.1,0.7,0,0.3,0.3l0,0c-0.4,0.4-0.4,1,0,1.3l4,3.9l-4,3.9 C-0.1,9.8-0.1,10.4,0.3,10.7z\"\n});\n\nvar SvgArrowRoundedRight7X11 = function SvgArrowRoundedRight7X11(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 7,\n height: 11,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedRight7X11, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-right-7x11.3b09c079.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.3,11.4l5-4.9l-5-4.9c-0.4-0.4-0.4-0.9,0-1.3l0,0c0.4-0.4,0.9-0.4,1.3,0L8,6.5l-6.4,6.2c-0.4,0.4-0.9,0.3-1.3,0l0,0 C-0.1,12.4-0.1,11.8,0.3,11.4z\"\n});\n\nvar SvgArrowRoundedRight8X13 = function SvgArrowRoundedRight8X13(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"8px\",\n height: \"13px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowRoundedRight8X13, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-rounded-right-8x13.0c286d3f.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 7,\n cy: 17,\n r: 2\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 15,\n cy: 17,\n r: 2\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20,4.4V5l-1.8,6.3c-0.1,0.4-0.5,0.7-1,0.7H6.7c-0.4,0-0.8-0.3-1-0.7L3.3,3.9C3.1,3.3,2.6,3,2.1,3H0.4C0.2,3,0,2.8,0,2.6 V1.4C0,1.2,0.2,1,0.4,1h2.5c1,0,1.8,0.6,2.1,1.6L5.1,3l2.3,6.8c0,0.1,0.2,0.2,0.3,0.2h8.6c0.1,0,0.3-0.1,0.3-0.2l1.3-4.4 C17.9,5.2,17.7,5,17.5,5H9.4C9.2,5,9,4.8,9,4.6V3.4C9,3.2,9.2,3,9.4,3h9.2C19.4,3,20,3.6,20,4.4z\"\n});\n\nvar SvgCart20 = function SvgCart20(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCart20, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/cart-20.567fd8b6.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.002,1.396 L3.461,7.002 L-0.002,3.498 L1.383,2.096 L3.461,4.199 L7.617,-0.006 L9.002,1.396 Z\"\n});\n\nvar SvgCheck9X7 = function SvgCheck9X7(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"9px\",\n height: \"7px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCheck9X7, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/check-9x7.671481aa.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.002,1.396 L4.461,9.002 L-0.002,4.498 L1.383,3.096 L4.461,6.203 L10.617,-0.006 L12.002,1.396 Z\"\n});\n\nvar SvgCheck12X9 = function SvgCheck12X9(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"12px\",\n height: \"9px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCheck12X9, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/check-12x9.804392d0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9,15H7c-0.6,0-1-0.4-1-1V2c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v12C10,14.6,9.6,15,9,15z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1,9h2c0.6,0,1,0.4,1,1v4c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1v-4C0,9.4,0.4,9,1,9z\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15,5h-2c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1h2c0.6,0,1-0.4,1-1V6C16,5.4,15.6,5,15,5z\"\n});\n\nvar SvgCompare16 = function SvgCompare16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCompare16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/compare-16.9f781750.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.8,8.8L8.8,8.8c-0.4,0.4-1,0.4-1.4,0L5,6.4L2.6,8.8c-0.4,0.4-1,0.4-1.4,0l0,0c-0.4-0.4-0.4-1,0-1.4L3.6,5L1.2,2.6 c-0.4-0.4-0.4-1,0-1.4l0,0c0.4-0.4,1-0.4,1.4,0L5,3.6l2.4-2.4c0.4-0.4,1-0.4,1.4,0l0,0c0.4,0.4,0.4,1,0,1.4L6.4,5l2.4,2.4 C9.2,7.8,9.2,8.4,8.8,8.8z\"\n});\n\nvar SvgCross10 = function SvgCross10(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 10,\n height: 10,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCross10, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/cross-10.528734c6.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.8,10.8L10.8,10.8c-0.4,0.4-1,0.4-1.4,0L6,7.4l-3.4,3.4c-0.4,0.4-1,0.4-1.4,0l0,0c-0.4-0.4-0.4-1,0-1.4L4.6,6L1.2,2.6 c-0.4-0.4-0.4-1,0-1.4l0,0c0.4-0.4,1-0.4,1.4,0L6,4.6l3.4-3.4c0.4-0.4,1-0.4,1.4,0l0,0c0.4,0.4,0.4,1,0,1.4L7.4,6l3.4,3.4 C11.2,9.8,11.2,10.4,10.8,10.8z\"\n});\n\nvar SvgCross12 = function SvgCross12(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 12,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCross12, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/cross-12.93070ac9.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.71,17.71L17.71,17.71c-0.387,0.387-1.013,0.387-1.4,0L10,11.4l-6.31,6.31c-0.387,0.387-1.013,0.387-1.4,0l0,0 c-0.387-0.387-0.387-1.013,0-1.4L8.6,10L2.29,3.69c-0.387-0.387-0.387-1.013,0-1.4l0,0c0.387-0.387,1.013-0.387,1.4,0L10,8.6 l6.31-6.31c0.387-0.387,1.013-0.387,1.4,0l0,0c0.387,0.387,0.387,1.013,0,1.4L11.4,10l6.31,6.31 C18.097,16.697,18.097,17.323,17.71,17.71z\"\n});\n\nvar SvgCross20 = function SvgCross20(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCross20, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/cross-20.75d4e9e0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.2,18.2H46v-0.9c0-1.2-1.2-1.8-2.5-1.8c-0.5,0-1,0.1-1.4,0.3c0,0,2.3-4.6,2.3-4.6c1-2.3-3-4-4.4-1.4l-5.2,10.2 c-0.3,0.6-0.4,1.4,0,2.1c-0.2-0.1-0.4-0.2-0.7-0.2h-4.9c1.6-1.6,6.6-3.5,6.6-8c0-1.6-0.7-3-1.9-4c-1.1-0.9-2.5-1.4-4-1.4 c-2.8,0-5.8,1.8-5.8,5c0,2.2,1.4,2.5,2.3,2.5c1.7,0,2.5-1,2.5-2c0-0.5,0.1-1,1-1c0.9,0,1,0.6,1,0.9c0,2.3-7.1,4.5-7.1,8.4v2.2 c0,1.1,1.3,1.8,2.2,1.8h8c1.4,0,2.3-2.2,1.3-3.7c0.3,0.1,0.6,0.2,0.9,0.2H41v1.7c0,1,1,1.8,2.5,1.8s2.5-0.7,2.5-1.8v-1.7h0.3 c1,0,1.8-1.2,1.8-2.3C48,19.1,47.3,18.2,46.2,18.2L46.2,18.2z M34.2,24.9h-8c-0.4,0-0.8-0.3-0.8-0.4v-2.2c0-3.1,7.1-5,7.1-8.4 c0-1.1-0.8-2.3-2.4-2.3c-1.5,0-2.4,0.9-2.4,2.4c0,0.2-0.4,0.6-1.1,0.6c-0.5,0-0.9-0.1-0.9-1.1c0-2.3,2.3-3.6,4.4-3.6 c2.3,0,4.5,1.4,4.5,3.9c0,4.5-6.9,5.8-6.9,8.5v0.2c0,0.4,0.3,0.7,0.7,0.7h5.9c0.1,0,0.4,0.3,0.4,0.8C34.6,24.5,34.3,24.8,34.2,24.9 L34.2,24.9z M46.2,21.4h-0.9c-0.4,0-0.7,0.3-0.7,0.7v2.4c0,0.2-0.4,0.4-1,0.4s-1-0.2-1-0.4v-2.4c0-0.4-0.3-0.7-0.7-0.7h-5.3 c-0.5,0-0.5-0.5-0.4-0.8c0,0,0,0,0,0l5.2-10.2c0.5-1,1.9-0.2,1.9,0.1c0,0.1,0,0-4,8.1c-0.2,0.5,0.1,1,0.6,1h1.9 c0.4,0,0.7-0.3,0.7-0.7v-1.6c0-0.1,0.4-0.4,1.1-0.4c0.6,0,1,0.2,1,0.4v1.6c0,0.4,0.3,0.7,0.7,0.7h1c0.2,0,0.4,0.4,0.4,0.9 C46.6,21,46.3,21.3,46.2,21.4L46.2,21.4z M41,18v0.2H41L41,18z\"\n}), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37,36.6c2.4-2.3,4.2-5.2,5.2-8.4c0.1-0.4-0.1-0.8-0.5-0.9c-0.4-0.1-0.8,0.1-0.9,0.5c-0.9,2.9-2.6,5.6-4.8,7.7 c-0.3,0.3-0.3,0.7,0,1C36.2,36.9,36.7,36.9,37,36.6L37,36.6z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.1,7.9c0.2-0.3,0.2-0.8-0.2-1c-5.3-3.7-11.8-4.5-17.6-2.5C17,4.5,16.8,4.9,17,5.3s0.5,0.6,0.9,0.4 C23.1,3.9,29.2,4.5,34.1,8C34.4,8.2,34.9,8.2,35.1,7.9L35.1,7.9z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.2,43.6c-0.9-0.5-1.9-0.6-2.8-0.4c-0.5,0.1-1.1,0.2-1.6,0.3c-0.4,0-0.7,0.4-0.6,0.8s0.4,0.7,0.8,0.6 c0.6,0,1.2-0.1,1.8-0.3c0.6-0.1,1.2,0,1.8,0.3c1.6,0.9,3.5,0.9,5.1-0.1c3.6-2.2,3.2-2,3.4-2.1c2.2-1.5,2.9-4.5,1.5-6.8L32,31.8 c-1.4-2.3-4.5-3.1-6.8-1.6l-3.2,2c-1.5,0.9-2.4,2.5-2.4,4.2c0,0.2-0.1,0.3-0.3,0.2c-1.2-0.3-2.4-0.8-3.3-1.7 c-1.4-1.3-2.6-2.6-3.7-4c-0.2-0.3-0.7-0.4-1-0.1s-0.4,0.7-0.1,1c1.1,1.5,2.4,2.9,3.9,4.2c1.1,1,2.5,1.7,3.9,2c1,0.2,2-0.6,2-1.6 c0-1.2,0.6-2.4,1.7-3l2.7-1.7l6.3,10.2l-2.7,1.7C27.8,44.2,26.4,44.2,25.2,43.6L25.2,43.6z M26.6,31c1.5-0.5,3.3,0.1,4.1,1.5 l2.5,4.1c0.9,1.4,0.6,3.2-0.5,4.4L26.6,31z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.4,23.2c1,3.8,2.4,7.2,4.2,10.2s4.2,5.8,7.1,8.4c1.6,1.4,3.6,2.4,5.7,2.9c0.4,0.1,0.8-0.2,0.8-0.5 c0.1-0.4-0.2-0.8-0.5-0.8c-1.9-0.4-3.6-1.3-5.1-2.5c-2.8-2.5-5.1-5.2-6.9-8.1c-1.7-2.8-3.1-6.1-4.1-9.8C0.9,19.4,1.7,15.7,4,13 c0.6-0.7,1-1.7,0.9-2.7C4.8,9,5.5,7.8,6.6,7.1l2.7-1.7l6.3,10.2l-2.7,1.7c-1,0.6-2.3,0.7-3.4,0.2c-0.9-0.5-2,0.1-2.3,1.1 c-0.4,1.5-0.4,3,0,4.5c0.6,2.1,1.3,4.1,2.2,5.8c0.2,0.3,0.6,0.5,1,0.3c0.3-0.2,0.5-0.6,0.3-1c-0.9-1.7-1.6-3.5-2.1-5.5 c-0.3-1.2-0.3-2.5,0-3.7c0-0.1,0.2-0.2,0.3-0.2c1.5,0.8,3.3,0.7,4.8-0.2l3.2-2c2.3-1.4,3.1-4.5,1.6-6.8l-2.5-4.1 c-1.4-2.4-4.5-3.1-6.8-1.6l-3.2,2c-1.5,0.9-2.5,2.7-2.4,4.5c0,0.6-0.2,1.2-0.6,1.7C0.3,15.2-0.6,19.3,0.4,23.2L0.4,23.2z M14.7,6.3l2.5,4.1c0.9,1.4,0.6,3.2-0.5,4.4L10.6,4.8C12.1,4.3,13.9,4.9,14.7,6.3L14.7,6.3z\"\n})));\n\nvar SvgFi24Hours48 = function SvgFi24Hours48(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 48,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFi24Hours48, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/fi-24-hours-48.56dc1a0e.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.6,26.9l-1.2-5c0.3-0.1,0.6-0.4,0.6-0.7v-0.8c0-1.7-1.4-3.2-3.2-3.2h-5.7v-1.7c0-0.9-0.7-1.6-1.6-1.6H23.1l6.4-2.6 c0.4-0.2,0.6-0.6,0.4-1c-0.2-0.4-0.6-0.6-1-0.4l-5.2,2.1c1.6-1,3.2-2.2,3.8-2.9c1.2-1.5,0.9-3.7-0.7-4.9c-1.5-1.2-3.7-0.9-4.9,0.7 l0,0c-0.9,1.1-2,4.3-2.7,6.5c-0.7-2.2-1.9-5.4-2.7-6.5l0,0c-1.2-1.5-3.4-1.8-4.9-0.7C10,5.5,9.7,7.7,10.9,9.2 c0.6,0.8,2.2,1.9,3.8,2.9l-5.2-2.1c-0.4-0.2-0.8,0-1,0.4c-0.2,0.4,0,0.8,0.4,1l6.4,2.6H4.8c-0.9,0-1.6,0.7-1.6,1.6v13.6 C3.2,29.6,3.5,30,4,30c0.4,0,0.8-0.3,0.8-0.8V15.6c0,0,0,0,0,0h28.9c0,0,0,0,0,0v13.6c0,0.4,0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8 v-0.9H44c0,0,0,0,0,0c0,0,0,0,0,0c1.1,0,2,0.7,2.3,1.7H44c-0.4,0-0.8,0.3-0.8,0.8v1.6c0,1.3,1.1,2.4,2.4,2.4h0.9v3.3h-2 c-0.6-1.9-2.4-3.2-4.5-3.2c-2.1,0-3.9,1.3-4.5,3.2h-0.4v-5.7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8v5.7H18.1 c-0.6-1.9-2.4-3.2-4.5-3.2c-2.1,0-3.9,1.3-4.5,3.2H4.8c0,0,0,0,0,0v-1.7H8c0.4,0,0.8-0.3,0.8-0.8S8.4,34.9,8,34.9H0.8 c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h2.5V38c0,0.9,0.7,1.6,1.6,1.6h4.1c0,0,0,0,0,0c0,2.6,2.1,4.8,4.8,4.8s4.8-2.1,4.8-4.8 c0,0,0,0,0,0h16.9c0,0,0,0,0,0c0,2.6,2.1,4.8,4.8,4.8s4.8-2.1,4.8-4.8c0,0,0,0,0,0h2.5c0.4,0,0.8-0.3,0.8-0.8v-8 C48,28.8,46.5,27.2,44.6,26.9z M23.1,5.9L23.1,5.9c0.7-0.9,1.9-1,2.8-0.4s1,1.9,0.4,2.8c-0.3,0.3-1.1,1.2-4.1,3 c-0.6,0.4-1.2,0.7-1.7,1C21.2,10.1,22.4,6.9,23.1,5.9z M12.1,8.3c-0.7-0.9-0.5-2.1,0.4-2.8c0.4-0.3,0.8-0.4,1.2-0.4 c0.6,0,1.2,0.3,1.6,0.8l0,0c0.7,1,1.9,4.2,2.6,6.5c-0.5-0.3-1.1-0.6-1.7-1C13.2,9.5,12.4,8.7,12.1,8.3z M35.2,21.9h6.7l1.2,4.9h-7.9 V21.9z M40.8,18.7c0.9,0,1.7,0.7,1.7,1.7v0h-7.3v-1.7L40.8,18.7L40.8,18.7z M13.6,42.9c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3 s3.3,1.5,3.3,3.3S15.4,42.9,13.6,42.9z M40,42.9c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3s3.3,1.5,3.3,3.3S41.8,42.9,40,42.9z M45.6,33.3c-0.5,0-0.9-0.4-0.9-0.9v-0.9h1.7v1.7L45.6,33.3L45.6,33.3z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.6,38.1c-0.9,0-1.6,0.7-1.6,1.6s0.7,1.6,1.6,1.6s1.6-0.7,1.6-1.6S14.4,38.1,13.6,38.1z\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40,38.1c-0.9,0-1.6,0.7-1.6,1.6s0.7,1.6,1.6,1.6c0.9,0,1.6-0.7,1.6-1.6S40.9,38.1,40,38.1z\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.2,35.6c0,0.4,0.3,0.8,0.8,0.8h11.2c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H20C19.6,34.9,19.2,35.2,19.2,35.6z\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.4,33.2H12c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H2.4c-0.4,0-0.8,0.3-0.8,0.8S1.9,33.2,2.4,33.2z\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12,21.9c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H8.8c-0.4,0-0.8,0.3-0.8,0.8v6.4c0,0.4,0.3,0.8,0.8,0.8 c0.4,0,0.8-0.3,0.8-0.8v-2.5h1.7c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H9.5v-1.7L12,21.9L12,21.9z\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.1,23.2c0-1.5-1.2-2.8-2.8-2.8h-2c-0.4,0-0.8,0.3-0.8,0.8v6.4c0,0.4,0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8V26h1.3 l1.4,2.1c0.1,0.2,0.4,0.3,0.6,0.3c0.1,0,0.3,0,0.4-0.1c0.3-0.2,0.4-0.7,0.2-1l-1.1-1.7C18.6,25,19.1,24.2,19.1,23.2z M15.1,21.9h1.3 c0.7,0,1.3,0.6,1.3,1.3s-0.6,1.3-1.3,1.3h-1.3V21.9z\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24,21.9c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-3.2c-0.4,0-0.8,0.3-0.8,0.8v6.4c0,0.4,0.3,0.8,0.8,0.8H24 c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-2.5v-1.7c0,0,0,0,0,0h1.6c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-1.6c0,0,0,0,0,0v-1.7 L24,21.9L24,21.9z\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.6,21.9c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-3.2c-0.4,0-0.8,0.3-0.8,0.8v6.4c0,0.4,0.3,0.8,0.8,0.8h3.2 c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-2.5v-1.7H28c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8h-0.9v-1.7L29.6,21.9L29.6,21.9z\"\n});\n\nvar SvgFiFreeDelivery48 = function SvgFiFreeDelivery48(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 48,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFiFreeDelivery48, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/fi-free-delivery-48.fbb019ad.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30,34.4H2.5c-0.5,0-0.9-0.4-0.9-0.9V7.7c0-0.5,0.4-0.9,0.9-0.9H42c0.5,0,0.9,0.4,0.9,0.9v11.2c0,0.4,0.4,0.8,0.8,0.8 c0.4,0,0.8-0.4,0.8-0.8V7.7c0-1.4-1.1-2.5-2.5-2.5H2.5C1.1,5.2,0,6.3,0,7.7v25.8C0,34.8,1.1,36,2.5,36H30c0.4,0,0.8-0.4,0.8-0.8 C30.8,34.7,30.5,34.4,30,34.4z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.4,18v-5.2c0-0.9-0.7-1.7-1.7-1.7H6.8c-0.9,0-1.7,0.7-1.7,1.7V18c0,0.9,0.7,1.7,1.7,1.7h6.9C14.6,19.7,15.4,18.9,15.4,18 z M13.7,12.8V18c0,0,0,0.1-0.1,0.1h-3.5v-1.8h0.9c0.4,0,0.8-0.4,0.8-0.8c0-0.4-0.4-0.8-0.8-0.8h-0.9v-1.8L13.7,12.8 C13.7,12.8,13.7,12.8,13.7,12.8z M6.8,18v-5.2c0,0,0-0.1,0.1-0.1h1.8V18L6.8,18C6.8,18,6.8,18,6.8,18z\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.2,11.1c-0.8-0.5-1.7-0.8-2.6-0.8c-2.6,0-4.7,2.1-4.7,4.7s2.1,4.7,4.7,4.7c1,0,1.8-0.3,2.6-0.8c0.8,0.5,1.7,0.8,2.6,0.8 c2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7C33.8,10.3,32.9,10.6,32.2,11.1z M26.5,15c0-1.7,1.4-3.1,3.1-3.1c0.5,0,0.9,0.1,1.4,0.3 C30.4,13,30.1,14,30.1,15c0,1,0.3,1.9,0.9,2.7c-0.4,0.2-0.9,0.3-1.4,0.3C27.9,18,26.5,16.7,26.5,15z M37.8,15c0,1.7-1.4,3.1-3.1,3.1 c-0.5,0-0.9-0.1-1.4-0.3c0.6-0.8,0.9-1.7,0.9-2.7c0-0.4-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8c0,0.6-0.2,1.2-0.5,1.6 c-0.3-0.5-0.5-1.1-0.5-1.6c0-1.7,1.4-3.1,3.1-3.1C36.4,11.9,37.8,13.3,37.8,15z\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6,24.1c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8h6.9c0.4,0,0.8-0.4,0.8-0.8c0-0.4-0.4-0.8-0.8-0.8H6z\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.9,29.2H6c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8h24.9c0.4,0,0.8-0.4,0.8-0.8S31.3,29.2,30.9,29.2z\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.3,24.1c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8h6.9c0.4,0,0.8-0.4,0.8-0.8c0-0.4-0.4-0.8-0.8-0.8H16.3z\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.7,24.1h-5.2c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8h5.2c0.4,0,0.8-0.4,0.8-0.8C32.5,24.4,32.2,24.1,31.7,24.1z\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.3,30.2v-3.6c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6v3.6c-1,0.3-1.7,1.3-1.7,2.4v7.7c0,1.4,1.1,2.5,2.5,2.5h10.3 c1.4,0,2.5-1.1,2.5-2.5v-7.7C48,31.5,47.3,30.5,46.3,30.2z M40.3,22.2c2.4,0,4.3,2,4.3,4.3v3.5H36v-3.5C36,24.2,37.9,22.2,40.3,22.2 z M46.4,40.3c0,0.5-0.4,0.9-0.9,0.9H35.2c-0.5,0-0.9-0.4-0.9-0.9v-7.7c0-0.5,0.4-0.9,0.9-0.9h10.3c0.5,0,0.9,0.4,0.9,0.9V40.3z\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.3,33.5c-1.2,0-2.1,0.9-2.1,2.1c0,0.9,0.5,1.6,1.3,1.9v1.1c0,0.4,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8v-1.1 c0.8-0.3,1.3-1.1,1.3-1.9C42.4,34.4,41.5,33.5,40.3,33.5z M40.3,35.1c0.3,0,0.5,0.2,0.5,0.5s-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5 S40.1,35.1,40.3,35.1z\"\n});\n\nvar SvgFiPaymentSecurity48 = function SvgFiPaymentSecurity48(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 48,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFiPaymentSecurity48, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/fi-payment-security-48.8bbb999d.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M48,3.3c0-0.9-0.3-1.7-1-2.3c-0.6-0.6-1.4-1-2.3-1c-0.9,0-1.7,0.3-2.3,1c-0.3,0.3-0.7,0.8-1,1.1c-0.3,0.3-0.2,0.8,0.1,1.1 c0.3,0.3,0.8,0.2,1.1-0.1c0.4-0.5,0.7-0.9,0.9-1c0.3-0.3,0.8-0.5,1.2-0.5c0,0,0,0,0,0c0.5,0,0.9,0.2,1.2,0.5 c0.3,0.3,0.5,0.8,0.5,1.2c0,0.5-0.2,0.9-0.5,1.2c-0.3,0.3-1.3,1.1-2.7,2.1c-0.9-1.5-2.4-2.4-4.3-2.4H27.5c-1.5,0-3,0.6-4.1,1.7 L0.7,28.6C0.3,29,0,29.7,0,30.3s0.3,1.3,0.7,1.7L16,47.3c0.5,0.5,1.1,0.7,1.7,0.7c0.7,0,1.3-0.3,1.7-0.7l22.8-22.8 c1.1-1.1,1.7-2.5,1.7-4.1V9.1c0-0.3,0-0.7-0.1-1C45.4,7,46.6,6,47,5.6C47.7,5,48,4.1,48,3.3z M42.3,9.1v11.4c0,1.1-0.4,2.2-1.2,3 L18.3,46.2c-0.3,0.3-0.9,0.3-1.2,0L1.8,30.9c-0.3-0.3-0.3-0.9,0-1.2L24.6,6.9c0.8-0.8,1.8-1.2,3-1.2h11.4c1.3,0,2.4,0.7,3,1.8 c-0.9,0.6-1.9,1.3-3,1.9c0,0-0.1-0.1-0.1-0.1c-1.3-1.3-3.3-1.3-4.6,0s-1.3,3.3,0,4.6c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1 c0.9-0.9,1.1-2.1,0.8-3.1C40.6,10.2,41.5,9.6,42.3,9.1C42.3,9.1,42.3,9.1,42.3,9.1z M35.7,11.9c0.1,0.3,0.4,0.4,0.7,0.4 c0.1,0,0.2,0,0.3-0.1c0.5-0.2,0.9-0.5,1.4-0.7c0,0.4-0.2,0.9-0.5,1.2c-0.7,0.7-1.8,0.7-2.4,0c-0.7-0.7-0.7-1.8,0-2.4 c0.3-0.3,0.8-0.5,1.2-0.5c0.3,0,0.7,0.1,1,0.3c-0.4,0.2-0.9,0.5-1.3,0.7C35.7,11.1,35.6,11.5,35.7,11.9z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.3,25.8c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l2.4,2.4l-3,3l-2.4-2.4c-0.3-0.3-0.8-0.3-1.1,0 c-0.3,0.3-0.3,0.8,0,1.1l5.9,5.9c0.2,0.2,0.4,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1l-2.4-2.4l3-3l2.4,2.4 c0.2,0.2,0.4,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L16.3,25.8z\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.8,21.4c-1.4-1.4-3.8-1.4-5.2,0s-1.4,3.8,0,5.2l1.8,1.8c0.7,0.7,1.7,1.1,2.6,1.1s1.9-0.4,2.6-1.1c1.4-1.4,1.4-3.8,0-5.2 L24.8,21.4z M25.5,27.3c-0.8,0.8-2.2,0.8-3,0l-1.8-1.8c-0.8-0.8-0.8-2.2,0-3c0.4-0.4,1-0.6,1.5-0.6s1.1,0.2,1.5,0.6l1.8,1.8 C26.3,25.1,26.3,26.5,25.5,27.3z\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.4,15.8l1.8-1.8c0.3-0.3,0.3-0.8,0-1.1c-0.3-0.3-0.8-0.3-1.1,0l-4.7,4.7c-0.3,0.3-0.3,0.8,0,1.1c0.2,0.2,0.4,0.2,0.5,0.2 s0.4-0.1,0.5-0.2l1.8-1.8l5.3,5.3c0.2,0.2,0.4,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L27.4,15.8z\"\n});\n\nvar SvgFiTag48 = function SvgFiTag48(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 48,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFiTag48, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/fi-tag-48.00a295d7.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7,14v-2h9v2H7z M14,7h2v2h-2V7z M12.5,6C12.8,6,13,6.2,13,6.5v3c0,0.3-0.2,0.5-0.5,0.5h-2 C10.2,10,10,9.8,10,9.5v-3C10,6.2,10.2,6,10.5,6H12.5z M7,2h9v2H7V2z M5.5,5h-2C3.2,5,3,4.8,3,4.5v-3C3,1.2,3.2,1,3.5,1h2 C5.8,1,6,1.2,6,1.5v3C6,4.8,5.8,5,5.5,5z M0,2h2v2H0V2z M9,9H0V7h9V9z M2,14H0v-2h2V14z M3.5,11h2C5.8,11,6,11.2,6,11.5v3 C6,14.8,5.8,15,5.5,15h-2C3.2,15,3,14.8,3,14.5v-3C3,11.2,3.2,11,3.5,11z\"\n});\n\nvar SvgFilters16 = function SvgFilters16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFilters16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/filters-16.fae20c05.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14,3c2.2,0,4,1.8,4,4c0,4-5.2,10-8,10S2,11,2,7c0-2.2,1.8-4,4-4c1,0,1.9,0.4,2.7,1L10,5.2L11.3,4C12.1,3.4,13,3,14,3 M14,1 c-1.5,0-2.9,0.6-4,1.5C8.9,1.6,7.5,1,6,1C2.7,1,0,3.7,0,7c0,5,6,12,10,12s10-7,10-12C20,3.7,17.3,1,14,1L14,1z\"\n});\n\nvar SvgHeart20 = function SvgHeart20(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgHeart20, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/heart-20.93b6c6ff.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2,16H9.8C9.4,16,9,15.6,9,15.2V9.8C9,9.4,9.4,9,9.8,9h5.4C15.6,9,16,9.4,16,9.8v5.4C16,15.6,15.6,16,15.2,16z M15.2,7 H9.8C9.4,7,9,6.6,9,6.2V0.8C9,0.4,9.4,0,9.8,0h5.4C15.6,0,16,0.4,16,0.8v5.4C16,6.6,15.6,7,15.2,7z M6.2,16H0.8 C0.4,16,0,15.6,0,15.2V9.8C0,9.4,0.4,9,0.8,9h5.4C6.6,9,7,9.4,7,9.8v5.4C7,15.6,6.6,16,6.2,16z M6.2,7H0.8C0.4,7,0,6.6,0,6.2V0.8 C0,0.4,0.4,0,0.8,0h5.4C6.6,0,7,0.4,7,0.8v5.4C7,6.6,6.6,7,6.2,7z\"\n});\n\nvar SvgLayoutGrid16X16 = function SvgLayoutGrid16X16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLayoutGrid16X16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/layout-grid-16x16.561a6f5a.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16,0.8v14.4c0,0.4-0.4,0.8-0.8,0.8H9.8C9.4,16,9,15.6,9,15.2V0.8C9,0.4,9.4,0,9.8,0l5.4,0C15.6,0,16,0.4,16,0.8z M7,0.8 v14.4C7,15.6,6.6,16,6.2,16H0.8C0.4,16,0,15.6,0,15.2L0,0.8C0,0.4,0.4,0,0.8,0l5.4,0C6.6,0,7,0.4,7,0.8z\"\n});\n\nvar SvgLayoutGridWithDetails16X16 = function SvgLayoutGridWithDetails16X16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLayoutGridWithDetails16X16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/layout-grid-with-details-16x16.a13d95e4.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2,16H0.8C0.4,16,0,15.6,0,15.2V9.8C0,9.4,0.4,9,0.8,9h14.4C15.6,9,16,9.4,16,9.8v5.4C16,15.6,15.6,16,15.2,16z M15.2,7 H0.8C0.4,7,0,6.6,0,6.2V0.8C0,0.4,0.4,0,0.8,0h14.4C15.6,0,16,0.4,16,0.8v5.4C16,6.6,15.6,7,15.2,7z\"\n});\n\nvar SvgLayoutList16X16 = function SvgLayoutList16X16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLayoutList16X16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/layout-list-16x16.e1a94a2e.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M194.797,18 L184,18 C184,18.552 183.552,19 183,19 L182,19 C181.448,19 181,18.552 181,18 L181,16 L178.377,16 C177.708,16 177.119,15.556 176.935,14.912 L173.246,2 L168,2 L168,4 L168.500,4 C169.328,4 170,4.672 170,5.500 L170,24.500 C170,25.328 169.328,26 168.500,26 L165.500,26 C164.672,26 164,25.328 164,24.500 L164,5.500 C164,4.672 164.672,4 165.500,4 L166,4 L166,1.500 C166,0.672 166.672,0 167.500,0 L173.622,0 C174.292,0 174.881,0.444 175.065,1.088 L178.754,14 L181,14 L181,13 C181,12.448 181.448,12 182,12 L183,12 C183.552,12 184,12.448 184,13 L194.797,13 C195.461,13 196,13.539 196,14.203 L196,16.797 C196,17.461 195.461,18 194.797,18 ZM156.783,26 L154.483,26 C153.767,26 153.129,25.552 152.884,24.878 L150.437,18.135 C150.407,18.054 150.331,18 150.245,18 L142.768,18 C142.682,18 142.606,18.054 142.576,18.135 L140.129,24.878 C139.884,25.552 139.245,26 138.530,26 L136.230,26 C135.395,26 134.815,25.169 135.100,24.383 L143.445,1.122 C143.690,0.448 144.328,0 145.044,0 L147.969,0 C148.685,0 149.323,0.448 149.568,1.122 L157.913,24.383 C158.198,25.169 157.618,26 156.783,26 ZM148.472,12.725 L146.698,7.848 C146.633,7.668 146.380,7.668 146.315,7.848 L144.541,12.725 C144.492,12.859 144.591,13 144.733,13 L148.280,13 C148.422,13 148.521,12.859 148.472,12.725 ZM130.493,26 L128.090,26 C127.555,26 127.060,25.714 126.792,25.250 L122.610,18 L120.003,22.520 L120.003,24.500 C120.003,25.328 119.333,26 118.505,26 L116.507,26 C115.680,26 115.009,25.328 115.009,24.500 L115.009,1.500 C115.009,0.672 115.680,0 116.507,0 L118.505,0 C119.333,0 120.003,0.672 120.003,1.500 L120.003,12.520 L126.792,0.750 C127.060,0.286 127.555,0 128.090,0 L130.493,0 C131.646,0 132.367,1.250 131.791,2.250 L125.487,13 L131.791,23.750 C132.367,24.750 131.646,26 130.493,26 ZM103.987,15.775 L103.987,24.500 C103.987,25.328 103.315,26 102.486,26 L100.485,26 C99.656,26 98.984,25.328 98.984,24.500 L98.984,15.775 L98.594,15.100 L91.180,2.250 C90.610,1.250 91.330,0 92.481,0 L94.792,0 C95.322,0 95.823,0.290 96.093,0.750 L101.486,10.090 L106.879,0.750 C107.149,0.290 107.649,0 108.179,0 L110.491,0 C111.641,0 112.362,1.250 111.791,2.250 L103.987,15.775 ZM79,26 C71.821,26 66,20.179 66,13 C66,5.820 71.821,-0.001 79,-0.001 C86.180,-0.001 92.001,5.820 92.001,13 C92.001,20.179 86.180,26 79,26 ZM79,5 C74.582,5 71,8.582 71,13 C71,17.418 74.582,21 79,21 C83.418,21 87,17.418 87,13 C87,8.582 83.418,5 79,5 ZM62.793,23.750 C63.362,24.750 62.643,26 61.494,26 L59.186,26 C58.656,26 58.157,25.710 57.887,25.250 L53.711,18 L49.005,18 L49.005,24.500 C49.005,25.330 48.335,26 47.506,26 L45.508,26 C44.679,26 44.009,25.330 44.009,24.500 L44.009,1.500 C44.009,0.670 44.679,0 45.508,0 L54,0 C58.966,0 62.992,4.030 62.992,9 C62.992,12.240 61.274,15.090 58.706,16.670 L62.793,23.750 ZM54,5 L50.004,5 C49.454,5 49.005,5.450 49.005,6 L49.005,12 C49.005,12.550 49.454,13 50.004,13 L54,13 C56.208,13 57.997,11.210 57.997,9 C57.997,6.790 56.208,5 54,5 ZM39.500,5 L33,5 L33,24.500 C33,25.328 32.328,26 31.500,26 L29.500,26 C28.672,26 28,25.328 28,24.500 L28,5 L21.500,5 C20.672,5 20,4.328 20,3.500 L20,1.500 C20,0.672 20.672,0 21.500,0 L39.500,0 C40.328,0 41,0.672 41,1.500 L41,3.500 C41,4.328 40.328,5 39.500,5 ZM16.487,8 L14.181,8 C13.565,8 13.040,7.611 12.790,7.048 C12.261,5.856 10.765,5 9,5 C6.793,5 5.005,6.340 5.005,8 C5.005,8.940 5.575,9.780 6.483,10.320 C6.706,10.455 6.948,10.574 7.206,10.673 C8.059,11 8.412,12.020 7.955,12.812 L6.948,14.558 C6.573,15.208 5.768,15.499 5.080,15.201 C3.872,14.679 2.815,13.924 1.989,13 C0.751,11.630 0.012,9.890 0.012,8 C0.012,3.580 4.037,0 9,0 C13.254,0 17.017,2.629 17.950,6.163 C18.196,7.095 17.450,8 16.487,8 ZM1.513,18 L3.820,18 C4.435,18 4.960,18.389 5.210,18.952 C5.739,20.144 7.236,21 9,21 C11.207,21 12.995,19.660 12.995,18 C12.995,17.060 12.426,16.220 11.517,15.680 C11.294,15.544 11.052,15.426 10.794,15.327 C9.941,14.999 9.588,13.980 10.045,13.188 L11.053,11.442 C11.427,10.792 12.233,10.501 12.920,10.799 C14.128,11.320 15.185,12.075 16.011,13 C17.249,14.370 17.988,16.110 17.988,18 C17.988,22.420 13.964,26 9,26 C4.747,26 0.983,23.371 0.050,19.837 C-0.196,18.905 0.550,18 1.513,18 Z\"\n});\n\nvar SvgLogo = function SvgLogo(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"196px\",\n height: \"26px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLogo, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/logo.833bcde2.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.5,20h-1.1c-0.6,0-1.2-0.4-1.4-1l-1.5-4h-6.1l-1.5,4c-0.2,0.6-0.8,1-1.4,1h-1.1c-1,0-1.8-1-1.4-2l1.1-3 l1.5-4l3.6-10c0.2-0.6,0.8-1,1.4-1h1.6c0.6,0,1.2,0.4,1.4,1l3.6,10l1.5,4l1.1,3C120.3,19,119.5,20,118.5,20z M111.5,6.6l-1.6,4.4 h3.2L111.5,6.6z M99.5,20h-1.4c-0.4,0-0.7-0.2-0.9-0.5L94,14l-2,3.5v1c0,0.8-0.7,1.5-1.5,1.5h-1c-0.8,0-1.5-0.7-1.5-1.5v-17 C88,0.7,88.7,0,89.5,0h1C91.3,0,92,0.7,92,1.5v8L94,6l3.2-5.5C97.4,0.2,97.7,0,98.1,0h1.4c1.2,0,1.9,1.3,1.3,2.3L96.3,10l4.5,7.8 C101.4,18.8,100.7,20,99.5,20z M80.3,11.8L80,12.3v6.2c0,0.8-0.7,1.5-1.5,1.5h-1c-0.8,0-1.5-0.7-1.5-1.5v-6.2l-0.3-0.5l-5.5-9.5 c-0.6-1,0.2-2.3,1.3-2.3h1.4c0.4,0,0.7,0.2,0.9,0.5L76,4.3l2,3.5l2-3.5l2.2-3.8C82.4,0.2,82.7,0,83.1,0h1.4c1.2,0,1.9,1.3,1.3,2.3 L80.3,11.8z M60,20c-5.5,0-10-4.5-10-10S54.5,0,60,0s10,4.5,10,10S65.5,20,60,20z M60,4c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6 S63.3,4,60,4z M47.8,17.8c0.6,1-0.2,2.3-1.3,2.3h-2L41,14h-4v4.5c0,0.8-0.7,1.5-1.5,1.5h-1c-0.8,0-1.5-0.7-1.5-1.5v-17 C33,0.7,33.7,0,34.5,0H41c0.3,0,0.7,0,1,0.1c3.4,0.5,6,3.4,6,6.9c0,2.4-1.2,4.5-3.1,5.8L47.8,17.8z M42,4.2C41.7,4.1,41.3,4,41,4h-3 c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h3c0.3,0,0.7-0.1,1-0.2c0.3-0.1,0.6-0.3,0.9-0.5C43.6,8.8,44,7.9,44,7C44,5.7,43.2,4.6,42,4.2z M29.5,4H25v14.5c0,0.8-0.7,1.5-1.5,1.5h-1c-0.8,0-1.5-0.7-1.5-1.5V4h-4.5C15.7,4,15,3.3,15,2.5v-1C15,0.7,15.7,0,16.5,0h13 C30.3,0,31,0.7,31,1.5v1C31,3.3,30.3,4,29.5,4z M6.5,20c-2.8,0-5.5-1.7-6.4-4c-0.4-1,0.3-2,1.3-2h1c0.5,0,0.9,0.3,1.2,0.7 c0.2,0.3,0.4,0.6,0.8,0.8C4.9,15.8,5.8,16,6.5,16c1.5,0,2.8-0.9,2.8-2c0-0.7-0.5-1.3-1.2-1.6C7.4,12,7,11,7.4,10.3l0.4-0.9 c0.4-0.7,1.2-1,1.8-0.6c0.6,0.3,1.2,0.7,1.6,1.2c1,1.1,1.7,2.5,1.7,4C13,17.3,10.1,20,6.5,20z M11.6,6h-1c-0.5,0-0.9-0.3-1.2-0.7 C9.2,4.9,8.9,4.7,8.6,4.5C8.1,4.2,7.2,4,6.5,4C5,4,3.7,4.9,3.7,6c0,0.7,0.5,1.3,1.2,1.6C5.6,8,6,9,5.6,9.7l-0.4,0.9 c-0.4,0.7-1.2,1-1.8,0.6c-0.6-0.3-1.2-0.7-1.6-1.2C0.6,8.9,0,7.5,0,6c0-3.3,2.9-6,6.5-6c2.8,0,5.5,1.7,6.4,4C13.3,4.9,12.6,6,11.6,6 z\"\n});\n\nvar SvgLogoSmall = function SvgLogoSmall(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"120px\",\n height: \"20px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLogoSmall, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/logo-small.e16633df.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M-0.000,8.000 L-0.000,6.000 L18.000,6.000 L18.000,8.000 L-0.000,8.000 ZM-0.000,-0.000 L18.000,-0.000 L18.000,2.000 L-0.000,2.000 L-0.000,-0.000 ZM14.000,14.000 L-0.000,14.000 L-0.000,12.000 L14.000,12.000 L14.000,14.000 Z\"\n});\n\nvar SvgMenu18X14 = function SvgMenu18X14(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"18px\",\n height: \"14px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgMenu18X14, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/menu-18x14.9414eccc.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14,15h-4v-2h3v-3h2v4C15,14.6,14.6,15,14,15z M13,3h-3V1h4c0.6,0,1,0.4,1,1v4h-2V3z M6,3H3v3H1V2c0-0.6,0.4-1,1-1h4V3z M3,13h3v2H2c-0.6,0-1-0.4-1-1v-4h2V13z\"\n});\n\nvar SvgQuickview16 = function SvgQuickview16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgQuickview16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/quickview-16.a0532c00.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"rating__fill\",\n d: \"M7,0.3L9,4h3.5c0.4,0.1,0.6,0.8,0.3,1.1L10,7.4l1,4c0.1,0.4-0.4,0.8-0.8,0.6L6.5,10l-3.7,1.9c-0.4,0.2-0.9-0.1-0.8-0.6l1-4 L0.2,5.1C-0.2,4.8,0,4.1,0.5,4H4l2-3.7C6.2-0.1,6.8-0.1,7,0.3z\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"rating__stroke\",\n d: \"M6.5,1.5l1.6,3L8.4,5H9h2.4l-2,1.6L8.9,7L9,7.6l0.7,3L7,9.1L6.5,8.9L6,9.1l-2.8,1.5l0.7-3L4.1,7L3.6,6.6L1.6,5 H4h0.6l0.3-0.5L6.5,1.5 M6.5,0C6.3,0,6.1,0.1,6,0.3L4,4H0.5C0,4.1-0.2,4.8,0.2,5.1L3,7.4l-1,4C1.9,11.7,2.2,12,2.5,12 c0.1,0,0.2,0,0.3-0.1L6.5,10l3.7,1.9c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.5-0.6l-1-4l2.8-2.3c0.3-0.3,0.1-1-0.3-1.1H9L7,0.3 C6.9,0.1,6.7,0,6.5,0L6.5,0z\"\n});\n\nvar SvgRating13X12 = function SvgRating13X12(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"13px\",\n height: \"12px\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgRating13X12, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/rating-13x12.1b14329a.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.2,17.8c0,0-0.2,0.5-0.5,0.8c-0.4,0.4-0.9,0.6-0.9,0.6s-0.9,0.7-2.8-1.6c-1.1-1.4-2.2-2.8-3.1-3.9C10.9,14.5,9.5,15,8,15 c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7c0,1.5-0.5,2.9-1.3,4c1.1,0.8,2.5,2,4,3.1C20,16.8,19.2,17.8,19.2,17.8z M8,3C5.2,3,3,5.2,3,8 c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5C13,5.2,10.8,3,8,3z\"\n});\n\nvar SvgSearch20 = function SvgSearch20(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgSearch20, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/search-20.5d954e6d.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.9,8.4l-5.4,5.4c-0.3,0.3-0.7,0.3-1,0L2.1,8.4c-1.5-1.5-1.5-3.8,0-5.3C2.8,2.4,3.8,2,4.8,2s1.9,0.4,2.6,1.1L8,3.7 l0.6-0.6C9.3,2.4,10.3,2,11.3,2c1,0,1.9,0.4,2.6,1.1C15.4,4.6,15.4,6.9,13.9,8.4z\"\n});\n\nvar SvgWishlist16 = function SvgWishlist16(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWishlist16, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/wishlist-16.fa274ec1.svg\";\nexport { ForwardRef as ReactComponent };","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\n// application\r\nimport AppLink from '../shared/AppLink';\r\nimport { ArrowRoundedRight6x9Svg } from '../../svg';\r\n\r\n\r\nfunction Menu(props) {\r\n const {\r\n layout,\r\n withIcons,\r\n items,\r\n onClick,\r\n } = props;\r\n\r\n const renderLink = (item, content) => {\r\n let link;\r\n\r\n if (item.url) {\r\n link = (\r\n \r\n {columns}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if (withIcons && item.icon) {\r\n icon = (\r\n \r\n 
\r\n
\r\n );\r\n }\r\n\r\n return (\r\n - \r\n {itemsList}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n if (item.submenu && item.submenu.type === 'megamenu') {\r\n submenu = (\r\n \r\n
\r\n );\r\n }\r\n\r\n const classes = classNames('nav-links__item', {\r\n 'nav-links__item--with-submenu': item.submenu,\r\n });\r\n\r\n return (\r\n - \r\n {linksList}\r\n
\r\n {dropdown}\r\n
\r\n );\r\n }\r\n\r\n const classes = classNames(`indicator indicator--trigger--click ${className}`, {\r\n 'indicator--opened': open,\r\n });\r\n\r\n return (\r\n \r\n {button}\r\n {dropdown}\r\n
\r\n );\r\n }\r\n}\r\n\r\nIndicator.propTypes = {\r\n /** indicator value */\r\n value: PropTypes.number,\r\n /** the component that will be shown in the dropdown */\r\n dropdown: PropTypes.node,\r\n /** indicator icon */\r\n icon: PropTypes.node,\r\n /** indicator url */\r\n url: PropTypes.string,\r\n /** callback function that is called when the dropdown is opened */\r\n onOpen: PropTypes.func,\r\n /** callback function that is called when the dropdown is closed */\r\n onClose: PropTypes.func,\r\n};\r\n\r\nexport default Indicator;\r\n","// react\r\nimport React, { Component } from 'react';\r\nimport { withRouter} from 'react-router-dom';\r\n// application\r\nimport Indicator from './Indicator';\r\nimport { Cross20Svg, Search20Svg } from '../../svg';\r\n\r\n\r\nclass IndicatorSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.input = React.createRef();\r\n this.indicator = React.createRef();\r\n this.onSubmit = this.onSubmit.bind(this); \r\n }\r\n\r\n handleOpen = () => {\r\n if (this.input.current) {\r\n this.input.current.focus();\r\n }\r\n };\r\n\r\n handleKeyDown = (event) => {\r\n if (event.which === 27 && this.indicator.current) {\r\n this.indicator.current.close();\r\n }\r\n };\r\n\r\n onSubmit(e){\r\n e.preventDefault();\r\n this.props.history.push({ pathname : `/app/paciente/${this.input.current.value}`})\r\n }\r\n\r\n render() {\r\n const searchIcon = (\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {logotipo}\r\n
\r\n );\r\n\r\n searchIndicator = \r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n wishlist: state.wishlist,\r\n});\r\n\r\nconst mapDispatchToProps = {};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(NavPanel);\r\n","// react\r\nimport React, { Component } from 'react';\r\n\r\n// third-party\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\n// application\r\nimport Menu from './Menu';\r\nimport { ArrowRoundedDown7x5Svg } from '../../svg';\r\n\r\n\r\nclass Dropdown extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n open: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.handleOutsideClick);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleOutsideClick);\r\n }\r\n\r\n setWrapperRef = (node) => {\r\n this.wrapperRef = node;\r\n };\r\n\r\n handleOutsideClick = (event) => {\r\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\r\n this.setState(() => ({\r\n open: false,\r\n }));\r\n }\r\n };\r\n\r\n handleButtonClick = () => {\r\n this.setState((state) => ({\r\n open: !state.open,\r\n }));\r\n };\r\n\r\n handleItemClick = (item) => {\r\n const { onClick } = this.props;\r\n\r\n this.setState(() => ({\r\n open: false,\r\n }));\r\n\r\n if (onClick) {\r\n onClick(item);\r\n }\r\n };\r\n\r\n render() {\r\n const { open } = this.state;\r\n const { title, withIcons, items } = this.props;\r\n\r\n const classes = classNames('topbar-dropdown', {\r\n 'topbar-dropdown--opened': open,\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n {_logo} \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {searchIndicator}\r\n
\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nDropdown.propTypes = {\r\n /** array of menu items */\r\n items: PropTypes.array.isRequired,\r\n /** default: false */\r\n withIcons: PropTypes.bool,\r\n /** callback function that is called when the item is clicked */\r\n onClick: PropTypes.func,\r\n};\r\n\r\nDropdown.defaultProps = {\r\n withIcons: false,\r\n onClick: undefined,\r\n};\r\n\r\nexport default Dropdown;\r\n","// react\r\nimport React from 'react';\r\n\r\nimport { connect } from 'react-redux';\r\n// third-party\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// application\r\nimport Dropdown from './Dropdown';\r\n\r\n\r\nfunction Topbar(props) {\r\n \r\n let { user, toolBarOpts } = props;\r\n \r\n const links = toolBarOpts.map(x => ({ title: \r\n
\r\n \r\n {item.title}\r\n
\r\n ));\r\n\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => ({ \r\n user: state.user, \r\n toolBarOpts: state.toolBarOpts \r\n});\r\n\r\nexport default connect(mapStateToProps, null)(Topbar);","// react\r\nimport React from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport { getCatalogs } from '../../store/catalogs/catalogReducer';\r\n\r\n// application\r\nimport NavPanel from './NavPanel';\r\nimport Topbar from './Topbar';\r\n\r\n\r\nfunction Header(props) {\r\n \r\n const dispatch = useDispatch();\r\n dispatch(getCatalogs());\r\n\r\n const { layout } = props; \r\n\r\n return (\r\n \r\n
\r\n \r\n {linksList}\r\n \r\n
\r\n \r\n {user.username}}\r\n items={accountLinks}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Header;\r\n","import Header from './Header';\r\n\r\nexport default Header;\r\n","const catalogos = [{\r\n name : 'grupos',\r\n caption : 'Categoria de Productos',\r\n url : 'familias'\r\n},{\r\n name : 'marcas',\r\n caption : 'Marcas',\r\n url : 'presentaciones'\r\n},{\r\n name : 'unidadmedida',\r\n caption : 'Unidad de Medida',\r\n url : 'ums'\r\n},{\r\n name : 'bancos',\r\n caption : 'Bancos',\r\n url : 'banks'\r\n},{\r\n name : 'gruponotacredito',\r\n caption : 'Justificación Nota de Crédito',\r\n url : 'movementgroups'\r\n}];\r\n\r\n\r\n\r\nexport default catalogos;","import CustomStore from 'devextreme/data/custom_store';\r\nimport DataSource from \"devextreme/data/data_source\"; \r\nimport notify from 'devextreme/ui/notify';\r\nimport http from '../utils/http';\r\nimport { required } from '../utils/proxy';\r\n\r\n/**\r\n * returna un new CustomStore/ \r\n * @param {model} model - uri para enlazar los datos\r\n * @return {CustomStore} CustomStore\r\n */\r\n\r\n\r\nconst store =\r\n (\r\n defaultModel\r\n ) => {\r\n\r\n let model = {...{\r\n uri: required('uri'),\r\n msgInserted: 'Registro agregado correctamente',\r\n msgUpdated: 'Registro modificado correctamente',\r\n msgDeleted: 'Registro eliminado correctamente',\r\n cb: null,\r\n remoteOperations: false,\r\n extraParameter: null\r\n },\r\n ...defaultModel\r\n };\r\n\r\n const customStore = new CustomStore({ \r\n load: (loadOptions) => {\r\n\r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 20; \r\n\r\n params.requireTotalCount = loadOptions.requireTotalCount ?? true;\r\n\r\n if (model?.extraParameter?.length) {\r\n for (let index = 0; index < model.extraParameter.length; index++) {\r\n const element = model.extraParameter[index];\r\n \r\n if (typeof element[1] === \"object\") {\r\n params[element[0]] = `${element[1]}`;\r\n } else \r\n params[element[0]] = element[1];\r\n\r\n }\r\n }\r\n \r\n if (model.extraParameter?.key)\r\n params[model.extraParameter.key] = model.extraParameter.value;\r\n\r\n if (loadOptions.filter) {\r\n if (typeof loadOptions.filter[0] == 'object') {\r\n\r\n let moreParams = {};\r\n\r\n const dataFilter = filters =>{\r\n \r\n for (var filter in filters) {\r\n if (filters.hasOwnProperty(filter)) {\r\n\r\n if(['columnIndex','filterValue'].includes(filter)) continue;\r\n\r\n const element = filters[filter]\r\n \r\n if(['!=','==','<','>','<=','>=','and','or'].includes(element)) continue;\r\n \r\n if (typeof element == 'object') {\r\n dataFilter(element);\r\n }else{\r\n if(moreParams[filters[0]])\r\n moreParams[`${filters[0]}End` ] = filters[2];\r\n else\r\n moreParams[filters[0]] = filters[2];\r\n break;\r\n }\r\n }\r\n }\r\n\r\n };\r\n\r\n dataFilter(loadOptions.filter);\r\n \r\n params = { ...params, ...moreParams}\r\n\r\n \r\n } else {\r\n params[loadOptions.filter[0]] = loadOptions.filter[2];\r\n }\r\n }\r\n\r\n return http(model.uri.get)\r\n .asGet(params)\r\n .then((data) => {\r\n\r\n let resp = data;\r\n\r\n if (model.cb)\r\n resp = model.cb(data);\r\n\r\n if (model.remoteOperations)\r\n return {\r\n data: resp.items,\r\n totalCount: resp.totalCount,\r\n }\r\n else\r\n return {\r\n data: resp,\r\n totalCount: resp.length,\r\n };\r\n })\r\n .catch(() => { throw 'Data Loading Error'; });\r\n },\r\n insert: (data) => {\r\n \r\n return new Promise((resolve,reject) =>\r\n http(model.uri.insert).asPost(data).then(result => {\r\n notify(model.msgInserted);\r\n resolve(result);\r\n }).catch(err => {\r\n notify(err, 'error');\r\n reject(err); \r\n })\r\n )\r\n },\r\n update: (data, dataModificada) => {\r\n\r\n return new Promise((resolve,reject) =>\r\n http(model.uri.insert).asPost({...data, ...dataModificada }).then(result => {\r\n notify(model.msgUpdated);\r\n resolve(result);\r\n }).catch(err => {\r\n notify(err, 'error');\r\n reject(err); \r\n })\r\n\r\n )\r\n },\r\n remove: catalogo => {\r\n return new Promise((resolve,reject) =>\r\n http(model.uri.remove(catalogo.id)).asGet().then(result => {\r\n notify(model.msgDeleted, 'error');\r\n resolve(result);\r\n }).catch(err => {\r\n notify(err, 'error');\r\n reject(err); \r\n })\r\n )\r\n },\r\n byKey: id => http(model.uri.getById(id)).asGet()\r\n\r\n });\r\n\r\n return customStore;\r\n }\r\n\r\nconst dataSourceSelect = (url, urlByKey) => new DataSource({\r\n load: (loadOptions) => {\r\n\r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n\r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue ;\r\n\r\n return http(url)\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(urlByKey).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n})\r\n\r\nexport { store, dataSourceSelect }","import { TOOLBAR_ADD, TOOLBAR_REMOVE, TOOLBAR_LOAD } from \"../consts\";\r\n\r\nconst stateInit = [\r\n { name:'Aplicación', path: '/app/config'}\r\n];\r\n\r\nconst myPathName = 'myPaths';\r\n\r\n\r\nexport const addToolBarAction = ({ name, path}) => ({\r\n type: TOOLBAR_ADD,\r\n payload : {name, path}\r\n});\r\n\r\nexport const removeToolBarAction = (name) => ({\r\n type: TOOLBAR_REMOVE,\r\n payload : name\r\n});\r\n\r\nconst getPaths = () => JSON.parse(localStorage.getItem(myPathName)) || stateInit;\r\n\r\nexport default function toolBarOptsReducer(state = stateInit, { type, payload }) {\r\n\r\n const actions = {\r\n [TOOLBAR_ADD] : () => {\r\n\r\n const myPaths = getPaths();\r\n const exits = myPaths.find(x => x.name === payload.name);\r\n\r\n if(exits) return [...myPaths];\r\n\r\n myPaths.push(payload);\r\n localStorage.setItem(myPathName, JSON.stringify(myPaths));\r\n return [...myPaths];\r\n\r\n },\r\n [TOOLBAR_REMOVE] : () => {\r\n \r\n const myPaths = getPaths();\r\n const myPathsFiltered = myPaths.filter(x => x.name !== payload);\r\n localStorage.setItem(myPathName, JSON.stringify(myPathsFiltered));\r\n return [...myPathsFiltered];\r\n\r\n },\r\n [TOOLBAR_LOAD] : () => {\r\n const myPaths = getPaths();\r\n return myPaths;\r\n }\r\n }\r\n\r\n return actions[type]?.call() || actions[TOOLBAR_LOAD]?.call();\r\n}\r\n\r\n","// react\r\nimport React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { addToolBarAction, removeToolBarAction } from '../../store/toolBar/toolBarOptsReducer';\r\nfunction BlockHeader({showFavorite = false, title, icon, children,...rest}) {\r\n\r\n const { toolBarOpts } = useSelector(store => store);\r\n const dispatch = useDispatch();\r\n\r\n const path = rest.location?.pathname;\r\n\r\n const existFavorite = toolBarOpts.find(x => x.name === title);\r\n\r\n const onClick = () => {\r\n if(existFavorite) \r\n dispatch(removeToolBarAction(title));\r\n else\r\n dispatch(addToolBarAction({ name: title, path})); \r\n\r\n }\r\n\r\n const showFavorites = path && showFavorite\r\n\r\n const className = existFavorite ? 'd-hand dx-icon-favorites exist-favorite' : 'd-hand dx-icon-favorites';\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default BlockHeader;\r\n","import React from \"react\";\r\nimport { userService } from \"../services/user.service\";\r\n\r\nconst Authorized = canAction => component => {\r\n return canAction ? component : (\r\n \r\n {title} {icon && }\r\n {showFavorites && }\r\n
\r\n \r\n {children}\r\n\r\n
\r\n )\r\n}\r\n\r\n/**\r\n * Retorna el un componente si el usuario no tiene permiso al recurso actual\r\n * @param {{resourceId : boolean, action : Number}} token - token que se va guardar\r\n * @return {{canAction: false Unauthorized}} token\r\n */\r\nconst useAuthorization = (..._resources) => {\r\n \r\n const user = userService.getUser();\r\n\r\n const result = _resources.map((x) =>\r\n user.resources.find((y) => y.resource === x) === undefined ? false : true\r\n );\r\n\r\n const authorized = Authorized(result[0])\r\n\r\n return [authorized, ...result, ];\r\n\r\n}\r\n\r\nexport default useAuthorization;","import React from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n ColumnChooser, \r\n Column, \r\n Export, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule} from 'devextreme-react/data-grid';\r\n\r\nimport uri from '../../utils/uri';\r\nimport toCapital from '../../utils/common';\r\nimport { store } from '../../services/store';\r\nimport Title from './Title';\r\nimport BlockHeader from './BlockHeader';\r\nimport { createProxyBase } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, editorOptionsSwitch, resources } from '../../data/app';\r\n\r\nfunction Catalogo(props) {\r\n\r\n const { name, url, caption } = props;\r\n\r\n const [ authorized ] = useAuthorization( resources.adminCatalogos );\r\n\r\n let dataGrid = React.createRef();\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Crear nuevo',\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.instance.addRow()\r\n }\r\n });\r\n } \r\n\r\n const onInitNewRow = (e) => {\r\n e.data.active = true;\r\n }\r\n \r\n return authorized(\r\n \r\n El usuario no tiene permisos para este recurso \r\n
\r\n\r\n \r\n <BlockHeader title={toCapital(caption||name)}/> \r\n <DataGrid id=\"gridContainer\"\r\n ref={(ref) => dataGrid = ref}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : createProxyBase(url)})}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onInitNewRow={onInitNewRow}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <Export enabled={true} fileName={name} allowExportSelectedData={true} />\r\n <Column dataField=\"name\" caption=\"Descripcion\" />\r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100} />\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n <Popup title={toCapital(caption||name)} showTitle={true} width={450} height={250}>\r\n \r\n </Popup>\r\n <Form>\r\n <Item dataField=\"name\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerida\"/>\r\n <StringLengthRule max={50} min={2} message=\"Máximo de caracteres 50 y 2 mínimo\"/>\r\n </Item>\r\n <Item dataField=\"active\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch} >\r\n </Item> \r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n};\r\n\r\nexport default Catalogo; //connect(mapStateToProps, mapDispatchToProps)(GridSprintStart);","import React from \"react\";\r\nimport { Route, Redirect } from \"react-router-dom\";\r\nimport { userService } from '../../services/user.service';\r\n\r\n\r\nconst PrivateRoute = routeProps => {\r\n\r\n let {component: Component,render: Render, ...rest} = routeProps;\r\n\r\n return (<Route exact {...rest} render= { props => \r\n userService.isLogged() \r\n ? Component ? <Component {...props} /> : <Render {...props}/>\r\n : <Redirect to={{pathname:'/account/login', state:{from: props.location}}} />\r\n } />)\r\n};\r\n\r\n\r\nexport default PrivateRoute;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column } from 'devextreme-react/data-grid';\r\nimport { formatDate } from '../../data/app';\r\nimport http from '../../utils/http';\r\nimport BlockHeader from '../shared/BlockHeader';\r\n\r\nconst Paciente = props => {\r\n\r\n const [beneficiaries, setBeneficiaries] = useState([]);\r\n\r\n const { id } = props.match.params;\r\n\r\n useEffect(() => {\r\n http(`beneficiaries/search/${id}`).asGet().then(resp => setBeneficiaries(resp));\r\n }, [id]);\r\n\r\n const title = `Resultado de la busqueda de ${id}`;\r\n\r\n return (\r\n <div className=\"container\"> \r\n <BlockHeader title={title} /> \r\n <DataGrid id=\"gridContainer\"\r\n selection={{ mode: 'single' }}\r\n dataSource={beneficiaries}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n noDataText='No se encontró ningun beneficiario'\r\n > \r\n <Column dataField=\"inss\" width={100} />\r\n <Column dataField=\"relationship\" width={120} caption=\"Parentesco\">\r\n </Column> \r\n <Column dataField=\"identification\" width={140} />\r\n <Column dataField=\"firstName\" caption=\"Nombre\" />\r\n <Column dataField=\"lastName\" caption=\"Apellidos\" />\r\n <Column dataField=\"birthDate\" caption=\"Fecha Nac.\" width={140} dataType=\"date\" format={formatDate}/>\r\n <Column dataField=\"sex\" width={100} caption=\"Sexo\">\r\n </Column> \r\n <Column dataField=\"phoneNumber\" visible={false} caption=\"Telefono\" width={150} />\r\n <Column dataField=\"cellNumber\" visible={false} caption=\"Celular\" width={150} /> \r\n <Column dataField=\"email\" visible={false} caption=\"Correo\"/>\r\n <Column dataField=\"beneficiaryStatus\" width={100} caption=\"Estado\">\r\n </Column> \r\n <Column dataField='address' caption=\"Dirección\" visible={false}></Column>\r\n \r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Paciente;\r\n","import { dialogDefault, DIALOG_OUTPUTPRODUCT } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogOutputProduct = payload => ({ type: DIALOG_OUTPUTPRODUCT, payload });\r\n\r\nexport default function outPutProductDialogReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [DIALOG_OUTPUTPRODUCT] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import moment from 'moment';\r\n\r\nexport const billDefault = {\r\n creditDays : 0,\r\n vendorId: null,\r\n areaId: 0,\r\n observaction: '',\r\n nameClient: '',\r\n clientId: null,\r\n rate : 0,\r\n date : new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n}\r\n\r\nexport const inPutProductDefault = {\r\n date : new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n}\r\n\r\nexport const outPutProductDefault = {\r\n ...inPutProductDefault\r\n}\r\n\r\nexport const purchaseDefault = {\r\n areaId: 0,\r\n date : new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n typeId:0,\r\n providerId: null,\r\n observaction: '',\r\n rate : 0,\r\n currencyId: 1,\r\n}\r\n\r\nexport const movementDefault = {\r\n areaId: 0,\r\n date : new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n movementTypeId:undefined,\r\n observaction: '', \r\n}\r\n\r\nexport const traslateDefault ={\r\n date : new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n areaId: 0,\r\n observaction: '',\r\n}\r\n\r\n\r\nexport const defaultFacturasDetalle = {\r\n cantidad: 0,\r\n precio: 0,\r\n descuentoAverage: 0,\r\n importe: 0,\r\n inventarioId: 0,\r\n ivaAverage: 0.15,\r\n ivaMonto: 0,\r\n subTotal: 0,\r\n total: 0\r\n}\r\n\r\nexport const receiptDefault = {\r\n id: 0,\r\n billId: 0,\r\n amount : 0, \r\n retention : 0, \r\n balance : 0, \r\n observation: '', \r\n client: '', \r\n paid :false,\r\n applyPayment : false,\r\n createAt: new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0),\r\n} \r\n\r\n\r\n\r\n\r\nexport const productDefault = {\r\n id:0,\r\n description: \"\",\r\n familyId: null,\r\n hasIva: false,\r\n stockInherited: false,\r\n name: \"\",\r\n presentationId: null,\r\n stateId: 1,\r\n stock: 0,\r\n unitOfMeasureId: null,\r\n convertProductId: 0,\r\n convertProductQuantity: 0,\r\n convertSourceQuantiy: 1\r\n}\r\n\r\nexport const labels = {\r\n precio : 'Precio',\r\n costo : 'Costo',\r\n}\r\n\r\nconst today = () => new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0);\r\nconst firstDay = () => moment().set('date', 1);\r\n\r\nexport const dateByReport = {\r\n from: firstDay(),\r\n to: today()\r\n}\r\n\r\nexport const defaultDate = {\r\n from: firstDay(),\r\n to: today()\r\n}\r\n\r\n\r\nexport const defaultLabels = {\r\n family: 'Categoria',\r\n presentacion: 'Marcas',\r\n}\r\n\r\nexport const defaultProvider = {\r\n id: 0,\r\n name: '',\r\n property: '',\r\n ruc: '',\r\n phoneNumber: '',\r\n email: '',\r\n address: '',\r\n observation: '',\r\n active: true,\r\n\r\n}\r\n\r\nexport const defaultClient = {\r\n id: 0,\r\n identification: '',\r\n name: '',\r\n lastName: '',\r\n address: '',\r\n isCompany: false,\r\n\r\n}\r\n\r\nexport const convert2 = value => parseFloat(parseFloat(value).toFixed(2));","import React from 'react';\r\nimport DataGrid, {\r\n Column,\r\n Scrolling,\r\n Selection,\r\n FilterRow,\r\n Button,\r\n Editing\r\n} from 'devextreme-react/data-grid';\r\nimport DropDownBox from 'devextreme-react/drop-down-box';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { cellRender } from '../../utils/common';\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport http from '../../utils/http';\r\nimport { defaultLabels } from '../../data/defaultObjects';\r\n\r\nconst dropDownOptions = { fullScreen: true, showCloseButton: true };\r\n\r\nexport default class ProductDDBComponent extends React.Component {\r\n quantity = 'quantity';\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n currentValue: props.data.value\r\n };\r\n this.dropDownBoxRef = React.createRef();\r\n this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n this.contentRender = this.contentRender.bind(this);\r\n this.onToolbarPreparing = this.onToolbarPreparing.bind(this);\r\n this.calculateFilterExpression = this.calculateFilterExpression.bind(this);\r\n this.showImage = this.showImage.bind(this);\r\n this.showPrice = props.showPrice;\r\n this.validateQuantity = props.validateQuantity;\r\n\r\n this.quantity = props.quantity || this.quantity;\r\n }\r\n\r\n customStore(url){\r\n return new CustomStore({\r\n key:\"id\",\r\n load: (loadOptions) => {\r\n \r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10; \r\n \r\n if (loadOptions.filter) {\r\n if (typeof loadOptions.filter[0] == 'object') {\r\n \r\n let moreParams = {};\r\n \r\n const dataFilter = filters =>{\r\n \r\n for (var filter in filters) {\r\n if (filters.hasOwnProperty(filter)) {\r\n \r\n if(['columnIndex','filterValue'].includes(filter)) continue;\r\n \r\n const element = filters[filter]\r\n \r\n if(['!=','==','<','>','<=','>=','and','or'].includes(element)) continue;\r\n \r\n if (typeof element == 'object') {\r\n dataFilter(element);\r\n }else{\r\n if(moreParams[filters[0]])\r\n moreParams[`${filters[0]}End` ] = filters[2];\r\n else\r\n moreParams[filters[0]] = filters[2];\r\n break;\r\n }\r\n }\r\n }\r\n \r\n };\r\n \r\n dataFilter(loadOptions.filter); \r\n params = { ...params, ...moreParams};\r\n \r\n } else {\r\n params[loadOptions.filter[0]] = loadOptions.filter[2];\r\n }\r\n }\r\n \r\n return http(url)\r\n .asGet(params)\r\n .then((data) => {\r\n\r\n return {\r\n data:data.items,\r\n totalCount: data.totalCount,\r\n };\r\n\r\n })\r\n .catch(() => { throw 'Data Loading Error'; });\r\n },\r\n byKey: id => http(`products/get/${id}`).asGet()\r\n })\r\n }\r\n\r\n onCellPrepared(e) {\r\n\r\n if (e.rowType == 'data') {\r\n if(e.column.dataField == \"stock\")\r\n if(e.value == 0)\r\n e.cellElement.classList.add('stock-0');\r\n \r\n }\r\n } \r\n\r\n calculateFilterExpression(value, selectedFilterOperation, target) { \r\n\r\n const values = value.split('%');\r\n let filters = values.map(v => {\r\n return ['name', 'contains', v];\r\n });\r\n\r\n const filterFull = [];\r\n\r\n if (filters.length > 1) {\r\n\r\n for (let index = 0; index < filters.length; index++) {\r\n const element = filters[index];\r\n filterFull.push(element);\r\n if (index < filters.length - 1) {\r\n filterFull.push('and');\r\n }\r\n }\r\n return filterFull;\r\n\r\n }else{\r\n return [filters]\r\n }\r\n }\r\n\r\n showImage(e){\r\n e.preventDefault();\r\n localStorage.setItem('imageProduct', e.row.data);\r\n window.open(`app/products/get/image/${e.row.data.id}`, '_blank')\r\n }\r\n\r\n contentRender() {\r\n return (\r\n <DataGrid\r\n dataSource={this.props.data.column.lookup.dataSource}\r\n keyExpr=\"id\" \r\n height={'100vh'} \r\n selectedRowKeys={[this.state.currentValue]}\r\n hoverStateEnabled={true}\r\n onSelectionChanged={this.onSelectionChanged}\r\n focusedRowEnabled={true}\r\n defaultFocusedRowKey={this.state.currentValue}\r\n rowAlternationEnabled={true}\r\n allowColumnResizing={true}\r\n columnAutoWidth={true}\r\n onCellPrepared ={this.onCellPrepared}\r\n onToolbarPreparing={this.onToolbarPreparing}\r\n \r\n >\r\n <FilterRow visible={true} />\r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={110} ></Column>\r\n <Column dataField=\"name\" caption=\"Nombre\" calculateFilterExpression={this.calculateFilterExpression}></Column>\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} visible={true}></Column>\r\n <Column dataField=\"um\" caption=\"Unidad Medida\" width={120}></Column>\r\n <Column dataField=\"stock\" caption=\"Cant\" width={90}></Column>\r\n <Column dataField=\"disponible\" caption=\"Disp\" width={90}></Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" visible={!this.showPrice} cellRender={cellRender()} width={90}></Column> \r\n <Column dataField=\"price\" caption=\"Precio\" visible={this.showPrice} cellRender={cellRender()} width={90}></Column>\r\n <Column type=\"buttons\" width={90}>\r\n <Button name=\"edit\" icon=\"image\" onClick={e => (localStorage.setItem('imageProduct', JSON.stringify(e.row.data)),window.open(`app/products/get/image/${e.row.data.id}`, '_blank'))} />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n ></Editing>\r\n <Scrolling mode=\"virtual\" />\r\n <Selection mode=\"single\" />\r\n </DataGrid>\r\n );\r\n }\r\n\r\n onToolbarPreparing(e) {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Regresar',\r\n type: 'normal',\r\n icon: 'chevronleft',\r\n stylingMode: \"outlined\",\r\n onClick: () => this.dropDownBoxRef.current.instance.close()\r\n \r\n }\r\n });\r\n }\r\n\r\n onSelectionChanged(e) {\r\n\r\n this.setState({ currentValue: e.selectedRowKeys[0] });\r\n this.props.data.setValue(this.state.currentValue);\r\n \r\n if (e.selectedRowKeys.length > 0) { \r\n \r\n const data = e.selectedRowsData[0];\r\n if(this.validateQuantity && data.stock <= 0){\r\n notify(\"No hay stock disponible\", \"error\", 1000);\r\n }else{\r\n this.dropDownBoxRef.current.instance.close(); \r\n this.props.data.component.editCell(this.props.data.rowIndex, this.quantity);\r\n }\r\n }\r\n\r\n }\r\n\r\n \r\n\r\n render() {\r\n return (\r\n <DropDownBox\r\n ref={this.dropDownBoxRef}\r\n key=\"id\"\r\n dropDownOptions={dropDownOptions}\r\n dataSource={this.props.data.column.lookup.dataSource}\r\n value={this.state.currentValue}\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n valueExpr=\"id\" \r\n contentRender={this.contentRender}>\r\n </DropDownBox>\r\n );\r\n }\r\n}","import { useState,useEffect } from \"react\";\r\nimport http from \"../utils/http\";\r\nimport uri from \"../utils/uri\";\r\n\r\nconst useProducts = ({areaId = 0,exists=false, active=false, has=false, reload=0, onlyProducts= false }) => {\r\n \r\n const [ isLoading, setIsLoading] = useState(true);\r\n const [ products, setProducts] = useState([]); \r\n\r\n const callApi = async () => {\r\n \r\n const data = await http(uri.products.getByArea(areaId)).asGet({ exists, active, has, onlyProducts }); \r\n \r\n setProducts(data);\r\n setIsLoading(false);\r\n\r\n }\r\n \r\n useEffect(() => {\r\n callApi();\r\n }, [areaId, reload]);\r\n\r\n const refresh = callApi;\r\n\r\n return {\r\n products, \r\n setProducts,\r\n isLoading,\r\n refresh\r\n }\r\n\r\n}\r\n\r\nexport default useProducts;","\r\nconst gridsHelper = (gridRef, options) => {\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n text: options.text,\r\n icon:options.icon,\r\n disabled: options.disabled ?? false,\r\n type:'default',\r\n onClick: () => gridRef.current.instance.addRow()\r\n }\r\n });\r\n } \r\n \r\n return onToolbarPreparing;\r\n}\r\n\r\nexport default gridsHelper;\r\n","import React from 'react';\r\nimport { Button } from 'devextreme-react/button';\r\n\r\nconst CustomButton = ({\r\n text, \r\n icon, \r\n onClick, \r\n type='default',\r\n stylingMode=\"contained\",\r\n className ='btn-header',\r\n visible=true,\r\n disabled=false\r\n }) => {\r\n\r\n return ( \r\n \r\n <Button\r\n text={text}\r\n type={type}\r\n icon={icon}\r\n stylingMode={stylingMode}\r\n className={className}\r\n onClick={onClick}\r\n visible={visible}\r\n disabled={disabled}\r\n /> \r\n );\r\n}\r\n\r\nexport default CustomButton;\r\n","import React from 'react';\r\nimport CustomButton from './CustomButton';\r\n\r\nconst ButtonForm = ({icon='save', saving, textSaving, onClick, visible=true, type=\"success\"}) => {\r\n return <CustomButton\r\n text={`${saving?'Guardando...': textSaving}`}\r\n type={type}\r\n icon={icon}\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n onClick={onClick}\r\n visible={visible}\r\n disabled={saving}\r\n /> \r\n}\r\n\r\nexport default ButtonForm;\r\n","import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogOutputProduct } from '../../../store/outPutProduct/outPutProductDialogReducer';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect } from '../../../data/app';\r\nimport { DataGrid, SelectBox } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, SearchPanel, Summary, TotalItem } from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../../utils/uri';\r\nimport { cellRender, formatId, formatToMoney, onCellPrepared } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport gridsHelper from '../../../utils/gridsHelper';\r\nimport ButtonForm from '../../../components/buttons/ButtonForm';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport { defaultLabels, outPutProductDefault } from '../../../data/defaultObjects';\r\nimport moment from 'moment';\r\nimport DataSource from 'devextreme/data/data_source';\r\n\r\nconst Nuevo = props => { \r\n\r\n const { typeId } = props;\r\n\r\n const { outPutProductDialog : { open, id }, user } = useSelector(store => store)\r\n\r\n const active = true;\r\n const exists = true;\r\n\r\n const { products } = useProducts({areaId: user.areaId, active, exists });\r\n const [ outPutProduct, setOutPutProduct ] = useState({...outPutProductDefault});\r\n const [ saving, setSaving ] = useState(false);\r\n const [ details, setDetails ] = useState([]);\r\n const [lots, setLots] = useState([]); \r\n const dispatch = useDispatch();\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n let refSelect = useRef(); \r\n\r\n useEffect(() => { \r\n\r\n if(id > 0){\r\n \r\n http(uri.outPutProducts.getById(id)).asGet().then(resp => {\r\n\r\n const { outPutProductDetails, ...rest } = resp;\r\n\r\n outPutProductDetails.map(detail =>{\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n detail['internalCode'] = info.internalCode;\r\n\r\n return detail;\r\n })\r\n\r\n setOutPutProduct({...outPutProduct, ...rest}); \r\n setDetails([...outPutProductDetails]);\r\n\r\n });\r\n\r\n }else{\r\n\r\n setOutPutProduct({...outPutProductDefault, areaId : user.areaId, typeId : typeId});\r\n setDetails([]); \r\n\r\n }\r\n\r\n }, [open]);\r\n \r\n const onToolbarPreparing = gridsHelper(refGrid, { text : 'Agregar producto', icon:'plus' });\r\n\r\n const closeDialog = ( load ) => {\r\n refForm.current.instance.resetValues(); \r\n refGrid.current.instance.cancelEditData();\r\n dispatch(dialogOutputProduct({open : false}));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave(); \r\n } \r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n \r\n closeDialog(load); \r\n }\r\n\r\n const guardarSalida = (e) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar el ajuste salida?</i>\", \"Confirmar\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) { \r\n\r\n setSaving(true);\r\n let data = {...outPutProduct,outPutProductDetails:[...details] };\r\n\r\n http(uri.outPutProducts.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify('Entrada registrada correctamente');\r\n closeDialog(true);\r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if(prop == 'productId' && value){\r\n\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['internalCode'] = info.internalCode;\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['cost'] = info.cost; \r\n newData['price'] = info.price; \r\n newData['quantity'] = 1;\r\n newData['total'] = info.cost;\r\n }\r\n \r\n if(prop == 'quantity' && (+value) >= 0){\r\n newData['total'] = currentRowData['cost'] * value;\r\n }\r\n\r\n if(prop == 'internalCode' && value){\r\n let product = products.find(x => x.internalCode == value);\r\n if(product){\r\n newData['productId'] = product.id;\r\n newData['presentation'] = product.presentation;\r\n newData['um'] = product.um;\r\n newData['family'] = product.family;\r\n newData['cost'] = product.cost; \r\n newData['price'] = product.price; \r\n newData['quantity'] = 1;\r\n newData['total'] = product.cost;\r\n }\r\n \r\n }\r\n\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const textSaving = 'Guardar Salida';\r\n\r\n useEffect(() => {\r\n\r\n http('catalogos/lots').asGet().then(_lots => {\r\n const lotsMap = _lots.map(x => ({ ...x, name: `${x.lote}-${moment(x.expireDate).format('DD-YYYY')}` }));\r\n setLots(lotsMap);\r\n });\r\n \r\n },[]);\r\n\r\n const onRowInserting = (e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const existsProduct = details.find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 1000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n }\r\n\r\n const ds = useMemo(() =>new DataSource({\r\n key: 'productId',\r\n store: details\r\n }));\r\n\r\n const itemRender = (data) => {\r\n\r\n const isZero = data.stock <= 0;\r\n\r\n const cssZero = isZero ? 'product-stock zero-stock' : 'product-stock';\r\n\r\n return <div className=\"d-flex space-between\">\r\n <div>\r\n <div className=\"product-name\"><b>{data.internalCode}</b>-{data.name}</div>\r\n <div className=\"product-desciption\"><small className='text-muted'>Categoria: </small>{data.family} <small className='text-muted'>Marca: </small>{data.presentation}</div>\r\n </div> \r\n <div className=\"text-right\">\r\n <div className=\"product-price\">{formatToMoney(data.cost)}</div>\r\n <div className={cssZero}><small className='text-muted'>Disponible:</small> {data.stock}/{data.disponible}</div>\r\n </div> \r\n </div>\r\n }\r\n\r\n const dataSourceProduct = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n \r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n \r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue;\r\n\r\n params.exists = true;\r\n params.active=false; \r\n params.has=false;\r\n params.onlyProducts= false;\r\n \r\n return http(uri.products.getByArea(user.areaId)+'/grid')\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(uri.products.getById(id)).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n const addProductById = ( id, _info=null ) => {\r\n\r\n if (!id) return;\r\n\r\n const items = ds.items();\r\n\r\n const existsProduct = items.find(x => x.productId == id);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n return\r\n }\r\n\r\n let info = _info == null ? products.find(x => x.id == id) : _info;\r\n\r\n if(info.stock <= 0)\r\n return notify('No hay stock disponible', 'error', 5000);\r\n\r\n let newData = {}; \r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.price; \r\n newData['discount'] = 0;\r\n newData['productId'] = info.id; \r\n newData['internalCode'] = info.internalCode;\r\n\r\n ds.store().insert(newData).then(() => {\r\n ds.reload().then(() => {\r\n refGrid.current.instance.editCell(details.length-1, 'quantity');\r\n });\r\n });\r\n\r\n //setBill(_bill => ({ ..._bill, billDetails: [...newDetail],}));\r\n\r\n }\r\n\r\n\r\n const setFocus = () => {\r\n setTimeout(() => {\r\n refSelect.current.instance.focus(); \r\n }, 300);\r\n }\r\n\r\n const onEditCanceled = (e) => {\r\n setFocus()\r\n }\r\n\r\n const keyDown = (e) => {\r\n if(e.event.key == 'Enter')\r\n setFocus()\r\n }\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={'90vw'}\r\n height={'90vh'}\r\n title={isNew ? `Nueva salida de inventario` : `Salida #${ formatId(id)}`} \r\n onHiding={onHiding}\r\n visible={open} \r\n >\r\n <Form formData={outPutProduct} ref={refForm}>\r\n <GroupItem colCount={3}> \r\n <SimpleItem dataField=\"areaId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({ name: 'area'}),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Area\" />\r\n <RequiredRule message=\"Seleccione el area\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat : 'dd/MM/yyyy',\r\n openOnFieldClick:true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"typeId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({name: 'outPutProductType'}),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Tipo\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={3} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <RequiredRule message=\"Ingrese una observacion\" />\r\n <StringLengthRule max={500} message=\"Maximo 500 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem colCount={4}>\r\n <SimpleItem colSpan={2}>\r\n <SelectBox \r\n ref={refSelect}\r\n dataSource={dataSourceProduct()} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n searchEnabled={true} \r\n searchMode=\"contains\" searchExpr={['name','internalCode']} \r\n searchTimeout={600} \r\n placeholder=\"Selecione una producto\" \r\n showClearButton={true} \r\n itemRender={itemRender} \r\n onValueChanged={e => {\r\n\r\n addProductById(e.value);\r\n e.component.reset();\r\n e.component.focus();\r\n //this.props.data.component.editCell(this.props.data.rowIndex, this.quantity);\r\n //refGrid.current.instance.editCell(0, 'quantity');\r\n\r\n }} />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={ds}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={320}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserting={onRowInserting}\r\n onEditCanceled={onEditCanceled} \r\n onKeyDown={keyDown}\r\n >\r\n <SearchPanel visible={true} />\r\n <Column dataField=\"internalCode\" caption={'Código'} width={90} allowEditing={true} setCellValue={setCellValue.bind(null,\"internalCode\")}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null,\"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={false} {...props} validateQuantity={true} />}>\r\n <Lookup \r\n dataSource={products}\r\n valueExpr=\"id\" \r\n displayExpr='name' \r\n />\r\n <RuleRequired />\r\n </Column> \r\n {/* <Column dataField=\"lote\" caption=\"Lote\" width={160} allowEditing={true}>\r\n <Lookup dataSource={opt => {\r\n return{\r\n store: lots,\r\n filter: opt.data ? ['productId', '=', opt.data.productId] : null\r\n }\r\n }} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> */}\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"um\" caption=\"Unidad Medida\" width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80} setCellValue={setCellValue.bind(null,\"quantity\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" dataType=\"number\" width={100} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column> \r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" /> \r\n </Column>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true} \r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n <Summary>\r\n <TotalItem\r\n column=\"total\"\r\n summaryType=\"sum\" \r\n customizeText={data => `${formatToMoney(data.value)}`} />\r\n </Summary>\r\n </DataGrid>\r\n </GroupItem>\r\n </Form>\r\n\r\n <ButtonForm saving={saving} visible={isNew} textSaving={textSaving} onClick={guardarSalida}/>\r\n \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","export const onToolbar = (actions, grid) => e => { \r\n\r\n const options = [];\r\n\r\n if(actions.export)\r\n options.push({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => grid.current.instance.exportToExcel(false)\r\n }\r\n }); \r\n\r\n e.toolbarOptions.items.unshift(...options);\r\n}","\r\nconst urlReport = () => \r\n{\r\n const urlBase = '';\r\n\r\n const root = process.env.PUBLIC_URL;\r\n const path = `${root}/api/`;\r\n\r\n return { \r\n inPut: id => `${path}reports/${id}/movement/in`,\r\n outPut: id => `${path}reports/${id}/movement/out`,\r\n purchase: id => `${path}reports/${id}/Compra`,\r\n notaCredito: id => `${path}reports/${id}/NotaCredito`,\r\n billTicket : id => `${path}reports/print/Factura-${id}`, \r\n preBillTicket : id => `${path}reports/prebill/${id}/print`, \r\n recibo : id => `${urlBase}/bills/recibos?id=${id}`, \r\n commissions : (desde, hasta) => `${urlBase}/bills/commission?desde=${desde}&hasta=${hasta}`, \r\n products : (desde, hasta, username) => `${urlBase}/bills/products?desde=${desde}&hasta=${hasta}&username=${username}`, \r\n\r\n print : (url) => window.open(`${url}`,'_blank'),\r\n \r\n }\r\n\r\n}\r\n///commission?desde=2021-03-15T00:00:00.00&hasta=2021-03-22T00:00:00.00\r\n\r\n\r\nexport default urlReport;","import OutPutProducts from './OutPutProducts';\r\nexport default OutPutProducts;","import React, { useRef } from 'react';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button as ButtonGrid,\r\n } from 'devextreme-react/data-grid';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport Title from '../../../components/shared/Title';\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../../data/app';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { useDispatch } from 'react-redux';\r\nimport uri from '../../../utils/uri';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport Nuevo from './Nuevo';\r\nimport CustomButton from '../../../components/buttons/CustomButton';\r\nimport { store } from '../../../services/store';\r\nimport { dialogOutputProduct } from '../../../store/outPutProduct/outPutProductDialogReducer';\r\nimport { outPutProductStates, outPutProductTypes } from '../../../data/enums';\r\nimport { dataFormatId } from '../../../utils/common';\r\nimport { onToolbar } from '../../../components/grids/ToolBar';\r\nimport urlReport from '../../../services/reportServices';\r\n\r\nconst OutPutProducts = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.ajuste );\r\n\r\n let refGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = () => refGrid.current.instance.refresh();\r\n \r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n\r\n if (e.data.stateId == outPutProductStates.noActivo) \r\n e.rowElement.classList.add('no-activo');\r\n \r\n }\r\n }\r\n\r\n const showDialog = id => dispatch(dialogOutputProduct({ open: true, id }))\r\n\r\n const onToolbarPreparing = onToolbar({ export : true } , refGrid);\r\n\r\n const typeId = outPutProductTypes.ajuste;\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.outPut(id)}`);\r\n\r\n }\r\n\r\n const title = \"Ajustes de salida de inventario\";\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/> \r\n <BlockHeader title={title} icon=\"dx-icon-decreaseindent color-icon-red\" >\r\n <CustomButton \r\n text='Agregar nueva salida'\r\n icon='plus' \r\n onClick={()=>showDialog(0)}\r\n />\r\n </BlockHeader>\r\n <Nuevo onSave={reload} typeId={outPutProductTypes.ajuste}/> \r\n \r\n <DataGrid id=\"gridContainer\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri : uri.outPutProducts, remoteOperations : true, extraParameter: typeId ? { key : 'typeId', value : typeId } : null })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Numero' width={100} cellRender={dataFormatId}/>\r\n <Column dataField=\"date\" caption='Fecha' dataType='date' format={formatDate} width={150} />\r\n <Column dataField=\"areaId\" caption=\"Area\" width={200}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'area'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"typeId\" caption=\"Tipo Entrada\" width={160}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'outPutProductType'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"reference\" caption='Referencia' />\r\n <Column dataField=\"stateId\" caption=\"Estado\" width={150}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'inPutProductState'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180}/>\r\n <Column dataField=\"createBy\" caption='Creado Por'/>\r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default OutPutProducts;\r\n","import { dialogDefault, DIALOG_PRODUCT } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogProduct = product => ({ type: DIALOG_PRODUCT, payload : product });\r\n\r\nexport default function productDialogReducer(state = mydialog, { type, payload }) {\r\n \r\n const actions = {\r\n [DIALOG_PRODUCT] : () => ({...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import { dialogDefault, DIALOG_CATALOG } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogCatalog = catalog => ({ type: DIALOG_CATALOG, payload : catalog });\r\n\r\nexport default function catalogDialogReducer(state = mydialog, { type, payload }) {\r\n \r\n const actions = {\r\n [DIALOG_CATALOG] : () => ({...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import React from \"react\";\r\nimport http from \"../../utils/http\";\r\nimport { useEffect } from \"react\";\r\n\r\n/**\r\n * Component to handle file upload. Works for image\r\n * uploads, but can be edited to work for any file.\r\n */\r\nfunction FileUpload({ id, showInput = true }) {\r\n // State to store uploaded file\r\n const [file, setFile] = React.useState(\"\");\r\n\r\n // Handles file upload event and updates state\r\n function handleUpload(event) {\r\n setFile(event.target.files[0]);\r\n http(`products/file/${id}`).asFile(event.target.files[0]).then(() => loadFile(id));\r\n }\r\n \r\n const loadFile = (id) => {\r\n if(id > 0)\r\n http(`products/file/${id}/get`).asGetFile().then(resp => {\r\n setFile(resp);\r\n });\r\n else\r\n setFile(null);\r\n }\r\n\r\n useEffect(() => { \r\n loadFile(id);\r\n }, [id])\r\n\r\n return (\r\n <div id=\"upload-box\" style={{overflow:'hidden'}}> \r\n {showInput && <input type=\"file\" onChange={handleUpload}/>}\r\n {file && <ImageThumb image={file} showInput={showInput} />}\r\n </div>\r\n );\r\n}\r\n\r\n/**\r\n * Component to display thumbnail of image.\r\n */\r\nconst ImageThumb = ({ image, showInput }) => {\r\n const widt = showInput == true ? '160px' : '250px';\r\n const heig = showInput == true ? '160px' : '250px';\r\n return <img width={widt} height={heig} className=\"img-photo\" src={URL.createObjectURL(image)} alt={image.name} />;\r\n};\r\n\r\nFileUpload.defaultProps = {\r\n onSave : () => {}\r\n}\r\n\r\nexport default FileUpload","import React, { useRef, useState } from 'react';\r\n\r\nimport { Popup, ToolbarItem } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, EmptyItem, StringLengthRule, RequiredRule, EmailRule, AsyncRule } from 'devextreme-react/form';\r\nimport { Button } from 'devextreme-react/button';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogCatalog } from '../../store/catalog/catalogDialogReducer';\r\nimport { Lookup } from 'devextreme-react';\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport notify from 'devextreme/ui/notify';\r\n\r\nconst NewCatalog = () => {\r\n\r\n const { open } = useSelector(store => store.catalog2);\r\n const [ saving, setSaving ] = useState(false);\r\n const [ catalog, setCatalog ] = useState({ id: 0, name: '', catalogId: 0 });\r\n const [ catalogs ] = useState([\r\n { id: 1, name: 'Categoria' },\r\n { id: 2, name: 'Marca' },\r\n { id: 3, name: 'Unidad de medida' },\r\n ]);\r\n\r\n const refCatalog = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const closeDialog = (load) => {\r\n\r\n setCatalog({ id: 0, name: '', catalogId: 0 });\r\n dispatch(dialogCatalog({ open: false, id: 0 }));\r\n \r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n closeDialog(load);\r\n\r\n }\r\n\r\n const guardarCatalog = () => {\r\n \r\n if (refCatalog.current.instance.validate().isValid) {\r\n\r\n setSaving(true);\r\n\r\n http(uri.new_catalog).asPost({ ...catalog })\r\n .then(resp => {\r\n setSaving(false);\r\n notify(`Catalogo creado correctamente`);\r\n closeDialog(true);\r\n })\r\n .catch(err => {\r\n setSaving(false);\r\n notify(err, 'error');\r\n })\r\n \r\n }\r\n }\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={300}\r\n height={200}\r\n title={`Nuevo catalogo`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <Form formData={catalog} ref={refCatalog}> \r\n <SimpleItem dataField=\"name\" >\r\n <Label text=\"Nombre\" />\r\n <RequiredRule message=\"Ingrese el nombre\" />\r\n </SimpleItem>\r\n <SimpleItem dataField={'catalogId'} editorType={'dxSelectBox'} \r\n editorOptions={{ dataSource: catalogs, valueExpr: 'id', displayExpr: 'name' }}>\r\n <Label text=\"Catalogo\" />\r\n <RequiredRule message=\"Seleccione un catalogo\" />\r\n </SimpleItem>\r\n\r\n </Form>\r\n <div>\r\n <Button\r\n width={120}\r\n text={`${saving ? 'Guardando...' : 'Guardar'}`}\r\n type=\"default\"\r\n icon=\"save\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={saving}\r\n onClick={guardarCatalog}\r\n />\r\n </div>\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NewCatalog;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Popup, ToolbarItem } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, EmptyItem, StringLengthRule, RequiredRule, EmailRule, AsyncRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport Box, { Item } from 'devextreme-react/box';\r\nimport { dialogProduct } from '../../store/product/productDialogReducer';\r\nimport { dialogCatalog } from '../../store/catalog/catalogDialogReducer';\r\nimport { createCustomStore, createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsNumberBox, editorOptionsSelect, editorOptionsSwitch, editorOptsTextBox } from '../../data/app';\r\nimport { Button } from 'devextreme-react/button';\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { defaultLabels, productDefault } from '../../data/defaultObjects';\r\nimport { formatId } from '../../utils/common';\r\nimport FileUpload from './FileUpload';\r\nimport NewCatalog from './NewCatalog';\r\n\r\n//import { useBarcode } from 'react-barcodes';\r\n\r\nconst Nuevo = props => {\r\n\r\n let refProduct = useRef();\r\n\r\n const [product, setProduct] = useState({ ...productDefault });\r\n const [saving, setSaving] = useState(false);\r\n const [reloadScreen, setReloadScreen] = useState(0);\r\n const [reload, setReload] = useState(false);\r\n //const [stockInherited, setStockInherited] = useState(false);\r\n const dispatch = useDispatch();\r\n const { productDialog: {open, id}, catalog2 } = useSelector(store => store);\r\n\r\n const closeDialog = (load) => {\r\n\r\n refProduct.current.instance.resetValues();\r\n setProduct({ ...productDefault });\r\n\r\n dispatch(dialogProduct({ open: false, id: 0 }));\r\n\r\n if (load) {\r\n\r\n let { onSave } = props;\r\n onSave();\r\n\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n \r\n closeDialog(load);\r\n\r\n }\r\n\r\n const guardarProduct = (e) => {\r\n \r\n let resultValidate = refProduct.current.instance.validate();\r\n\r\n resultValidate.complete.then(result => {\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n\r\n http(uri.products.insert).asPost({ ...product })\r\n .then(resp => {\r\n setSaving(false);\r\n notify(`Producto creado correctamente`);\r\n closeDialog(true);\r\n })\r\n .catch(err => {\r\n setSaving(false);\r\n notify(err, 'error');\r\n })\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n\r\n if (id > 0) {\r\n http(uri.products.getById(id)).asGet()\r\n .then(resp => {\r\n setProduct({ ...resp });\r\n })\r\n }\r\n\r\n }, [id]);\r\n\r\n const validationCallback = (e) => {\r\n return new Promise(resolve => {\r\n resolve(\r\n (product.convertProductId > 0 && (e.value != '' && e.value != null)) \r\n || ((product.convertProductId == '' || product.convertProductId == 0 || product.convertProductId == null) \r\n && (e.value == '' || e.value == 0 || e.value == null)));\r\n });\r\n }\r\n\r\n const validationCallback2 = (e) => {\r\n return new Promise(resolve => {\r\n resolve(\r\n (product.convertProductId > 0 && (e.value != '' && e.value != null && e.value > 0)) \r\n || ((product.convertProductId == '' || product.convertProductId == 0 || product.convertProductId == null) \r\n && e.value == 0 ));\r\n });\r\n }\r\n\r\n const buttonActualizar = {\r\n text: 'Actualizar',\r\n icon: 'refresh',\r\n onClick: function(e) { \r\n setReload(true);\r\n setReloadScreen(reloadScreen + 1);\r\n }\r\n };\r\n\r\n const buttonNewCatalog = {\r\n text: 'Nuevo catalogo',\r\n icon: 'plus',\r\n onClick: function(e) {\r\n dispatch(dialogCatalog({ open: true, id: 0 }));\r\n }\r\n };\r\n\r\n console.log({id});\r\n\r\n const isNew = id == 0 || id == undefined || id == null;\r\n\r\n const active = true;\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={900}\r\n height={'90vh'}\r\n title={isNew ? `Nuevo producto` : `Producto #${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <NewCatalog />\r\n <ToolbarItem\r\n widget=\"dxButton\"\r\n location=\"after\"\r\n options={buttonActualizar}>\r\n </ToolbarItem>\r\n <ToolbarItem\r\n widget=\"dxButton\"\r\n location=\"after\"\r\n options={buttonNewCatalog}>\r\n </ToolbarItem>\r\n <Box direction=\"row\" width=\"100%\">\r\n <Item ratio={1}>\r\n <FileUpload id={id} showInput={true}/> \r\n </Item>\r\n <Item ratio={3}>\r\n <Form formData={product} ref={refProduct}>\r\n <GroupItem colCount={2}>\r\n \r\n <SimpleItem dataField=\"id\" colSpan={1} editorType=\"dxNumberBox\" editorOptions={{\r\n disabled: true\r\n }}>\r\n <Label text=\"Codigo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"internalCode\" colSpan={1} editorType=\"dxTextBox\" editorOptions={{\r\n ...editorOptsTextBox,\r\n disabled: false\r\n }}> \r\n <Label text=\"Codigo interno\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"name\" colSpan={2}>\r\n <Label text=\"Nombre\" />\r\n <RequiredRule message=\"Ingrese el nombre\" />\r\n <StringLengthRule max={100} min={2} message=\"Máximo de caracteres 50 y 2 mínimo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"description\" colSpan={2}>\r\n <Label text=\"Nota\" />\r\n <StringLengthRule max={150} message=\"Máximo de caracteres 150\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"familyId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'family', active, reload }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text={defaultLabels.family} />\r\n <RequiredRule message={\"Seleccione el \" + defaultLabels.family} />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"unitOfMeasureId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'unitOfMeasure', active, reload }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Unidad Med.\" />\r\n <RequiredRule message=\"Seleccione la unida medida\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"presentationId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'presentation', active, reload }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text={defaultLabels.presentacion} />\r\n <RequiredRule message=\"Seleccione el estado\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"stateId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'productState', active, reload }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Estado\" />\r\n <RequiredRule message=\"Seleccione el estado\" />\r\n </SimpleItem> \r\n \r\n {/* <SimpleItem dataField=\"stock\" editorType=\"dxNumberBox\">\r\n <Label text=\"Minimo\" />\r\n <RequiredRule message=\"Ingrese el Minimo\" />\r\n </SimpleItem> */}\r\n <SimpleItem dataField=\"hasIva\" editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch}>\r\n <Label text=\"Aplica IVA\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"isService\" editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch}>\r\n <Label text=\"Es Servicio?\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem colCount={2} caption='Conversion'> \r\n <SimpleItem colSpan={1} dataField=\"convertSourceQuantiy\" editorType=\"dxNumberBox\" editorOptions={{\r\n ...editorOptionsNumberBox\r\n }}>\r\n <Label text=\"Cantidad\" />\r\n <AsyncRule message=\"Ingrese la cantidad\" validationCallback={validationCallback2}></AsyncRule>\r\n </SimpleItem> \r\n <EmptyItem colSpan={1} />\r\n <SimpleItem colSpan={2} dataField=\"convertProductId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createCustomStore({ url: 'catalogos/products' })(),\r\n ...editorOptionsSelect,\r\n displayExpr: item => item ? `${item.internalCode} - ${item.name} (${item.um})` : '', \r\n }} >\r\n <Label text=\"Convertir a\" />\r\n </SimpleItem>\r\n <SimpleItem colSpan={1} dataField=\"convertProductQuantity\" editorType=\"dxNumberBox\" editorOptions={{\r\n ...editorOptionsNumberBox\r\n }}>\r\n <Label text=\"Cantidad\" />\r\n <AsyncRule message=\"Ingrese la cantidad a convertir\" validationCallback={validationCallback}></AsyncRule>\r\n </SimpleItem> \r\n </GroupItem>\r\n </Form>\r\n </Item>\r\n </Box> \r\n <br />\r\n <div>\r\n <Button\r\n width={120}\r\n text={`${saving ? 'Guardando...' : 'Guardar'}`}\r\n type=\"default\"\r\n icon=\"save\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={saving}\r\n onClick={guardarProduct}\r\n />\r\n </div>\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import Products from './Products';\r\nexport default Products;","import React, { useRef } from 'react';\r\nimport Title from '../../components/shared/Title';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button as ButtonGrid \r\n } from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { useDispatch } from 'react-redux'\r\nimport { dialogProduct } from '../../store/product/productDialogReducer';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Nuevo from './Nuevo';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { resources } from '../../data/app';\r\nimport { dataFormatId } from '../../utils/common';\r\nimport { defaultLabels } from '../../data/defaultObjects';\r\n\r\n\r\nconst Products = (props) => {\r\n\r\n const [ authorized ] = useAuthorization( resources.inventario );\r\n\r\n let dataGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = (params) => {\r\n dataGrid.current.instance.refresh();\r\n }\r\n\r\n const openDialog = (id=0) => dispatch(dialogProduct({open : true, id}));\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => dataGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const title = \"Inventario\";\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader showFavorite={true} title={title} {...props}>\r\n <CustomButton\r\n text=\"Crear inventario\"\r\n icon='plus'\r\n onClick={() => openDialog(0)}\r\n />\r\n </BlockHeader>\r\n <Nuevo onSave={reload}/>\r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri : uri.products, remoteOperations : true })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n showInfo={true} \r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Codigo' width={80} cellRender={dataFormatId} visible={false}/>\r\n <Column dataField=\"internalCode\" caption='Codigo' width={90}/>\r\n <Column dataField=\"name\" caption='Nombre' minWidth={120}/> \r\n <Column dataField=\"description\" caption='Descripcion' visible={false} />\r\n \r\n <Column dataField=\"presentationId\" caption={defaultLabels.presentacion} width={180}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name:'presentation'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"familyId\" caption={defaultLabels.family} width={180}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name:'family'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"unitOfMeasureId\" caption=\"UM\" width={120}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'unitOfMeasure'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"stateId\" caption=\"Estado\" width={100}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'productState'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"hasIva\" caption='IVA ?' type=\"boolean\" width={80} dataType=\"boolean\" visible={false}/>\r\n <Column dataField=\"stock\" caption='Stock' width={90} visible={false}/>\r\n <Column dataField=\"createBy\" caption='Creado Por' visible={false}/>\r\n <Column dataField=\"createAt\" caption='Creado el' visible={false} />\r\n <Column dataField=\"lastModificationBy\" caption='Modificado Por' visible={false}/>\r\n <Column dataField=\"lastDateModificationAt\" caption='Modificado el' visible={false} />\r\n <Column type=\"buttons\" width={60}>\r\n <ButtonGrid name=\"edit\" onClick={e => openDialog(e.row.data.id)}/>\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n useIcons={true}\r\n allowUpdating={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Products;\r\n","import Users from './Users'\r\nexport default Users;","import React, { useRef } from \"react\";\r\nimport {\r\n Column,\r\n FilterRow,\r\n SearchPanel,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Export,\r\n Editing,\r\n Popup,\r\n Form, \r\n StringLengthRule,\r\n EmailRule,\r\n} from 'devextreme-react/data-grid';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { createStore } from \"../../utils/proxy\";\r\nimport { confirm } from 'devextreme/ui/dialog';\r\n\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { Item, RequiredRule } from \"devextreme-react/form\";\r\nimport uri from \"../../utils/uri\";\r\nimport http from \"../../utils/http\";\r\nimport notify from \"devextreme/ui/notify\";\r\nimport { dataAccess, resources } from \"../../data/app\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\n\r\nconst Users = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminUsuario );\r\n\r\n const dataGrid = useRef();\r\n\r\n const reload = () => {\r\n dataGrid.current.instance.refresh();\r\n }\r\n\r\n const addMenuItems = (e) => {\r\n\r\n if (e.target == \"content\") {\r\n if (!e.items) e.items = [];\r\n\r\n let { username, active } = e.row.data;\r\n \r\n e.items.push({\r\n text: `${active ? 'Anular' : 'Activar'} usuario`,\r\n icon : active ? 'remove' : 'check',\r\n onItemClick: () => { \r\n\r\n http('users/update').asGet({username, active: !active}).then(resp => {\r\n reload();\r\n notify(\"Usuario actualizado correctamente\");\r\n }); \r\n\r\n }\r\n },{\r\n text: `Restablecer contraseña`,\r\n icon : 'refresh',\r\n onItemClick: () => {\r\n \r\n let result = confirm(\"<i>Estas seguro de restablecer la contraseña?</i>\", \"Confirmar\");\r\n result.then((dialogResult) => {\r\n if(dialogResult)\r\n http('account/resetpassworddefault').asPost({username}).then(resp => {\r\n notify(\"Contraseña retablecida correctamente\");\r\n });\r\n });\r\n\r\n \r\n }\r\n });\r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Nuevo usuario',\r\n icon: 'add',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => dataGrid.current.instance.addRow()\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => dataGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || '';\r\n if(prop == 'email' && value){\r\n\r\n let username = '';\r\n if(String(value).length > 0)\r\n username = String(value).split('@')[0];\r\n newData['username'] = username;\r\n \r\n } \r\n \r\n }\r\n \r\n const title = \"Usuarios\";\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <DataGrid\r\n ref={dataGrid}\r\n dataSource={store({ uri: uri.users, remoteOperations : true})}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n onToolbarPreparing={onToolbarPreparing}\r\n >\r\n <Pager allowedPageSizes={[15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={30} />\r\n <SearchPanel visible={true} width={250} />\r\n <FilterRow visible={true} /> \r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"username\" width={140} allowEditing={false}/>\r\n <Column dataField=\"code\" caption={'Codigo'} width={140} />\r\n <Column dataField=\"fullName\" caption=\"Nombre\" />\r\n <Column dataField=\"email\" allowFiltering={false} setCellValue={setCellValue.bind(null, 'email')}/>\r\n <Column dataField=\"areaId\" width={150} caption=\"Area\">\r\n <Lookup disabled={true} dataSource={createStore({name :'area'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"rolId\" width={160} caption=\"Permisos\">\r\n <Lookup disabled={true} dataSource={createStore({name :'rol'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100}/>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true} \r\n useIcons={true} \r\n >\r\n <Popup title={title} showTitle={true} width={380} height={430}> \r\n </Popup>\r\n <Form colCount={1}>\r\n <Item dataField=\"username\">\r\n </Item>\r\n <Item dataField=\"code\">\r\n <RequiredRule message=\"El nombre es requerido\" />\r\n <StringLengthRule max={5} min={2} message=\"Máximo de caracteres 5 y 2 mínimo\" />\r\n </Item>\r\n <Item dataField=\"fullName\" >\r\n <RequiredRule message=\"El nombre es requerido\" />\r\n <StringLengthRule max={150} min={5} message=\"Máximo de caracteres 150 y 5 mínimo\" />\r\n </Item>\r\n <Item dataField=\"email\" >\r\n <RequiredRule message=\"El email es requerido\" />\r\n <EmailRule />\r\n <StringLengthRule max={50} min={5} message=\"Máximo de caracteres 50 y 5 mínimo\" />\r\n </Item> \r\n <Item dataField=\"areaId\" >\r\n <RequiredRule message=\"El area es requerida\" />\r\n </Item>\r\n <Item dataField=\"rolId\" >\r\n <RequiredRule message=\"El rol es requerido\" />\r\n </Item>\r\n\r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Users;\r\n\r\n","import Roles from './Roles'\r\nexport default Roles;","import React from \"react\";\r\nimport { DataGrid } from \"devextreme-react\";\r\nimport { Item } from \"devextreme-react/box\";\r\nimport uri from \"../../utils/uri\";\r\nimport { store } from \"../../services/store\";\r\nimport { Column, Editing, Popup, Form,\r\n RequiredRule,\r\n StringLengthRule, } from \"devextreme-react/data-grid\";\r\nimport Title from \"../../components/shared/Title\";\r\nimport BlockHeader from \"../../components/shared/BlockHeader\";\r\nimport { dataAccess, resources } from \"../../data/app\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\n\r\n\r\n\r\nconst Roles = props => {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminUsuario );\r\n\r\n const title ='Roles'\r\n\r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <DataGrid\r\n dataSource={store({ uri: uri.roles })}\r\n showBorders={true}\r\n showRowLines={true}\r\n >\r\n <Column dataField=\"id\" caption=\"Id\" width={60} visible={false} allowEditing={false} />\r\n <Column dataField=\"name\" caption=\"Rol\" />\r\n\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={false}\r\n allowAdding={true}\r\n useIcons={true}\r\n >\r\n <Popup width={300} height={200}>\r\n </Popup>\r\n <Form colCount={1}>\r\n <Item dataField=\"id\" >\r\n </Item>\r\n <Item dataField=\"name\" >\r\n <RequiredRule message=\"El nombre es requerido\" />\r\n <StringLengthRule max={50} min={2} message=\"Máximo de caracteres 50 y 2 mínimo\" />\r\n </Item> \r\n </Form>\r\n </Editing>\r\n \r\n </DataGrid>\r\n\r\n </div>\r\n );\r\n}\r\n\r\nexport default Roles;","import Resources from './Resources'\r\nexport default Resources;","import React, { useState, useEffect } from \"react\";\r\nimport { Box, DataGrid, SelectBox } from \"devextreme-react\";\r\nimport { Item } from \"devextreme-react/box\";\r\nimport http from \"../../utils/http\";\r\nimport uri from \"../../utils/uri\";\r\nimport { store } from \"../../services/store\";\r\nimport { Column, Editing, Popup, Form, FilterRow } from \"devextreme-react/data-grid\";\r\nimport Title from \"../../components/shared/Title\";\r\nimport BlockHeader from \"../../components/shared/BlockHeader\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\nimport { dataAccess, editorOptionsSwitch, resources } from \"../../data/app\";\r\n\r\n\r\n\r\nconst Resources = props => {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminUsuario );\r\n\r\n const [roles, setRoles] = useState([]);\r\n const [rolId, setRolId] = useState(0);\r\n\r\n const onLoad = (e) => {\r\n http(uri.roles.get).asGet().then(resp => {\r\n setRoles(resp);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n onLoad();\r\n }, [0]);\r\n\r\n const changeHandler = (e) => {\r\n\r\n setRolId(e.value ?? 0);\r\n }\r\n\r\n const title ='Recursos'\r\n\r\n return authorized(\r\n <div className=\"container medium\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n <Item ratio={0} baseSize=\"260px\">\r\n <label>Seleccione un rol:</label>\r\n <SelectBox items={roles}\r\n placeholder=\"Selecciona un Rol\"\r\n showClearButton={true} valueExpr=\"id\" displayExpr=\"name\" onValueChanged={changeHandler} />\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}>\r\n <label>Acceso a recursos</label>\r\n <DataGrid\r\n dataSource={store({ uri: { get: uri.resources(rolId), insert: uri.resources(rolId) } })}\r\n showBorders={true}\r\n showRowLines={true}\r\n selection={{ mode: 'single' }}\r\n allowColumnResizing={true} \r\n rowAlternationEnabled={true}\r\n hoverStateEnabled={true}\r\n groupPanel={{ visible: true }}\r\n >\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={false}\r\n allowAdding={false}\r\n useIcons={true}\r\n >\r\n <Popup title=\"Configuracion\" width={450} height={250}>\r\n </Popup>\r\n <Form colCount={1}>\r\n <Item dataField=\"name\" /> \r\n <Item dataField=\"description\" /> \r\n <Item dataField=\"canRead\" editorType=\"dxSwitch\" editorOptions={editorOptionsSwitch} /> \r\n </Form>\r\n </Editing>\r\n <FilterRow visible={true} />\r\n <Column dataField=\"groupName\" caption=\"Grupo\" allowEditing={false} groupIndex={0} />\r\n <Column dataField=\"name\" caption=\"Recurso\" allowEditing={false} />\r\n <Column dataField=\"description\" caption=\"Descripción\" allowEditing={false} />\r\n <Column dataField=\"canRead\" caption=\"Permiso\" allowFiltering={false} width={160} /> \r\n </DataGrid>\r\n </Item>\r\n\r\n </Box>\r\n\r\n </div>\r\n );\r\n}\r\n\r\nexport default Resources;","import React, { useState } from 'react';\r\nimport { Popup, FileUploader, Button } from 'devextreme-react';\r\nimport notify from 'devextreme/ui/notify';\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport ButtonForm from '../../components/buttons/ButtonForm';\r\n\r\nconst Nuevo = (props) => {\r\n \r\n const [visible, setVisible] = useState(false);\r\n const [saving, setSaving] = useState(false);\r\n\r\n let formElement = React.createRef();\r\n\r\n const showPopup = (e) => {\r\n setVisible(true);\r\n }\r\n\r\n const hideInfo = ({ cancel }) => {\r\n setVisible(false);\r\n\r\n if (cancel) {\r\n\r\n let { onSave } = props;\r\n onSave();\r\n\r\n }\r\n }\r\n\r\n const onClick = () => {\r\n\r\n if(formElement.current.instance._files.length){\r\n\r\n let file = formElement.current.instance._files[0].value;\r\n setSaving(true);\r\n\r\n http(uri.fileRates.insert).asFile(file).then(r => {\r\n\r\n notify(`Su archivo ${r.name} agregado correctamente`);\r\n setSaving(false);\r\n hideInfo({ cancel: true });\r\n\r\n }).catch(err =>{\r\n\r\n setSaving(false);\r\n notify(err, 'error');\r\n\r\n });\r\n }else\r\n notify('Debe de seleccionar un archivo de excel','warning')\r\n\r\n }\r\n\r\n const textSaving = \"Subir archivo\";\r\n\r\n return (\r\n <div id=\"container\">\r\n <Button\r\n width={180}\r\n text=\"Subir desde excel\"\r\n type=\"success\" \r\n icon=\"exportxlsx\"\r\n stylingMode=\"outlined\"\r\n onClick={showPopup}\r\n />\r\n <Popup\r\n width={400}\r\n height={500}\r\n title=\"Subir archivo\"\r\n onHiding={hideInfo}\r\n visible={visible}\r\n >\r\n <form id=\"form\" method=\"post\" encType=\"multipart/form-data\">\r\n <img width={350} src={require('../../svg/formatRates.png')}></img>\r\n <FileUploader ref={formElement}\r\n selectButtonText=\"Seleccione un archivo\"\r\n labelText=\"\"\r\n allowedFileExtensions={['.xls', '.xlsx']} uploadMode=\"useForm\" />\r\n <ButtonForm saving={saving} textSaving={textSaving} onClick={onClick}/>\r\n </form>\r\n </Popup>\r\n </div>\r\n )\r\n \r\n}\r\n\r\nexport default Nuevo;","import Rates from './Rates';\r\nexport default Rates;","import React from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Paging, Pager, FilterRow, Column, Export, Editing, RequiredRule } from 'devextreme-react/data-grid';\r\n\r\nimport Title from '../../components/shared/Title';\r\nimport { store } from '../../services/store';\r\nimport uri from '../../utils/uri';\r\nimport Nuevo from './Nuevo';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, resources } from '../../data/app';\r\n\r\nconst Rates = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminTasaCambios );\r\n\r\n let dataGrid = React.createRef();\r\n\r\n const reload = () => dataGrid.current.instance.refresh(); \r\n \r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Agregar',\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.addRow()\r\n }\r\n });\r\n } \r\n\r\n const title=\"Tasa de cambio\";\r\n\r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={title}/>\r\n <BlockHeader title={title} />\r\n <Nuevo onSave={reload} />\r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({\r\n uri: uri.rates, \r\n msgInserted: 'Tasa de cambio agregada correctamente',\r\n msgUpdated: 'Tasa de cambio modificada correctamente',\r\n msgDeleted: 'Tasa de cambio eliminada correctamente',\r\n remoteOperations : true}\r\n )}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n remoteOperations={{ \r\n paging: true,\r\n filtering: true\r\n }} \r\n onToolbarPreparing={onToolbarPreparing}\r\n >\r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} /> \r\n <Export enabled={true} fileName=\"TasaCambio\" allowExportSelectedData={true} />\r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format='dd/MM/yyyy'>\r\n <RequiredRule/>\r\n </Column>\r\n <Column dataField=\"value\" caption=\"Valor\" dataType=\"number\">\r\n <RequiredRule/>\r\n </Column>\r\n <Editing\r\n mode=\"cell\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n allowAdding={true}\r\n useIcons={true}\r\n > \r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Rates;\r\n","import { dialogDefault, DIALOG_INPUTPRODUCT } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogInputProduct = payload => ({ type: DIALOG_INPUTPRODUCT, payload });\r\n\r\nexport default function inPutProductDialogReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [DIALOG_INPUTPRODUCT] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","export const addMenu = (e, items) => {\r\n\r\n if (e.target == \"content\") {\r\n \r\n if (!e.items) e.items = [];\r\n \r\n if (e.rowIndex >= 0)\r\n e.items.push(...items);\r\n\r\n }\r\n\r\n}","import React from 'react';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport Title from '../../../components/shared/Title';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button as ButtonGrid,\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport uri from '../../../utils/uri';\r\nimport { store } from '../../../services/store';\r\nimport { inPutProductStates, inPutProductTypes } from '../../../data/enums';\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../../data/app';\r\nimport CustomButton from '../../../components/buttons/CustomButton';\r\nimport { useDispatch } from 'react-redux'\r\nimport { dialogInputProduct } from '../../../store/inPutProduct/inPutProductDialogReducer';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { dataFormatId } from '../../../utils/common';\r\nimport { addMenu } from '../../../components/grids/Menu';\r\nimport { onToolbar } from '../../../components/grids/ToolBar';\r\nimport { Col } from 'devextreme-react/responsive-box';\r\nimport urlReport from '../../../services/reportServices';\r\n\r\nconst InPutProducts = (\r\n {\r\n title = \"Entrada de entrada inventario\",\r\n btnAddText = \"Crear entrada\",\r\n typeId = null,\r\n icon = \"\",\r\n Component = null,\r\n resourcesId = null, \r\n dialog = dialogInputProduct\r\n }) => {\r\n\r\n const [ authorized ] = useAuthorization( resourcesId );\r\n\r\n let dataGrid = React.createRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = e => dataGrid.current.instance.refresh();\r\n \r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n \r\n if (e.data.stateId == inPutProductStates.noActivo)\r\n e.rowElement.classList.add('no-activo');\r\n\r\n }\r\n }\r\n\r\n const showDialog = (id) => dispatch(dialog({ open: true, id })); \r\n\r\n const addMenuItems = (e) => {\r\n addMenu(e, [{\r\n text: `Ver ${title}`,\r\n icon: 'find',\r\n onItemClick: () => showDialog(e.row.data.id)\r\n }])\r\n }\r\n\r\n const onToolbarPreparing = onToolbar({ export : true } , dataGrid);\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.inPut(id)}`);\r\n\r\n }\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} icon={icon} >\r\n <CustomButton\r\n text={btnAddText}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n />\r\n </BlockHeader>\r\n <Component onSave={reload} typeId={typeId} />\r\n\r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.inPutProducts, remoteOperations: true, extraParameter: typeId ? { key: 'typeId', value: typeId } : null })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onRowPrepared={onRowPrepared}\r\n onContextMenuPreparing={addMenuItems}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Numero' width={100} cellRender={dataFormatId} />\r\n <Column dataField=\"date\" caption='Fecha' dataType='date' format={formatDate} width={90} />\r\n <Column dataField=\"areaId\" caption=\"Area\" width={170}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'area' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"typeId\" caption=\"Tipo Entrada\" width={130}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'inPutProductType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"reference\" caption='Referencia' minWidth={100} />\r\n <Column dataField=\"provider.name\" caption='Proveedor' visible={typeId == inPutProductTypes.compra} />\r\n <Column dataField=\"observation\" caption='Observacion' visible={false} allowHeaderFiltering={false} allowFiltering={false}/>\r\n <Column dataField=\"total\" caption='Total' dataType='number' format={{ type: 'fixedPoint', precision: 2 }} width={100} />\r\n <Column dataField=\"stateId\" caption=\"Estado\" width={90}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'inPutProductState' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180} />\r\n <Column dataField=\"createBy\" caption='Creado Por' width={120} />\r\n <Column type=\"buttons\" width={60}>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default InPutProducts;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, AsyncRule,RequiredRule, StringLengthRule} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogInputProduct } from '../../../store/inPutProduct/inPutProductDialogReducer';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect } from '../../../data/app';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem, Pager, SearchPanel } from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../../utils/uri';\r\nimport { cellRender, onCellPrepared, formatToMoney, formatId } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport gridsHelper from '../../../utils/gridsHelper';\r\nimport ButtonForm from '../../../components/buttons/ButtonForm';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport { inPutProductTypes } from '../../../data/enums';\r\nimport { defaultLabels, inPutProductDefault } from '../../../data/defaultObjects';\r\n\r\nconst Nuevo = props => { \r\n \r\n const { typeId, exists = false } = props;\r\n\r\n const canEdit = typeId == inPutProductTypes.saldoInicial;\r\n\r\n const { inPutProductDialog : { open, id }, user } = useSelector(store => store);\r\n\r\n const active = true;\r\n\r\n const { products } = useProducts({ areaId: user.areaId, active, exists, onlyProducts: true });\r\n const [ inPutProduct, setInPutProduct ] = useState({...inPutProductDefault});\r\n const [ saving, setSaving ] = useState(false);\r\n const [ details, setDetails ] = useState([]);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n\r\n useEffect(() => { \r\n\r\n if(id > 0){\r\n \r\n http(uri.inPutProducts.getById(id)).asGet().then(resp => {\r\n\r\n const { inPutProductDetails, ...rest } = resp;\r\n\r\n inPutProductDetails.map(detail =>{\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n\r\n return detail;\r\n });\r\n\r\n setInPutProduct({...inPutProduct, ...rest});\r\n setDetails([...inPutProductDetails]);\r\n\r\n });\r\n\r\n }else{\r\n\r\n setInPutProduct({...inPutProductDefault, areaId : user.areaId, typeId : typeId});\r\n setDetails([]); \r\n\r\n }\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = gridsHelper(refGrid, { text : 'Agregar producto', icon:'plus' });\r\n\r\n const closeDialog = ( load ) => {\r\n\r\n refForm.current.instance.resetValues(); \r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(dialogInputProduct({open : false, id: 0}));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave(); \r\n } \r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n \r\n closeDialog(load); \r\n }\r\n\r\n const guardarEntrada = (e) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar el ajuste entrada?</i>\", \"Confirmar\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) { \r\n\r\n setSaving(true);\r\n let data = {...inPutProduct,inPutProductDetails:[...details] };\r\n\r\n http(uri.inPutProducts.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify('Entrada registrada correctamente');\r\n closeDialog(true);\r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if(prop == 'productId' && value){\r\n\r\n let info = products.find(x => x.id == value);\r\n \r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['cost'] = canEdit ? 0 : info.cost ;\r\n newData['price'] = canEdit ? 0 : info.price ;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.cost;\r\n }\r\n \r\n if(prop == 'quantity' && (+value) >= 0){\r\n newData['total'] = currentRowData['cost'] * value;\r\n }\r\n\r\n if(prop == 'cost' && (+value) >= 0){\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n }\r\n\r\n const onRowInserting = (e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const existsProduct = details.find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 1000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const textSaving = 'Guardar entrada';\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={1050}\r\n height={550}\r\n title={isNew ? `Nueva entrada de inventario` : `Entrada #${ formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open} \r\n >\r\n <Form formData={inPutProduct} ref={refForm}>\r\n <GroupItem colCount={3}> \r\n <SimpleItem dataField=\"areaId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({ name: 'area'}),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Area\" />\r\n <RequiredRule message=\"Seleccione el area\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat : 'dd/MM/yyyy',\r\n openOnFieldClick:true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"typeId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({name: 'inPutProductType'}),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Tipo\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={3} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <RequiredRule message=\"Ingrese una observacion\" />\r\n <StringLengthRule max={500} message=\"Maximo 500 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={details}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={320}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserting={onRowInserting}\r\n >\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <SearchPanel visible={true} />\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null,\"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={false} {...props} />}>\r\n <Lookup \r\n dataSource={products}\r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n \r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80} setCellValue={setCellValue.bind(null,\"quantity\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" allowEditing={canEdit} caption=\"Costo\" dataType=\"number\" width={100} cellRender={cellRender()} setCellValue={setCellValue.bind(null,\"cost\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column> \r\n <Column visible={canEdit} dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column> \r\n \r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" /> \r\n </Column>\r\n <Summary> \r\n <TotalItem\r\n column=\"total\"\r\n summaryType=\"sum\"\r\n customizeText={data => formatToMoney(data.value)} /> \r\n </Summary>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true} \r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n </Form>\r\n\r\n <ButtonForm saving={saving} visible={isNew} textSaving={textSaving} onClick={guardarEntrada}/>\r\n \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React from 'react';\r\nimport { inPutProductTypes } from '../../../data/enums';\r\nimport InPutProducts from '../inPutProducts/InPutProducts';\r\nimport { resources } from '../../../data/app';\r\nimport Nuevo from './Nuevo';\r\n\r\nconst initProduct = () => {\r\n\r\n const title ='Saldos iniciales';\r\n const btnAddText ='Nuevo saldo inicial';\r\n const typeId = inPutProductTypes.saldoInicial;\r\n\r\n return (\r\n <InPutProducts \r\n title={title} \r\n btnAddText={btnAddText} \r\n typeId={typeId} \r\n icon=\"dx-icon-increaseindent color-icon-green\" \r\n resourcesId = {resources.ajuste}\r\n Component={Nuevo}/>\r\n );\r\n}\r\n\r\nexport default initProduct;\r\n","import React from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { EmailRule, Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n ColumnChooser, \r\n Column, \r\n Export, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule, Lookup} from 'devextreme-react/data-grid';\r\n\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { createStore } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, editorOptionsSwitch, formatDateTime, resources } from '../../data/app';\r\n\r\nconst Providers = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.administrarProveedores );\r\n\r\n const title = 'Proveedores';\r\n\r\n let dataGrid = React.createRef();\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Nuevo Proveedor',\r\n icon: 'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.instance.addRow()\r\n }\r\n });\r\n }\r\n\r\n const onInitNewRow = (e) => {\r\n e.data.active = true;\r\n }\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <DataGrid id=\"gridContainer\"\r\n ref={(ref) => dataGrid = ref}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.providers })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onInitNewRow={onInitNewRow}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"name\" caption='Nombre' />\r\n <Column dataField=\"ruc\" caption='RUC' width={130}/>\r\n <Column dataField=\"property\" caption='Propietario' />\r\n <Column dataField=\"phoneNumber\" caption='Telefono' width={110}/>\r\n <Column dataField=\"email\" caption='Email' width={140}/>\r\n <Column dataField=\"address\" caption='Direccion' visible={false}/>\r\n <Column dataField=\"observation\" caption='Observacion' visible={false}/>\r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100}/>\r\n\r\n <Column dataField=\"createBy\" caption='Creado por' width={90} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={150} />\r\n <Column visible={false} dataField=\"modifyBy\" caption='Modificado por' width={90} />\r\n <Column visible={false} dataField=\"modifyAt\" caption='Modificado el' dataType='date' format={formatDateTime} width={150} />\r\n\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={500} height={560}>\r\n\r\n </Popup>\r\n <Form>\r\n <Item dataField=\"name\" colSpan={2}>\r\n <RequiredRule message=\"El campo es requerido\" /> \r\n <StringLengthRule max={50} message=\"Máximo de caracteres 50\" /> \r\n </Item> \r\n <Item dataField=\"ruc\" colSpan={2}>\r\n <RequiredRule message=\"El campo es requerido\" />\r\n <StringLengthRule max={20} message=\"Máximo de caracteres 20\" />\r\n </Item>\r\n <Item dataField=\"property\" colSpan={2}>\r\n <StringLengthRule max={50} message=\"Máximo de caracteres 50\" /> \r\n </Item>\r\n <Item dataField=\"phoneNumber\" colSpan={2}>\r\n <RequiredRule message=\"El campo es requerido\" />\r\n <StringLengthRule max={20} message=\"Máximo de caracteres 20\" />\r\n </Item>\r\n <Item dataField=\"email\" colSpan={2}>\r\n <StringLengthRule max={50} message=\"Máximo de caracteres 50\" />\r\n <EmailRule />\r\n </Item>\r\n <Item dataField=\"address\" editorType=\"dxTextArea\" colSpan={2}>\r\n <RequiredRule message=\"El campo es requerido\" />\r\n <StringLengthRule max={150} message=\"Máximo de caracteres 150\"/>\r\n </Item>\r\n <Item dataField=\"observation\" editorType=\"dxTextArea\" colSpan={2}>\r\n <StringLengthRule max={150} message=\"Máximo de caracteres 150\"/>\r\n </Item>\r\n <Item dataField=\"active\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch}>\r\n </Item>\r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Providers;\r\n","import { dialogDefault, DIALOG_TRASLATE } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogTraslate = payload => ({ type: DIALOG_TRASLATE, payload });\r\n\r\nexport default function traslateDialogReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [DIALOG_TRASLATE] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import React, { useState, useEffect, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogTraslate } from '../../../store/traslate/traslateDialogReducer';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect } from '../../../data/app';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid } from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../../utils/uri';\r\nimport { cellRender, formatId, onCellPrepared } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport gridsHelper from '../../../utils/gridsHelper';\r\nimport ButtonForm from '../../../components/buttons/ButtonForm';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { stepsTraslate, typeTraslate } from '../../../data/enums';\r\nimport { defaultLabels, traslateDefault } from '../../../data/defaultObjects';\r\n\r\nconst Nuevo = props => { \r\n\r\n const exists = true;\r\n const active = true;\r\n\r\n const {stepId, type} = props;\r\n\r\n const isCreate = type == typeTraslate.create;\r\n\r\n const { traslateDialog : { open, id, editing }, user } = useSelector(store => store);\r\n\r\n const [ areaSourceId, setAreaSourceId ] = useState(0);\r\n const { products, setProducts } = useProducts({areaId: areaSourceId, exists, active });\r\n const [ traslate, setTraslate ] = useState({...traslateDefault, stepId : 1});\r\n const [ saving, setSaving ] = useState(false);\r\n const [ details, setDetails ] = useState([]);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n\r\n useEffect(() => { \r\n\r\n if(id == 0){\r\n setTraslate({...traslate, areaId : user.areaId, stepId : stepId});\r\n setDetails([]);\r\n }\r\n \r\n\r\n if(id > 0){\r\n\r\n http(uri.traslates.getById(id)).asGet().then(resp =>{\r\n\r\n setTraslate({ ...withOutDetaill(resp) });\r\n\r\n http(uri.products.getByArea(resp.areaSourceId)).asGet({ exists }).then(data =>{\r\n \r\n setProducts(data);\r\n\r\n let arr = resp.traslateDetails.map(prod => {\r\n\r\n let info = data.find(x => x.id == prod.productId);\r\n\r\n prod['presentation'] = info.presentation;\r\n prod['um'] = info.um;\r\n prod['family'] = info.family;\r\n\r\n return prod;\r\n })\r\n\r\n setDetails(arr);\r\n\r\n }) \r\n\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = areaSourceId > 0 ? gridsHelper(refGrid, { text : 'Agregar producto', icon:'plus' }) : undefined;\r\n\r\n const close = load => {\r\n\r\n refForm.current.instance.resetValues(); \r\n refGrid.current.instance.cancelEditData();\r\n dispatch(dialogTraslate({open: false, id: 0, editing : false}));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave(); \r\n } \r\n\r\n }\r\n\r\n const onHiding = ({ load }) => close(load);\r\n\r\n const crearTraslado = (e) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n let data = {...traslate, traslateDetails:[...details] };\r\n\r\n const url = editing ? `${uri.traslates.insert}/asEdit` : uri.traslates.insert; \r\n\r\n http(url).asPost(data).then(resp => {\r\n\r\n setSaving(false);\r\n notify('Soliictud de traslado registrado correctamente');\r\n close(true);\r\n\r\n }).catch(err => {\r\n\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n const despacharTraslado = () => {\r\n\r\n setSaving(true);\r\n let data = {...traslate, id, traslateDetails:[...details] };\r\n \r\n http(uri.traslates.insert).asPost(data).then(resp => {\r\n\r\n setSaving(false);\r\n notify('Traslado registrado correctamente');\r\n close(true);\r\n\r\n }).catch(err => {\r\n\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n\r\n });\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if(prop == 'productId' && value){\r\n\r\n let info = products.find(x => x.id == value);\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['cost'] = info.cost; \r\n newData['quantityResponse'] = 0; \r\n !currentRowData['quantityRequest'] && (newData['quantityRequest'] = 1);\r\n !currentRowData['total'] &&( newData['total'] = info.cost);\r\n\r\n }\r\n \r\n if(prop == 'quantityRequest' && (+value) >= 0)\r\n newData['total'] = currentRowData['cost'] * value;\r\n\r\n }\r\n\r\n const setCellValueForResponse = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if(prop == 'quantityResponse' && (+value) >= 0)\r\n newData['total'] = currentRowData['cost'] * value;\r\n\r\n }\r\n\r\n const onValueChangedArea = (e) => {\r\n setAreaSourceId(e.value);\r\n setDetails([]);\r\n }\r\n\r\n const withOutDetaill = ({traslateDetails,...rest}) => rest;\r\n\r\n const textCreating = editing ? 'Modificar traslado ' + formatId(id) : 'Solicitar traslado';\r\n const textEditing = 'Despachar traslado';\r\n\r\n var itemHTML = isCreate ? <SimpleItem dataField=\"areaSourceId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'area'}),\r\n ...editorOptionsSelect,\r\n onValueChanged: onValueChangedArea\r\n }} >\r\n <Label text=\"Bodega\" />\r\n <RequiredRule message=\"Seleccione la bodega\" />\r\n </SimpleItem> \r\n :\r\n <SimpleItem dataField=\"areaTargetId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'area'}),\r\n ...editorOptionsSelect,\r\n }} >\r\n <Label text=\"Area solicitante\" />\r\n <RequiredRule message=\"Seleccione la bodega\" />\r\n </SimpleItem>\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={1050}\r\n height={580}\r\n title={isCreate ? textCreating : `Despachar solicitud ${id}`}\r\n onHiding={onHiding}\r\n visible={open} \r\n >\r\n <Form formData={traslate} ref={refForm} readOnly={!isCreate}>\r\n <GroupItem colCount={3}> \r\n {itemHTML}\r\n \r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat : 'dd/MM/yyyy',\r\n openOnFieldClick:true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"stepId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled : true,\r\n dataSource: createStoreLocal({ name: 'traslateStep'}),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Etapa\" />\r\n <RequiredRule message=\"Seleccione la bodega\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={3} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <RequiredRule message=\"Ingrese una observacion\" />\r\n <StringLengthRule max={500} message=\"Maximo 500 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={details}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={320}\r\n onToolbarPreparing={isCreate ? onToolbarPreparing : undefined}\r\n onCellPrepared={onCellPrepared}\r\n >\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null,\"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={false} {...props} quantity='quantityRequest'/>}>\r\n <Lookup \r\n dataSource={products}\r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.id} - ${item.name}` : ''}\r\n \r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"um\" caption=\"Unidad Medida\" width={120} allowEditing={false}></Column> \r\n <Column dataField=\"quantityRequest\" \r\n caption=\"Cantidad Solic\" \r\n dataType=\"number\" width={80} \r\n allowEditing={isCreate} \r\n setCellValue={setCellValue.bind(null,\"quantityRequest\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantityResponse\" \r\n caption=\"Cantidad\" \r\n dataType=\"number\" width={80} \r\n visible={!isCreate}\r\n setCellValue={setCellValueForResponse.bind(null,\"quantityResponse\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" dataType=\"number\" width={100} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column> \r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" /> \r\n </Column>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true} \r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n </Form>\r\n\r\n <ButtonForm \r\n saving={saving} \r\n textSaving={textCreating} \r\n visible={isCreate && traslate.stepId == stepsTraslate.pendiente} \r\n onClick={crearTraslado}/>\r\n <ButtonForm \r\n saving={saving} \r\n textSaving={textEditing} \r\n visible={!isCreate && traslate.stepId == stepsTraslate.pendiente} \r\n onClick={despacharTraslado}/>\r\n \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import Traslates from './Traslates';\r\nexport default Traslates;","import React, { useRef } from 'react';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport Title from '../../../components/shared/Title';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button \r\n } from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport uri from '../../../utils/uri';\r\nimport { store } from '../../../services/store';\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../../data/app';\r\nimport Nuevo from './Nuevo';\r\nimport CustomButton from '../../../components/buttons/CustomButton';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogTraslate } from '../../../store/traslate/traslateDialogReducer';\r\nimport { inPutProductStates, stepsTraslate, typeTraslate } from '../../../data/enums';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { dataFormatId } from '../../../utils/common';\r\nimport { onToolbar } from '../../../components/grids/ToolBar';\r\n\r\nconst Traslates = (props) => {\r\n\r\n const [ authorized ] = useAuthorization( resources.requisa ); \r\n\r\n const { areaId } = useSelector(store => store.user); \r\n\r\n const { type } = props;\r\n\r\n let dataGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = e => dataGrid.current.instance.refresh(); \r\n\r\n const title = type == typeTraslate.create ? \"Traslado de inventario\" : \"Despacho de inventario\";\r\n\r\n let extraParameter = { key : type == typeTraslate.create ? 'areaTargetId':'areaSourceId', value : areaId };\r\n\r\n const onRowPrepared = e => {\r\n if (e.rowType == 'data') {\r\n \r\n if (e.data.stateId == inPutProductStates.noActivo) \r\n e.rowElement.classList.add('no-activo');\r\n \r\n }\r\n }\r\n\r\n const showDialog = (id, editing= false) => dispatch(dialogTraslate({ open: true, id, editing }))\r\n\r\n const isEditVisible = e => type == typeTraslate.create && e.row.data.stepId == stepsTraslate.pendiente;\r\n const onToolbarPreparing = onToolbar({ export : true } , dataGrid);\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader title={title} >\r\n {type==typeTraslate.create && <CustomButton \r\n text='Nueva requisa'\r\n icon='plus'\r\n onClick={()=>showDialog( 0 ) }\r\n />}\r\n </BlockHeader>\r\n <Nuevo onSave={reload} stepId={1} type={type}/> \r\n \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri : uri.traslates, remoteOperations : true, extraParameter})}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Numero' width={100} cellRender={dataFormatId}/>\r\n <Column dataField=\"date\" caption='Fecha' dataType='date' format={formatDate} width={150} />\r\n <Column dataField=\"areaSourceId\" caption=\"Bodega\" width={250} visible={type == typeTraslate.create}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'area'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"areaTargetId\" caption=\"Area Solicitante\" width={250} visible={type == typeTraslate.update}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'area'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"stepId\" caption=\"Proceso\" width={150}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'traslateStep'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"stateId\" caption=\"Estado\" width={150}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'traslateState'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180}/>\r\n <Column dataField=\"createBy\" caption='Creado Por'/>\r\n <Column type=\"buttons\">\r\n <Button hint=\"Modificar\" icon=\"edit\"onClick={e => showDialog(e.row.data.id, true)} visible={isEditVisible} />\r\n <Button name=\"delete\" />\r\n <Button hint=\"Despachar\" name=\"edit\" icon=\"bulletlist\" onClick={e => showDialog(e.row.data.id)}/>\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={type == typeTraslate.update}\r\n allowDeleting={true}\r\n useIcons={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Traslates;\r\n","import { dialogDefault, DIALOG_BILL } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const billDialogAction = ({ open = false, id = 0, clientId = 0 }) => ({\r\n type: DIALOG_BILL,\r\n payload : { open, id, clientId }\r\n});\r\n\r\nexport default function billDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_BILL] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import { dialogDefault, DIALOG_PURCHASE } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const dialogPurchase = payload => ({ type: DIALOG_PURCHASE, payload });\r\n\r\nexport default function purchaseDialogReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [DIALOG_PURCHASE] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import React from \"react\";\r\nimport useApi from \"./useApi\";\r\nimport uri from \"../utils/uri\";\r\n\r\n\r\nconst useUsers = () => {\r\n \r\n const { data: users, isLoading } = useApi({ url: uri.users.base+'/catalogo' }); \r\n \r\n return {\r\n users, \r\n isLoading\r\n }\r\n}\r\n\r\nexport default useUsers;","import React, { useEffect, useState, useRef, useCallback, useMemo } from 'react';\r\nimport { Popup, ToolbarItem } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { SelectBox } from 'devextreme-react/select-box';\r\nimport { billDialogAction } from '../../store/bill/billDialogReducer';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate, resources } from '../../data/app';\r\nimport { DataGrid, Button, TextBox, DateBox, ScrollView } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem, SearchPanel } from 'devextreme-react/data-grid';\r\nimport { cellRender, formatId, formatToMoney, toMoney } from '../../utils/common';\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, defaultLabels } from '../../data/defaultObjects';\r\nimport { paymentType } from '../../data/enums';\r\nimport ProductDDBComponent from '../../components/dropdown/ProductDDBComponent';\r\nimport useProducts from '../../hooks/useProducts';\r\nimport uri from '../../utils/uri';\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport urlReport from '../../services/reportServices';\r\nimport useUsers from '../../hooks/useUsers';\r\n\r\nconst Nuevo = props => {\r\n\r\n const [ _, canChangeCreditDays ] = useAuthorization( resources.cambiarDiasCredito );\r\n const { billDialog: { open, id, clientId }, user, } = useSelector(store => store);\r\n const billDefaultCustom = { ...billDefault, clientId: clientId };\r\n\r\n const [ reload, setReload ] = useState(0);\r\n\r\n const { products, setProducts } = useProducts({ areaId: user.areaId, exists: true, reload });\r\n const [bill, setBill] = useState({ ...billDefaultCustom, billDetails: []});\r\n const [saving, setSaving] = useState(false);\r\n const [ loading, setLoading ] = useState(false);\r\n const [ fullscreen, setFullScreen ] = useState(false);\r\n const { users } = useUsers();\r\n const [currentCreditDays, setCurrentCreditDays] = useState(0);\r\n\r\n let clientInfo = {};\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n let textBoxRef = useRef();\r\n let refDeliveryDate = useRef(); \r\n let refSelect = useRef(); \r\n\r\n useEffect(() => {\r\n \r\n // if (appInfo.rate == 0) {\r\n // dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n // notify('Debe ingresar la tasa de cambio del dia para poder facturar', 'warning', 5000)\r\n // props.history.push('/app/tasa-de-cambio');\r\n // }\r\n\r\n if (id > 0) {\r\n setLoading(true);\r\n http(uri.products.getByArea(user.areaId)).asGet().then(data => {\r\n setProducts(data);\r\n\r\n http(uri.bills.getById(id)).asGet().then(resp => {\r\n\r\n resp.billDetails.forEach(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n detail['stock'] = info.stock;\r\n\r\n });\r\n\r\n setBill(_bill => ({ ..._bill, ...resp, }));\r\n if (open) textBoxRef.current.instance.focus();\r\n setLoading(false);\r\n })\r\n\r\n });\r\n\r\n } else {\r\n setLoading(true);\r\n setBill({ ...billDefaultCustom, billDetails: [] });\r\n if (open) textBoxRef.current.instance.focus();\r\n setLoading(false);\r\n\r\n }\r\n\r\n \r\n\r\n window.addEventListener(\"beforeunload\", alertUser);\r\n return () => {\r\n window.removeEventListener(\"beforeunload\", alertUser);\r\n };\r\n \r\n \r\n \r\n }, [open]);\r\n\r\n const alertUser = (e) => {\r\n e.preventDefault();\r\n e.returnValue = \"\";\r\n alert('saliendo');\r\n };\r\n\r\n\r\n useEffect(() => {\r\n if (open) textBoxRef.current.instance.focus();\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Agregar articulo',\r\n icon: 'plus',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => refGrid.current.instance.addRow()\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'refresh',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => setReload(Math.random())\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'remove',\r\n type: 'danger',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n var selectedRow = refGrid.current.instance.getSelectedRowKeys(); \r\n if (selectedRow.length > 0) {\r\n let key = selectedRow[0]\r\n let index = refGrid.current.instance.getRowIndexByKey(key)\r\n refGrid.current.instance.deleteRow(index);\r\n }\r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'check',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.saveEditData(); \r\n \r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'revert',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.cancelEditData(); \r\n \r\n }\r\n }\r\n }\r\n );\r\n }\r\n\r\n const ds = useMemo(() =>new DataSource({\r\n key: 'productId',\r\n store: bill.billDetails,\r\n // ...\r\n }));\r\n\r\n const addProductById = ( id, _info=null ) => {\r\n\r\n if (!id) return;\r\n\r\n const items = ds.items();\r\n\r\n const existsProduct = items.find(x => x.productId == id);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n return\r\n }\r\n\r\n let info = _info == null ? products.find(x => x.id == id) : _info;\r\n\r\n if(info.stock <= 0)\r\n return notify('No hay stock disponible', 'error', 5000);\r\n\r\n let newData = {}; \r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.price; \r\n newData['discount'] = 0;\r\n newData['discountUnit'] = 0;\r\n newData['discountPercent'] = 0;\r\n newData['productId'] = info.id; \r\n\r\n const newDetail = [...bill.billDetails, newData ];\r\n\r\n ds.store().insert(newData).then(() => {\r\n ds.reload().then(() => {\r\n refGrid.current.instance.editCell(newDetail.length - 1, 'quantity');\r\n });\r\n });\r\n\r\n //setBill(_bill => ({ ..._bill, billDetails: [...newDetail],}));\r\n\r\n }\r\n\r\n const addProductByCode = code => {\r\n let info = products.find(x => x.internalCode == code);\r\n\r\n if (info)\r\n addProductById(info.id, info);\r\n\r\n }\r\n\r\n const itemRender = (data) => {\r\n\r\n const isZero = data.stock <= 0;\r\n\r\n const cssZero = isZero ? 'product-stock zero-stock' : 'product-stock';\r\n\r\n return <div className=\"d-flex space-between\">\r\n <div>\r\n <div className=\"product-name\"><b>{data.internalCode}</b>-{data.name}</div>\r\n <div className=\"product-desciption\"><small className='text-muted'>Categoria: </small>{data.family} <small className='text-muted'>Marca: </small>{data.presentation}</div>\r\n </div> \r\n <div className=\"text-right\">\r\n <div className=\"product-price\">{formatToMoney(data.price)}</div>\r\n <div className={cssZero}><small className='text-muted'>Disponible:</small> {data.stock}/{data.disponible}</div>\r\n </div> \r\n </div>\r\n }\r\n\r\n const onKeyDown = (e) => {\r\n \r\n if(e?.event?.key == 'Enter'){\r\n\r\n const code = e.event.target.value;\r\n\r\n addProductByCode(code);\r\n\r\n }\r\n\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const guardarComoCotizacion = (e) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar la cotización?</i>\", \"Confirmar\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n \r\n setSaving(true);\r\n\r\n let { areaId, clientId, paymentTypeId, date, subTotal, discount, iva, toral, rate, observaction, creditDays, paymentMethodId, bankId, reference, nameClient, codigo, codeAuth } = { ...bill }; \r\n\r\n const sendData = () =>{\r\n\r\n http(uri.prebills.insert).asPost(\r\n { id: 0, areaId, clientId, paymentTypeId, date, subTotal, discount, iva, toral, rate, observaction, creditDays, paymentMethodId, bankId, reference, nameClient, codigo, preBillTypeId:2, codeAuth, preBillDetails: [...bill.billDetails] }\r\n \r\n ).then(resp => {\r\n setSaving(false);\r\n notify(`Cotización registrada correctamente`);\r\n setReload(Math.random());\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n } \r\n \r\n sendData(); \r\n\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const guardarFactura = (e) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar la factura?</i>\", \"Confirmar\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n \r\n setSaving(true);\r\n\r\n let data = { ...bill };\r\n\r\n http(`${uri.clients.getById(data.clientId)}/detail`).asGet().then(hasDueBill => { \r\n\r\n const sendData = () =>{\r\n\r\n http(uri.bills.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify(`Factura registrada correctamente`);\r\n setReload(Math.random());\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n \r\n if(hasDueBill.dueBills > 0 && data.paymentTypeId != paymentType.contado){\r\n let result = confirm(`<i>El cliente ${hasDueBill.client.name} ${hasDueBill.client.lastName} tiene ${hasDueBill.dueBills} factura(s) vencida(s), <b>¿Desea continuar ?</b></i>`, \"Confirmar\");\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n\r\n sendData();\r\n \r\n } else\r\n setSaving(false); \r\n });\r\n }else{ \r\n \r\n sendData();\r\n \r\n }\r\n\r\n }); \r\n\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['discount'] = 0;\r\n newData['discountUnit'] = 0;\r\n newData['discountPercent'] = 0;\r\n !currentRowData['quantity'] && (newData['quantity'] = 1);\r\n !currentRowData['total'] && (newData['total'] = info.price);\r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n if(value > currentRowData['stock']){\r\n newData['quantity'] = currentRowData['stock'];\r\n newData['total'] = currentRowData['customPrice'] * currentRowData['stock'];\r\n notify(currentRowData['stock'] + \" máximo stock disponible\", \"error\", 5000);\r\n }else{\r\n newData['total'] = currentRowData['customPrice'] * value - currentRowData['discount'];\r\n }\r\n }\r\n\r\n if (prop == 'customPrice' && (+value) >= 0) {\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n if (prop == 'discountUnit' && (+value) >= 0) {\r\n newData['discount'] = value * currentRowData['quantity'];\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - newData['discount'];\r\n newData['discountPercent'] = parseFloat((newData['discount'] * 100) / (currentRowData['quantity'] * currentRowData['customPrice'])).toFixed(6);\r\n }\r\n\r\n if (prop == 'discount' && (+value) >= 0) {\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - value;\r\n newData['discountPercent'] = parseFloat((value * 100) / (currentRowData['quantity'] * currentRowData['customPrice'])).toFixed(6);\r\n newData['discountUnit'] = parseFloat(value / currentRowData['quantity']).toFixed(6);\r\n }\r\n\r\n if (prop == 'discountPercent' && (+value) >= 0) {\r\n newData['discount'] = parseFloat((currentRowData['quantity'] * currentRowData['customPrice']) * (value / 100)).toFixed(6);\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - newData['discount'];\r\n newData['discountUnit'] = parseFloat(newData['discount'] / currentRowData['quantity']).toFixed(6);\r\n \r\n }\r\n\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['quantity', 'quantityRequest']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n e.cellElement.classList.add('quantity-text');\r\n if (e.column.dataField == 'customPrice')\r\n e.cellElement.classList.add('customPrice-text');\r\n\r\n }\r\n\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const init = \"\"; \r\n\r\n const paymentTypeIdChanged = (e) => {\r\n\r\n setBill(_bill => ({ \r\n ..._bill, paymentTypeId: e.value, \r\n paymentMethodId: e.value == paymentType.credito ? null : '', \r\n bankId: e.value == paymentType.credito ? null : '', \r\n reference:'', \r\n creditDays: e.value == paymentType.contado ? 0 : currentCreditDays,\r\n }))\r\n }\r\n\r\n const clientIdChanged = (e) => {\r\n\r\n const client = e.component.option('items')\r\n .find(x => x.id == e.value);\r\n\r\n let creditDays = 0;\r\n \r\n if(client)\r\n creditDays = client.creditDays; \r\n \r\n setCurrentCreditDays(creditDays); \r\n setBill(_bill => ({ ..._bill, clientId: e.value, creditDays: creditDays }));\r\n \r\n }\r\n \r\n const dataSource = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n\r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n\r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue;\r\n\r\n return http(uri.clients.asCatalog)\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => {\r\n\r\n return new Promise((resolve, reject) => {\r\n \r\n if(id == 0)\r\n resolve(null);\r\n else{\r\n if(clientInfo?.id == id){\r\n resolve(clientInfo);\r\n }else{\r\n http(uri.clients.getById(id)).asGet().then(resp => {\r\n clientInfo = resp;\r\n return resolve(resp);\r\n });\r\n }\r\n }\r\n });\r\n \r\n }, \r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n const onRowInserting = (e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const items = ds.items();\r\n\r\n const existsProduct = items.find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n }\r\n\r\n const updateDeliveryDate = (e) => {\r\n \r\n const deliveryDate = refDeliveryDate.current.instance.option('value');\r\n const id = bill.id;\r\n const data = { id, deliveryDate, username: bill.asignedTo };\r\n \r\n setSaving(true);\r\n http(uri.bills.base + '/update').asPost(data).then(resp => {\r\n notify('Fecha de entrega actualizada correctamente'); \r\n setSaving(false);\r\n closeDialog(true); \r\n }).catch(err => {\r\n notify(err, 'error', 5000);\r\n });\r\n }\r\n \r\n const printBill = (e) => {\r\n const report = urlReport();\r\n report.print(`${report.billTicket(bill.id)}`);\r\n }\r\n\r\n const dataSourceProduct = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n \r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n \r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue;\r\n\r\n params.exists = true;\r\n params.active=false; \r\n params.has=false;\r\n params.onlyProducts= false;\r\n \r\n return http(uri.products.getByArea(user.areaId)+'/grid')\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(uri.products.getById(id)).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n const setFocus = () => {\r\n setTimeout(() => {\r\n refSelect.current.instance.focus(); \r\n }, 300);\r\n }\r\n\r\n const onEditCanceled = (e) => {\r\n setFocus()\r\n }\r\n\r\n const keyDown = (e) => {\r\n if(e.event.key == 'Enter')\r\n setFocus()\r\n }\r\n\r\n const buttonFSOptions = {\r\n text: '',\r\n icon: 'fullscreen',\r\n onClick: function(e) { \r\n setFullScreen(!fullscreen);\r\n }\r\n };\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={'90vw'}\r\n height={'98vh'}\r\n fullScreen={fullscreen}\r\n title={isNew ? `Nueva factura` : `Ver factura ${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n id='bill-panel'\r\n >\r\n <LoadPanel\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n position={{ of: '#bill-panel' }}\r\n visible={loading}\r\n showIndicator={loading}\r\n shading={true}\r\n showPane={true}\r\n />\r\n <ToolbarItem\r\n widget=\"dxButton\"\r\n location=\"after\"\r\n options={buttonFSOptions}>\r\n </ToolbarItem>\r\n <ScrollView showScrollbar='never' > \r\n <Form formData={bill} ref={refForm}>\r\n <GroupItem colCount={4}>\r\n <GroupItem colSpan={4}>\r\n <GroupItem colCount={6}>\r\n\r\n <SimpleItem dataField=\"date\" colSpan={2} editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: formatDate,\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentTypeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'billPaymentType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: paymentTypeIdChanged \r\n }} >\r\n <Label text=\"Tipo pago\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"codigo\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ placeholder: 'Talonario', showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"clientId\" colSpan={4} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: dataSource(),\r\n displayExpr: 'fullName',\r\n valueExpr:\"id\",\r\n displayExpr: item => item ? `${item.id} - ${item.name} ${item.lastName}` : '',\r\n searchEnabled: true,\r\n searchExpr: [\"name\", \"lastName\"],\r\n showClearButton:true, onValueChanged: clientIdChanged}} >\r\n <Label text=\"Cliente\" />\r\n <RequiredRule message=\"Seleccione el cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"creditDays\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n disabled: !canChangeCreditDays,\r\n onValueChanged: e => setBill(_bill => ({ ..._bill, creditDays: e.value, })),\r\n }} >\r\n <Label text=\"Dias crédito\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem> \r\n\r\n <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'billPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill =>({ ..._bill, billPaymentTypeId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill =>({ ..._bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true, disabled: bill.paymentTypeId == paymentType.credito, }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n \r\n <SimpleItem dataField=\"observation\" colSpan={6} editorType=\"dxTextBox\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n\r\n </GroupItem>\r\n </GroupItem> \r\n\r\n </GroupItem>\r\n <GroupItem colCount={4}>\r\n <SimpleItem colSpan={2}>\r\n <SelectBox \r\n ref={refSelect}\r\n dataSource={dataSourceProduct()} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n searchEnabled={true} \r\n searchMode=\"contains\" searchExpr={['name','internalCode']} \r\n searchTimeout={600} \r\n placeholder=\"Selecione una producto\" \r\n showClearButton={true} \r\n itemRender={itemRender} \r\n onValueChanged={e => {\r\n\r\n addProductById(e.value);\r\n e.component.reset();\r\n e.component.focus();\r\n //this.props.data.component.editCell(this.props.data.rowIndex, this.quantity);\r\n //refGrid.current.instance.editCell(0, 'quantity');\r\n\r\n }} />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid} \r\n selection={{ mode: 'single' }}\r\n dataSource={ds}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={350}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowInserting={onRowInserting}\r\n onCellPrepared={onCellPrepared}\r\n onEditCanceled={onEditCanceled} \r\n onKeyDown={keyDown}\r\n > \r\n <SearchPanel visible={true} />\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={true} {...props} validateQuantity={true} />}\r\n >\r\n \r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80}\r\n setCellValue={setCellValue.bind(null, \"quantity\")}\r\n >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"stock\" caption=\"Disponible\" dataType=\"number\" width={90} allowEditing={false}>\r\n </Column>\r\n <Column visible={false} dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"customPrice\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"customPrice\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discountUnit\" caption=\"Desc Uni\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discountUnit\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discountPercent\" caption=\"Desc %\" dataType=\"number\" width={80}\r\n setCellValue={setCellValue.bind(null, \"discountPercent\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discount\" caption=\"Desc\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discount\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Summary>\r\n <TotalItem column=\"productId\" summaryType=\"count\" />\r\n <TotalItem column=\"discount\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={toMoney} />\r\n </Summary>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n <GroupItem colCount={6}> \r\n \r\n <SimpleItem colSpan={2} dataField=\"codeAuth\" editorType=\"dxTextBox\" editorOptions={{readOnly: true}}>\r\n <Label text=\"Código Autorización\" /> \r\n </SimpleItem> \r\n <SimpleItem colSpan={2} dataField=\"asignedTo\" editorType=\"dxSelectBox\" editorOptions={{\r\n dataSource: users,\r\n ...editorOptionsSelect,\r\n valueExpr:\"username\", displayExpr:\"username\",\r\n onValueChanged: e => setBill(_bill =>({ ..._bill, createBy: e.value, }))}}>\r\n <Label text=\"Vendedor\" /> \r\n </SimpleItem> \r\n \r\n <SimpleItem colSpan={1} itemType=\"button\" buttonOptions={{\r\n text: saving ? 'Guardando...' : `Guardar cotización`,\r\n type: 'normal',\r\n icon: 'save',\r\n disabled: saving,\r\n visible: isNew,\r\n onClick: guardarComoCotizacion\r\n }} /> \r\n <SimpleItem colSpan={1} itemType=\"button\" buttonOptions={{\r\n text: saving ? 'Guardando...' : `Guardar factura`,\r\n type: 'success',\r\n icon: 'save',\r\n disabled: saving,\r\n visible: isNew,\r\n onClick: guardarFactura\r\n }} /> \r\n <SimpleItem visible={bill.active === false} colSpan={6} dataField=\"disabledSubject\" editorOptions={{readOnly: true}}> \r\n <Label text=\"Anulado\" /> \r\n </SimpleItem> \r\n </GroupItem>\r\n </Form>\r\n <div className='flex-v'>\r\n <TextBox visible={false} focusStateEnabled={true} ref={textBoxRef} onKeyDown={onKeyDown} value={init}></TextBox> \r\n {\r\n bill.active == false && (\r\n <label className=\"text-danger pa-canceled\">Factura anulada</label>\r\n )\r\n }\r\n {\r\n bill.active == true && !isNew && (\r\n <div className='deliveryDateDiv'>\r\n <label>Fecha de entrega</label>\r\n <DateBox ref={refDeliveryDate} value={bill.deliveryDate} showClearButton={true} displayFormat={formatDate} onValueChanged={e => setBill({...bill, deliveryDate: e.value})} /> \r\n <Button text={saving ? 'Actualizando':'Actualizar fecha'} type=\"normal\" icon=\"event\" onClick={updateDeliveryDate} disabled={saving}></Button>\r\n <Button text={'Imprimir'} type=\"primary\" icon=\"print\" onClick={printBill}></Button>\r\n </div>\r\n )\r\n }\r\n </div>\r\n </ScrollView>\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React from 'react';\r\nimport { formatToMoney } from '../../utils/common';\r\n\r\nconst Resumen = ({data = [], rate = 1}) => {\r\n \r\n const importe = data.reduce((actual, nuevo) => {\r\n return actual + nuevo.total;\r\n },0);\r\n\r\n const descuento = data.reduce((actual, nuevo) => {\r\n return actual + nuevo.discount;\r\n },0);\r\n\r\n const iva = 0\r\n const total = data.reduce((actual, nuevo) => {\r\n return actual + nuevo.total;\r\n },0);\r\n\r\n const totalC$ = total * rate;\r\n\r\n return ( \r\n <div className=\"float-right\">\r\n <table>\r\n <tbody style={{fontSize : '20px'}}>\r\n\r\n <tr>\r\n <td>Cantidad:</td>\r\n <td className=\"text-right\">{data.length}</td>\r\n </tr>\r\n <tr>\r\n <td>Sub total:</td>\r\n <td className=\"text-right\">{formatToMoney(importe)}</td>\r\n </tr>\r\n <tr>\r\n <td>Descuento:</td>\r\n <td className=\"text-right\">{formatToMoney(descuento)}</td>\r\n </tr>\r\n {/* <tr>\r\n <td>IVA:</td>\r\n <td className=\"text-right\">{formatToMoney(iva)}</td>\r\n </tr> */}\r\n <tr>\r\n <td>Total:</td>\r\n <td className=\"text-right\"><b>{formatToMoney(total)}</b></td>\r\n </tr> \r\n \r\n </tbody>\r\n </table>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Resumen;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { dialogPurchase } from '../../../store/inPutProductPurchase/purchaseDialogReducer';\r\nimport { createStore, createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect } from '../../../data/app';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem, Pager } from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../../utils/uri';\r\nimport { cellRender, cellRenderBold, formatId, formatToMoney, onCellPrepared } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport gridsHelper from '../../../utils/gridsHelper';\r\nimport ButtonForm from '../../../components/buttons/ButtonForm';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { defaultLabels, labels, purchaseDefault } from '../../../data/defaultObjects';\r\nimport Resumen from '../../../components/form/Resumen';\r\n\r\nconst NuevoPurchase = props => {\r\n\r\n const { typeId } = props;\r\n\r\n const active = true;\r\n\r\n const { purchaseDialog: { open, id }, user } = useSelector(store => store);\r\n\r\n const { products } = useProducts({ areaId: user.areaId, active, onlyProducts: true });\r\n const [inPutProduct, setInPutProduct] = useState({ ...purchaseDefault });\r\n const [saving, setSaving] = useState(false);\r\n const [details, setDetails] = useState([]);\r\n const [resumenData, setResumenData] = useState([]);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n\r\n useEffect(() => {\r\n\r\n if (id > 0) {\r\n\r\n http(uri.inPutProducts.getById(id)).asGet().then(resp => {\r\n\r\n const { inPutProductDetails, ...rest } = resp;\r\n\r\n inPutProductDetails.map(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n\r\n return detail;\r\n })\r\n\r\n setInPutProduct({ ...purchaseDefault, ...rest });\r\n setDetails([...inPutProductDetails]);\r\n\r\n setResumenData([...inPutProductDetails]);\r\n\r\n });\r\n\r\n } else {\r\n\r\n setInPutProduct({ ...purchaseDefault, areaId: user.areaId, typeId: typeId });\r\n setDetails([]);\r\n setResumenData([]);\r\n\r\n }\r\n\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = gridsHelper(refGrid, { text: 'Agregar producto', icon: 'plus' });\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(dialogPurchase({ open: false, id: 0 }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const guardarEntrada = (e) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n let data = { ...inPutProduct, inPutProductDetails: [...details] };\r\n\r\n http(uri.inPutProducts.insert).asPost(data).then(resp => {\r\n\r\n setSaving(false);\r\n notify('Compra registrada correctamente');\r\n closeDialog(true);\r\n\r\n }).catch(err => {\r\n\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n\r\n let info = products.find(x => x.id == value);\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['cost'] = info.cost;\r\n newData['price'] = 0;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.cost;\r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n newData['total'] = currentRowData['cost'] * value;\r\n }\r\n\r\n if (prop == 'cost' && (+value) >= 0) {\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n }\r\n\r\n const onRowInserted = e => {\r\n setResumenData([...details])\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const textSaving = 'Guardar Entrada';\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={1150}\r\n height={580}\r\n title={isNew ? `Nueva compra de inventario` : `Compra #${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n >\r\n <Form formData={inPutProduct} ref={refForm}>\r\n <GroupItem colCount={3}>\r\n <GroupItem colSpan={2}>\r\n <GroupItem colCount={3}>\r\n <SimpleItem dataField=\"areaId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({ name: 'area' }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Area\" />\r\n <RequiredRule message=\"Seleccione el area\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: 'dd/MM/yyyy',\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"typeId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({ name: 'inPutProductType' }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Tipo\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"providerId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStore({ name: 'Provider', active: isNew }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Proveedor\" />\r\n <RequiredRule message=\"Seleccione el proveedor\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\">\r\n <Label text=\"Referencia\" />\r\n <RequiredRule message=\"Ingrese la referencia de compra\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={3} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={500} message=\"Maximo 500 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n </GroupItem>\r\n <GroupItem colSpan={1}>\r\n <Resumen data={resumenData} /> \r\n </GroupItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={details}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={290}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserted={onRowInserted}\r\n onRowRemoved={onRowInserted}\r\n onRowUpdated={onRowInserted}\r\n >\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={false} {...props} />}>\r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80} setCellValue={setCellValue.bind(null, \"quantity\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" caption={labels.costo} dataType=\"number\" width={100} cellRender={cellRender()} setCellValue={setCellValue.bind(null, \"cost\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRenderBold()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"price\" caption={labels.precio} dataType=\"number\" width={100} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n\r\n <Column dataField=\"lote\" caption=\"# Lote\" width={80}></Column> \r\n <Column dataField=\"expireDate\" caption=\"Expiración\" dataType='date' format='MM/yyyy' width={80}></Column> \r\n\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <Summary>\r\n <TotalItem\r\n column=\"total\"\r\n summaryType=\"sum\"\r\n customizeText={data => formatToMoney(data.value)} />\r\n </Summary>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n </Form>\r\n\r\n <ButtonForm saving={saving} visible={isNew} textSaving={textSaving} onClick={guardarEntrada} />\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NuevoPurchase;\r\n","import Kardex from './Kardex';\r\nexport default Kardex;","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Box, CheckBox, DataGrid, DateBox, DropDownBox, SelectBox } from \"devextreme-react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Item } from \"devextreme-react/box\";\r\nimport { Column, Selection, Paging, FilterRow, Scrolling, Export, Pager, Button, Editing } from \"devextreme-react/data-grid\";\r\n\r\nimport http from \"../../../utils/http\";\r\nimport uri from \"../../../utils/uri\";\r\nimport Title from \"../../../components/shared/Title\";\r\nimport BlockHeader from \"../../../components/shared/BlockHeader\";\r\nimport useProducts from \"../../../hooks/useProducts\";\r\nimport { cellRender, cellRenderBold, dataFormatId } from \"../../../utils/common\";\r\nimport { formatDate } from \"../../../data/app\";\r\nimport { addMenu } from \"../../../components/grids/Menu\";\r\nimport { inPutProductTypes, outPutProductTypes } from \"../../../data/enums\";\r\n\r\nimport { billDialogAction } from \"../../../store/bill/billDialogReducer\";\r\nimport { dialogOutputProduct } from \"../../../store/outPutProduct/outPutProductDialogReducer\";\r\nimport { dialogInputProduct } from \"../../../store/inPutProduct/inPutProductDialogReducer\";\r\nimport { dialogPurchase } from \"../../../store/inPutProductPurchase/purchaseDialogReducer\";\r\nimport { dialogTraslate } from \"../../../store/traslate/traslateDialogReducer\";\r\n\r\nimport * as ViewBill from '../../bills/Nuevo';\r\nimport * as ViewAjusteSalida from '../../movimientos/outPutProducts/Nuevo';\r\n\r\nimport * as ViewSaldoInicial from '../../movimientos/initProducts/Nuevo';\r\nimport * as ViewCompras from '../../movimientos/initProducts/NuevoPurchase';\r\n\r\nimport * as ViewTraslate from '../../movimientos/traslates/Nuevo';\r\nimport { defaultLabels } from \"../../../data/defaultObjects\";\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { resources } from '../../../data/app';\r\n\r\nconst Kardex = (props) => {\r\n\r\n const [ authorized ] = useAuthorization( resources.verKardex );\r\n\r\n let dropDownBoxRef = useRef();\r\n\r\n const [areas, setAreas] = useState([]);\r\n const [areaId, setAreaId] = useState(0);\r\n const [date, setDate] = useState(null);\r\n const {products} = useProducts({ areaId }); \r\n const [gridBoxValue, setGridBoxValue] = useState([]); \r\n\r\n const [kardex, setKardex] = useState(undefined);\r\n const [floating, setFloating] = useState([]);\r\n const [saldoAnterior, setSaldoAnterior] = useState(0);\r\n const [applyFloating, setApplyFloating] = useState(false);\r\n \r\n const changeHandler = (e) => {\r\n setGridBoxValue(e.value);\r\n }\r\n\r\n const dataGrid_onSelectionChanged = (e) => { \r\n setGridBoxValue(e.selectedRowKeys[0].id);\r\n dropDownBoxRef.current.instance.close(); \r\n\r\n }\r\n\r\n const dataGridRender = () => {\r\n return (\r\n <DataGrid\r\n dataSource={products}\r\n hoverStateEnabled={true}\r\n selectedRowKeys={gridBoxValue}\r\n onSelectionChanged={dataGrid_onSelectionChanged}\r\n height=\"100%\"> \r\n <Selection mode=\"single\" />\r\n <Scrolling mode=\"infinite\" />\r\n <Paging enabled={true} pageSize={10} />\r\n <FilterRow visible={true} />\r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={100}/>\r\n <Column dataField=\"name\" caption=\"Nombre\" />\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120}></Column>\r\n <Column dataField=\"um\" caption=\"UM\" width={120}></Column>\r\n </DataGrid>\r\n );\r\n }\r\n\r\n const changeArea = e => {\r\n setAreaId(e.value)\r\n }\r\n\r\n const changeDate = e => {\r\n setDate(e.value)\r\n }\r\n\r\n useEffect(() => {\r\n http(uri.areas.get).asGet().then(resp => setAreas(resp));\r\n }, [0]);\r\n\r\n const loadData = async()=>{\r\n if(areaId && gridBoxValue && date){\r\n \r\n const resp = await http('reports/kardex').asPost({areaId, productId : gridBoxValue, date});\r\n\r\n if(applyFloating)\r\n {\r\n const respFlating = await http('reports/floating').asPost({areaId, productId : gridBoxValue, date});\r\n setFloating(respFlating.result);\r\n }else\r\n setFloating([]);\r\n\r\n setKardex(resp.result)\r\n setSaldoAnterior(resp.saldoAnterior)\r\n\r\n }\r\n \r\n }\r\n\r\n useEffect(() => {\r\n loadData();\r\n }, [areaId, gridBoxValue, date, applyFloating]);\r\n\r\n const stockcellRender = (cellData) => { \r\n return cellData.value > 0 ? (\r\n <div className={cellData.data.quantityIn > 0 ? 'inc' : 'dec'} > \r\n <div className='diff'>{cellData.value}</div>\r\n </div>\r\n ): (<div>{cellData.value}</div>);\r\n }\r\n\r\n const dispatch = useDispatch();\r\n const directions = { entrada: 1, salida : 2 };\r\n\r\n const findMove = (e) => {\r\n\r\n const { id, reference, direction, typeId } = e.row.data;\r\n\r\n let codigo = 0;\r\n\r\n if(direction == directions.entrada){\r\n if([inPutProductTypes.compra, inPutProductTypes.ajusteEntrada, inPutProductTypes.saldoInicial].includes(typeId)){\r\n codigo = id;\r\n }else{\r\n codigo = parseInt(reference);\r\n }\r\n }\r\n\r\n if(direction == directions.salida){\r\n if([outPutProductTypes.facturacion, outPutProductTypes.traslado].includes(typeId)){\r\n codigo = parseInt(reference);\r\n }else{\r\n codigo = id;\r\n }\r\n }\r\n\r\n if(direction == directions.salida){\r\n\r\n if(typeId == outPutProductTypes.facturacion)\r\n dispatch(billDialogAction({ open: true, id: codigo }));\r\n\r\n if(typeId == outPutProductTypes.ajuste)\r\n dispatch(dialogOutputProduct({ open: true, id: codigo }));\r\n\r\n if(typeId == inPutProductTypes.traslado)\r\n dispatch(dialogTraslate({open : true, id: codigo}));\r\n }\r\n\r\n if(direction == directions.entrada){\r\n\r\n if(typeId == inPutProductTypes.ajusteEntrada)\r\n dispatch(dialogInputProduct({open : true, id: codigo}));\r\n \r\n if(typeId == inPutProductTypes.saldoInicial)\r\n dispatch(dialogInputProduct({open : true, id: codigo}));\r\n\r\n if(typeId == inPutProductTypes.compra)\r\n dispatch(dialogPurchase({open : true, id: codigo}));\r\n\r\n if(typeId == inPutProductTypes.traslado)\r\n dispatch(dialogTraslate({open : true, id: codigo}));\r\n }\r\n \r\n }\r\n\r\n const addMenuItems = (e) => {\r\n addMenu(e, [{\r\n text: `Ver movimiento`,\r\n icon: 'find',\r\n onItemClick: findMove\r\n }])\r\n }\r\n\r\n const title ='Kardex'; \r\n\r\n return authorized(\r\n <div className=\"container big\">\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...props} />\r\n\r\n <ViewBill.default />\r\n <ViewSaldoInicial.default type={inPutProductTypes.saldoInicial} />\r\n <ViewCompras.default type={inPutProductTypes.compra} />\r\n\r\n <ViewAjusteSalida.default />\r\n <ViewTraslate.default />\r\n\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione el area:</label>\r\n <SelectBox items={areas}\r\n placeholder=\"Selecciona una bodega\"\r\n showClearButton={true} valueExpr=\"id\" displayExpr=\"name\" \r\n onValueChanged={changeArea} \r\n />\r\n </div>\r\n </Item>\r\n <Item ratio={2}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione un producto:</label>\r\n <DropDownBox \r\n ref={dropDownBoxRef}\r\n dataSource={products}\r\n key=\"id\"\r\n placeholder=\"Selecciona un producto\"\r\n showClearButton={true} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''} \r\n value = {gridBoxValue} \r\n onValueChanged={changeHandler} \r\n contentRender={dataGridRender} \r\n />\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione la fecha de corte:</label>\r\n <DateBox type=\"date\" displayFormat={formatDate} openOnFieldClick={true} onValueChanged={changeDate}/>\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}>\r\n <label>Kardex</label>\r\n <DataGrid\r\n dataSource={[{ stocks : saldoAnterior, type:'Saldo Anterior',id:'-', date: date }]}\r\n showBorders={true}\r\n showRowLines={true}\r\n > \r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"tem\" caption=\"Opt\" width={50} />\r\n <Column dataField=\"type\" caption=\"Saldo Antorior\" width={150} />\r\n <Column dataField=\"id\" caption=\"Documento\" width={90} alignment=\"right\"/>\r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100} />\r\n <Column dataField=\"reference\" caption=\"Referencia\" /> \r\n <Column dataField=\"stocks\" caption=\"Existencia\" width={80} />\r\n </DataGrid>\r\n <DataGrid\r\n\r\n id=\"gridContainer\"\r\n className=\"vgridContainer\"\r\n selection={{ mode: 'single' }}\r\n dataSource={kardex}\r\n showBorders={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n > \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column type=\"buttons\" width={50}>\r\n <Button name=\"edit\" hint=\"Ver movimientos\" icon=\"find\" onClick={findMove}/>\r\n </Column>\r\n <Column dataField=\"type\" caption=\"Tipo\" width={150} />\r\n <Column dataField=\"id\" caption=\"Documento\" width={90} />\r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100} />\r\n <Column dataField=\"reference\" caption=\"Referencia\" width={90} />\r\n <Column dataField=\"observation\" caption=\"Observación\" />\r\n <Column caption=\"Entradas\" alignment=\"center\">\r\n <Column dataField=\"quantityIn\" caption=\"Cantidad\" width={75} cellRender={stockcellRender}/>\r\n <Column dataField=\"costIn\" caption=\"Costo\" cellRender={cellRender()} width={100} alignment=\"right\" />\r\n <Column dataField=\"costTotalIn\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Column caption=\"Salidas\" alignment=\"center\">\r\n <Column dataField=\"quantityOut\" caption=\"Cantidad\" width={75} cellRender={stockcellRender}/>\r\n <Column dataField=\"costOut\" caption=\"Costo\" cellRender={cellRender()} width={100} alignment=\"right\"/>\r\n <Column dataField=\"costTotalOut\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Column caption=\"Existencias\" alignment=\"center\">\r\n <Column dataField=\"stocks\" caption=\"Existencia\" width={80} />\r\n <Column dataField=\"costAvg\" caption=\"Costo Prom\" cellRender={cellRender()} width={100} alignment=\"right\"/>\r\n <Column dataField=\"costPromOut\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true} \r\n useIcons={true}\r\n >\r\n </Editing> \r\n </DataGrid>\r\n \r\n <label> \r\n <CheckBox value={applyFloating} text=\"Ver saldo flotante\" onValueChanged={e => setApplyFloating(e.value)} />\r\n </label> \r\n <DataGrid\r\n id=\"gridContainer2\"\r\n className=\"vgridContainer\"\r\n selection={{ mode: 'single' }}\r\n dataSource={floating}\r\n showBorders={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n visible={applyFloating}\r\n > \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column type=\"buttons\" width={50}>\r\n <Button name=\"edit\" hint=\"Ver movimientos\" icon=\"find\" onClick={findMove}/>\r\n </Column>\r\n <Column dataField=\"type\" caption=\"Tipo\" width={150} />\r\n <Column dataField=\"id\" caption=\"Documento\" width={90} />\r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100} />\r\n <Column dataField=\"reference\" caption=\"Referencia\" width={90} />\r\n <Column dataField=\"observation\" caption=\"Observación\" />\r\n <Column caption=\"Entradas\" alignment=\"center\">\r\n <Column dataField=\"quantityIn\" caption=\"Cantidad\" width={75} cellRender={stockcellRender}/>\r\n <Column dataField=\"costIn\" caption=\"Costo\" cellRender={cellRender()} width={100} alignment=\"right\" />\r\n <Column dataField=\"costTotalIn\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Column caption=\"Salidas\" alignment=\"center\">\r\n <Column dataField=\"quantityOut\" caption=\"Cantidad\" width={75} cellRender={stockcellRender}/>\r\n <Column dataField=\"costOut\" caption=\"Costo\" cellRender={cellRender()} width={100} alignment=\"right\"/>\r\n <Column dataField=\"costTotalOut\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Column caption=\"Existencias\" alignment=\"center\">\r\n <Column dataField=\"quantity\" caption=\"Existencia\" width={80} />\r\n <Column dataField=\"cost\" caption=\"Costo Prom\" cellRender={cellRender()} width={100} alignment=\"right\"/>\r\n <Column dataField=\"costPromOut\" caption=\"Total\" cellRender={cellRenderBold()} width={115} alignment=\"right\"/>\r\n </Column> \r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true} \r\n useIcons={true}\r\n >\r\n </Editing> \r\n </DataGrid> \r\n </Item>\r\n\r\n \r\n </Box>\r\n \r\n\r\n\r\n </div>\r\n );\r\n}\r\n\r\nexport default Kardex;\r\n","import Existencias from './Existencias';\r\nexport default Existencias;","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Box, DataGrid, DropDownBox, SelectBox } from \"devextreme-react\";\r\nimport { Item } from \"devextreme-react/box\";\r\nimport { Switch } from 'devextreme-react/switch';\r\nimport { Button } from 'devextreme-react/button';\r\nimport http from \"../../../utils/http\";\r\nimport uri from \"../../../utils/uri\";\r\nimport { Column, Selection, Paging, FilterRow, Scrolling, Export, TotalItem, Summary, MasterDetail } from \"devextreme-react/data-grid\";\r\nimport Title from \"../../../components/shared/Title\";\r\nimport BlockHeader from \"../../../components/shared/BlockHeader\";\r\nimport useProducts from \"../../../hooks/useProducts\";\r\nimport { cellRender, dataFormatId, formatToMoney } from \"../../../utils/common\";\r\nimport { defaultLabels } from \"../../../data/defaultObjects\";\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { resources } from '../../../data/app';\r\n\r\nconst Existencias = () => {\r\n\r\n const [ authorized, _, canSeeColCost ] = useAuthorization( resources.verExistencias, resources.verColumnaCostoStock );\r\n\r\n let dataGrid = useRef();\r\n\r\n let dropDownBoxRef = useRef();\r\n\r\n const [areas, setAreas] = useState([]);\r\n const [areaId, setAreaId] = useState( null );\r\n const [withStock, setWithStock] = useState( true );\r\n const {products} = useProducts({ areaId, onlyProducts: true }); \r\n const [gridBoxValue, setGridBoxValue] = useState(null); \r\n const [defaultValue, setDefaultValue] = useState(null);\r\n\r\n const [stocks, setStocks] = useState([]);\r\n\r\n const changeHandler = (e) => {\r\n setGridBoxValue(e.value);\r\n }\r\n\r\n const dataGrid_onSelectionChanged = (e) => { \r\n setGridBoxValue(e.selectedRowKeys[0].id);\r\n dropDownBoxRef.current.instance.close(); \r\n\r\n }\r\n\r\n const dataGridRender = () => {\r\n return (\r\n <DataGrid\r\n dataSource={products}\r\n hoverStateEnabled={true}\r\n selectedRowKeys={gridBoxValue}\r\n onSelectionChanged={dataGrid_onSelectionChanged}\r\n height=\"100%\"> \r\n <Selection mode=\"single\" />\r\n <Scrolling mode=\"infinite\" />\r\n <Paging enabled={true} pageSize={10} />\r\n <FilterRow visible={true} />\r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={100}/>\r\n <Column dataField=\"name\" caption=\"Nombre\" />\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={100}/>\r\n <Column dataField=\"um\" caption=\"UM\" width={80}/>\r\n </DataGrid>\r\n );\r\n }\r\n\r\n const changeArea = e => {\r\n setAreaId(e.value)\r\n }\r\n\r\n useEffect(() => {\r\n http(uri.areas.get).asGet().then(resp => {\r\n\r\n if(resp.length == 1)\r\n setDefaultValue(resp[0].id);\r\n\r\n setAreas(resp)\r\n \r\n })\r\n }, [0]);\r\n\r\n const buscar = (params) => {\r\n http('reports/stock').asPost({areaId, productId: gridBoxValue, withStock}).then(resp => {\r\n\r\n setStocks(resp.map(x => {\r\n x.total = x.stock * x.costAvg\r\n return x;\r\n }))\r\n }); \r\n }\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon:'exportxlsx',\r\n type:'success',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n } \r\n\r\n const calculateFilterExpression = (value, selectedFilterOperation, target) => { \r\n\r\n const values = value.split('%');\r\n let filters = values.map(v => {\r\n return ['productName', 'contains', v];\r\n });\r\n\r\n const filterFull = [];\r\n\r\n if (filters.length > 1) {\r\n\r\n for (let index = 0; index < filters.length; index++) {\r\n const element = filters[index];\r\n filterFull.push(element);\r\n if (index < filters.length - 1) {\r\n filterFull.push('and');\r\n }\r\n }\r\n return filterFull;\r\n\r\n }else{\r\n return [filters]\r\n }\r\n }\r\n\r\n const title ='Existencias'; \r\n\r\n return authorized(\r\n <div className=\"container big\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione el area:</label>\r\n <SelectBox items={areas}\r\n defaultValue={defaultValue}\r\n placeholder=\"Selecciona una bodega\"\r\n showClearButton={true} valueExpr=\"id\" displayExpr=\"name\" \r\n onValueChanged={changeArea} \r\n />\r\n </div>\r\n </Item>\r\n <Item ratio={2}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione un producto:</label>\r\n <DropDownBox \r\n ref={dropDownBoxRef}\r\n dataSource={products}\r\n key=\"id\"\r\n placeholder=\"Selecciona un producto\"\r\n showClearButton={true} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''} \r\n value = {gridBoxValue} \r\n onValueChanged={changeHandler} \r\n contentRender={dataGridRender} \r\n />\r\n </div>\r\n </Item>\r\n <Item ratio={1}> \r\n <div className=\"ml-10\">\r\n <label>Ver solo existencias mayor a 0?:</label> \r\n <br />\r\n <Switch \r\n switchedOnText = \"SI\"\r\n switchedOffText =\"NO\"\r\n defaultValue={withStock} \r\n onValueChanged={e => setWithStock(e.value)}/> \r\n </div> \r\n </Item>\r\n <Item ratio={1}> \r\n <div className=\"ml-10\">\r\n <label></label> \r\n <br />\r\n <Button text='Realizar busqueda' onClick={buscar} type='default' stylingMode=\"outlined\" icon='search'/> \r\n </div> \r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}>\r\n <label>Existencias</label>\r\n <DataGrid\r\n ref={dataGrid}\r\n id=\"gridContainer\"\r\n dataSource={stocks}\r\n showBorders={true}\r\n showRowLines={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n > \r\n <FilterRow visible={true} /> \r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"areaId\" visible={false} />\r\n <Column dataField=\"area\" visible={false} groupIndex={0} />\r\n <Column dataField=\"productId\" caption=\"Codigo\" width={150} cellRender={dataFormatId}/>\r\n <Column dataField=\"productName\" caption=\"Producto\" calculateFilterExpression={calculateFilterExpression} />\r\n <Column dataField=\"um\" caption=\"Unidad Medida\" width={120} />\r\n <Column dataField=\"presentation\" caption={defaultLabels.family} width={120} />\r\n <Column dataField=\"price\" caption=\"Precio\" cellRender={cellRender()} width={120} alignment=\"right\" />\r\n { canSeeColCost && <Column dataField=\"costAvg\" caption=\"Costo\" cellRender={cellRender()} width={120} alignment=\"right\" />}\r\n <Column dataField=\"stock\" caption=\"Cant\" width={100} /> \r\n <Column dataField=\"disponible\" caption=\"Disponible\" width={100} />\r\n <Column dataField=\"total\" caption=\"Total\" cellRender={cellRender()} width={120} /> \r\n <Summary>\r\n <TotalItem\r\n column=\"total\"\r\n summaryType=\"sum\" customizeText={data => `${formatToMoney(data.value)}`}/> \r\n </Summary> \r\n </DataGrid>\r\n </Item>\r\n\r\n </Box>\r\n\r\n </div>\r\n );\r\n}\r\n\r\nexport default Existencias;\r\n","import React from 'react';\r\nimport { inPutProductTypes } from '../../../data/enums';\r\nimport InPutProducts from '../inPutProducts/InPutProducts';\r\nimport { resources } from '../../../data/app';\r\nimport Nuevo from './Nuevo';\r\n\r\nconst initAdjustments = () => {\r\n\r\n const title ='Ajuste de entrada';\r\n const btnAddText ='Nueva entrada';\r\n const typeId = inPutProductTypes.ajusteEntrada;\r\n\r\n return (\r\n <InPutProducts \r\n title={title} \r\n btnAddText={btnAddText} \r\n typeId={typeId} \r\n icon=\"dx-icon-increaseindent color-icon-green\" \r\n resourcesId = {resources.ajuste}\r\n Component={props => <Nuevo {...props} exists={true} />}\r\n />\r\n );\r\n}\r\n\r\nexport default initAdjustments;\r\n","import { dialogDefault, DIALOG_CLIENT } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const clientDialogAction = ({ open = false, id = 0, clientId = 0 }) => ({\r\n type: DIALOG_CLIENT,\r\n payload : { open, id, clientId }\r\n});\r\n\r\nexport default function clientDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_CLIENT] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useRef, useState, useEffect } from 'react';\r\nimport { Popup } from 'devextreme-react';\r\nimport Form, { SimpleItem, Label, StringLengthRule, RequiredRule } from 'devextreme-react/form';\r\nimport { Button } from 'devextreme-react/button';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport { defaultClient } from '../../data/defaultObjects';\r\nimport { editorOptionsSwitch, editorOptsTextBoxPhone, editorOptionsSelect, editorOptionsNumberBox, resources } from '../../data/app';\r\nimport { clientDialogAction } from '../../store/client/clientDialogReducer';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst Nuevo = (props) => {\r\n\r\n const { isMobile } = props; \r\n\r\n const [ _, canConfigureCredit ] = useAuthorization( resources.configurarCredito );\r\n\r\n const dispatch = useDispatch();\r\n \r\n const { clientDialog: { open, id } } = useSelector(store => store);\r\n\r\n const [cliente, setcliente] = useState({ ...defaultClient }); \r\n const [cities, setCities] = useState([]); \r\n const [saving, setSaving] = useState({\r\n loading : false,\r\n text : 'Guardar'\r\n });\r\n\r\n const closeDialog = (load, clientId) => {\r\n\r\n dispatch(clientDialogAction({ id: 0, clientId: 0, open: false }));\r\n\r\n if(load)\r\n if(props.onSave)\r\n props.onSave();\r\n\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n closeDialog(load, 0);\r\n \r\n }\r\n\r\n const refForm = useRef();\r\n\r\n const guardarCliente = (params) => {\r\n\r\n let result = refForm.current.instance.validate(); \r\n\r\n if (result.isValid) {\r\n\r\n setSaving({loading : true, text:'Guardando...'});\r\n \r\n http(uri.clients.insert).asPost(cliente).then(resp => {\r\n\r\n notify('Datos guardados correctamente');\r\n setSaving({loading : false, text:'Guardar'}); \r\n closeDialog(true, resp.id);\r\n\r\n }).catch(err => {\r\n\r\n setSaving({loading : false, text:'Guardar'});\r\n notify(err, 'error');\r\n\r\n });\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n http('catalogos/City').asGet().then(resp => setCities(resp))\r\n }, [0]); \r\n\r\n useEffect(() => {\r\n\r\n if(id > 0)\r\n http(uri.clients.getById(id)).asGet().then(resp => setcliente(cli => ({ ...resp, isCompany: resp.isCompany ?? false })));\r\n else{\r\n setcliente({ ...defaultClient });\r\n refForm.current.instance.resetValues();\r\n }\r\n }, [open]); \r\n\r\n const updateCliente = (prop) => e => { \r\n setcliente({ ...cliente, [prop]: e.value }); \r\n }\r\n\r\n const propPop = isMobile ? { fullScreen: true } : { width: 700, height: 600 };\r\n\r\n return (\r\n <div> \r\n <Popup\r\n title={`Cliente`}\r\n {...propPop}\r\n onHiding={onHiding}\r\n visible={open}\r\n showCloseButton={true}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <Form formData={cliente} ref={refForm} colCount={2}>\r\n <SimpleItem dataField=\"isCompany\" editorType='dxSwitch' editorOptions={{...editorOptionsSwitch, onValueChanged: updateCliente('isCompany')}}>\r\n <Label text=\"Es Empresa?\" /> \r\n </SimpleItem> \r\n <SimpleItem dataField=\"typeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: !cliente.isCompany,\r\n dataSource: createStoreLocal({ name: 'clientType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setcliente({ ...cliente, typeId: e.value, })\r\n }} >\r\n <Label text=\"Tipo\" />\r\n { cliente.isCompany && <RequiredRule message=\"Este campo es requerido\" />}\r\n </SimpleItem> \r\n <SimpleItem dataField=\"identification\">\r\n <Label text={cliente.isCompany ? 'RUC':'Identificación'} />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"birthdate\" editorType='dxDateBox' editorOptions={{\r\n disabled: cliente.isCompany,\r\n openOnFieldClick:true\r\n }}>\r\n <Label text=\"Fecha de Nac\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"name\" colSpan={1}>\r\n <Label text={ cliente.isCompany ? 'Comercio':'Nombre' } />\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n <StringLengthRule max={100} message=\"Maximo 100 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"lastName\" >\r\n <Label text={ cliente.isCompany ? 'Contacto':'Apellidos'} />\r\n { cliente.isCompany == false && <RequiredRule message=\"Este campo es requerido\" />}\r\n <StringLengthRule max={100} message=\"Maximo 100 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"sexId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: cliente.isCompany,\r\n dataSource: createStoreLocal({ name: 'sex' }),\r\n ...editorOptionsSelect,\r\n }} >\r\n <Label text=\"Sexo\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"email\">\r\n <Label text=\"Correo\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"phoneNumber\" editorOptions={{...editorOptsTextBoxPhone}}>\r\n <Label text=\"Teléfono\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"cellNumber\" editorOptions={editorOptsTextBoxPhone}>\r\n <Label text=\"Célular\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"departmentId\" editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: createStoreLocal({ name: 'department' }),\r\n onValueChanged: e => setcliente({ ...cliente, departmentId: e.value, }),\r\n ...editorOptionsSelect,\r\n }} >\r\n <Label text=\"Departamento\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"cityId\" editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: cities.filter(c => c.departmentId == cliente.departmentId),\r\n ...editorOptionsSelect,\r\n }} >\r\n <Label text=\"Ciudad\" />\r\n </SimpleItem> \r\n \r\n \r\n\r\n <SimpleItem dataField=\"creditLimit\" editorType=\"dxNumberBox\" editorOptions={{...editorOptionsNumberBox, min:0, readOnly: !canConfigureCredit}}>\r\n <Label text=\"Monto Crédito\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"creditDays\" editorType=\"dxNumberBox\" editorOptions={{...editorOptionsNumberBox, min:0, readOnly: !canConfigureCredit}}>\r\n <Label text=\"Dias Crédito\" />\r\n </SimpleItem>\r\n\r\n <SimpleItem dataField=\"address\" colSpan={2}>\r\n <Label text=\"Dirección\" />\r\n <StringLengthRule max={250} message=\"Maximo 250 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={2}>\r\n <Label text=\"Observación\" />\r\n <StringLengthRule max={250} message=\"Maximo 250 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"blackList\" editorType='dxSwitch' editorOptions={{...editorOptionsSwitch, onValueChanged: updateCliente('blackList')}}>\r\n <Label text=\"Lista Negra\" /> \r\n </SimpleItem> \r\n \r\n </Form>\r\n <br />\r\n <Button\r\n width={180}\r\n text={saving.text} \r\n disabled={saving.loading}\r\n type=\"default\"\r\n icon='save'\r\n onClick={guardarCliente}\r\n />\r\n <br />\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import Clients from './Clients';\r\nexport default Clients;","import React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Export, \r\n Button as ButtonGrid, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule, \r\n}\r\n from 'devextreme-react/data-grid';\r\n \r\nimport { EmailRule, EmptyItem, Item } from 'devextreme-react/form';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { formatDate, resources, } from '../../data/app';\r\nimport { createStore, createStoreLocal } from \"../../utils/proxy\";\r\nimport uri from \"../../utils/uri\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\nimport { cellRender } from \"../../utils/common\";\r\nimport http from \"../../utils/http\";\r\nimport { clientDialogAction } from \"../../store/client/clientDialogReducer\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport Nuevo from \"./Nuevo\";\r\n\r\nconst Clients = props => {\r\n\r\n const [cities, setCities] = useState([]);\r\n\r\n const [ authorized ] = useAuthorization( resources.verClientes );\r\n\r\n let dataGrid = useRef();\r\n const title = \"Clientes\"; \r\n\r\n const onToolbarPreparing = e => {\r\n\r\n e.toolbarOptions.items.unshift({\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n type:'default',\r\n icon: 'add',\r\n text: 'Agregar cliente',\r\n onClick: e => showDialog(0)// dispatch(openDialog({open : true, id : 0}))\r\n }\r\n });\r\n }\r\n\r\n const onRowDblClick = (e) => {\r\n // history.push('/clinica/cliente/'+e.data.id);\r\n }\r\n\r\n const onSave = (params) => {\r\n dataGrid.current.instance.refresh();\r\n } \r\n\r\n const dispatch = useDispatch();\r\n\r\n const showDialog = (id) => dispatch(clientDialogAction({ open: true, id }))\r\n\r\n const getFilteredCities = (options) => {\r\n return {\r\n store: cities,\r\n filter: options.data ? ['departmentId', '=', options.data.departmentId] : null\r\n };\r\n }\r\n\r\n const setStateValue = (rowData, value) => {\r\n\r\n rowData['departmentId'] = value || 0;\r\n rowData.cityId = null;\r\n \r\n }\r\n\r\n useEffect(() => {\r\n http('catalogos/City').asGet().then(resp => setCities(resp))\r\n }, [0]);\r\n\r\n const onInitNewRow = (e) => {\r\n e.data.creditLimit = 0;\r\n }\r\n\r\n\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader showFavorite={true} title={title} {...props} />\r\n <Nuevo onSave={onSave} /> \r\n <DataGrid\r\n ref={dataGrid}\r\n dataSource={store({uri : uri.clients, remoteOperations: true })}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true}\r\n rowAlternationEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowDblClick={onRowDblClick}\r\n onInitNewRow={onInitNewRow}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={10} />\r\n <FilterRow visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <Column dataField=\"identification\" caption=\"Identificacion\" width={130} visible={false}/>\r\n <Column dataField=\"typeId\" caption=\"Tipo\" width={120}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name : 'clientType'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"name\" caption=\"Nombre\" minWidth={180} />\r\n <Column dataField=\"lastName\" caption=\"Apellidos/Contacto\" minWidth={140}/>\r\n <Column dataField=\"birthdate\" caption=\"Fecha de Nac\" width={120} visible={false} dataType=\"date\" format={formatDate} />\r\n <Column dataField=\"sexId\" caption=\"Sexo\" visible={false}>\r\n <Lookup dataSource={createStoreLocal({name : 'sex'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"address\" caption=\"Direción\" visible={false} allowFiltering={false} />\r\n <Column dataField=\"phoneNumber\" caption=\"Telefono\" allowFiltering={false} />\r\n <Column dataField=\"phoneNumberWork\" caption=\"Telefono Trab\" allowFiltering={false} visible={false}/>\r\n <Column dataField=\"cellNumber\" caption=\"Celular\" allowFiltering={false} visible={false}/>\r\n <Column dataField=\"email\" caption=\"Correo\" allowFiltering={false} visible={false} /> \r\n <Column dataField=\"departmentId\" caption=\"Departamento\" width={150} setCellValue={setStateValue} visible={false}>\r\n <Lookup disabled={true} dataSource={createStore({name : 'department'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"cityId\" caption=\"Ciudad\" width={150} visible={false}>\r\n <Lookup disabled={true} dataSource={getFilteredCities} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"creditLimit\" caption=\"Monto Credito\" cellRender={cellRender()} /> \r\n <Column dataField=\"creditDays\" caption=\"Dias Credito\" /> \r\n <Column dataField=\"isCompany\" caption=\"Empresa\" visible={false}/> \r\n <Column dataField=\"blackList\" caption=\"Lsita Negra\" /> \r\n \r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"edit\" icon=\"edit\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column> \r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={800} height={580}>\r\n\r\n </Popup> \r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default Clients;\r\n","import { dialogDefault, OPEN_DIALOG_RECIBO, CLOSE_DIALOG_RECIBO } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\nexport const openDialogRecibo = id => ({\r\n type: OPEN_DIALOG_RECIBO,\r\n payload: { open : true, id : id }\r\n});\r\n\r\nexport const closeDialogRecibo = () => ({\r\n type: CLOSE_DIALOG_RECIBO,\r\n payload: {...dialogDefault}\r\n});\r\n\r\nexport default function dialogReciboReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [OPEN_DIALOG_RECIBO] : () => ({...state, ...payload }),\r\n [CLOSE_DIALOG_RECIBO] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","export const onCellPreparedReceipt = e => { \r\n\r\n const cells = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cells.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id' && e.element.id == 'grid')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'id' && e.element.id == 'gridReceipt')\r\n e.cellElement.classList.add('col-id-receipt');\r\n\r\n if (e.column.dataField == 'billId')\r\n e.cellElement.classList.add('col-id-factura');\r\n \r\n\r\n if (e.column.dataField == 'total')\r\n e.cellElement.classList.add('col-id-total');\r\n if (e.column.dataField == 'amount')\r\n e.cellElement.classList.add('col-id-pagado');\r\n if (e.column.dataField == 'balance')\r\n e.cellElement.classList.add('col-id-pendiente');\r\n }\r\n\r\n}\r\n\r\n","\r\nimport React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { store } from '../../services/store';\r\nimport uri from '../../utils/uri';\r\nimport { createStore } from '../../utils/proxy';\r\nimport { Column, Editing, Lookup, Pager, Paging } from 'devextreme-react/data-grid';\r\nimport { cellRender, dataFormatId, formatId } from '../../utils/common';\r\nimport { formatDate } from '../../data/app';\r\nimport { onCellPreparedReceipt } from './CellPrepared';\r\nimport BlockHeader from '../shared/BlockHeader';\r\nimport urlReport from '../../services/reportServices';\r\n\r\nconst DetailTemplate = props => {\r\n \r\n const { onSave } = props;\r\n\r\n const { id } = props.data?.data;\r\n const title = \"Recibos generados\";\r\n\r\n const refGrid = useRef();\r\n\r\n const addMenuItems =(e) => {\r\n \r\n if (e.target == \"content\") {\r\n \r\n // e.items can be undefined\r\n if (!e.items) e.items = [];\r\n \r\n // Add a custom menu item\r\n if(e.rowIndex >= 0)\r\n e.items.push({\r\n\r\n text: `Re-imprimir recibo`,\r\n icon : 'print',\r\n onItemClick: () => {\r\n const report = urlReport();\r\n report.print(`${report.recibo(e.row.data.id)}`);\r\n }\r\n \r\n },{\r\n\r\n text: `Anular recibo`,\r\n icon : 'remove',\r\n onItemClick: () => refGrid.current.instance.deleteRow(e.rowIndex), \r\n color : 'red'\r\n });\r\n \r\n }\r\n }\r\n\r\n const onRowRemoved = (e) => {\r\n onSave();\r\n }\r\n\r\n return (<>\r\n <BlockHeader title={title} />\r\n \r\n <DataGrid\r\n ref={refGrid}\r\n id=\"gridReceipt\"\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: { get : uri.receivables.byBill(id), remove : uri.receivables.remove } })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n onRowRemoved={onRowRemoved}\r\n // onRowPrepared={onRowPrepared}\r\n // onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPreparedReceipt} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <Column dataField=\"id\" caption=\"Recibo #\" width={90} cellRender={dataFormatId} />\r\n <Column dataField=\"createAt\" caption=\"Fecha\" dataType='date' format={formatDate} width={120} />\r\n <Column dataField=\"amount\" caption=\"Pagado\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption=\"Pendiente\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} />\r\n \r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </>);\r\n};\r\n\r\n\r\n\r\n\r\nfunction getProviders(data, providers) {\r\n\r\n if (data.itemProviders != null) {\r\n return providers.filter(x => data.itemProviders.some(p => p.providerId == x.id));\r\n }\r\n return [];\r\n}\r\n\r\nexport default DetailTemplate;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n MasterDetail,\r\n Summary,\r\n TotalItem\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Title from '../shared/Title';\r\nimport BlockHeader from '../shared/BlockHeader';\r\nimport { store } from '../../services/store';\r\n\r\nimport CustomButton from '../buttons/CustomButton';\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../data/app';\r\nimport toCapital, { cellAsPayoff, cellRender, dataFormatId, formatId, formatToMoney } from '../../utils/common';\r\nimport urlReport from '../../services/reportServices';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n//import { openDialog } from '../../store/customDialog/customDialogReducer';\r\nimport { useDispatch } from 'react-redux';\r\nimport http from '../../utils/http';\r\nimport Nuevo from './Nuevo';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport DetailTemplate from './DetailTemplate';\r\nimport { onCellPreparedReceipt } from './CellPrepared';\r\n\r\nconst BillCxC = props => {\r\n\r\n const { clientId = 0 } = props;\r\n const [balance, setBalance] = useState(0);\r\n const [ authorized ] = useAuthorization( resources.cuentasPorCobrar );\r\n const [ dataDialog, setDataDialog ] = useState({ id: 0, billId: 0, open: false, client : '', balance : ''});\r\n\r\n const refGrid = useRef();\r\n\r\n const addMenuItems = (e) => {\r\n\r\n if (e.target == \"content\") {\r\n\r\n if (!e.items) e.items = [];\r\n\r\n if (e.rowIndex >= 0) {\r\n\r\n e.items.push({\r\n\r\n text: `Crear recibo de caja`,\r\n icon: 'doc',\r\n onItemClick: () => { \r\n openDialog(e);\r\n }\r\n\r\n },{\r\n\r\n text: `Ver factura`,\r\n icon: 'doc',\r\n onItemClick: () => { \r\n //openDialog(e);\r\n }\r\n\r\n });\r\n }\r\n\r\n }\r\n }\r\n\r\n const openDialog = e => {\r\n setDataDialog({ id: 0, billId: e.row.data.id, open: true, client : e.row.data.nombre, balance : e.row.data.balance});\r\n }\r\n\r\n const calculareBalance = (params) => {\r\n http(`bills/${clientId}/cxc/get`).asGet().then(resp => { \r\n setBalance(resp.reduce((accumulator, currentValue) => accumulator + currentValue.balance,0))\r\n });\r\n }\r\n\r\n const onSave = e =>{\r\n refGrid.current.instance.refresh();\r\n calculareBalance();\r\n }\r\n\r\n const close = e =>{\r\n setDataDialog({ id: 0, billId: 0, open: false, client : '', balance : ''});\r\n }\r\n\r\n useEffect(() => {\r\n calculareBalance();\r\n }, [clientId]);\r\n\r\n const title = 'Facturas de credito pendientes';\r\n\r\n return authorized(\r\n <div >\r\n <BlockHeader title={title}>\r\n <p style={{fontSize : 28}}>Deuda total : {formatToMoney(balance)}</p>\r\n </BlockHeader>\r\n\r\n <Nuevo data={dataDialog} close={close} onSave={onSave}/>\r\n\r\n <DataGrid id=\"grid\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: { get: `bills/${clientId}/cxc/get` }, })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true}\r\n onCellPrepared={onCellPreparedReceipt}\r\n onContextMenuPreparing={addMenuItems}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <Column type=\"buttons\" width={80}>\r\n <ButtonGrid name=\"modificar\" text=\"Pagar\" onClick={openDialog}/>\r\n </Column>\r\n <Column dataField=\"id\" caption=\"Factura #\" width={100} cellRender={dataFormatId} />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={100} /> \r\n <Column dataField=\"paymentTypeId\" caption=\"Tipo pago\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'billPaymentType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"total\" width={120} cellRender={cellRender()} />\r\n <Column dataField=\"amount\" caption=\"Pagado\" width={120} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption=\"Pendiente\" width={120} cellRender={cellRender()} />\r\n <Column dataField=\"retention\" caption=\"Retención\" width={120} cellRender={cellRender()} />\r\n <Column dataField=\"daysInDebt\" caption=\"En mora\" width={80}/>\r\n <Column dataField=\"payoff\" width={120} caption='Estado' dataType=\"boolean\" cellRender={cellAsPayoff} />\r\n <Column dataField=\"asignedTo\" caption='Vendedor' width={100} visible={false} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180} visible={false} />\r\n <Summary> \r\n <TotalItem\r\n column=\"balance\"\r\n summaryType=\"sum\" customizeText={data => `Total: ${formatToMoney(data.value)}`} />\r\n </Summary>\r\n <MasterDetail\r\n enabled={true}\r\n component={props => <DetailTemplate onSave={onSave} {...props}/>}\r\n />\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default BillCxC;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Box, DataGrid, DateBox, DropDownBox, SelectBox } from \"devextreme-react\";\r\nimport { dataSourceSelect } from '../../services/store';\r\nimport uri from '../../utils/uri';\r\nimport Bills from '../../views/bills/Bills';\r\nimport BillCxC from './BillCxC';\r\n\r\nconst BillByClient = props => {\r\n \r\n const { open } = props;\r\n\r\n const [clientId, setClientId] = useState(0);\r\n\r\n const onValueChanged = e => setClientId(e.value); \r\n\r\n useEffect(() => {\r\n setClientId(0); \r\n }, [open]);\r\n\r\n return (\r\n <div>\r\n <div className=\"ml-10\">\r\n <label>Seleccione el cliente:</label>\r\n <SelectBox \r\n value={clientId}\r\n searchEnabled={true}\r\n placeholder=\"Selecciona un cliente\"\r\n showClearButton={true} valueExpr=\"id\" displayExpr=\"fullName\" \r\n onValueChanged={onValueChanged} \r\n dataSource={dataSourceSelect(uri.clients.asCatalog, uri.clients.getById(clientId))}\r\n />\r\n <BillCxC clientId={clientId}/>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default BillByClient;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule, EmptyItem} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { closeDialogRecibo } from '../../store/dialogRecibo/dialogReciboReducer';\r\nimport DataSource from \"devextreme/data/data_source\";\r\nimport { createStore, createStoreLocal } from '../../utils/proxy';\r\nimport { dataAccess, editorOptionsSelect, editorOptsDateBox, formatDate, resources } from '../../data/app';\r\nimport { DataGrid, Button } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid } from 'devextreme-react/data-grid';\r\nimport uri from '../../utils/uri';\r\nimport toCapital, { cellRender } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, receiptDefault } from '../../data/defaultObjects';\r\nimport BillByClient from '../../components/bill/BillByClient';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst Nuevo = (props) => {\r\n\r\n const [ authorized, can ] = useAuthorization( resources.crearRecibo );\r\n\r\n const { data, onSave, close } = props;\r\n const { id, billId, open, client, balance} = data;\r\n \r\n const [ saving, setSaving ] = useState(false);\r\n const [ receipt, setReceipt ] = useState({...receiptDefault});\r\n\r\n const refForm = useRef();\r\n\r\n const closeDialog = ( load ) => { \r\n\r\n close();\r\n if (load) {\r\n onSave(); \r\n } \r\n }\r\n\r\n const onHiding = ({ load }) => { \r\n closeDialog(load); \r\n } \r\n\r\n useEffect(() => { \r\n\r\n if (can) {\r\n\r\n setReceipt({...receipt, id, billId, client, balance, amount : 0, observation : '', applyPayment : false,paymentMethodId:null, billPaymentMethodId : null, bankId : null, reference : '', referencePhysical : ''});\r\n refForm.current.instance.resetValues();\r\n if(id > 0)\r\n http(uri.receivables.getById(id)).asGet().then(resp => {\r\n\r\n setReceipt({...resp});\r\n closeDialog(true);\r\n\r\n });\r\n }\r\n\r\n }, [id, billId]);\r\n\r\n const guardarRecibo = (e) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true); \r\n\r\n http(uri.receivables.insert).asPost(receipt).then(resp => {\r\n setSaving(false);\r\n notify(`Recibo ${resp.id} registrado correctamente`);\r\n closeDialog(true);\r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n const onValueChanged = (e) => {\r\n setReceipt({...receipt, amount : e.value ? balance : 0 }); \r\n }\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={650}\r\n height={480}\r\n title={id > 0 ? `Ver recibo` : `Nuevo recibo`}\r\n onHiding={onHiding}\r\n visible={open} \r\n className=\"bg-fbfbfb\" \r\n >\r\n {authorized(<><Form formData={receipt} ref={refForm}>\r\n <GroupItem colCount={4}>\r\n <SimpleItem dataField=\"billId\" colSpan={2} \r\n editorOptions={{\r\n disabled : true\r\n }} >\r\n <Label text=\"Factura#\" />\r\n </SimpleItem>\r\n <EmptyItem colSpan={2} />\r\n <SimpleItem dataField=\"client\" colSpan={4} \r\n editorOptions={{\r\n disabled : true\r\n }} >\r\n <Label text=\"Cliente\" />\r\n </SimpleItem>\r\n \r\n <SimpleItem dataField=\"referencePhysical\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true }} >\r\n <Label text=\"# Recibo\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"createAt\" colSpan={2} editorType=\"dxDateBox\" editorOptions={{ ...editorOptsDateBox }}>\r\n <Label text=\"Fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"balance\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n readOnly : true,\r\n format: \"#,##0.00\"\r\n }} >\r\n <Label text=\"Pendiente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"amount\" colSpan={2} editorType=\"dxNumberBox\" editorOptions={{\r\n readOnly : receipt.applyPayment,\r\n format: \"#,##0.00\"\r\n }}>\r\n <Label text=\"Monto pagado\" />\r\n <RequiredRule message=\"El monto es requerido\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"applyPayment\" colSpan={4} editorType=\"dxCheckBox\" editorOptions={{ onValueChanged: onValueChanged }}>\r\n <Label text=\"Aplicar pago completo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"retention\" colSpan={2} editorType=\"dxNumberBox\" editorOptions={{\r\n readOnly : receipt.retention,\r\n format: \"#,##0.00\"\r\n }}>\r\n <Label text=\"Retención\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: createStoreLocal({ name: 'billPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n //onValueChanged: e => setBill(_bill =>({ ..._bill, billPaymentTypeId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n //onValueChanged: e => setBill(_bill =>({ ..._bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n \r\n \r\n <SimpleItem dataField=\"observation\" colSpan={4} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <RequiredRule message=\"Ingrese una observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem> \r\n </Form> \r\n <br/> \r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar recibo`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving}\r\n onClick={guardarRecibo}\r\n /></>)} \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column, ColumnChooser, Editing, Lookup, Pager, Paging, Summary, TotalItem } from 'devextreme-react/data-grid';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { onCellPreparedReceipt } from '../../components/bill/CellPrepared';\r\nimport { cellRender, dataFormatId, formatId, formatIdValue, formatToMoney } from '../../utils/common';\r\nimport { store } from '../../services/store';\r\nimport uri from '../../utils/uri';\r\nimport { formatDate, formatDateTime } from '../../data/app';\r\nimport urlReport from '../../services/reportServices';\r\n\r\nconst ReceiptByBillId = (props) => {\r\n\r\n const { onSave } = props;\r\n const refGrid = useRef();\r\n\r\n const onRowRemoved = (e) => {\r\n onSave();\r\n }\r\n\r\n const addMenuItems =(e) => {\r\n \r\n if (e.target == \"content\") {\r\n \r\n // e.items can be undefined\r\n if (!e.items) e.items = [];\r\n \r\n // Add a custom menu item\r\n if(e.rowIndex >= 0)\r\n e.items.push({\r\n\r\n text: `Imprimir recibo`,\r\n icon : 'print',\r\n onItemClick: () => {\r\n const report = urlReport();\r\n report.print(`${report.receiptTicket(e.row.data.id)}`);\r\n }\r\n \r\n });\r\n \r\n }\r\n }\r\n\r\n const { id, reference, cliente } = props;\r\n const titleCliente = `Cliente: ${cliente}`;\r\n \r\n return (<>\r\n <BlockHeader title={titleCliente} />\r\n <DataGrid\r\n id=\"gridReceipt\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: { get : uri.receivables.byBill(id), remove : uri.receivables.remove } })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true} \r\n onCellPrepared={onCellPreparedReceipt} \r\n onRowRemoved={onRowRemoved} \r\n //onContextMenuPreparing={addMenuItems} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <ColumnChooser enabled={true} />\r\n <Column dataField=\"id\" caption=\"Id\" width={100} cellRender={dataFormatId} />\r\n <Column dataField=\"referencePhysical\" caption=\"Recibo #\" width={90} cellRender={dataFormatId} />\r\n <Column dataField=\"amount\" caption=\"Pagado\" width={110} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption=\"Pendiente\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"retention\" caption=\"Retención\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"paymentMethod\" caption=\"Forma Pago\" width={100} />\r\n <Column dataField=\"banckId\" caption=\"Banco\" visible={false} />\r\n <Column dataField=\"reference\" caption=\"Referencia\" visible={false} />\r\n\r\n <Column dataField=\"observation\" caption=\"Observacion\" />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} />\r\n <Column dataField=\"createAt\" caption=\"Creado el\" dataType='date' format={formatDateTime} width={140} />\r\n <Summary> \r\n <TotalItem\r\n column=\"amount\"\r\n summaryType=\"sum\" \r\n customizeText={data => `${formatToMoney(data.value)}`} />\r\n </Summary> \r\n <Editing\r\n mode=\"popup\" \r\n allowDeleting={true}\r\n useIcons={true}\r\n ></Editing> \r\n </DataGrid>\r\n </>);\r\n \r\n}\r\n\r\nexport default ReceiptByBillId;\r\n","import { gridStateDefault, GRID_STATE } from \"../consts\";\r\n\r\nconst myState = { ...gridStateDefault }\r\n\r\nexport const setGridState = newState => {\r\n \r\n return{ \r\n type: GRID_STATE, \r\n payload : {...myState, ...newState} \r\n }\r\n\r\n} \r\n\r\n\r\nexport default function gridStateReducer(state = myState, { type, payload }) {\r\n \r\n const actions = {\r\n [GRID_STATE] : () => ({...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","// react\r\nimport React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { Button } from 'devextreme-react/button';\r\nimport { addToolBarAction, removeToolBarAction } from '../../store/toolBar/toolBarOptsReducer';\r\n\r\nfunction BlockHeaderState({\r\n showFavorite = false, \r\n title, \r\n icon,\r\n onClickView,\r\n onClickPrint, \r\n onClickPayment, \r\n onClickViewReceipts, \r\n onClickCancel, \r\n onClickEnable, \r\n onRefresh,\r\n onClickAdd,\r\n\r\n visibleView = false,\r\n visiblePrint= false, \r\n visiblePayment= false, \r\n visibleViewReceipts= false, \r\n visibleCancel= false, \r\n visibleEnable= false, \r\n visibleRefresh= false,\r\n visibleAdd= false,\r\n\r\n children,...rest }) {\r\n\r\n const { gridState: { data,\r\n disabledView, \r\n disabledPrint, \r\n disabledPayment, \r\n disabledViewReceipts, \r\n disabledCancel,\r\n disabledEnable,\r\n \r\n }, toolBarOpts } = useSelector(store => store); \r\n\r\n const dispatch = useDispatch();\r\n\r\n const path = rest.location?.pathname;\r\n\r\n const existFavorite = toolBarOpts.find(x => x.name === title);\r\n\r\n const onClick = () => {\r\n \r\n if(existFavorite) \r\n dispatch(removeToolBarAction(title));\r\n else\r\n dispatch(addToolBarAction({ name: title, path})); \r\n\r\n }\r\n \r\n const showFavorites = path && showFavorite;\r\n\r\n const className = existFavorite ? 'd-hand dx-icon-favorites exist-favorite' : 'd-hand dx-icon-favorites';\r\n\r\n return (\r\n <div className=\"block-header\">\r\n {title && <h3 className=\"block-header__title\">{title} {icon && <span className={icon} style={{fontSize : 20}}></span>} {showFavorites && <span onClick={onClick} className={className} style={{fontSize : 20}}></span>}</h3>}\r\n <div className=\"block-header__divider\" /> \r\n {visibleView && <Button hint='Ver ' onClick={() => onClickView(data.id)} icon={'search'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledView}/> }\r\n {visiblePrint && <Button hint='Imprimir' onClick={() => onClickPrint(data.id)} icon={'print'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledPrint}/> }\r\n {visiblePayment && <Button hint='Aplicar recibo' onClick={() => onClickPayment(0, data.id, true, data.nombre, data.balance)} icon={'money'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledPayment}/> }\r\n {visibleViewReceipts && <Button hint='Ver recibos' onClick={() => onClickViewReceipts(true, data.id, data.nombre)} icon={'product'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledViewReceipts}/> }\r\n {visibleCancel && <Button hint='Anular' onClick={() => onClickCancel(data.id, data.nombre)} icon={'remove'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledCancel}/> }\r\n {visibleEnable && <Button hint='Habilitar' onClick={() => onClickEnable(data.id)} icon={'check'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledEnable}/> }\r\n {visibleRefresh && <Button hint='refrescar' onClick={onRefresh} icon={'refresh'} stylingMode=\"contained\" className='ml-10' type={'normal'} /> }\r\n {visibleAdd && <Button hint='Agregar' onClick={onClickAdd} icon={'plus'} stylingMode=\"contained\" className='ml-10' type={'normal'} /> }\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\nexport default BlockHeaderState;\r\n","import { DIALOG_BILL_DISABLED } from \"../consts\";\r\n\r\nconst mydialog = { open: false, id: 0, name: '' }\r\n\r\nexport const billDisabledDialogAction = ({ open = false, id = 0, name = '' }) => ({\r\n type: DIALOG_BILL_DISABLED,\r\n payload : { open, id, name }\r\n});\r\n\r\nexport default function billDisabledDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_BILL_DISABLED] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n","import React, { useRef, useState } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport { Button } from 'devextreme-react';\r\nimport { useEffect } from 'react';\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport { billDisabledDialogAction } from '../../store/bill/billDisabledDialogReducer';\r\nimport notify from 'devextreme/ui/notify';\r\n\r\nconst BillDisabled = (props) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const { billDisabledDialog: { open, id, name }} = useSelector(store => store);\r\n const [saving, setSaving] = useState(false);\r\n const [formData, setFormData] = useState({ id, name, disabledSubject: '', disassociate: true});\r\n\r\n \r\n const refForm = useRef(null);\r\n\r\n const deleteBill = () => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let resultConfirm = confirm(\"<i>Esta seguro de anular la factura \" + id + \"?</i>\", \"Confirmar\");\r\n resultConfirm.then((dialogResult) => {\r\n if (dialogResult) {\r\n\r\n setSaving(true);\r\n http(`${uri.bills.base}/${id}/delete`).asPost(formData).then(resp => {\r\n\r\n setSaving(false);\r\n notify(`Factura anulada correctamente`);\r\n closeDialog(true);\r\n\r\n }).catch(err => {\r\n\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n\r\n });\r\n \r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n\r\n dispatch(billDisabledDialogAction({ id: 0, clientId: 0, open: false }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n useEffect(() => {\r\n if (open) { \r\n setFormData({ id, name, disabledSubject: '' })\r\n }\r\n }, [open])\r\n\r\n return (\r\n <Popup title={`Anular factura ${id}`} width={400} height={320} onHiding={onHiding} visible={open} showCloseButton={true}>\r\n <div className=\"popup-content\"> \r\n <div className=\"popup-body\">\r\n <Form formData={formData} ref={refForm} labelLocation='top'>\r\n <GroupItem colCount={2}> \r\n <SimpleItem colSpan={2} dataField=\"name\" editorType=\"dxTextBox\" editorOptions={{ label: 'Cliente', readOnly: true }}>\r\n <Label text=\"Cliente\" />\r\n </SimpleItem>\r\n <SimpleItem colSpan={2} dataField=\"disabledSubject\" editorType=\"dxTextArea\">\r\n <RequiredRule message=\"El motivo de anulación es requerido\" />\r\n <StringLengthRule max={250} message=\"Máximo de caracteres permitidos 250\" />\r\n <Label text=\"Motivo\" />\r\n </SimpleItem>\r\n <SimpleItem colSpan={2} dataField=\"disassociate\" editorType=\"dxCheckBox\">\r\n <Label text=\"Desvincular preventa\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n </Form>\r\n </div>\r\n <div className=\"popup-footer pt-10\">\r\n <Button text={saving ? 'Anulando...':'Anular factura'} type=\"danger\" icon=\"close\" onClick={deleteBill} disabled={saving}></Button>\r\n </div>\r\n </div>\r\n </Popup>\r\n );\r\n}\r\n\r\nexport default BillDisabled;\r\n","import Bills from './Bills';\r\nexport default Bills;","import React, { useRef, useState } from 'react';\r\nimport { DataGrid, Popup } from 'devextreme-react';\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n Export\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Title from '../../components/shared/Title';\r\nimport { store } from '../../services/store';\r\nimport * as NuevoReceipt from '../../components/bill/Nuevo';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { formatDate, formatDateTime } from '../../data/app';\r\nimport { cellAsPayoff, cellRender, dataFormatId, } from '../../utils/common';\r\nimport urlReport from '../../services/reportServices';\r\nimport { billDialogAction } from '../../store/bill/billDialogReducer';\r\nimport Nuevo from './Nuevo';\r\nimport { useDispatch } from 'react-redux';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\n\r\nimport uri from '../../utils/uri';\r\nimport ReceiptByBillId from '../receipts/ReceiptByBillId';\r\nimport { setGridState } from '../../store/gridState/gridStateReducer';\r\nimport BlockHeaderState from '../../components/shared/BlockHeaderState';\r\nimport BillDisabled from './BillDisabled';\r\nimport { billDisabledDialogAction } from '../../store/bill/billDisabledDialogReducer';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\n\r\nconst Bills = props => {\r\n\r\n const { clientId = 0 } = props;\r\n \r\n const [dataDialog, setDataDialog] = useState({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n const [dialogReceipt, setDialogReceipt] = useState({ open: false, id: 0, reference: 0 });\r\n const dispatch = useDispatch();\r\n let refGrid = useRef();\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.billTicket(id)}`);\r\n\r\n }\r\n\r\n\r\n\r\n const addMenuItems = (e) => {\r\n\r\n if (e.target == \"content\") {\r\n \r\n if (!e.items) e.items = [];\r\n \r\n if (e.rowIndex >= 0){\r\n\r\n const { id, nombre, balance, paymentTypeId } = e.row.data;\r\n\r\n const isContado = paymentTypeId == 1;\r\n\r\n e.items.push({\r\n \r\n text: `Ver factura`,\r\n icon: 'find',\r\n onItemClick: () => {\r\n showDialog(e.row.data.id); \r\n }\r\n\r\n },{\r\n\r\n text: `Imprimir factura`,\r\n icon: 'print',\r\n onItemClick: () => {\r\n printReport(id);\r\n }\r\n }); \r\n\r\n e.items.push({\r\n \r\n text: `Pagar Factura`,\r\n icon: 'money', \r\n disabled: isContado,\r\n onItemClick: () => {\r\n setDataDialog({ id: 0, billId: id, open: true, client: nombre, balance });\r\n }\r\n \r\n },{\r\n \r\n text: `Ver Recibos`,\r\n disabled: isContado,\r\n icon: 'product',\r\n onItemClick: () => {\r\n setDialogReceipt({ open: true, id, reference:id, cliente:nombre })\r\n }\r\n \r\n }); \r\n\r\n e.items.push({\r\n\r\n text: `Anular factura`,\r\n icon: 'remove',\r\n onItemClick: () => refGrid.current.instance.deleteRow(e.rowIndex),\r\n color: 'red'\r\n\r\n }); \r\n \r\n }\r\n\r\n }\r\n }\r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active)\r\n e.rowElement.classList.add('no-activo');\r\n\r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => refGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n }\r\n\r\n }\r\n\r\n const showDialog = (id) => dispatch(billDialogAction({ open: true, id })); \r\n \r\n const showBillDisabledDialog = (id, name) => dispatch(billDisabledDialogAction({ open: true, id, name, }));\r\n\r\n const onSave = (e) => refGrid.current.instance.refresh();\r\n\r\n const extraParameter = clientId > 0 ? { key: 'clientId', value: clientId } : null;\r\n\r\n const close = e => {\r\n setDataDialog({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n }\r\n\r\n const enableBill = id => {\r\n\r\n let resultConfirm = confirm(\"<i>Esta seguro de rehabilitar la factura \" + id + \"?</i>\", \"Confirmar\");\r\n resultConfirm.then((dialogResult) => {\r\n if (dialogResult) {\r\n http(`${uri.bills.base}/${id}/update`).asGet().then(resp => {\r\n\r\n notify(`Factura rehabilitada correctamente`);\r\n refGrid.current.instance.refresh();\r\n\r\n }).catch(err => {\r\n\r\n notify(err, 'error', 5000);\r\n\r\n });\r\n }\r\n });\r\n\r\n }\r\n\r\n const onRowClick = e => {\r\n \r\n const { paymentTypeId, id, active } = e.data;\r\n\r\n const isContado = paymentTypeId == 1;\r\n\r\n dispatch(setGridState({\r\n id: id, \r\n data: e.data,\r\n disabledView: false, \r\n disabledPrint: false, \r\n disabledPayment: isContado, \r\n disabledViewReceipts: isContado, \r\n disabledCancel: !active, \r\n disabledEnable: active === true\r\n }));\r\n\r\n }\r\n\r\n const onRowDblClick = e => {\r\n showDialog(e.data.id);\r\n }\r\n\r\n const cellRenderDelivery = (cellData) => {\r\n\r\n const { isDeliveried } = cellData.data;\r\n\r\n let deliveriedClassName = 'not-deliveried';\r\n if(isDeliveried)\r\n deliveriedClassName = 'is-deliveried';\r\n \r\n return (\r\n <div>\r\n <div className=\"current-value\">\r\n <span className={deliveriedClassName}> {isDeliveried ? 'Entregado': 'Sin entrega'} </span>\r\n </div> \r\n </div>\r\n );\r\n };\r\n\r\n const title = 'Facturas';\r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title} /> \r\n <BlockHeaderState showFavorite={true} title={title} icon=\"icon-file-text\" \r\n onClickView={(id) => showDialog(id)}\r\n onClickPrint={id => printReport(id)}\r\n onClickPayment={(id, billId, open, client, balance) => setDataDialog({ id: 0, billId, open, client, balance })}\r\n onClickViewReceipts={(open, id, nombre) => setDialogReceipt({ open, id, reference: id, cliente: nombre })}\r\n onClickCancel={(id, nombre) => showBillDisabledDialog(id, nombre)}\r\n onClickEnable={enableBill}\r\n onRefresh={() => refGrid.current.instance.refresh()}\r\n visibleView={true}\r\n visiblePrint={true}\r\n visiblePayment={true}\r\n visibleViewReceipts={true}\r\n visibleCancel={true}\r\n visibleEnable={true}\r\n visibleRefresh={true} {...props}\r\n >\r\n <CustomButton\r\n type=\"default\"\r\n text={`Nueva factura`}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n /> \r\n </BlockHeaderState>\r\n <Popup\r\n width={'90vw'}\r\n height={'80vh'}\r\n title={`Recibos de la factura ${dialogReceipt.id}`}\r\n onHiding={e => setDialogReceipt({ open: false, id: 0 })}\r\n visible={dialogReceipt.open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <ReceiptByBillId id={dialogReceipt.id} reference={dialogReceipt.reference} onSave={onSave} cliente={dialogReceipt.cliente} />\r\n </Popup>\r\n <Nuevo onSave={onSave} { ...props } />\r\n <NuevoReceipt.default data={dataDialog} close={close} onSave={() => 0} />\r\n <BillDisabled onSave={onSave} />\r\n <DataGrid id=\"gridContainer\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.bills, remoteOperations: true, extraParameter })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n //rowAlternationEnabled={true}\r\n hoverStateEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowDblClick={onRowDblClick}\r\n onRowClick={onRowClick}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n \r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n \r\n <Export enabled={false} fileName={title} />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Column dataField=\"id\" caption=\"Id\" width={70} cellRender={dataFormatId} />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={100} />\r\n <Column dataField=\"nombre\" caption=\"Cliente\" visible={clientId == 0} minWidth={150} allowHeaderFiltering={false} />\r\n <Column dataField=\"paymentTypeId\" width={100} caption=\"Tipo pago\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'billPaymentType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"total\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" width={100} caption=\"Deuda\" cellRender={cellRender()} />\r\n <Column dataField=\"active\" width={90} caption=\"Activa\" visible={false} />\r\n <Column dataField=\"payoff\" width={100} caption='Pagada' dataType=\"boolean\" cellRender={cellAsPayoff} />\r\n <Column dataField=\"asignedTo\" caption='Vendedor' width={100} />\r\n <Column dataField=\"deliveryDate\" caption='Fecha Entregado' dataType='date' format={formatDate} visible={false} width={140} />\r\n <Column dataField=\"createBy\" caption='Creado Por' width={100} visible={false}/>\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} visible={false} width={140} />\r\n <Column dataField=\"modifiedBy\" caption='Modificado ' width={100} visible={false} />\r\n <Column dataField=\"modifiedAt\" caption='Creado el' dataType='date' format={formatDateTime} visible={false} width={140} />\r\n <Column dataField=\"ConvertBy\" caption='Modificada por' visible={false} width={100} />\r\n <Column dataField=\"isDeliveriede\" width={100} caption=\"Entregado\" cellRender={cellRenderDelivery} />\r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Bills;\r\n","import { dialogDefault, DIALOG_NC } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const ncDialogAction = ({ open = false, id = 0, clientId = 0 }) => ({\r\n type: DIALOG_NC,\r\n payload : { open, id, clientId }\r\n});\r\n\r\nexport default function ncDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_NC] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useEffect, useState, useRef, useMemo } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsSelect } from '../../data/app';\r\nimport { TextBox, Button as TextBoxButton } from 'devextreme-react/text-box';\r\nimport { DataGrid, NumberBox, ScrollView } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid ,Summary,TotalItem} from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../utils/uri';\r\nimport { cellRender, customizeTextAsPercent, formatId, formatToMoney, onCellPrepared } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { movementDefault } from '../../data/defaultObjects';\r\nimport { ncDialogAction } from '../../store/notacredit/ncDialogReducer';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\n\r\n\r\nconst Nuevo = props => {\r\n\r\n const { ncDialog: { open, id }, user } = useSelector(store => store);\r\n\r\n const [ bill, setBill ] = useState({ id: null });\r\n const [ billDetallis, setBillDetails ] = useState([]);\r\n const [ movement, setMovement ] = useState({ ...movementDefault });\r\n const [ saving, setSaving ] = useState(false);\r\n const [ loading, setLoading ] = useState(false);\r\n const [ searching, setSearching ] = useState(false);\r\n const [ details, setDetails ] = useState([]);\r\n\r\n let refForm = useRef();\r\n let refBillForm = useRef();\r\n let refGrid = useRef();\r\n let billRefId = useRef();\r\n\r\n useEffect(() => {\r\n\r\n if (id > 0) {\r\n setLoading(true);\r\n http(uri.movements.getById(id)).asGet().then(resp => {\r\n\r\n http(`${uri.bills.base}/get/${resp.billId}/info`).asGet().then(data => {\r\n\r\n setBill(data);\r\n setBillDetails(data.details);\r\n\r\n const { movementDetails, ...rest } = resp; \r\n\r\n setMovement({ ...movementDefault, ...rest });\r\n setDetails([...movementDetails]);\r\n setLoading(false);\r\n });\r\n\r\n });\r\n\r\n } else {\r\n setLoading(true);\r\n setMovement({ ...movementDefault, areaId: user.areaId });\r\n setDetails([]);\r\n setLoading(false);\r\n\r\n }\r\n\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n text: searching ? 'Cargando...' : 'Agregar producto',\r\n icon:'add',\r\n disabled: searching || isDiscount,\r\n type:'default',\r\n onClick: () => {\r\n\r\n let result = refForm.current.instance.validate();\r\n let resultBill = refBillForm.current.instance.validate();\r\n\r\n if (result.isValid && resultBill.isValid) \r\n refGrid.current.instance.addRow();\r\n\r\n }\r\n }\r\n });\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refBillForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n billRefId.current.instance.reset();\r\n \r\n\r\n dispatch(ncDialogAction({ open: false, id: 0 }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n\r\n setMovement({ ...movementDefault, areaId: user.areaId });\r\n setDetails([]);\r\n \r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const guardarEntrada = (e, successCallback) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar la nota de crédito?</i>\", \"Confirmar cambios\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n\r\n setSaving(true);\r\n \r\n const newDetails = details.map(x => {\r\n x.id = 0;\r\n return x;\r\n });\r\n\r\n let data = { ...movement,billId: bill.id, clientId:bill.clientId, movementDetails: [...newDetails] };\r\n \r\n http(uri.movements.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n \r\n if (successCallback) {\r\n successCallback(data);\r\n }\r\n else {\r\n if (isNew) {\r\n notify('Nota de credito registrada correctamente');\r\n closeDialog(true);\r\n }\r\n else {\r\n notify('Nota de credito actualizada correctamente');\r\n }\r\n \r\n }\r\n \r\n \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n \r\n }\r\n }); \r\n\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n \r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n\r\n let info = billDetallis.find(x => x.id == value); \r\n newData['cost'] = info.cost;\r\n newData['price'] = info.price;\r\n newData['quantity'] = info.stock; \r\n newData['quantityBilled'] = info.stock; \r\n newData['total'] = info.price * info.stock;\r\n newData['importe'] = 0;\r\n newData['totalFact'] = 0;\r\n newData['discountPercent'] = 0;\r\n newData['discount'] = 0;\r\n \r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) \r\n newData['total'] = currentRowData['price'] * value; \r\n\r\n if (prop == 'discountPercent' && (+value) >= 0) {\r\n const totalDiscount = (currentRowData['price'] * currentRowData['quantity']) * (value / 100);\r\n newData['discount'] = totalDiscount;\r\n newData['total'] = totalDiscount;\r\n newData['totalFact'] = (currentRowData['importe'] - totalDiscount);\r\n newData['newPriceAux'] = 0;\r\n\r\n }\r\n\r\n if (prop == 'newPriceAux' && (+value) >= 0) {\r\n\r\n const newDiscount = (((value * currentRowData['quantity']) / currentRowData['importe']) - 1) * 100 * -1;\r\n newData['discountPercent'] = parseFloat(parseFloat(newDiscount).toFixed(4));\r\n\r\n const totalDiscount = (currentRowData['price'] * currentRowData['quantity']) * (newDiscount / 100);\r\n newData['discount'] = totalDiscount;\r\n newData['total'] = totalDiscount;\r\n newData['totalFact'] = (currentRowData['importe'] - totalDiscount);\r\n\r\n }\r\n\r\n }\r\n\r\n const searchBill = (e) => { \r\n\r\n var billId = billRefId.current.instance.option('value');\r\n\r\n if (billId == null || billId == 0) \r\n return; \r\n \r\n setSearching(true);\r\n http(`${uri.bills.base}/get/${billId}/info`).asGet().then(data => {\r\n setSearching(false);\r\n\r\n if (data == null) {\r\n notify('Factura no encontrada', 'error', 2000);\r\n return;\r\n }\r\n \r\n data.totalFormatted = formatToMoney(data.total);\r\n data.deudaFormatted = formatToMoney(data.balance); \r\n\r\n setBill(data);\r\n setBillDetails(data.details);\r\n \r\n }); \r\n \r\n }\r\n\r\n const typeChanged = (e) => {\r\n \r\n if (e.value == 1) { // Devolución\r\n setDetails([]);\r\n }\r\n else {\r\n const _billDetallis = billDetallis.map(x => {\r\n\r\n x.quantityBilled = x.stock;\r\n x.quantity = x.stock;\r\n x.productId = x.id\r\n x.discountPercent = 0;\r\n x.totalDiscount = 0;\r\n x.importe = x.price * x.stock;\r\n x.total = 0;\r\n x.totalFact = x.price * x.stock;\r\n\r\n return x;\r\n });\r\n\r\n setDetails([..._billDetallis]);\r\n }\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const textSaving = saving ? 'Guardando...' : 'Guardar Nota';\r\n\r\n const disabled = saving || !isNew;\r\n\r\n const searchButton = useMemo(\r\n () => ({\r\n icon: 'search',\r\n stylingMode: 'text',\r\n onClick: searchBill\r\n }),\r\n [],\r\n );\r\n\r\n const renderButtonSearch = () => {\r\n return (\r\n <NumberBox ref={billRefId}\r\n placeholder=\"0000\" \r\n defaultValue={bill.id}\r\n onValueChanged={searchBill}\r\n >\r\n <TextBoxButton\r\n name=\"password\"\r\n location=\"after\"\r\n options={searchButton}\r\n />\r\n </NumberBox>\r\n );\r\n }\r\n\r\n const isGoBack = movement.movementTypeId == 1;\r\n const isDiscount = movement.movementTypeId == 2;\r\n \r\n return (\r\n <div> \r\n <Popup\r\n width={'90vw'}\r\n height={'98vh'} \r\n title={isNew ? `Nueva Nota de Crédito` : `Nota de Crédito #${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n id='bill-panel'\r\n > \r\n <LoadPanel\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n position={{ of: '#bill-panel' }}\r\n visible={loading}\r\n showIndicator={loading}\r\n shading={true}\r\n showPane={true}\r\n /> \r\n <ScrollView showScrollbar='never'>\r\n <Form formData={bill} ref={refBillForm}>\r\n <GroupItem colCount={4} cssClass={'css-bill'}> \r\n <SimpleItem render={renderButtonSearch} > \r\n <Label text=\"Factura\" />\r\n <RequiredRule message=\"Ingrese la factura\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"nombre\" colSpan={2} editorOptions={{ readOnly: true, }} >\r\n <Label text=\"Cliente\" />\r\n <RequiredRule message=\"Ingrese la factura\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"asignedTo\" colSpan={1} editorType=\"dxTextBox\" editorOptions={{ readOnly: true, }}>\r\n <Label text=\"Vendedor\" />\r\n <RequiredRule message=\"Ingrese la factura\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: 'dd/MM/yyyy',\r\n readOnly: true\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Ingrese la factura\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"totalFormatted\" colSpan={1} editorType=\"dxTextBox\" editorOptions={{ readOnly: true, }}>\r\n <Label text=\"Total\" />\r\n <RequiredRule message=\"Ingrese la factura\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"deudaFormatted\" colSpan={1} editorType=\"dxTextBox\" editorOptions={{ readOnly: true, }}>\r\n <Label text=\"Deuda\" />\r\n </SimpleItem>\r\n \r\n </GroupItem>\r\n </Form> \r\n <Form formData={movement} ref={refForm}>\r\n <GroupItem colCount={3} caption={'Datos de la Nota de Crédito'}> \r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\" colSpan={1}\r\n editorOptions={{\r\n displayFormat: 'dd/MM/yyyy',\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"movementTypeId\" colSpan={1} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'movementType' }),\r\n ...editorOptionsSelect,\r\n disabled: bill.id == null,\r\n onValueChanged: typeChanged\r\n }} >\r\n <Label text=\"Tipo\" />\r\n <RequiredRule message=\"Seleccione el tipo de compra\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"movementGroupId\" colSpan={1} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'movementGroup' }),\r\n ...editorOptionsSelect,\r\n disabled: bill.id == null\r\n }} >\r\n <Label text=\"Motivo\" />\r\n <RequiredRule message=\"Seleccione una justificación\" />\r\n </SimpleItem> \r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={details}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={300}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n >\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")} allowEditing={isGoBack}\r\n editCellComponent={ProductDDBComponent} minWidth={100}>\r\n <Lookup\r\n dataSource={billDetallis}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"quantity\" caption=\"Cant\" dataType=\"number\" width={50} allowEditing={isGoBack} setCellValue={setCellValue.bind(null, \"quantity\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantityBilled\" caption=\"Cant Fact\" dataType=\"number\" width={80} allowEditing={false} visible={isGoBack}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" dataType=\"number\" allowEditing={false} width={100} cellRender={cellRender(1)} visible={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()} allowEditing={false} >\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"newPriceAux\" caption=\"Precio Aux\" dataType=\"number\" width={100} cellRender={cellRender()} visible={isDiscount} setCellValue={setCellValue.bind(null, \"newPriceAux\")}>\r\n </Column> \r\n <Column dataField=\"importe\" caption=\"Importe\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"discountPercent\" caption=\"Desc %\" dataType=\"number\" width={80} cellRender={customizeTextAsPercent} allowEditing={isDiscount} visible={isDiscount} setCellValue={setCellValue.bind(null, \"discountPercent\")}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"discount\" caption=\"Descuento\" dataType=\"number\" width={100} cellRender={cellRender()} allowEditing={false} visible={isDiscount} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"totalFact\" caption=\"Total Fac\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} visible={isGoBack}>\r\n <RuleRequired />\r\n </Column> \r\n\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n <Summary>\r\n <TotalItem\r\n column={isGoBack ? 'total':'discount'}\r\n summaryType=\"sum\" \r\n customizeText={data => `${formatToMoney(data.value)}`} />\r\n </Summary>\r\n </DataGrid>\r\n </GroupItem>\r\n <GroupItem colCount={3}>\r\n\r\n <SimpleItem dataField=\"observation\" colSpan={2} editorType=\"dxTextBox\">\r\n <Label text=\"Observación\" />\r\n <StringLengthRule max={150} message=\"Maximo 500 caracteres\" />\r\n <RuleRequired message={\"Ingrese la observacion\"} />\r\n </SimpleItem> \r\n <SimpleItem itemType=\"button\" buttonOptions={{\r\n text: textSaving,\r\n type: 'success',\r\n disabled: disabled,\r\n icon: 'save',\r\n onClick: guardarEntrada\r\n }} />\r\n </GroupItem>\r\n </Form>\r\n </ScrollView>\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\n\r\n\r\nexport default Nuevo;","import NotasCreditos from './NotasCreditos';\r\nexport default NotasCreditos;","import React, { useRef } from 'react';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from '../../components/shared/Title';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button as ButtonGrid,\r\n } from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport { purchaseSteps } from '../../data/enums';\r\nimport { dataAccess, formatDate, formatDateTime } from '../../data/app';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { useDispatch } from 'react-redux'\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataFormatId } from '../../utils/common';\r\nimport { addMenu } from '../../components/grids/Menu';\r\nimport { onToolbar } from '../../components/grids/ToolBar';\r\nimport urlReport from '../../services/reportServices';\r\nimport { resources } from '../../data/app';\r\nimport Nuevo from './Nuevo';\r\nimport { ncDialogAction } from '../../store/notacredit/ncDialogReducer';\r\n\r\nconst NotasCreditos = ( \r\n { \r\n title= \"Notas de Crédito\", \r\n btnAddText= \"Nueva Nota de Crédito\",\r\n typeId= null,\r\n icon=\"\", \r\n resourcesId = resources.crearNotasCreditos,\r\n printName = 'notaCredito',\r\n dialog = ncDialogAction,\r\n ...rest\r\n }) => {\r\n \r\n const [ authorized ] = useAuthorization( resourcesId );\r\n\r\n let dataGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = () => dataGrid.current.instance.refresh(); \r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active)\r\n e.rowElement.classList.add('no-activo');\r\n\r\n }\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['stepId']\r\n \r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if(cellsQuantity.includes(e.column.dataField)){\r\n e.cellElement.classList.add('td-status');\r\n\r\n if(e.data.stepId == purchaseSteps.anulada)\r\n e.cellElement.classList.add('td-status-cancelado');\r\n\r\n if(e.data.stepId == purchaseSteps.pendiente)\r\n e.cellElement.classList.add('td-status-pendiente');\r\n\r\n if(e.data.stepId == purchaseSteps.procesada)\r\n e.cellElement.classList.add('td-status-procesado');\r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n const showDialog = id => dispatch(dialog({ open: true, id })); \r\n \r\n const report = urlReport();\r\n\r\n const addMenuItems = (e) => {\r\n addMenu(e, [{\r\n text: `Ver ${title}`,\r\n icon: 'find',\r\n onItemClick: () => showDialog(e.row.data.id)\r\n },{\r\n text: `Imprimir ${title}`,\r\n icon: 'print',\r\n onItemClick: () => {\r\n\r\n if(printName)\r\n report.print(`${report[printName](e.row.data.id)}`) ;\r\n }\r\n }])\r\n }\r\n\r\n const onToolbarPreparing = onToolbar({ export : true } , dataGrid);\r\n\r\n const _uri = uri.movements;\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.notaCredito(id)}`);\r\n\r\n }\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader title={title} icon={icon} showFavorite={true} {...rest}>\r\n <CustomButton \r\n text={btnAddText}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n />\r\n </BlockHeader>\r\n <Nuevo onSave={reload} typeId={typeId}/> \r\n \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri : _uri, remoteOperations : true, extraParameter: null })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onRowPrepared={onRowPrepared}\r\n onCellPrepared={onCellPrepared}\r\n onContextMenuPreparing={addMenuItems}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Numero' width={100} cellRender={dataFormatId}/>\r\n <Column dataField=\"billId\" caption='Factura' width={100} cellRender={dataFormatId}/>\r\n <Column dataField=\"movementTypeId\" caption=\"Tipo \" width={110}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'movementType'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"name\" caption=\"Cliente\" minWidth={150} allowHeaderFiltering={false} />\r\n <Column dataField=\"total\" caption='Total' dataType='number' format={{ type: 'fixedPoint', precision: 2 }} width={100} /> \r\n <Column dataField=\"observation\" caption='Observacion' visible={false} allowHeaderFiltering={false} allowFiltering={false}/>\r\n <Column dataField=\"active\" width={90} caption=\"Activa\"/>\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180}/>\r\n <Column dataField=\"createBy\" caption='Creado Por' width={120}/>\r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NotasCreditos;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule, EmptyItem} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { closeDialogRecibo } from '../../store/dialogRecibo/dialogReciboReducer';\r\nimport DataSource from \"devextreme/data/data_source\";\r\nimport { createStore, createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate } from '../../data/app';\r\nimport { DataGrid, Button } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid } from 'devextreme-react/data-grid';\r\nimport uri from '../../utils/uri';\r\nimport toCapital, { cellRender } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault } from '../../data/defaultObjects';\r\nimport BillByClient from '../../components/bill/BillByClient';\r\nimport useProducts from '../../hooks/useProducts';\r\n\r\nconst Nuevo = (props) => {\r\n\r\n const { dialogRecibo, user } = useSelector(store => store);\r\n\r\n const { products, isLoading } = useProducts({ areaId : user.areaId});\r\n const [ saving, setSaving ] = useState(false);\r\n const [ bill, setBill ] = useState({...billDefault});\r\n\r\n\r\n const dispatch = useDispatch(); \r\n\r\n const closeDialog = ( load ) => { \r\n\r\n dispatch(closeDialogRecibo());\r\n if (load) {\r\n let { onSave } = props;\r\n onSave(); \r\n } \r\n }\r\n\r\n const onHiding = ({ load }) => { \r\n closeDialog(load); \r\n } \r\n\r\n const onCellPrepared = e => {\r\n\r\n const cells = ['quantity', 'quantityRequest']\r\n \r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if(cells.includes(e.column.dataField))\r\n e.cellElement.classList.add('quantity-text'); \r\n }\r\n \r\n }\r\n\r\n useEffect(() => { \r\n\r\n if(dialogRecibo.id > 0)\r\n http(uri.bill.getById(dialogRecibo.id)).asGet().then(resp => {\r\n\r\n setBill({...resp});\r\n\r\n });\r\n\r\n }, [dialogRecibo.id]);\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={1050}\r\n height={580}\r\n title={`Recibos`}\r\n onHiding={onHiding}\r\n visible={dialogRecibo.open} \r\n className=\"bg-fbfbfb\" \r\n >\r\n <BillByClient open={dialogRecibo.open}/> \r\n \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import Receipts from './Receipts'\r\nexport default Receipts;","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n ColumnChooser, \r\n Column, \r\n Lookup,\r\n Editing} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { store } from '../../services/store';\r\n\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../data/app';\r\nimport toCapital, { cellAsPayoff, cellRender, dataFormatId, formatId } from '../../utils/common';\r\nimport urlReport from '../../services/reportServices';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { openDialogRecibo } from '../../store/dialogRecibo/dialogReciboReducer';\r\nimport Nuevo from './Nuevo';\r\nimport { useDispatch } from 'react-redux';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport uri from '../../utils/uri';\r\nimport { onCellPreparedReceipt } from '../../components/bill/CellPrepared';\r\n\r\nconst Receipts = () => {\r\n \r\n const [ authorized ] = useAuthorization( resources.verRecibos );\r\n\r\n const dispatch = useDispatch(); \r\n let refGrid = useRef();\r\n\r\n const addMenuItems =(e) => {\r\n \r\n if (e.target == \"content\") {\r\n \r\n // e.items can be undefined\r\n if (!e.items) e.items = [];\r\n \r\n // Add a custom menu item\r\n if(e.rowIndex >= 0)\r\n e.items.push({\r\n\r\n text: `Ver recibo`,\r\n icon : 'doc',\r\n onItemClick: () => { },\r\n color : 'red'\r\n },{\r\n\r\n text: `Ver factura`,\r\n icon : 'doc',\r\n onItemClick: () => { },\r\n color : 'red'\r\n },{\r\n\r\n text: `Re-imprimir recibo`,\r\n icon : 'print',\r\n onItemClick: () => {\r\n const report = urlReport();\r\n report.print(`${report.recibo(e.row.data.id)}`);\r\n }\r\n \r\n },{\r\n\r\n text: `Anular recibo`,\r\n icon : 'remove',\r\n onItemClick: () => refGrid.current.instance.deleteRow(e.rowIndex),\r\n color : 'red'\r\n });\r\n \r\n }\r\n }\r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active) \r\n e.rowElement.classList.add('no-activo');\r\n \r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon:'exportxlsx',\r\n type:'success',\r\n stylingMode:\"outlined\",\r\n onClick: () => refGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n } \r\n\r\n const onSave = e => {\r\n \r\n }\r\n\r\n const title ='Recibos de caja';\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader title={title}>\r\n <CustomButton\r\n type=\"default\"\r\n text={`Generar recibo`}\r\n icon='plus'\r\n onClick = {() => {\r\n dispatch(openDialogRecibo(0));\r\n }}\r\n />\r\n </BlockHeader>\r\n <Nuevo onSave={onSave} />\r\n <DataGrid id=\"gridReceipt\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : uri.receivables, remoteOperations: true })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPreparedReceipt}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Column dataField=\"id\" caption=\"Recibo #\" width={90} cellRender={dataFormatId} />\r\n <Column dataField=\"createAt\" caption=\"Fecha\" dataType='date' format={formatDate} width={120}/> \r\n <Column dataField=\"billId\" caption=\"Factura #\" width={90} cellRender={dataFormatId} />\r\n <Column dataField=\"nombre\" caption=\"Cliente\" /> \r\n <Column dataField=\"amount\" caption=\"Pagado\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption=\"Pendiente\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} visible={false} />\r\n <Editing\r\n mode=\"popup\" \r\n allowDeleting={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Receipts;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n Column, \r\n Export, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule} from 'devextreme-react/data-grid';\r\n\r\nimport { store } from '../../services/store';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { createProxyBase } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, editorOptionsSwitch, resources } from '../../data/app';\r\n\r\nfunction Catalogo(props) {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminCatalogos );\r\n\r\n let dataGrid = useRef();\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Crear nuevo',\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.addRow()\r\n }\r\n });\r\n } \r\n\r\n const onInitNewRow = (e) => {\r\n e.data.active = true;\r\n }\r\n\r\n const title = 'Areas';\r\n \r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={title}/>\r\n <BlockHeader title={title}/> \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : createProxyBase('areas')})}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onInitNewRow={onInitNewRow}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"name\" caption=\"Descripcion\" /> \r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100} />\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={450} height={260}>\r\n \r\n </Popup>\r\n <Form>\r\n <Item dataField=\"name\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerida\"/>\r\n <StringLengthRule max={50} min={2} message=\"Máximo de caracteres 50 y 2 mínimo\"/>\r\n </Item> \r\n <Item dataField=\"active\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch} >\r\n </Item>\r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n};\r\n\r\nexport default Catalogo; //connect(mapStateToProps, mapDispatchToProps)(GridSprintStart);","import Areas from './Areas';\r\nexport default Areas;","import { Workbook } from 'exceljs';\r\nimport saveAs from 'file-saver';\r\nimport { exportDataGrid } from 'devextreme/excel_exporter';\r\n\r\nconst onExporting = (e, title) => {\r\n const workbook = new Workbook();\r\n const worksheet = workbook.addWorksheet('Main sheet');\r\n\r\n exportDataGrid({\r\n component: e.component,\r\n worksheet: worksheet\r\n }).then(function() {\r\n workbook.xlsx.writeBuffer()\r\n .then(function(buffer) {\r\n saveAs(new Blob([buffer], { type: 'application/octet-stream' }), `${title}.xlsx`);\r\n });\r\n });\r\n e.cancel = true;\r\n}\r\n\r\n\r\n\r\nexport default onExporting;","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n ColumnChooser, \r\n Column, \r\n Export, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule} from 'devextreme-react/data-grid';\r\n\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport onExporting from '../../components/grids/Importer';\r\nimport { editorOptionsSwitch } from '../../data/app';\r\n\r\nfunction Vendors(props) {\r\n\r\n let dataGrid = useRef();\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Agregar vendedor' ,\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.addRow()\r\n }\r\n },{\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon:'exportxlsx',\r\n type:'success',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const onInitNewRow = (e) => {\r\n e.data.active = true;\r\n }\r\n\r\n const title = 'Vendedores';\r\n \r\n return (\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader title={title}/> \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : uri.vendors})}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true}\r\n hoverStateEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onInitNewRow={onInitNewRow}\r\n onExporting={(e) => onExporting(e, title)}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"fullName\"caption=\"Nombre\" width={300} />\r\n <Column dataField=\"phoneNumber\" caption=\"Telefono\" width={150} />\r\n <Column dataField=\"cellNumber\" caption=\"Celular\" width={150} />\r\n <Column dataField=\"email\" />\r\n <Column dataField=\"address\" caption=\"Direccion\"/>\r\n <Column dataField=\"observation\" visible={false} caption=\"Observacion\"/>\r\n <Column dataField=\"active\" width={100} caption=\"Activo\">\r\n </Column> \r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={850} height={420}>\r\n \r\n </Popup>\r\n <Form>\r\n <Item dataField=\"fullName\" editorOptions={{ width:300 }} >\r\n <RequiredRule message=\"El nombre es requerido\"/>\r\n <StringLengthRule max={100} min={2} message=\"Máximo de caracteres 100 y 2 mínimo\"/>\r\n </Item>\r\n <Item dataField=\"phoneNumber\" editorOptions={{ width:300 }} >\r\n <StringLengthRule max={15} min={0} message=\"Máximo de caracteres 15 y 2 mínimo\"/>\r\n </Item> \r\n <Item dataField=\"cellNumber\" editorOptions={{ width:300 }} >\r\n <StringLengthRule max={15} min={0} message=\"Máximo de caracteres 15 y 2 mínimo\"/>\r\n </Item> \r\n <Item dataField=\"email\" editorOptions={{ width:300 }} >\r\n <StringLengthRule max={50} min={0} message=\"Máximo de caracteres 50 y 2 mínimo\"/>\r\n </Item> \r\n <Item dataField=\"address\" colSpan={2} editorType=\"dxTextArea\" editorOptions={{ height: 50 }} >\r\n <RequiredRule message=\"La direccion es requerida\"/>\r\n <StringLengthRule max={150} message=\"Máximo de caracteres 150\"/>\r\n </Item> \r\n <Item dataField=\"observation\" colSpan={2} editorType=\"dxTextArea\" editorOptions={{ height: 50 }} >\r\n <StringLengthRule max={250} min={0} message=\"Máximo de caracteres 250 y 2 mínimo\"/>\r\n </Item> \r\n <Item dataField=\"active\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={editorOptionsSwitch} >\r\n </Item> \r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n};\r\n\r\nexport default Vendors;","import { DIALOG_AREAPRODUCT } from \"../consts\";\r\n\r\nexport const dialogAreaProduct = payload => ({ type: DIALOG_AREAPRODUCT, payload });\r\n\r\nexport default function areaProductDialogReducer(state = {}, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_AREAPRODUCT] : () => ({...state, ...payload })\r\n };\r\n\r\n return actions[type]?.call() || state;\r\n}","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, AsyncRule, EmptyItem, RequiredRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport notify from 'devextreme/ui/notify';\r\nimport uri from '../../../utils/uri';\r\nimport http from '../../../utils/http';\r\nimport { dialogAreaProduct } from '../../../store/areaProduct/areaProductDialogReducer';\r\nimport { Button } from 'devextreme-react';\r\nimport { editorOptionsNumberBox, editorOptionsSwitch } from '../../../data/app';\r\nimport { convert2 } from '../../../data/defaultObjects';\r\n\r\n\r\nconst Nuevo = props => {\r\n\r\n const { areaId } = props;\r\n\r\n let refAreaProduct = useRef();\r\n let refProductConvert = useRef();\r\n\r\n const [areaProduct, setAreaProduct] = useState({});\r\n const [productConvert, setProductConvert] = useState({ areaId, convertProductId: 0, convertProductQuantity: 0, name: ''});\r\n const [areaProductConvert, setAreaProductConvert] = useState({});\r\n\r\n const [saving, setSaving] = useState(false);\r\n const [converting, setConverting] = useState(false);\r\n const { open, productId, name, internalCode } = useSelector(store => store.areaProductDialog);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const closeDialog = ( load ) => {\r\n\r\n dispatch(dialogAreaProduct({open : false, id: 0}));\r\n\r\n if (load) {\r\n\r\n let { onSave } = props;\r\n onSave();\r\n \r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n refAreaProduct.current.instance.resetValues();\r\n setAreaProduct({});\r\n closeDialog(load);\r\n \r\n }\r\n\r\n const convertProductAsync = async() => {\r\n\r\n let resultValidate = refProductConvert.current.instance.validate();\r\n\r\n let result = resultValidate;\r\n\r\n if(resultValidate.complete)\r\n result = await resultValidate.complete; \r\n \r\n if (result.isValid) \r\n {\r\n setConverting(true);\r\n http(uri.areaProductConvert(areaId).insert).asPost({\r\n areaId: areaId,\r\n productId: productId,\r\n quantity: productConvert.convertProductQuantity,\r\n costReal: productConvert.costReal,\r\n costAvg: productConvert.costAvg,\r\n price: productConvert.price\r\n })\r\n .then(resp => {\r\n setConverting(false);\r\n notify(`Producto convertido correctamente`);\r\n closeDialog(true);\r\n })\r\n .catch(err => {\r\n setConverting(false);\r\n notify(err,'error');\r\n })\r\n }\r\n\r\n }\r\n\r\n const guardarProduct = (e) => {\r\n\r\n let result = refAreaProduct.current.instance.validate();\r\n if (result.isValid) \r\n {\r\n setSaving(true);\r\n http(uri.areaProducts(areaId).insert).asPost({...areaProduct})\r\n .then(resp => {\r\n setSaving(false);\r\n notify(`Producto modificado correctamente`);\r\n closeDialog(true);\r\n })\r\n .catch(err => {\r\n setSaving(false);\r\n notify(err,'error');\r\n })\r\n }\r\n }\r\n const onValueChanged = (e) => {\r\n if(e.value){\r\n setAreaProduct({...areaProduct, inherit: e.value, stockMin: 0, stockMax: 0, discount : 0});\r\n\r\n }\r\n else{\r\n setAreaProduct({...areaProduct, inherit: e.value, stockMin: 1, stockMax: 1, discount : 0});\r\n } \r\n\r\n }\r\n\r\n const validationCallback = (e) => {\r\n\r\n let result = e.value > 0 && e.value != '' && e.value != 0 && e.value != null;\r\n\r\n let isMupli = e.value % areaProduct.product.convertSourceQuantiy == 0;\r\n\r\n return new Promise((resolve,reject) => {\r\n if(!isMupli)\r\n reject('La cantidad a convertir debe ser multiplo de ' + areaProduct.product.convertSourceQuantiy); \r\n resolve(result);\r\n });\r\n }\r\n\r\n\r\n useEffect(() => {\r\n\r\n if(productId > 0){\r\n http(uri.areaProducts(areaId).getById(productId)).asGet()\r\n .then(resp => {\r\n\r\n let costReal = 0;\r\n let costAvg = 0;\r\n let price = 0;\r\n\r\n setAreaProduct({productId, name, internalCode, ...resp.areaProduct});\r\n\r\n if(resp.areaProductToConvert){\r\n\r\n costReal = resp.areaProductToConvert.costReal;\r\n costAvg = resp.areaProductToConvert.costAvg;\r\n price = resp.areaProductToConvert.price;\r\n\r\n }\r\n\r\n setProductConvert({...productConvert,convertProductQuantity:resp.areaProduct.product.convertSourceQuantiy, name: resp.productoToConvert?.name,costReal, costAvg, price});\r\n })\r\n }\r\n \r\n }, [open]);\r\n\r\n const onValueChangedConvert = (e) => {\r\n\r\n let costReal = 0;\r\n let costAvg = 0;\r\n let price = 0;\r\n\r\n if(e.value > 0)\r\n {\r\n if(areaProduct.product.convertSourceQuantiy > areaProduct.product.convertProductQuantity)\r\n {\r\n price = convert2(areaProduct.price * areaProduct.product.convertSourceQuantiy);\r\n costReal = convert2(areaProduct.costReal * areaProduct.product.convertSourceQuantiy);\r\n costAvg = convert2(areaProduct.costAvg * areaProduct.product.convertSourceQuantiy);\r\n }else\r\n {\r\n costReal = convert2(areaProduct.costReal / areaProduct.product.convertProductQuantity);\r\n costAvg = convert2(areaProduct.costAvg / areaProduct.product.convertProductQuantity);\r\n price = convert2(areaProduct.price / areaProduct.product.convertProductQuantity);\r\n }\r\n } \r\n\r\n setProductConvert({...productConvert, convertProductQuantity: e.value, costReal, costAvg, price});\r\n }\r\n\r\n const getQuantity = (e) => {\r\n\r\n if(areaProduct && areaProduct.product)\r\n if(open)\r\n return productConvert.convertProductQuantity / areaProduct.product.convertSourceQuantiy * areaProduct.product.convertProductQuantity\r\n \r\n return 0;\r\n }\r\n\r\n const quantityToConvertText = `Cantidad de ${areaProduct?.product?.unitOfMeasure?.name}`;\r\n\r\n const productoToConvertText = <div>Convertir a <b>{getQuantity()}</b> {productConvert?.name}</div>;\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={600}\r\n height={640}\r\n title={`Inventario`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\" \r\n > \r\n <Form formData={{\r\n productId : areaProduct.productId,\r\n name : areaProduct.name,\r\n stock : areaProduct.stock,\r\n internalCode : areaProduct.internalCode\r\n }} readOnly={true}>\r\n <GroupItem colCount={3}>\r\n <SimpleItem dataField=\"productId\" colSpan={1} editorType=\"dxNumberBox\"> \r\n <Label text=\"Codigo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"internalCode\" colSpan={1}> \r\n <Label text=\"Código\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"stock\" colSpan={1}> \r\n <Label text=\"Existencias\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"name\" colSpan={3}> \r\n <Label text=\"Nombre\" />\r\n </SimpleItem>\r\n \r\n </GroupItem>\r\n </Form>\r\n <Form formData={areaProduct} ref={refAreaProduct}>\r\n <GroupItem colCount={2}> \r\n <GroupItem caption=\"Configuración de Costos y precios\" colSpan={2} colCount={2}>\r\n <SimpleItem dataField=\"inherit\" colSpan={2} editorType=\"dxSwitch\" \r\n editorOptions={{\r\n ...editorOptionsSwitch,\r\n onValueChanged : onValueChanged\r\n }}> \r\n <Label text=\"Heredar\" /> \r\n </SimpleItem> \r\n <SimpleItem dataField=\"stockMin\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{...editorOptionsNumberBox, disabled : areaProduct.inherit}}>\r\n <Label text=\"Mínimo\" />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"costReal\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{...editorOptionsNumberBox }} >\r\n <Label text=\"Cost\" />\r\n <RequiredRule message=\"Ingrese el costo real\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"costAvg\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{...editorOptionsNumberBox }} >\r\n <Label text=\"Cost Promedio\" />\r\n <RequiredRule message=\"Ingrese el costo promedio\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"price\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{...editorOptionsNumberBox }} >\r\n <Label text=\"Precio Vta\" />\r\n <RequiredRule message=\"Ingrese el precio de venta\" />\r\n </SimpleItem> \r\n </GroupItem>\r\n \r\n \r\n </GroupItem>\r\n </Form> \r\n <Button\r\n width={120}\r\n text={`${saving?'Guardando...':'Guardar'}`}\r\n type=\"default\"\r\n icon=\"save\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={saving}\r\n onClick={guardarProduct}\r\n />\r\n <Form formData={productConvert} ref={refProductConvert}>\r\n <GroupItem colCount={2} caption='Conversión'> \r\n \r\n <SimpleItem colSpan={2} dataField=\"convertProductQuantity\" editorType=\"dxNumberBox\" editorOptions={{\r\n onValueChanged : onValueChangedConvert,\r\n max: areaProduct.stock,\r\n min: areaProduct?.product?.convertSourceQuantiy || 0,\r\n step: areaProduct?.product?.convertSourceQuantiy || 1,\r\n disabled: productConvert?.name == undefined,\r\n ...editorOptionsNumberBox,\r\n }}>\r\n <Label text={quantityToConvertText} />\r\n <AsyncRule message=\"Ingrese la cantidad a convertir\" validationCallback={validationCallback}></AsyncRule>\r\n </SimpleItem>\r\n <SimpleItem dataField=\"costReal\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{disabled: productConvert?.name == undefined,...editorOptionsNumberBox }} >\r\n <Label text=\"Cost\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"costAvg\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{disabled: productConvert?.name == undefined,...editorOptionsNumberBox }} >\r\n <Label text=\"Cost Promedio\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"price\" colSpan={1} editorType=\"dxNumberBox\" \r\n editorOptions={{disabled: productConvert?.name == undefined,...editorOptionsNumberBox }} >\r\n <Label text=\"Precio Vta\" />\r\n </SimpleItem>\r\n <EmptyItem colSpan={1} />\r\n <SimpleItem colSpan={2}>\r\n <div>\r\n {productoToConvertText}\r\n </div>\r\n </SimpleItem>\r\n </GroupItem>\r\n </Form> \r\n <Button\r\n width={150}\r\n text={`${converting?'Convertiendo...':'Convertir'}`}\r\n type=\"default\"\r\n icon=\"save\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n visible={true}\r\n disabled={converting}\r\n onClick={convertProductAsync}\r\n />\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React,{ useRef } from 'react';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging, \r\n Button as ButtonGrid \r\n} from 'devextreme-react/data-grid';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport Title from '../../../components/shared/Title';\r\nimport uri from '../../../utils/uri';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { store } from '../../../services/store';\r\nimport { createStore } from '../../../utils/proxy';\r\nimport Nuevo from './Nuevo';\r\nimport { dialogAreaProduct } from '../../../store/areaProduct/areaProductDialogReducer';\r\nimport onExporting from '../../../components/grids/Importer';\r\nimport { dataFormatId } from '../../../utils/common';\r\nimport { defaultLabels } from '../../../data/defaultObjects';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { resources } from '../../../data/app';\r\n\r\n\r\nconst Stock = () => {\r\n\r\n const [ authorized, _, canSeeColCost ] = useAuthorization( resources.verReporteStock, resources.verColumnaCostoStock );\r\n\r\n const { areaId } = useSelector(store => store.user);\r\n\r\n const dataGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const openDialog = (e) => {\r\n\r\n const { productId, product } = e.row.data;\r\n dispatch(dialogAreaProduct({open : true, productId, name : product.name, internalCode: product.internalCode}));\r\n } \r\n \r\n\r\n const onCellPrepared = e => {\r\n \r\n if (e.rowType == 'data') { \r\n if(e.column.dataField == \"stock\" && e.data.stockMin)\r\n if(e.data.stock < e.data.stockMin)\r\n e.cellElement.classList.add('txt-stockMin'); \r\n else\r\n e.cellElement.classList.add('txt-stock'); \r\n\r\n }\r\n\r\n }\r\n\r\n const cb = data => data.map(x => {\r\n x.isLimit = x.stockMin ? x.stock <= x.stockMin : false\r\n return x;\r\n });\r\n\r\n const onSave = () => dataGrid.current.instance.refresh();\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => dataGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const calculateFilterExpression = (value, selectedFilterOperation, target) => { \r\n\r\n const values = value.split('%');\r\n let filters = values.map(v => {\r\n return ['product.name', 'contains', v];\r\n });\r\n\r\n const filterFull = [];\r\n\r\n if (filters.length > 1) {\r\n\r\n for (let index = 0; index < filters.length; index++) {\r\n const element = filters[index];\r\n filterFull.push(element);\r\n if (index < filters.length - 1) {\r\n filterFull.push('and');\r\n }\r\n }\r\n return filterFull;\r\n\r\n }else{\r\n return [filters]\r\n }\r\n }\r\n \r\n\r\n const title = 'Stock';\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} >\r\n </BlockHeader> \r\n <Nuevo onSave={onSave} areaId={areaId}/>\r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.areaProducts(areaId), cb })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onCellPrepared={onCellPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onExporting={(e) => onExporting(e, title)}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n showInfo={true}\r\n />\r\n <Export enabled={false} fileName={title} allowExportSelectedData={true} />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Column dataField=\"areaId\" visible={false} />\r\n <Column dataField=\"productId\" caption='Id' width={70} visible={false}/>\r\n <Column dataField=\"product.internalCode\" caption='Codigo' width={90} cellRender={dataFormatId}/>\r\n <Column dataField=\"product.name\" caption='Nombre' minWidth={120} calculateFilterExpression={calculateFilterExpression}/>\r\n <Column dataField=\"product.familyId\" caption={defaultLabels.family} width={100}>\r\n <Lookup disabled={true} dataSource={createStore({ name: 'family' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"product.presentationId\" caption={defaultLabels.presentacion} width={100}>\r\n <Lookup disabled={true} dataSource={createStore({ name: 'presentation' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"product.unitOfMeasureId\" caption=\"UM\" width={100}>\r\n <Lookup disabled={true} dataSource={createStore({ name: 'UnitOfMeasure' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"stock\" caption='Cantidad' width={100}/>\r\n { canSeeColCost && <Column dataField=\"costAvg\" caption='Costo' width={90}/> }\r\n <Column dataField=\"price\" caption='Precio' width={90}/>\r\n <Column dataField=\"inherit\" caption='Heredado' width={100} allowHeaderFiltering={false} visible={false}/>\r\n <Column dataField=\"stockMin\" caption=\"Mín\" width={60} allowHeaderFiltering={false} visible={false}/>\r\n <Column dataField=\"stockMax\" caption=\"Máx\" width={60} allowHeaderFiltering={false} visible={false}/>\r\n <Column dataField=\"isLimit\" caption=\"Agotado\" width={80} allowHeaderFiltering={false}/>\r\n <Column dataField=\"discount\" caption=\"% Desc\" format=\"#0%\" width={80} allowHeaderFiltering={false}/>\r\n { canSeeColCost && \r\n <Column type=\"buttons\" width={60}>\r\n <ButtonGrid name=\"edit\" onClick={e => openDialog(e)}/>\r\n </Column>\r\n }\r\n <Editing\r\n mode=\"popup\"\r\n allo\r\n useIcons={true}\r\n allowUpdating={true}\r\n > \r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Stock;\r\n","import React from 'react';\r\n\r\nconst Navig = (props) => {\r\n\r\n const { location } = props;\r\n\r\n setTimeout(() => {\r\n var pathname = location?.state?.returnUrl;\r\n props.history.push({ pathname });\r\n }, 1000);\r\n\r\n return (\r\n <div>\r\n \r\n </div>\r\n );\r\n}\r\n\r\nexport default Navig;\r\n","import React from \"react\"\r\n\r\n\r\nexport const DivForm = ({title, required= false, children}) => {\r\n return(\r\n <div className=\"dx-field\">\r\n <div className=\"dx-field-label\" style={{ width : '30%' }}>\r\n {title} {required && <span className=\"dx-field-item-required-mark\">*</span>}\r\n </div>\r\n <div className=\"dx-field-value\" style={{ width : '70%' }}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport const DivFormColumns = ({title, description, required= false, children}) => {\r\n return(\r\n <div className=\"dx-field\" style={{ borderRadius : '10px', padding:7, border :'solid 1px #e9e9e9',margin: '0 0 10px' }}>\r\n <div className=\"dx-field-label\" style={{ width : '100%', fontSize: 15, fontWeight : \"bold\", paddingBottom : 0, paddingTop:0 }}>\r\n {title} {required && <span className=\"dx-field-item-required-mark\">*</span>}\r\n </div>\r\n <div className=\"dx-field-label\" style={{ width : '100%', color: \"grey\", paddingBottom : 4, paddingTop:4, textWrap: 'wrap', fontSize:'12px' }}>\r\n {description}\r\n </div>\r\n <div className=\"dx-field-value\" style={{ width : '100%' }}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}","import React, { useRef, useState } from 'react';\r\nimport { DropDownBox, DataGrid } from 'devextreme-react';\r\nimport { Column, Paging, Scrolling, Selection } from 'devextreme-react/data-grid';\r\nimport DataSource from \"devextreme/data/data_source\";\r\nimport http from \"../../utils/http\";\r\nimport uri from \"../../utils/uri\";\r\n\r\nconst dataSource = () => new DataSource({\r\n load: (loadOptions) => {\r\n\r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n\r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue ;\r\n\r\n return http(uri.clients.asCatalog)\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(uri.clients.getById(id)).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n})\r\n\r\nexport const editorOptionsDropDown = {\r\n \r\n dataSource: dataSource(),\r\n valueExpr:\"id\",\r\n displayExpr: item => item ? `${item.id} - ${item.name} ${item.lastName}` : '',\r\n searchEnabled: true\r\n}\r\n\r\n\r\n\r\nexport const DropDownBoxClient = props => {\r\n\r\n const dropDownBoxRef = useRef();\r\n\r\n const { onValueChanged } = props;\r\n const [value, setValue] = useState(0);\r\n\r\n const contentRender = (params) => {\r\n\r\n const onSelectionChanged =e =>{\r\n\r\n if (e.selectedRowKeys.length > 0) { \r\n dropDownBoxRef.current.instance.close(); \r\n setValue(e.selectedRowKeys[0].id); \r\n onValueChanged(e.selectedRowKeys[0].id)\r\n } \r\n \r\n }\r\n \r\n return (\r\n <DataGrid\r\n dataSource={dataSource()}\r\n hoverStateEnabled={true}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n selectedRowKeys={[value]}\r\n onSelectionChanged={onSelectionChanged}\r\n height=\"100%\">\r\n <Selection mode=\"single\" />\r\n <Scrolling mode=\"infinite\" />\r\n <Paging enabled={true} pageSize={10} /> \r\n <Column width={80} dataField=\"id\" caption=\"Codigo\" /> \r\n <Column width={150} dataField=\"identification\" caption=\"Identificacion\" /> \r\n <Column dataField=\"fullName\" caption=\"Nombre\" /> \r\n <Column width={150} dataField=\"fileNumber\" caption=\"# Expediente\" /> \r\n </DataGrid>\r\n );\r\n }\r\n\r\n return( \r\n <DropDownBox\r\n width={750}\r\n ref={dropDownBoxRef}\r\n value={[value]}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.name} ${item.lastName}` : ''}\r\n placeholder=\"Seleccione un cliente\" \r\n dataSource={dataSource()}\r\n // onValueChanged={onValueChanged} \r\n contentRender={contentRender} \r\n />\r\n )\r\n}","import React, { useEffect, useMemo, useState } from 'react';\r\nimport { Button, NumberBox, SelectBox, Switch, } from 'devextreme-react';\r\nimport { TextBox, Button as TextBoxButton } from 'devextreme-react/text-box';\r\n\r\nimport {\r\n Validator,\r\n RequiredRule,\r\n CustomRule,\r\n StringLengthRule\r\n} from 'devextreme-react/validator';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { calculateEvaluate, dataAccess, editorOptionsNumberBox, editorOptionsSelect, editorOptionsSwitch, resources } from '../../data/app';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { useSelector,useDispatch } from 'react-redux';\r\nimport { setAppInfo } from '../../store/app/appActions';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from '../../components/shared/Title';\r\nimport { DivForm, DivFormColumns } from '../../components/form/DivForm';\r\nimport { editorOptionsDropDown } from '../../components/dropdown/ClienteDropDown';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\n\r\nconst AppConfig = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.app );\r\n const [saving, setSaving] = useState({\r\n loading : false,\r\n text : 'Guardar'\r\n });\r\n\r\n const dispatch = useDispatch();\r\n const { appInfo } = useSelector(store => store);\r\n\r\n const [app, setApp] = useState({...appInfo});\r\n const [textValuated, setTextValuated] = useState('');\r\n const [textValuatedLocal, setTextValuatedLocal] = useState('');\r\n const [textValuatedPrice, setTextValuatedPrice] = useState('');\r\n \r\n\r\n const onFormSubmit = (e) => {\r\n\r\n e.preventDefault();\r\n\r\n setSaving({loading : true, text:'Guardando...'});\r\n http('about/set-info').asPost(app).then(resp => {\r\n\r\n notify('Datos actualizados');\r\n setSaving({loading : false, text:'Guardar'});\r\n dispatch(setAppInfo(app));\r\n \r\n }).catch(err => {\r\n\r\n notify(err, 'error');\r\n setSaving({loading : false, text:'Guardar'});\r\n\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setApp({...app, ...appInfo});\r\n }, [appInfo]);\r\n\r\n const title = 'Configuracion';\r\n\r\n const costMock = 100;\r\n\r\n \r\n\r\n const evaluateRules = rule => {\r\n\r\n if(rule.value?.length > 0){\r\n\r\n const valSpaceless = rule.value.replace(/\\s/g, '');\r\n\r\n if(valSpaceless.startsWith('*') || valSpaceless.startsWith('+') || valSpaceless.startsWith('-') || valSpaceless.startsWith('/')){\r\n \r\n const result = calculateEvaluate(costMock, rule.value); \r\n \r\n if (result == null) return false;\r\n if (result == undefined) return false;\r\n if (isNaN(result)) return false;\r\n \r\n return true; \r\n \r\n }\r\n\r\n rule.rule.message = 'La formula debe iniciar con un operador matemático (*, +, -, /)';\r\n\r\n return false; \r\n\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n const setRule = propName => e => {\r\n\r\n const result = calculateEvaluate(costMock, e.value);\r\n const text = `Costo=${costMock}, Formula: ${costMock}${e.value}, Resultado del costo real: ${result}`\r\n\r\n setApp(app => ({ ...app, [propName]: e.value }));\r\n\r\n if (propName == 'ruleCalcuteNewPrice') \r\n setTextValuated(text);\r\n\r\n if (propName == 'ruleCalcuteNewPriceLocal')\r\n setTextValuatedLocal(text);\r\n \r\n\r\n }\r\n \r\n const costButton = useMemo(\r\n () => ({\r\n text: 'Costo',\r\n stylingMode: 'text',\r\n onClick: () => 0,\r\n }),\r\n [],\r\n );\r\n\r\n const priceButton = useMemo(\r\n () => ({\r\n text: 'Precio',\r\n stylingMode: 'text',\r\n onClick: () => 0,\r\n }),\r\n [],\r\n );\r\n\r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={title} />\r\n <BlockHeader title='Configuracion del sistema' /> \r\n <form onSubmit={onFormSubmit}>\r\n <div className=\"dx-fieldset\">\r\n <div className=\"dx-fieldset-header\">Configuracion de la empresa</div>\r\n <DivFormColumns title='Nombre de la empresa'\r\n description=\"Ingrese nombre de la empresa\"> \r\n <TextBox \r\n value={app.name} \r\n onValueChanged={e => setApp(app => ({ ...app, name: e.value }))} \r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </TextBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Ruc'\r\n description=\"Ingrese ruc de la empresa\"> \r\n <TextBox \r\n value={app.slogan} \r\n onValueChanged={e => setApp(app => ({ ...app, slogan: e.value }))} \r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </TextBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Direción de la empresa'\r\n description=\"Ingrese la direción de la empresa\"> \r\n <TextBox \r\n value={app.address} \r\n onValueChanged={e => setApp(app => ({ ...app, address: e.value }))} \r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </TextBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Teléfono de la empresa'\r\n description=\"Ingrese el teléfono de la empresa\"> \r\n <TextBox \r\n value={app.phoneNumber} \r\n onValueChanged={e => setApp(app => ({ ...app, phoneNumber: e.value }))} \r\n >\r\n </TextBox>\r\n </DivFormColumns>\r\n <div className=\"dx-fieldset-header\">Configuracion de bodega principal</div>\r\n <DivFormColumns title='Area'\r\n description=\"Seleccione el area que desea como bodega pricipal\"> \r\n <SelectBox \r\n value={app.areaMainId} \r\n onValueChanged={e => setApp(app => ({ ...app, areaMainId: e.value }))}\r\n dataSource= {createStoreLocal({name : 'area'})}\r\n {...editorOptionsSelect}\r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </SelectBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Validar precio' \r\n description=\"Validar que el precio siempre sea mayor al costo en las salidas de inventario (no aplica para servicios)\"> \r\n <Switch style={{ float : \"left\" }} \r\n value={app.validatePriceGreaterCost} \r\n onValueChanged={e => setApp(app => ({ ...app, validatePriceGreaterCost: e.value }))} \r\n {...editorOptionsSwitch} \r\n > \r\n </Switch>\r\n </DivFormColumns>\r\n <div className=\"dx-fieldset-header\">Configuración de facturas</div>\r\n <DivFormColumns title='% de IVA' required\r\n description=\"El iva a aplicar en las facturas, compras y movimiento de inventario\"> \r\n <NumberBox \r\n value={app.iva} \r\n onValueChanged={e => setApp(app => ({ ...app, iva: e.value }))}\r\n {...editorOptionsNumberBox}\r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </NumberBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Cliente' required\r\n description=\"Cliente que se registra en la factura por defecto para aquellas facturas que son ventas rapidas\"> \r\n <SelectBox \r\n value={app.clientDefault}\r\n onValueChanged={e => setApp(app => ({ ...app, clientDefault: e.value }))}\r\n {...editorOptionsDropDown}\r\n >\r\n <Validator>\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n </Validator>\r\n </SelectBox>\r\n </DivFormColumns>\r\n <DivFormColumns title='Factura tamaño A4' required\r\n description=\"Cliente que se registra en la factura por defecto para aquellas facturas que son ventas rapidas\"> \r\n <Switch style={{ float: \"left\" }}\r\n value={app.billA4Size}\r\n onValueChanged={e => setApp(app => ({ ...app, billA4Size: e.value }))}\r\n {...editorOptionsSwitch}\r\n >\r\n </Switch>\r\n </DivFormColumns>\r\n <DivFormColumns title='Validar credito de clientes' required\r\n description=\"Validar si se le puede dar credito a un cliente que no tenga configurado el limite de crédito\"> \r\n <Switch style={{ float: \"left\" }}\r\n value={app.validateCreditClient}\r\n onValueChanged={e => setApp(app => ({ ...app, validateCreditClient: e.value }))}\r\n {...editorOptionsSwitch}\r\n >\r\n </Switch>\r\n </DivFormColumns>\r\n <div className=\"dx-fieldset-header\">Configuración de Compras</div>\r\n <DivFormColumns title='Fórmula para compras de importación'\r\n description=\"Defina la fórmula para el cálculo del costo real en base al costo para las compras de importación\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 * 1.30'\r\n value={app.ruleCalcuteNewPrice}\r\n onValueChanged={setRule('ruleCalcuteNewPrice')}\r\n >\r\n <TextBoxButton\r\n name=\"ruleCalcuteNewPrice\"\r\n location=\"before\"\r\n options={costButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuated}</span>\r\n </div>\r\n </DivFormColumns>\r\n <DivFormColumns title='Fórmula para compras locales'\r\n description=\"Defina la fórmula para el cálculo del costo real en base al costo para las compras locales\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 * 1.30'\r\n value={app.ruleCalcuteNewPriceLocal}\r\n onValueChanged={setRule('ruleCalcuteNewPriceLocal')}\r\n >\r\n <TextBoxButton\r\n name=\"ruleCalcuteNewPriceLocal\"\r\n location=\"before\"\r\n options={costButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuatedLocal}</span>\r\n </div> \r\n \r\n </DivFormColumns>\r\n <DivFormColumns title='Fórmula para el precio en las compras '\r\n description=\"Defina la fórmula para el cálculo del precio real en base al costo para las compras\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 '\r\n value={app.ruleProfitPrice}\r\n onValueChanged={e => {\r\n\r\n setApp(app => ({ ...app, ruleProfitPrice: e.value }));\r\n const result = calculateEvaluate(costMock, e.value);\r\n const text = `Costo Real=${costMock}, Formula: ${costMock}${e.value}, Resultado del precio: ${result}`\r\n setTextValuatedPrice(text);\r\n\r\n }}\r\n >\r\n <TextBoxButton\r\n name=\"ruleProfitPrice\"\r\n location=\"before\"\r\n options={priceButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuatedPrice}</span>\r\n </div> \r\n \r\n </DivFormColumns>\r\n \r\n </div>\r\n <Button \r\n icon='save'\r\n text={saving.text} \r\n disabled={saving.loading}\r\n type=\"default\" \r\n useSubmitBehavior={true}>\r\n </Button>\r\n </form> \r\n \r\n </div>\r\n );\r\n}\r\n\r\nexport default AppConfig;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { DataGrid, Box, DateBox, SelectBox, Button, Popup } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager, \r\n Column, \r\n FilterRow,\r\n Summary,\r\n TotalItem,\r\n GroupItem, \r\n Button as ButtonGrid,\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../../components/shared/Title';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../../data/headerNavigation\"; \r\nimport { formatDate } from '../../../data/app';\r\nimport { cellRender, cellRenderBold, dataFormatId, formatId, toBoldMoney, toMoney } from '../../../utils/common';\r\n\r\nimport uri from '../../../utils/uri';\r\nimport http from '../../../utils/http';\r\nimport { dateByReport } from '../../../data/defaultObjects';\r\nimport { userService } from '../../../services/user.service';\r\nimport moment from 'moment';\r\nimport ReceiptByBillId from '../../receipts/ReceiptByBillId';\r\nimport Nuevo from '../../bills/Nuevo';\r\nimport { billDialogAction } from '../../../store/bill/billDialogReducer';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nconst Comision = (props) => {\r\n\r\n const user = userService.getUser();\r\n const dispatch = useDispatch();\r\n const refGrid = useRef();\r\n\r\n const [ users, setUsers ] = useState([]);\r\n const [ username, setUsername ] = useState(user.username);\r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState(undefined);\r\n const [ loading, setLoading ] = useState(false); \r\n const [dialogReceipt, setDialogReceipt] = useState({ open: false, id: 0, reference: 0 });\r\n\r\n const changeUser = e => setUsername(e.value); \r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n\r\n useEffect(() => {\r\n http(uri.users.get).asGet().then(resp => setUsers(resp));\r\n }, [0]);\r\n\r\n const loadReport = () => {\r\n if(dateFrom && dateTo){\r\n setLoading(true);\r\n http('reports/comissions').asPost({username, from : dateFrom, to: dateTo}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n }\r\n };\r\n\r\n const onCellPrepared = e => {\r\n \r\n if (e.rowType == 'data') { \r\n\r\n if (e.column.dataField == 'billId')\r\n e.cellElement.classList.add('col-id-factura');\r\n } \r\n\r\n } \r\n\r\n const DateCell = (cellData) => {\r\n\r\n const { billDate, payOfDate, diasTranscurridos, daysMora } = cellData.data;\r\n let datePaid = 'datePaid';\r\n if(daysMora > 0)\r\n datePaid = 'dateMora';\r\n\r\n \r\n return (\r\n <div>\r\n <div className=\"current-value\">\r\n <span className='datebill'>{moment(billDate).format('DD/MM/YYYY')}</span>-<span className={datePaid}>{moment(payOfDate).format('DD/MM/YYYY')}</span> <b>{diasTranscurridos}</b>\r\n </div> \r\n </div>\r\n );\r\n };\r\n\r\n const showDialog = id => dispatch(billDialogAction({ open: true, id })); \r\n\r\n const showReceipt = ( id, nombre ) => setDialogReceipt({ open: true, id, reference:id, cliente:nombre })\r\n\r\n const title = 'Comisiones';\r\n \r\n return (\r\n <div className=''>\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...props} />\r\n <Popup\r\n width={800}\r\n height={400}\r\n title={`Recibos`}\r\n onHiding={e => setDialogReceipt({ open: false, id: 0 })}\r\n visible={dialogReceipt.open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <ReceiptByBillId id={dialogReceipt.id} reference={dialogReceipt.reference} onSave={_ => _} cliente={dialogReceipt.cliente} />\r\n </Popup>\r\n <Nuevo onSave={_ => _} { ...props } />\r\n <Box direction=\"row\" width=\"100%\" height={75}> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Desde:</label>\r\n <DateBox type=\"date\" \r\n value={dateFrom}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateFrom}/>\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Hasta:</label>\r\n <DateBox type=\"date\" \r\n value={dateTo}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateTo}/>\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Usuario:</label>\r\n <SelectBox items={users}\r\n placeholder=\"Selecciona\"\r\n showClearButton={true} valueExpr=\"username\" displayExpr=\"username\" \r\n value={username}\r\n onValueChanged={changeUser} \r\n />\r\n </div>\r\n </Item> \r\n \r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={120}\r\n text={`${loading ? 'Buscando...' : 'Buscar'}`}\r\n type=\"default\"\r\n icon=\"search\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={loadReport}\r\n />\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={180}\r\n text={`Exportar a Excel`}\r\n type=\"success\"\r\n icon=\"file\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={() => { \r\n refGrid.current.instance.exportToExcel();\r\n }}\r\n />\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}> \r\n <DataGrid \r\n ref={refGrid} \r\n dataSource={data}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true} \r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true}\r\n onCellPrepared={onCellPrepared}\r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={15} />\r\n <FilterRow visible={false} />\r\n <Column type=\"buttons\" width={60}>\r\n <ButtonGrid name=\"showBill\" icon=\"find\" onClick={e => showDialog(e.row.data.billId)}/>\r\n <ButtonGrid name=\"receive\" icon=\"product\" onClick={e => showReceipt(e.row.data.billId, e.row.data.fullName)}/>\r\n </Column>\r\n <Column dataField=\"asignedTo\" caption=\"Vendedor\" width={90} groupIndex={0} />\r\n <Column caption=\"DETALLE DE FACTURA\" alignment={'center'}>\r\n <Column dataField=\"billId\" caption=\"Factura #\" width={70} cellRender={dataFormatId}/>\r\n <Column dataField=\"fullName\" caption=\"Cliente\" minWidth={50} />\r\n <Column dataField=\"diasTranscurridos\" caption=\"Fecha\" width={190} cellRender={DateCell}/>\r\n <Column dataField=\"daysMora\" caption=\"Mora\" width={50}/>\r\n <Column dataField=\"total\" caption=\"Total\" width={100} cellRender={toBoldMoney}/>\r\n </Column>\r\n <Column caption=\"Categorias\" alignment={'center'}>\r\n <Column dataField=\"c0_5\" caption=\"0.5%\" width={80} alignment={'right'} cellRender={toMoney} /> \r\n <Column dataField=\"c1\" caption=\"1%\" width={80} alignment={'right'} cellRender={toMoney}/> \r\n \r\n <Column dataField=\"c1_5\" caption=\"1.5%\" width={80} alignment={'right'} cellRender={toMoney}/> \r\n <Column dataField=\"c2\" caption=\"2%\" width={80} alignment={'right'} cellRender={toMoney}/> \r\n \r\n <Column dataField=\"c2_5\" caption=\"2.5%\" width={80} alignment={'right'} cellRender={toMoney}/> \r\n <Column dataField=\"c3\" caption=\"3%\" width={80} alignment={'right'} cellRender={toMoney}/> \r\n </Column>\r\n <Column caption=\"Comisión\" alignment={'center'}>\r\n <Column dataField=\"totalComi\" caption=\"Total\" width={90} alignment={'right'} cellRender={toBoldMoney}/> \r\n </Column> \r\n \r\n <Summary>\r\n <TotalItem column=\"billId\" summaryType=\"count\" />\r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"totalComi\" summaryType=\"sum\" customizeText={toMoney} />\r\n <GroupItem\r\n column=\"billId\"\r\n summaryType=\"count\"\r\n displayFormat=\"{0} items\"\r\n />\r\n <GroupItem column=\"totalComi\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"total\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c0_5\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c1\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c1_5\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c2\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c2_5\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n <GroupItem column=\"c3\" summaryType=\"sum\" showInGroupFooter={true} alignByColumn={true} customizeText={toMoney} />\r\n </Summary> \r\n \r\n </DataGrid>\r\n </Item>\r\n </Box>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Comision;\r\n","import { Button, DateBox, Popup } from 'devextreme-react';\r\nimport moment from 'moment';\r\nimport React, { useState } from 'react';\r\n\r\nconst DialogPopup = ({title, onClick}) => {\r\n\r\n const now = new Date(moment().year(), moment().month(), moment().date(), 0, 0, 0, 0);\r\n const [open, setOpen] = useState(true);\r\n\r\n const [date, setDate] = useState({\r\n desde: now,\r\n hasta: now\r\n }); \r\n\r\n const onHiding = (e) => {\r\n setOpen(false);\r\n }\r\n\r\n const onClicked = e => {\r\n onClick(date.desde, date.hasta);\r\n }\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={300}\r\n height={300}\r\n title={title} \r\n visible={open}\r\n onHiding={onHiding}\r\n className=\"bg-fbfbfb\" \r\n > \r\n <label>Desde</label>\r\n <DateBox defaultValue={date.desde} onValueChanged={e => setDate({...date, desde: e.value})}></DateBox>\r\n <label>Hasta</label>\r\n <DateBox defaultValue={date.hasta} onValueChanged={e => setDate({...date, hasta: e.value})}></DateBox>\r\n <br/>\r\n <Button text=\"Aceptar\" onClick={onClicked}></Button>\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DialogPopup;\r\n","\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport urlReport from '../../../services/reportServices';\r\nimport DialogPopup from './DialogPopup';\r\n\r\nconst ProductsInfo = () => {\r\n\r\n const { user } = useSelector(store => store);\r\n \r\n const getReport = (desde, hasta) => {\r\n\r\n const report = urlReport();\r\n report.print(`${report.products(moment(desde).format('YYYY-MM-DD'), moment(hasta).format('YYYY-MM-DD'), user.username)}`);\r\n\r\n } \r\n\r\n return (\r\n <div>\r\n <DialogPopup onClick={getReport} title='Productos vendidos'></DialogPopup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default ProductsInfo;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n Column, \r\n Export, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule} from 'devextreme-react/data-grid';\r\n\r\nimport { store } from '../../services/store';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { createProxyBase } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, editorOptionsSwitch, resources } from '../../data/app';\r\n\r\nfunction Clasifications(props) {\r\n\r\n const [ authorized ] = useAuthorization( resources.adminCatalogos );\r\n\r\n let dataGrid = useRef();\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Nueva clasificacion',\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => dataGrid.current.instance.addRow()\r\n }\r\n });\r\n } \r\n\r\n\r\n const title = 'Clasificaciones';\r\n \r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={title}/>\r\n <BlockHeader title={title}/> \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : createProxyBase('clasifications')})}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"name\" caption=\"Descripcion\" /> \r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100} />\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={450} height={230}>\r\n \r\n </Popup>\r\n <Form>\r\n <Item dataField=\"name\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerida\"/>\r\n <StringLengthRule max={50} min={2} message=\"Máximo de caracteres 50 y 2 mínimo\"/>\r\n </Item> \r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n};\r\n\r\nexport default Clasifications; //connect(mapStateToProps, mapDispatchToProps)(GridSprintStart);","import Clasifications from './Clasifications';\r\nexport default Clasifications;","// react\r\nimport React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { addToolBarAction, removeToolBarAction } from '../../store/toolBar/toolBarOptsReducer';\r\nimport { Button } from 'devextreme-react/button';\r\n\r\nfunction BlockHeaderStateCC({showFavorite = false, title, icon,onClickView,onClickPrint, onClickPayment, onClickViewReceipts,...rest }) {\r\n\r\n const { toolBarOpts, gridStateCC: { data,\r\n disabledView, \r\n disabledPrint, \r\n disabledPayment, \r\n disabledViewReceipts, \r\n }} = useSelector(store => store); \r\n \r\n const dispatch = useDispatch();\r\n\r\n const path = rest.location?.pathname;\r\n\r\n const existFavorite = toolBarOpts.find(x => x.name === title);\r\n\r\n const onClick = () => {\r\n if(existFavorite) \r\n dispatch(removeToolBarAction(title));\r\n else\r\n dispatch(addToolBarAction({ name: title, path})); \r\n\r\n }\r\n\r\n const showFavorites = path && showFavorite\r\n\r\n const className = existFavorite ? 'd-hand dx-icon-favorites exist-favorite' : 'd-hand dx-icon-favorites';\r\n\r\n return (\r\n <div className=\"block-header\"> \r\n <h3 className=\"block-header__title\">\r\n {title} {icon && <span className={icon} style={{fontSize : 20}}></span>}\r\n {showFavorites && <span onClick={onClick} className={className} style={{fontSize : 20}}></span>}\r\n </h3>\r\n <div className=\"block-header__divider\" /> \r\n <Button onClick={() => onClickView(data.id)} icon={'search'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledView}/> \r\n <Button onClick={() => onClickPrint(data.id)} icon={'print'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledPrint}/> \r\n <Button onClick={() => onClickPayment(0, data.id, true, data.name, data.balance)} icon={'money'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledPayment}/> \r\n <Button onClick={() => onClickViewReceipts(true, data.id, data.name)} icon={'product'} stylingMode=\"contained\" className='ml-10' type={'normal'} disabled={disabledViewReceipts}/>\r\n </div>\r\n );\r\n}\r\n\r\nexport default BlockHeaderStateCC;\r\n","import { gridStateDefault, GRID_STATE_CC } from \"../consts\";\r\n\r\nconst myState = { ...gridStateDefault }\r\n\r\nexport const setGridStateCC = newState => {\r\n \r\n return{ \r\n type: GRID_STATE_CC, \r\n payload : {...myState, ...newState} \r\n }\r\n\r\n} \r\n\r\n\r\nexport default function gridStateCCReducer(state = myState, { type, payload }) {\r\n \r\n const actions = {\r\n [GRID_STATE_CC] : () => ({...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import React, { useRef, useState }from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Export, \r\n Summary,\r\n TotalItem, \r\n}\r\n from 'devextreme-react/data-grid';\r\nimport * as NuevoReceipt from '../../components/bill/Nuevo';\r\nimport { DataGrid, ProgressBar, Popup } from 'devextreme-react';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { formatDate, formatDateTime } from '../../data/app';\r\nimport { useDispatch } from 'react-redux';\r\nimport { cellRender, cellRenderBold, dataFormatId } from \"../../utils/common\";\r\nimport numeral from \"numeral\";\r\nimport moment from \"moment\";\r\nimport BlockHeaderStateCC from \"../../components/shared/BlockHeaderStateCC\";\r\nimport { setGridStateCC } from '../../store/gridStateCC/gridStateCCReducer';\r\nimport { billDialogAction } from '../../store/bill/billDialogReducer';\r\nimport Nuevo from '../bills/Nuevo';\r\nimport urlReport from \"../../services/reportServices\";\r\nimport ReceiptByBillId from \"../receipts/ReceiptByBillId\";\r\n\r\nconst Pending = props => {\r\n\r\n const [dataDialog, setDataDialog] = useState({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n const [dialogReceipt, setDialogReceipt] = useState({ open: false, id: 0, reference: 0 });\r\n\r\n let refGrid = useRef();\r\n\r\n const dispatch = useDispatch();\r\n\r\n const showDialog = (id) => dispatch(billDialogAction({ open: true, id })); \r\n \r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.billTicket(id)}`);\r\n\r\n }\r\n\r\n const close = e => {\r\n setDataDialog({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n }\r\n \r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n if (e.column.dataField == 'mora')\r\n if(e.row.data.mora < 0)\r\n e.cellElement.classList.add('col-mora');\r\n }\r\n\r\n }\r\n\r\n const title = \"Cuentas por cobrar\"; \r\n \r\n const customizeText = (cellInfo) => {\r\n return `C$ ${numeral(cellInfo.value).format('0,0.00')}`\r\n }\r\n\r\n const cellBar = (data) => {\r\n\r\n const { creditDays, daysInDebt, mora, expirationDate } = data.row.data;\r\n\r\n const vence = moment(expirationDate).format('DD/MM/YYYY');\r\n\r\n const statusFormat = value => mora < 0 ? `Vencida el ${vence}` : `${creditDays - daysInDebt} dias restantes. Vence el ${vence}`;\r\n\r\n return (\r\n <ProgressBar\r\n id=\"progress-bar-status\" \r\n className={mora < 0 ? 'bar-red' : 'bar-blue'} \r\n min={0} \r\n max={creditDays}\r\n value={daysInDebt}\r\n statusFormat={statusFormat}\r\n showStatus={true}\r\n />\r\n )\r\n }\r\n\r\n const onRowClick = e => {\r\n \r\n const { id } = e.data;\r\n\r\n dispatch(setGridStateCC({\r\n id: id, \r\n data: e.data,\r\n disabledView: false, \r\n disabledPrint: false, \r\n disabledPayment: false, \r\n disabledViewReceipts: false, \r\n disabledCancel: false }));\r\n\r\n }\r\n\r\n const onSave = (e) => refGrid.current.instance.refresh();\r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeaderStateCC title={title} icon=\"icon-file-text\" showFavorite={true} {...props}\r\n onClickView={(id) => showDialog(id)}\r\n onClickPrint={id => printReport(id)}\r\n onClickPayment={(id, billId, open, client, balance) => setDataDialog({ id: 0, billId, open, client, balance })}\r\n onClickViewReceipts={(open, id, nombre) => setDialogReceipt({ open, id, reference: id, cliente:nombre })}\r\n > \r\n </BlockHeaderStateCC> \r\n <Popup\r\n width={800}\r\n height={400}\r\n title={`Recibos`}\r\n onHiding={e => setDialogReceipt({ open: false, id: 0 })}\r\n visible={dialogReceipt.open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <ReceiptByBillId id={dialogReceipt.id} reference={dialogReceipt.reference} onSave={onSave} cliente={dialogReceipt.cliente} />\r\n </Popup> \r\n <Nuevo onSave={onSave} { ...props } />\r\n <NuevoReceipt.default data={dataDialog} close={close} onSave={() => 0} />\r\n <DataGrid\r\n ref={refGrid}\r\n dataSource={store({uri : { get : 'clients/pending/get' } })}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n columnHidingEnabled={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true} \r\n onRowClick={onRowClick}\r\n onCellPrepared={onCellPrepared} \r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={15} />\r\n <FilterRow visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <Column dataField=\"id\" caption=\"Factura\" width={70} cellRender={dataFormatId} alignment=\"rigth\" />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={100} />\r\n <Column dataField=\"name\" caption=\"Cliente\" allowHeaderFiltering={false} minWidth={100} />\r\n <Column dataField=\"asignedTo\" caption='Vendedor' width={100} /> \r\n <Column dataField=\"total\" width={110} cellRender={cellRender()} />\r\n <Column dataField=\"amount\" caption='Pagado' width={110} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption='Saldo' width={110} cellRender={cellRenderBold()} />\r\n <Column dataField=\"mora\" caption='Mora' width={60} />\r\n <Column dataField=\"blackList\" caption='Lista Negra' width={60} visible={false} />\r\n <Column dataField=\"expirationDate\" caption='Expira' dataType='date' format={formatDate} width={100} />\r\n <Column dataField=\"progress\" caption=\"Activa\" cellRender={cellBar} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' visible={false} format={formatDateTime} width={180} /> \r\n <Summary> \r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={customizeText} />\r\n <TotalItem column=\"amount\" summaryType=\"sum\" customizeText={customizeText} />\r\n <TotalItem column=\"balance\" summaryType=\"sum\" customizeText={customizeText} />\r\n </Summary>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default Pending;\r\n","// react\r\nimport { Component } from 'react';\r\n\r\n// third-party\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nclass Collapse extends Component {\r\n componentDidMount() {\r\n if (!this.content) {\r\n return;\r\n }\r\n\r\n const { open } = this.props;\r\n\r\n this.content.addEventListener('transitionend', this.handleTransitionEnd);\r\n\r\n if (open === true) {\r\n this.expand(true);\r\n }\r\n if (open === false) {\r\n this.collapse(true);\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n const { open } = this.props;\r\n\r\n if (typeof open === 'boolean') {\r\n if (open) {\r\n this.expand();\r\n } else {\r\n this.collapse();\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (!this.content) {\r\n return;\r\n }\r\n\r\n this.content.removeEventListener('transitionend', this.handleTransitionEnd);\r\n }\r\n\r\n handleTransitionEnd = (event) => {\r\n if (this.content && event.propertyName === 'height') {\r\n this.content.style.height = '';\r\n }\r\n };\r\n\r\n handleToggle = () => {\r\n const { toggleClass } = this.props;\r\n\r\n if (!this.item || !this.content || !toggleClass) {\r\n return;\r\n }\r\n\r\n if (this.item.classList.contains(toggleClass)) {\r\n this.collapse();\r\n } else {\r\n this.expand();\r\n }\r\n };\r\n\r\n setItemRef = (ref) => {\r\n this.item = ref;\r\n };\r\n\r\n setContentRef = (ref) => {\r\n this.content = ref;\r\n };\r\n\r\n expand(immediate = false) {\r\n const { toggleClass } = this.props;\r\n\r\n if (!this.item || !this.content || !toggleClass) {\r\n return;\r\n }\r\n\r\n if (immediate) {\r\n this.item.classList.add(toggleClass);\r\n this.content.style.height = '';\r\n } else {\r\n const startHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.item.classList.add(toggleClass);\r\n\r\n const endHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.content.style.height = `${startHeight}px`;\r\n this.content.getBoundingClientRect(); // force reflow\r\n this.content.style.height = `${endHeight}px`;\r\n }\r\n }\r\n\r\n collapse(immediate = false) {\r\n const { toggleClass } = this.props;\r\n\r\n if (immediate) {\r\n this.item.classList.remove(toggleClass);\r\n this.content.style.height = '';\r\n } else {\r\n const startHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.content.style.height = `${startHeight}px`;\r\n this.item.classList.remove(toggleClass);\r\n\r\n this.content.getBoundingClientRect(); // force reflow\r\n this.content.style.height = '';\r\n }\r\n }\r\n\r\n render() {\r\n const { render } = this.props;\r\n\r\n if (render) {\r\n return render({\r\n toggle: this.handleToggle,\r\n setItemRef: this.setItemRef,\r\n setContentRef: this.setContentRef,\r\n });\r\n }\r\n\r\n return null;\r\n }\r\n}\r\n\r\nCollapse.propTypes = {\r\n /** class that will be applied to this.item when opened */\r\n toggleClass: PropTypes.string,\r\n /** render function with arguments: toggle, setItemRef, setContentRef */\r\n render: PropTypes.func,\r\n /** if specified, the component will behave as a stateless component */\r\n open: PropTypes.bool,\r\n};\r\n\r\nexport default Collapse;\r\n","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport PropTypes from 'prop-types';\r\n\r\n// application\r\nimport AppLink from '../shared/AppLink';\r\nimport Collapse from '../shared/Collapse';\r\nimport { ArrowRoundedDown12x7Svg } from '../../svg';\r\n\r\n\r\nfunction MobileLinks(props) {\r\n const { links, level, onItemClick } = props;\r\n\r\n const handleItemClick = (item) => {\r\n if (onItemClick) {\r\n onItemClick(item);\r\n }\r\n };\r\n\r\n const linksList = links.map((link, index) => {\r\n let item;\r\n\r\n if (link.type === 'link' || link.type === 'button') {\r\n item = (\r\n <Collapse\r\n toggleClass=\"mobile-links__item--open\"\r\n render={({ toggle, setItemRef, setContentRef }) => {\r\n let arrow;\r\n let subLinks;\r\n let linkOrButton;\r\n\r\n if (link.children && link.children.length > 0) {\r\n arrow = (\r\n <button className=\"mobile-links__item-toggle\" type=\"button\" onClick={toggle}>\r\n <ArrowRoundedDown12x7Svg className=\"mobile-links__item-arrow\" />\r\n </button>\r\n );\r\n\r\n subLinks = (\r\n <div className=\"mobile-links__item-sub-links\" ref={setContentRef}>\r\n <MobileLinks\r\n links={link.children}\r\n level={level + 1}\r\n onItemClick={onItemClick}\r\n />\r\n </div>\r\n );\r\n }\r\n\r\n if (link.type === 'link') {\r\n linkOrButton = (\r\n <AppLink\r\n to={link.url}\r\n className=\"mobile-links__item-link\"\r\n onClick={() => handleItemClick(link)}\r\n >\r\n {link.label}\r\n </AppLink>\r\n );\r\n } else {\r\n linkOrButton = (\r\n <button\r\n type=\"button\"\r\n className=\"mobile-links__item-link\"\r\n onClick={() => handleItemClick(link)}\r\n >\r\n {link.label}\r\n </button>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"mobile-links__item\" ref={setItemRef}>\r\n <div className=\"mobile-links__item-title\">\r\n {linkOrButton}\r\n {arrow}\r\n </div>\r\n {subLinks}\r\n </div>\r\n );\r\n }}\r\n />\r\n );\r\n } else if (link.type === 'divider') {\r\n item = <div className=\"mobile-links__divider\" />;\r\n }\r\n\r\n return <li key={index}>{item}</li>;\r\n });\r\n\r\n return (\r\n <ul className={`mobile-links mobile-links--level--${level}`}>\r\n {linksList}\r\n </ul>\r\n );\r\n}\r\n\r\nMobileLinks.propTypes = {\r\n links: PropTypes.array,\r\n level: PropTypes.number,\r\n onItemClick: PropTypes.func,\r\n};\r\n\r\nMobileLinks.defaultProps = {\r\n links: [],\r\n level: 0,\r\n};\r\n\r\nexport default MobileLinks;\r\n","import { MOBILE_MENU_CLOSE, MOBILE_MENU_OPEN } from './mobileMenuActionTypes';\r\n\r\n\r\nconst initialState = {\r\n open: false,\r\n};\r\n\r\nexport default function mobileMenuReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case MOBILE_MENU_OPEN:\r\n return {\r\n ...state,\r\n open: true,\r\n };\r\n case MOBILE_MENU_CLOSE:\r\n return {\r\n ...state,\r\n open: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import mobileMenuReducer from './mobileMenuReducer';\r\n\r\nexport * from './mobileMenuActions';\r\nexport default mobileMenuReducer;\r\n","export const MOBILE_MENU_OPEN = 'MOBILE_MENU_OPEN';\r\nexport const MOBILE_MENU_CLOSE = 'MOBILE_MENU_CLOSE';\r\n","import { _path } from \"./headerNavigation\";\r\n\r\nexport default [{\r\n layout: 'conta',\r\n type: 'link',\r\n label: 'Inicio',\r\n url: '/',\r\n},\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Cotizaciones',\r\n url: `${_path.ROOTMAIN}/mobile/cotizaciones`,\r\n children: [\r\n { type: 'link', label: 'Cotizaciones', url: `${_path.ROOTMAIN}/mobile/cotizaciones` },\r\n { type: 'link', label: 'Preventas', url: `${_path.ROOTMAIN}/mobile/pre-ventas` },\r\n ],\r\n},\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Facturacion',\r\n url: `${_path.ROOTMAIN}/facturas`,\r\n children: [\r\n { type: 'link', label: 'Facturas', url: `${_path.ROOTMAIN}/facturas` },\r\n { type: 'link', label: 'Facturas rápida', url: `${_path.ROOTMAIN}/facturas-quickly` },\r\n { type: 'link', label: 'Gestión de caja', url: `${_path.ROOTMAIN}/cierres-caja` }, \r\n { type: 'link', label: 'Recibos', url: `${_path.ROOTMAIN}/recibos` }, \r\n { type: 'link', label: 'Nota de Crédito', url: `${_path.ROOTMAIN}/notascreditos` }, \r\n {\r\n type: 'link',\r\n label: 'Reportes',\r\n url: '',\r\n children: [\r\n { type: 'link', label: 'Ventas', url: `${_path.ROOTMAIN}/facturas/reportes/ventas` },\r\n ],\r\n },\r\n ],\r\n},\r\n\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Compras',\r\n url: `${_path.ROOTMAIN}/compras`,\r\n children: [\r\n { type: 'link', label: 'Lista de compras', url: `${_path.ROOTMAIN}/movimientos/compras` },\r\n { type: 'link', label: 'Proveedores', url: `${_path.ROOTMAIN}/proveedores` },\r\n {\r\n type: 'link',\r\n label: 'Reportes',\r\n url: '',\r\n children: [\r\n { type: 'link', label: 'Compras de productos', url: `${_path.ROOTMAIN}/compras/reportes` },\r\n ],\r\n },\r\n ],\r\n},\r\n\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Inventario',\r\n url: `${_path.ROOTMAIN}/productos`,\r\n children: [\r\n { type: 'link', label: 'Productos', url: `${_path.ROOTMAIN}/productos` },\r\n { type: 'link', label: 'Grupos', url: `${_path.ROOTMAIN}/familias` }, \r\n { type: 'link', label: 'Unidad Medida', url: `${_path.ROOTMAIN}/unidadmedida` },\r\n { type: 'link', label: 'Tasa de cambio', url: `${_path.ROOTMAIN}/tasa-de-cambio` },\r\n {\r\n type: 'link',\r\n label: 'Reportes',\r\n url: '',\r\n children: [\r\n { type: 'link', label: 'Kardex', url: `${_path.ROOTMAIN}/inventario/reportes/kardex` },\r\n { type: 'link', label: 'Existencias', url: `${_path.ROOTMAIN}/inventario/reportes/existencias` },\r\n { type: 'link', label: 'Stock', url: `${_path.ROOTMAIN}/inventario/reportes/stock` },\r\n { type: 'link', label: 'Ult ingresos', url: `${_path.ROOTMAIN}/inventario/reportes/ingresos` },\r\n ],\r\n },\r\n ],\r\n},\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Clientes',\r\n url: `${_path.ROOTMAIN}/clientes`,\r\n children: [\r\n { type: 'link', label: 'Gestión de clientes', url: `${_path.ROOTMAIN}/clientes` },\r\n { type: 'link', label: 'Cuentas por cobrar', url: `${_path.ROOTMAIN}/clientes/pending` },\r\n {\r\n type: 'link',\r\n label: 'Reportes',\r\n url: '',\r\n children: [\r\n ],\r\n },\r\n ],\r\n},\r\n\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Entradas',\r\n url: `${_path.ROOTMAIN}/movimientos/entradas`,\r\n children: [\r\n { type: 'link', label: 'Ajustes', url: `${_path.ROOTMAIN}/movimientos/entradas` },\r\n { type: 'link', label: 'Inventario Inicial', url: `${_path.ROOTMAIN}/movimientos/inv-inicial` },\r\n { type: 'link', label: 'Solicitud de traslado', url: `${_path.ROOTMAIN}/movimientos/traslados` },\r\n \r\n ],\r\n},\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Salidas',\r\n url: `${_path.ROOTMAIN}/movimientos/salidas`,\r\n children: [\r\n { type: 'link', label: 'Ajustes de salida', url: `${_path.ROOTMAIN}/movimientos/salidas` },\r\n { type: 'link', label: 'Despachos', url: `${_path.ROOTMAIN}/movimientos/despacho` },\r\n \r\n ],\r\n},\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Configuración',\r\n url: `${_path.ROOTMAIN}/usuarios`,\r\n children: [\r\n { type: 'link', label: 'Usuarios', url: `${_path.ROOTMAIN}/usuarios` },\r\n { type: 'link', label: 'Roles', url: `${_path.ROOTMAIN}/roles` },\r\n { type: 'link', label: 'Recursos', url: `${_path.ROOTMAIN}/permisos` },\r\n { type: 'link', label: 'Areas', url: `${_path.ROOTMAIN}/areas` }, \r\n ],\r\n},\r\n\r\n{\r\n layout: 'app',\r\n type: 'link',\r\n label: 'Cuenta',\r\n url: `${_path.ROOTMAIN}/usuarios`,\r\n children: [\r\n { type: 'link', label: 'Password', url: `/account/password` },\r\n { type: 'link', label: 'Salir', url: `/account/logout` },\r\n ],\r\n},\r\n\r\n];","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\n\r\n// application\r\nimport MobileLinks from './MobileLinks';\r\nimport { Cross20Svg } from '../../svg';\r\nimport { mobileMenuClose } from '../../store/mobile-menu';\r\n\r\nimport mobileMenuLinks from '../../data/mobileMenu';\r\n\r\n\r\nfunction MobileMenu(props) {\r\n const {\r\n mobileMenuState,\r\n closeMobileMenu,\r\n } = props;\r\n\r\n const classes = classNames('mobilemenu', {\r\n 'mobilemenu--open': mobileMenuState.open,\r\n });\r\n\r\n const handleItemClick = (item) => {\r\n closeMobileMenu();\r\n //if (item.data) {\r\n //if (item.data.type === 'language') {\r\n // closeMobileMenu();\r\n // }\r\n // if (item.data.type === 'currency') {\r\n // const currency = currencies.find((x) => x.currency.code === item.data.code);\r\n\r\n // if (currency) {\r\n // closeMobileMenu();\r\n // }\r\n // }\r\n // }\r\n };\r\n\r\n return (\r\n <div className={classes}>\r\n {/* eslint-disable-next-line max-len */}\r\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events */}\r\n <div className=\"mobilemenu__backdrop\" onClick={closeMobileMenu} />\r\n <div className=\"mobilemenu__body\">\r\n <div className=\"mobilemenu__header\">\r\n <div className=\"mobilemenu__title\">Menu</div>\r\n <button type=\"button\" className=\"mobilemenu__close\" onClick={closeMobileMenu}>\r\n <Cross20Svg />\r\n </button>\r\n </div>\r\n <div className=\"mobilemenu__content\">\r\n <MobileLinks links={mobileMenuLinks} onItemClick={handleItemClick} />\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n mobileMenuState: state.mobileMenu,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n closeMobileMenu: mobileMenuClose, \r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MobileMenu);\r\n","import { MOBILE_MENU_CLOSE, MOBILE_MENU_OPEN } from './mobileMenuActionTypes';\r\n\r\n\r\nexport function mobileMenuOpen() {\r\n return { type: MOBILE_MENU_OPEN };\r\n}\r\n\r\nexport function mobileMenuClose() {\r\n return { type: MOBILE_MENU_CLOSE };\r\n}\r\n","// react\r\nimport React, { Component } from 'react';\r\n\r\n// third-party\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// application\r\nimport Indicator from '../header/Indicator';\r\nimport {\r\n Menu18x14Svg,\r\n LogoSmallSvg,\r\n Search20Svg,\r\n Cross20Svg,\r\n Heart20Svg,\r\n Cart20Svg,\r\n} from '../../svg';\r\nimport { mobileMenuOpen } from '../../store/mobile-menu';\r\n\r\n\r\nclass MobileHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n searchOpen: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.handleOutsideClick);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { searchOpen } = this.state;\r\n\r\n if (searchOpen && searchOpen !== prevState.searchOpen && this.searchInputRef) {\r\n this.searchInputRef.focus();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleOutsideClick);\r\n }\r\n\r\n setSearchWrapperRef = (node) => {\r\n this.searchWrapperRef = node;\r\n };\r\n\r\n setSearchInputRef = (node) => {\r\n this.searchInputRef = node;\r\n };\r\n\r\n handleOutsideClick = (event) => {\r\n if (this.searchWrapperRef && !this.searchWrapperRef.contains(event.target)) {\r\n this.setState(() => ({ searchOpen: false }));\r\n }\r\n };\r\n\r\n handleOpenSearch = () => {\r\n this.setState(() => ({ searchOpen: true }));\r\n };\r\n\r\n handleCloseSearch = () => {\r\n this.setState(() => ({ searchOpen: false }));\r\n };\r\n\r\n handleSearchKeyDown = (event) => {\r\n if (event.which === 27) {\r\n this.setState(() => ({ searchOpen: false }));\r\n }\r\n };\r\n\r\n \r\n render() {\r\n \r\n const { openMobileMenu, wishlist, app } = this.props;\r\n const { searchOpen } = this.state;\r\n const searchClasses = classNames('mobile-header__search', {\r\n 'mobile-header__search--opened': searchOpen,\r\n });\r\n\r\n return (\r\n <div className=\"mobile-header\">\r\n <div className=\"mobile-header__panel\">\r\n <div className=\"container\">\r\n <div className=\"mobile-header__body\">\r\n <button type=\"button\" className=\"mobile-header__menu-button\" onClick={openMobileMenu}>\r\n <Menu18x14Svg />\r\n </button>\r\n {app.name}\r\n <div className={searchClasses} ref={this.setSearchWrapperRef}>\r\n <form className=\"mobile-header__search-form\" action=\"\">\r\n <input\r\n className=\"mobile-header__search-input\"\r\n name=\"search\"\r\n placeholder=\"Buscar cliente\"\r\n aria-label=\"Site search\"\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n onKeyDown={this.handleSearchKeyDown}\r\n ref={this.setSearchInputRef}\r\n />\r\n <button type=\"submit\" className=\"mobile-header__search-button mobile-header__search-button--submit\">\r\n <Search20Svg />\r\n </button>\r\n <button\r\n type=\"button\"\r\n className=\"mobile-header__search-button mobile-header__search-button--close\"\r\n onClick={this.handleCloseSearch}\r\n >\r\n <Cross20Svg />\r\n </button>\r\n <div className=\"mobile-header__search-body\" />\r\n </form>\r\n </div>\r\n\r\n <div className=\"mobile-header__indicators\">\r\n <Indicator\r\n className=\"indicator--mobile indicator--mobile-search d-sm-none\"\r\n onClick={this.handleOpenSearch}\r\n icon={<Search20Svg />}\r\n /> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n cart: state.cart,\r\n app: state.appInfo,\r\n wishlist: state.wishlist,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n openMobileMenu: mobileMenuOpen,\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(MobileHeader);\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { DataGrid, Box, DropDownBox, DateBox, SelectBox, Button } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n Column,\r\n Export,\r\n Scrolling,\r\n Selection,\r\n GroupPanel,\r\n SearchPanel,\r\n Grouping,\r\n Summary,\r\n TotalItem,\r\n GroupItem\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { formatDate, resources } from '../../data/app';\r\nimport { cellRender, cellRenderBold, dataFormatId, formatToMoneyNumber, onCellPreparedSales, } from '../../utils/common';\r\n\r\nimport uri from '../../utils/uri';\r\nimport useProducts from '../../hooks/useProducts';\r\nimport http from '../../utils/http';\r\nimport { dateByReport, defaultLabels } from '../../data/defaultObjects';\r\nimport { userService } from '../../services/user.service';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport notify from 'devextreme/ui/notify';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst Ventas = (props) => {\r\n\r\n const user = userService.getUser();\r\n\r\n let dropDownBoxRef = useRef();\r\n\r\n const [ areaId, setAreaId ] = useState(user.areaId);\r\n const [ tipoFecha, setTipoFecha ] = useState(3);\r\n const { products } = useProducts({ areaId }); \r\n const [ productId, setProductId ] = useState(null);\r\n const [ users, setUsers ] = useState([]);\r\n const [ username, setUsername ] = useState('');\r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState(undefined);\r\n const [ loading, setLoading ] = useState(false);\r\n const [ _, canSeeAllUser ] = useAuthorization(resources.verReporteDeVentas);\r\n //const [ options, setOptions ] = useState([]);\r\n\r\n let refData = useRef(null);\r\n const optsRef = useRef(\r\n localStorage.getItem('ventas_options') ? JSON.parse(localStorage.getItem('ventas_options')) : []\r\n );\r\n\r\n const changeHandler = (e) => {\r\n setProductId(e.value);\r\n }\r\n\r\n const dataGrid_onSelectionChanged = (e) => { \r\n setProductId(e.selectedRowKeys[0].id);\r\n dropDownBoxRef.current.instance.close(); \r\n\r\n }\r\n\r\n const changeArea = e => setAreaId(e.value); \r\n\r\n const changeUser = e => setUsername(e.value); \r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n \r\n const changeTipoFecha = e => setTipoFecha(e.value);\r\n\r\n useEffect(() => {\r\n http(uri.users.get).asGet().then(resp => {\r\n if(canSeeAllUser)\r\n setUsers(resp)\r\n else\r\n setUsers([...resp.filter(x => x.username == user.username)]);\r\n });\r\n }, [0]);\r\n\r\n const loadReport = () => {\r\n if(areaId > 0 && dateFrom && dateTo){\r\n setLoading(true);\r\n http('reports/sales').asPost({areaId, productId, from : dateFrom, to: dateTo, tipoFecha, username}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n }\r\n };\r\n\r\n const dataGridRender = () => {\r\n return (\r\n <DataGrid\r\n dataSource={products}\r\n hoverStateEnabled={true}\r\n selectedRowKeys={productId}\r\n onSelectionChanged={dataGrid_onSelectionChanged}\r\n height=\"100%\"> \r\n <Selection mode=\"single\" />\r\n <Scrolling mode=\"infinite\" />\r\n <Paging enabled={true} pageSize={10} />\r\n <FilterRow visible={true} />\r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={80} cellRender={dataFormatId}/>\r\n <Column dataField=\"name\" caption=\"Nombre\" />\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120}></Column>\r\n <Column dataField=\"um\" caption=\"UM\" width={120}></Column>\r\n </DataGrid>\r\n );\r\n }\r\n\r\n const toMoney = data => formatToMoneyNumber(data.value); \r\n\r\n const title = 'Reporte de Ventas';\r\n\r\n const tipos = [{\r\n id: 1,\r\n name: 'Creado entre'\r\n },{\r\n id: 2,\r\n name: 'Pagado entre'\r\n },{\r\n id: 3,\r\n name: 'Entregado entre'\r\n }]\r\n\r\n const saveOpts = () => {\r\n let cols = refData.current.instance.option('columns');\r\n const newOpts = [];\r\n for (const col of cols) {\r\n const colOpt = refData.current.instance.columnOption(col.dataField);\r\n if(colOpt.groupIndex !== undefined) \r\n newOpts.push({column: col.dataField, groupIndex: colOpt.groupIndex});\r\n \r\n }\r\n localStorage.setItem('ventas_options', JSON.stringify(newOpts));\r\n notify('Configuración guardada');\r\n //setOptions(newOpts);\r\n } \r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...props}>\r\n <CustomButton\r\n type=\"normal\"\r\n text={`Guardar configuracion`}\r\n icon='save'\r\n onClick={saveOpts}\r\n /> \r\n </BlockHeader>\r\n <Box direction=\"row\" width=\"100%\" height={75}> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione el area:</label>\r\n <SelectBox items={tipos}\r\n placeholder=\"Selecciona una bodega\"\r\n showClearButton={false} valueExpr=\"id\" displayExpr=\"name\" \r\n defaultValue={tipoFecha}\r\n onValueChanged={changeTipoFecha} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Desde:</label>\r\n <DateBox type=\"date\" \r\n value={dateFrom}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateFrom}/>\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Hasta:</label>\r\n <DateBox type=\"date\" \r\n value={dateTo}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateTo}/>\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Usuario:</label>\r\n <SelectBox items={users}\r\n placeholder=\"Selecciona\"\r\n showClearButton={true} valueExpr=\"username\" displayExpr=\"username\" \r\n value={username}\r\n onValueChanged={changeUser} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={2}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione un item:</label>\r\n <DropDownBox\r\n ref={dropDownBoxRef}\r\n dataSource={products}\r\n key=\"id\"\r\n placeholder=\"Selecciona un producto\"\r\n showClearButton={true} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''} \r\n value = {productId} \r\n onValueChanged={changeHandler} \r\n contentRender={dataGridRender} \r\n dropDownOptions={{ width: 500 }} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={120}\r\n text={`${loading ? 'Buscando...' : 'Buscar'}`}\r\n type=\"default\"\r\n icon=\"search\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={loadReport}\r\n />\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}> \r\n <DataGrid\r\n id=\"gridContainer\"\r\n ref={refData}\r\n keyExpr=\"id\"\r\n selection={{ mode: 'single' }}\r\n dataSource={data}\r\n showBorders={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n onCellPrepared={onCellPreparedSales}\r\n > \r\n <GroupPanel visible={true} />\r\n <SearchPanel visible={true} width={200}/>\r\n <Grouping autoExpandAll={true} /> \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n\r\n\r\n <Column dataField=\"id\" caption=\"Factura\" width={70} cellRender={dataFormatId} groupIndex={optsRef.current.find(x => x.column == 'id')?.groupIndex}/> \r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100}/> \r\n <Column dataField=\"payOfDate\" dataType=\"date\" caption=\"Fecha Pago\" format={formatDate} width={100}/> \r\n <Column dataField=\"paymentType\" caption=\"Tipo\" width={70}/> \r\n \r\n <Column dataField=\"productId\" caption=\"Código\" width={70}/> \r\n <Column dataField=\"product\" caption=\"Producto\" /> \r\n\r\n <Column dataField=\"quantity\" caption=\"Cant\" width={70}/> \r\n <Column dataField=\"price\" caption=\"Precio\" cellRender={cellRender()} width={100}/> \r\n <Column dataField=\"totalDetail\" caption=\"Total\" cellRender={cellRenderBold()} width={120}/> \r\n\r\n <Column dataField=\"cost\" caption=\"Costo\" width={100} /> \r\n <Column dataField=\"costoTotal\" caption=\"Costo Total\" cellRender={cellRender()} width={100}/> \r\n <Column dataField=\"utilidades\" caption=\"Utilidades\" cellRender={cellRenderBold()} width={110}/> \r\n <Column dataField=\"asignedTo\" caption=\"Vendedor\" width={100} groupIndex={optsRef.current.find(x => x.column == 'asignedTo')?.groupIndex}/> \r\n <Summary>\r\n\r\n <TotalItem column=\"price\" summaryType=\"sum\" customizeText={() => 'Totales :'}/>\r\n \r\n <TotalItem column=\"totalDetail\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"cost\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"costoTotal\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"utilidades\" summaryType=\"sum\" customizeText={toMoney}/>\r\n\r\n <GroupItem column=\"totalDetail\" summaryType=\"sum\" alignByColumn={true} customizeText={toMoney}/>\r\n <GroupItem column=\"cost\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"costoTotal\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"utilidades\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n\r\n </Summary> \r\n </DataGrid>\r\n </Item> \r\n </Box>\r\n </div>\r\n );\r\n}\r\n\r\n\r\n\r\nexport default Ventas;\r\n","import Cuts from './Cuts';\r\nexport default Cuts;","import React, { useRef } from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n ColumnChooser,\r\n Column,\r\n Export, \r\n Button as ButtonGrid, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n}\r\n from 'devextreme-react/data-grid';\r\n \r\nimport { Item } from 'devextreme-react/form';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { resources, formatDateTime, formatDate } from '../../data/app';\r\nimport uri from \"../../utils/uri\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\nimport { cellRender } from \"../../utils/common\";\r\nimport { userService } from \"../../services/user.service\";\r\nimport { confirm } from \"devextreme/ui/dialog\";\r\nimport http from \"../../utils/http\";\r\n\r\nconst Cuts = props => {\r\n\r\n var user = userService.getUser();\r\n \r\n const { history } = props;\r\n\r\n const [ authorized ] = useAuthorization( resources.gestionCierreCaja );\r\n\r\n let dataGrid = useRef();\r\n const title = \"Cierres de caja\"; \r\n\r\n const onToolbarPreparing = e => {\r\n\r\n e.toolbarOptions.items.unshift({\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n type:'default',\r\n icon: 'add',\r\n text: 'Nuevo cierre de caja',\r\n onClick: e => dataGrid.current.instance.addRow()// dispatch(openDialog({open : true, id : 0}))\r\n }\r\n });\r\n }\r\n\r\n const onRowDblClick = (e) => {\r\n history.push('/clinica/cliente/'+e.data.id);\r\n } \r\n\r\n const onInitNewRow = (e) => {\r\n e.data.createBy = user.username;\r\n }\r\n\r\n const reopen = (e) => { \r\n\r\n const { id } = e.row.data; \r\n let confirmResult = confirm('¿Desea reabrir la caja?', 'Reapertura de caja');\r\n confirmResult.then(res => {\r\n if(res){\r\n dataGrid.current.instance.option('loadPanel.enabled', true);\r\n http(uri.cuts.base + '/re-open/' +id).asGet().then(resp => {\r\n dataGrid.current.instance.option('loadPanel.enabled', false);\r\n dataGrid.current.instance.refresh();\r\n });\r\n }\r\n });\r\n\r\n }\r\n\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} /> \r\n <DataGrid\r\n ref={dataGrid}\r\n dataSource={store({uri : uri.cuts, remoteOperations: true })}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n columnHidingEnabled={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true}\r\n rowAlternationEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowDblClick={onRowDblClick}\r\n onInitNewRow={onInitNewRow}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={15} />\r\n <FilterRow visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <Column type='buttons'>\r\n <ButtonGrid icon='pulldown'\r\n visible={e => e.row.data.status}\r\n hint={'Reaperturar caja'}\r\n onClick={reopen}\r\n />\r\n <ButtonGrid icon='menu'\r\n visible={e => !e.row.data.status}\r\n hint={'Ejecutar cierre'}\r\n onClick={e => {\r\n\r\n const { id } = e.row.data; \r\n props.history.push('/app/cierre/ejecute', { id });\r\n\r\n }}\r\n />\r\n </Column> \r\n <Column dataField=\"id\" caption=\"#\" width={70} />\r\n <Column dataField=\"descripcion\" caption=\"Corte\" minWidth={180} />\r\n <Column dataField=\"cutDate\" caption=\"Fecha\" minWidth={180} dataType=\"date\" format={formatDate}/>\r\n <Column dataField=\"createBy\" caption=\"Usuario\" />\r\n <Column dataField=\"startAt\" caption=\"Inicia\" width={180} dataType=\"date\" format={formatDateTime} />\r\n <Column dataField=\"endAt\" caption=\"Termina\" width={180} dataType=\"date\" format={formatDateTime} />\r\n <Column dataField=\"initValue\" caption=\"Saldo inicial\" cellRender={cellRender(1)} />\r\n <Column dataField=\"endValue\" caption=\"Saldo Final\" cellRender={cellRender(1)}/>\r\n <Column dataField=\"status\" caption=\"Cerrada?\" />\r\n <Column type='buttons'>\r\n <ButtonGrid name='edit' /> \r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n <Popup title={'Apertura de caja'} showTitle={true} width={400} height={300}>\r\n\r\n </Popup>\r\n <Form>\r\n <Item dataField=\"initValue\" colSpan={2}>\r\n <RequiredRule message=\"El campo es requerido\" /> \r\n </Item>\r\n <Item dataField=\"cutDate\" colSpan={2} editorOptions={{ openOnFieldClick: true }}>\r\n <RequiredRule message=\"El campo es requerido\" /> \r\n </Item>\r\n <Item dataField=\"createBy\" colSpan={2} editorOptions={{ readOnly: true}}>\r\n </Item> \r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default Cuts;\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Export,\r\n Summary, GroupItem as GroupItemGrid\r\n}\r\n from 'devextreme-react/data-grid';\r\n\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Button } from 'devextreme-react/button';\r\nimport Form, { SimpleItem, GroupItem, Label, EmptyItem, StringLengthRule, RequiredRule, EmailRule, AsyncRule } from 'devextreme-react/form';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { dataAccess, editorOptionsNumberBox, editorOptionsSwitch, formatDate, resources, editorOptsTextBoxPhone, formatDateTime } from '../../data/app';\r\nimport { createStore, createStoreLocal } from \"../../utils/proxy\";\r\nimport uri from \"../../utils/uri\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\nimport { cellAsPayoff, cellRender, cellRenderBold, dataFormatId } from \"../../utils/common\";\r\nimport http from \"../../utils/http\";\r\nimport notify from \"devextreme/ui/notify\";\r\n\r\nconst Ejecute = props => {\r\n\r\n const [state, setState] = useState({});\r\n const [saving, setSaving] = useState(false);\r\n const [bills, setBills] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n\r\n const { id } = props.location.state;\r\n let refCut = useRef();\r\n\r\n const getInfoCut = async () => {\r\n\r\n const data = await http(`cuts/pre-ejecute/${id}`).asGet();\r\n const sales = await http(`bills/bills-by-cut/${id}`).asGet();\r\n\r\n data.endValue = sales.reduce((previousValue, currentValue) => previousValue + currentValue.totalDetail, 0);\r\n data.calculateValue = data.initValue + data.endValue;\r\n setState(data);\r\n setBills(sales);\r\n\r\n setLoading(false);\r\n\r\n }\r\n\r\n const guardarCut = () => {\r\n \r\n setSaving(true);\r\n http(`cuts/close`).asPost(state).then(resp => {\r\n\r\n setSaving(false);\r\n notify(`Cierre de caja aplicado correctamente`);\r\n setState({ ...state, status: true });\r\n\r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n\r\n useEffect(() => {\r\n getInfoCut();\r\n }, [0]);\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n }\r\n\r\n }\r\n\r\n const backPage = () => {\r\n props.history.push('/app/cierres-caja');\r\n }\r\n\r\n const title = \"Cierre de caja\";\r\n\r\n const isClosed = state.status;\r\n\r\n return (\r\n <div className=\"container\">\r\n {loading ? <div style={{ display: 'flex', justifyContent: 'center'}}>Cargando...</div> :\r\n <div>\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <DataGrid\r\n dataSource={bills}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n\r\n allowColumnResizing={true}\r\n columnHidingEnabled={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true}\r\n onCellPrepared={onCellPrepared}\r\n >\r\n <Pager allowedPageSizes={[10]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={10} />\r\n <FilterRow visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption=\"Factura #\" width={90} groupIndex={0} cellRender={dataFormatId} alignment=\"rigth\" />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={120} />\r\n <Column dataField=\"product\" caption=\"Item\" allowHeaderFiltering={false} />\r\n <Column dataField=\"paymentTypeId\" width={100} caption=\"Tipo pago\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'billPaymentType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"totalDetail\" width={110} cellRender={cellRender()} />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180} />\r\n <Summary>\r\n <GroupItemGrid\r\n column=\"totalDetail\"\r\n summaryType=\"sum\" displayFormat=\"Total: {0}\" alignByColumn={true} />\r\n </Summary>\r\n </DataGrid>\r\n <br />\r\n <Form formData={state} ref={refCut}>\r\n <GroupItem colCount={6}>\r\n <SimpleItem dataField=\"initValue\" colSpan={2} editorOptions={{ readOnly: true }}>\r\n <Label text=\"Saldo Inicial\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"endValue\" colSpan={2} editorOptions={{ readOnly: true }}>\r\n <Label text=\"Ingresos\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"calculateValue\" colSpan={2} editorOptions={{ readOnly: true }}>\r\n <Label text=\"Total Caja\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n </Form>\r\n <br />\r\n <Button\r\n text={`Regresar`}\r\n type=\"normal\"\r\n icon=\"chevronleft\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={saving}\r\n onClick={backPage}\r\n />\r\n <Button\r\n text={`${saving ? 'Guardando...' : 'Cerrar caja'}`}\r\n type=\"default\"\r\n icon=\"save\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={saving || isClosed}\r\n onClick={guardarCut}\r\n />\r\n </div>\r\n }\r\n\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default Ejecute;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { DataGrid, Box, DropDownBox, DateBox, SelectBox, Button } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n Export,\r\n Scrolling,\r\n Selection,\r\n GroupPanel,\r\n SearchPanel,\r\n Grouping,\r\n Summary,\r\n TotalItem,\r\n GroupItem\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../../components/shared/Title';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../../data/headerNavigation\";\r\nimport { formatDate } from '../../../data/app';\r\nimport { cellRender, cellRenderBold, dataFormatId, formatToMoneyNumber, onCellPreparedSales, } from '../../../utils/common';\r\n\r\nimport uri from '../../../utils/uri';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport http from '../../../utils/http';\r\nimport { dateByReport, defaultLabels } from '../../../data/defaultObjects';\r\nimport { userService } from '../../../services/user.service';\r\n\r\nconst Compras = () => {\r\n\r\n const user = userService.getUser();\r\n\r\n let dropDownBoxRef = useRef();\r\n\r\n const [ areas, setAreas ] = useState([]);\r\n const [ areaId, setAreaId ] = useState(user.areaId);\r\n const { products } = useProducts({ areaId }); \r\n const [ productId, setProductId ] = useState(null);\r\n const [ users, setUsers ] = useState([]);\r\n const [ username, setUsername ] = useState([]);\r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState(undefined);\r\n const [ loading, setLoading ] = useState(false);\r\n\r\n const changeHandler = (e) => {\r\n setProductId(e.value);\r\n }\r\n\r\n const dataGrid_onSelectionChanged = (e) => { \r\n setProductId(e.selectedRowKeys[0].id);\r\n dropDownBoxRef.current.instance.close(); \r\n\r\n }\r\n\r\n const changeArea = e => setAreaId(e.value); \r\n\r\n const changeUser = e => setUsername(e.value); \r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n\r\n useEffect(() => {\r\n http(uri.areas.get).asGet().then(resp => setAreas(resp));\r\n http(uri.users.get).asGet().then(resp => setUsers(resp));\r\n }, [0]);\r\n\r\n const loadReport = () => {\r\n if(areaId > 0 && dateFrom && dateTo){\r\n setLoading(true);\r\n http('reports/shoppings').asPost({areaId, productId, from : dateFrom, to: dateTo}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n }\r\n };\r\n\r\n const dataGridRender = () => {\r\n return (\r\n <DataGrid\r\n dataSource={products}\r\n hoverStateEnabled={true}\r\n selectedRowKeys={productId}\r\n onSelectionChanged={dataGrid_onSelectionChanged}\r\n height=\"100%\"> \r\n <Selection mode=\"single\" />\r\n <Scrolling mode=\"infinite\" />\r\n <Paging enabled={true} pageSize={10} />\r\n <FilterRow visible={true} />\r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={80} />\r\n <Column dataField=\"name\" caption=\"Nombre\" />\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120}></Column>\r\n <Column dataField=\"um\" caption=\"UM\" width={120}></Column>\r\n </DataGrid>\r\n );\r\n }\r\n\r\n const toMoney = data => formatToMoneyNumber(data.value); \r\n\r\n const title = 'Reporte de Compras';\r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title}>\r\n \r\n </BlockHeader>\r\n <Box direction=\"row\" width=\"100%\" height={75}> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione el area:</label>\r\n <SelectBox items={areas}\r\n placeholder=\"Selecciona una bodega\"\r\n showClearButton={true} valueExpr=\"id\" displayExpr=\"name\" \r\n value={areaId}\r\n onValueChanged={changeArea} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Desde:</label>\r\n <DateBox type=\"date\" \r\n value={dateFrom}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateFrom}/>\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Hasta:</label>\r\n <DateBox type=\"date\" \r\n value={dateTo}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateTo}/>\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Usuario:</label>\r\n <SelectBox items={users}\r\n placeholder=\"Selecciona\"\r\n showClearButton={true} valueExpr=\"username\" displayExpr=\"username\" \r\n value={username}\r\n onValueChanged={changeUser} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={2}>\r\n <div className=\"ml-10\">\r\n <label>Seleccione un item:</label>\r\n <DropDownBox\r\n ref={dropDownBoxRef}\r\n dataSource={products}\r\n key=\"id\"\r\n placeholder=\"Selecciona un producto\"\r\n showClearButton={true} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''} \r\n value = {productId} \r\n onValueChanged={changeHandler} \r\n contentRender={dataGridRender} \r\n dropDownOptions={{ width: 500 }} \r\n />\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={120}\r\n text={`${loading ? 'Buscando...' : 'Buscar'}`}\r\n type=\"default\"\r\n icon=\"search\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={loadReport}\r\n />\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}> \r\n <DataGrid\r\n id=\"gridContainer\"\r\n //keyExpr=\"id\"\r\n selection={{ mode: 'single' }}\r\n dataSource={data}\r\n showBorders={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n onCellPrepared={onCellPreparedSales}\r\n > \r\n <GroupPanel visible={true} />\r\n <SearchPanel visible={true} width={200}/>\r\n <Grouping autoExpandAll={true} /> \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n\r\n\r\n <Column dataField=\"id\" caption=\"Factura\" width={100} cellRender={dataFormatId}/> \r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100}/> \r\n \r\n <Column dataField=\"productId\" caption=\"Código\" width={80}/> \r\n <Column dataField=\"product\" caption=\"Producto\" /> \r\n\r\n <Column dataField=\"quantity\" caption=\"Cantidad\" width={80}/> \r\n \r\n <Column caption='Costos' alignment='center'>\r\n <Column dataField=\"cost\" caption=\"Costo\" cellRender={cellRender()} width={100} /> \r\n <Column dataField=\"costoTotal\" caption=\"Costo Total\" cellRender={cellRender()} width={100}/> \r\n </Column>\r\n <Column caption='Precios' alignment='center'>\r\n <Column dataField=\"price\" caption=\"Precio\" cellRender={cellRender()} width={100} /> \r\n <Column dataField=\"priceTotal\" caption=\"Precio Total\" cellRender={cellRender()} width={100} /> \r\n <Column dataField=\"utilidades\" caption=\"Utilidades\" cellRender={cellRender()} width={100}/> \r\n </Column>\r\n <Summary>\r\n\r\n <TotalItem column=\"id\" summaryType=\"sum\" customizeText={() => 'Totales :'}/>\r\n \r\n <TotalItem column=\"price\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"totalDetail\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"cost\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"costoTotal\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"priceTotal\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"utilidades\" summaryType=\"sum\" customizeText={toMoney}/>\r\n\r\n <GroupItem column=\"totalDetail\" summaryType=\"sum\" alignByColumn={true} customizeText={toMoney}/>\r\n <GroupItem column=\"price\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"utilidades\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"priceTotal\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"cost\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n <GroupItem column=\"costoTotal\" summaryType=\"sum\" alignByColumn={true} showInGroupFooter={true} customizeText={toMoney}/>\r\n\r\n </Summary> \r\n </DataGrid>\r\n </Item> \r\n </Box>\r\n </div>\r\n );\r\n}\r\n\r\n\r\n\r\nexport default Compras;\r\n","import React, { useEffect, useState } from 'react';\r\nimport uri from '../utils/uri';\r\nimport http from '../utils/http';\r\n\r\nconst useClientDetail = ({clientId = 0}) => {\r\n\r\n const [data, setData] = useState({});\r\n const [ isLoading, setIsLoading] = useState(false);\r\n\r\n const getClient = async () => {\r\n\r\n setIsLoading(true);\r\n const resp = await http(`${uri.clients.getById(clientId)}/detail`).asGet();\r\n setData(resp);\r\n setIsLoading(false);\r\n \r\n }\r\n\r\n useEffect(() => { \r\n\r\n if (clientId > 0)\r\n getClient();\r\n else\r\n setData({});\r\n\r\n }, [clientId]);\r\n\r\n return {\r\n data,\r\n isLoading\r\n };\r\n}\r\n\r\nexport default useClientDetail;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport useClientDetail from '../../hooks/useClientDetail';\r\nimport moment from 'moment';\r\n\r\nconst ClientInfo = ({ isMobile= false, user='' }) => {\r\n\r\n const { clientId } = useSelector(store => store.clientDetail);\r\n \r\n const { data, isLoading } = useClientDetail({ clientId });\r\n\r\n const { client , saldo, date, dueBills, department, city} = data;\r\n\r\n const creditLimit = client?.creditLimit ?? '--';\r\n const typeId = client?.typeId ?? '--';\r\n const saldoDisponible = saldo || '--';\r\n let dateUltCompra = '--';\r\n \r\n if(date)\r\n dateUltCompra = moment(date).format('DD-MM-YYYY');\r\n\r\n\r\n let _depto = '';\r\n let _city = '';\r\n\r\n if(department?.name)\r\n _depto = department?.name;\r\n\r\n if(city?.name)\r\n _city = city?.name;\r\n\r\n let deptoCity = '';\r\n if(_depto && _city)\r\n deptoCity = `(${_depto} ${_city})`;\r\n else if(_depto)\r\n deptoCity = `(${_depto})`;\r\n else if(_city)\r\n deptoCity = `(${_city})`;\r\n \r\n return (\r\n <div>\r\n {isLoading ? \r\n 'Cargando...' : \r\n <table>\r\n {\r\n isMobile && \r\n <tbody>\r\n <tr>\r\n <td className='text-blue'>Crédito:</td>\r\n <td className='pr-30'><b>{creditLimit}</b></td> \r\n <td className='text-blue'>Tipo:</td>\r\n <td className='pr-30'><b>{typeId === 1 ? 'Cuota Fija' : typeId == 2 ? 'Regimen General': '--'}</b></td>\r\n </tr> \r\n <tr>\r\n <td className='text-blue'>Disponible:</td>\r\n <td><b>{saldo < 0 ? <div className =\"text-danger\">{saldoDisponible}</div>:<div>{saldoDisponible}</div>}</b></td> \r\n <td className='text-blue'>Últ Compra:</td>\r\n <td><b>{dateUltCompra}</b></td> \r\n </tr>\r\n <tr> \r\n <td className='text-blue'>Fact Vencidas:</td>\r\n <td className='pr-30'><b>{dueBills}</b></td> \r\n </tr> \r\n <tr>\r\n <td className='text-blue'>Dirección:</td>\r\n <td colSpan={3} className='pr-30'><b>{deptoCity} {client?.address}</b></td> \r\n </tr>\r\n </tbody>\r\n }\r\n {\r\n !isMobile && \r\n <tbody>\r\n <tr>\r\n <td className='text-blue'>Limite crédito:</td>\r\n <td className='pr-30'><b>{creditLimit}</b></td>\r\n <td className='text-blue'>Tipo:</td>\r\n <td className='pr-30'><b>{typeId === 1 ? 'Cuota Fija' : typeId == 2 ? 'Regimen General': '--'}</b></td>\r\n <td className='text-blue'>Facturas Vencidas:</td>\r\n <td className='pr-30'><b>{dueBills}</b></td> \r\n </tr> \r\n <tr>\r\n <td className='text-blue'>Saldo Disponible:</td>\r\n <td><b>{saldo < 0 ? <div className =\"text-danger\">{saldoDisponible}</div>:<div>{saldoDisponible}</div>}</b></td> \r\n <td className='text-blue'>Ult compra:</td>\r\n <td><b>{dateUltCompra}</b></td>\r\n <td className='text-blue'>Vendedor:</td>\r\n <td><b>{user}</b></td>\r\n </tr>\r\n <tr>\r\n <td className='text-blue'>Dirección:</td>\r\n <td colSpan={4} className='pr-30'><b>{deptoCity} {client?.address}</b></td> \r\n </tr>\r\n </tbody>\r\n } \r\n </table>\r\n }\r\n </div>\r\n );\r\n}\r\n\r\nexport default ClientInfo;\r\n","import React, { useRef, useState } from 'react';\r\nimport { Popup } from 'devextreme-react';\r\nimport Form, { SimpleItem, Label, StringLengthRule, RequiredRule } from 'devextreme-react/form';\r\nimport { Button } from 'devextreme-react/button';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport { defaultClient } from '../../data/defaultObjects';\r\nimport { editorOptionsSwitch, editorOptsTextBoxPhone, editorOptionsSelect, resources } from '../../data/app';\r\nimport { clientDialogAction } from '../../store/client/clientDialogReducer';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst NuevoClient = (props) => {\r\n\r\n const { fullScreen } = props;\r\n\r\n const dispatch = useDispatch();\r\n \r\n const { clientDialog: { open } } = useSelector(store => store);\r\n\r\n const [cliente, setcliente] = useState({ ...defaultClient }); \r\n const [saving, setSaving] = useState({\r\n loading : false,\r\n text : 'Guardar'\r\n });\r\n\r\n const closeDialog = (load, clientId) => {\r\n\r\n dispatch(clientDialogAction({ id: 0, clientId: 0, open: false }));\r\n\r\n if(load)\r\n if(props.onCreate)\r\n props.onCreate(clientId);\r\n\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n closeDialog(load, 0);\r\n \r\n }\r\n\r\n\r\n const onShowing = (e) => {\r\n setcliente({ ...defaultClient });\r\n }\r\n\r\n const refForm = useRef();\r\n\r\n const guardarCliente = (params) => {\r\n\r\n let result = refForm.current.instance.validate(); \r\n\r\n if (result.isValid) {\r\n\r\n setSaving({loading : true, text:'Guardando...'});\r\n \r\n http(uri.clients.insert).asPost(cliente).then(resp => {\r\n\r\n notify('Datos guardados correctamente');\r\n setSaving({loading : false, text:'Guardar'}); \r\n closeDialog(true, resp.id);\r\n\r\n }).catch(err => {\r\n\r\n setSaving({loading : false, text:'Guardar'});\r\n notify(err, 'error');\r\n\r\n });\r\n\r\n }\r\n }\r\n\r\n const screenOpts = { };\r\n\r\n if(fullScreen)\r\n screenOpts.fullScreen = true;\r\n else{\r\n screenOpts.width = 850;\r\n screenOpts.height = 430;\r\n } \r\n\r\n return (\r\n <div> \r\n <Popup\r\n title={`Cliente`}\r\n {...screenOpts}\r\n onHiding={onHiding}\r\n onShowing={onShowing}\r\n visible={open}\r\n showCloseButton={true}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <Form formData={cliente} ref={refForm} colCount={2}>\r\n <SimpleItem dataField=\"isCompany\" colSpan={2} editorType='dxSwitch' editorOptions={{...editorOptionsSwitch, onValueChanged: e => setcliente({ ...cliente, isCompany: e.value, typeId: e.value ? cliente.typeId : null })}}>\r\n <Label text=\"Es Empresa ?\" /> \r\n </SimpleItem>\r\n <SimpleItem dataField=\"identification\">\r\n <Label text={cliente.isCompany ? 'RUC':'Identificación'} />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"typeId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: !cliente.isCompany,\r\n dataSource: createStoreLocal({ name: 'clientType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setcliente({ ...cliente, typeId: e.value, })\r\n }} >\r\n <Label text=\"Tipo\" />\r\n { cliente.isCompany == true && <RequiredRule message=\"Este campo es requerido\" />}\r\n </SimpleItem> \r\n <SimpleItem dataField=\"name\" colSpan={1}>\r\n <Label text={ cliente.isCompany ? 'Comercio':'Nombre' } />\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n <StringLengthRule max={100} message=\"Maximo 100 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"lastName\">\r\n <Label text={ cliente.isCompany ? 'Contacto':'Apellidos'} />\r\n { cliente.isCompany == false && <RequiredRule message=\"Este campo es requerido\" />}\r\n <StringLengthRule max={100} message=\"Maximo 100 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"birthdate\" editorType='dxDateBox' editorOptions={{\r\n disabled: cliente.isCompany,\r\n openOnFieldClick:true\r\n }}>\r\n <Label text=\"Fecha de Nac\" />\r\n </SimpleItem> \r\n \r\n <SimpleItem dataField=\"phoneNumber\" editorOptions={{...editorOptsTextBoxPhone}}>\r\n <Label text=\"Telefono\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"phoneNumberWork\" editorOptions={editorOptsTextBoxPhone}>\r\n <Label text=\"Telefono Trabajo\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"cellNumber\" editorOptions={editorOptsTextBoxPhone}>\r\n <Label text=\"Celular\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"email\">\r\n <Label text=\"Correo\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"address\">\r\n <Label text=\"Dirección\" />\r\n <StringLengthRule max={250} message=\"Maximo 250 caracteres\" />\r\n </SimpleItem>\r\n \r\n </Form>\r\n <br />\r\n <Button\r\n width={180}\r\n text={saving.text} \r\n disabled={saving.loading}\r\n type=\"default\"\r\n icon='save'\r\n onClick={guardarCliente}\r\n />\r\n <br />\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NuevoClient;\r\n","import React from \"react\";\r\nimport useApi from \"./useApi\";\r\nimport uri from \"../utils/uri\";\r\n\r\n\r\nconst useClients = ({reload=0}) => { \r\n \r\n const { data: clients, isLoading } = useApi({ url: uri.clients.base+'/catalogo?reload='+reload }); \r\n \r\n return {\r\n clients, \r\n isLoading\r\n }\r\n}\r\n\r\nexport default useClients;","import { CLIENT_DETAIL } from \"../consts\";\r\n\r\nconst stateInit = {clientId: 0};\r\n\r\n\r\nexport const clientDetailAction = ({clientId}) => ({\r\n type: CLIENT_DETAIL,\r\n payload : {clientId}\r\n});\r\n\r\nexport default function clientDetailReducer(state = stateInit, { type, payload }) {\r\n\r\n const actions = {\r\n [CLIENT_DETAIL] : () => {\r\n return {...stateInit,...payload}\r\n }\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useEffect, useState, useRef, useCallback, useMemo } from 'react';\r\nimport { Popup, ToolbarItem } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { billDialogAction } from '../../store/bill/billDialogReducer';\r\nimport { createCustomStore, createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate, resources } from '../../data/app';\r\nimport { DataGrid, Button, TextBox, ScrollView, SelectBox } from 'devextreme-react';\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem, SearchPanel } from 'devextreme-react/data-grid';\r\nimport { cellRender, formatId, formatToMoney, toMoney } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, defaultLabels } from '../../data/defaultObjects';\r\nimport { paymentType, preBillType } from '../../data/enums';\r\nimport ProductDDBComponent from '../../components/dropdown/ProductDDBComponent';\r\nimport useProducts from '../../hooks/useProducts';\r\nimport uri from '../../utils/uri';\r\nimport Resumen from '../../components/form/Resumen';\r\nimport ClientInfo from '../clients/ClientInfo';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport NuevoClient from '../clients/NuevoClient';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport useClients from '../../hooks/useClients';\r\nimport { clientDetailAction } from '../../store/clientDetail/clientDetailReducer';\r\nimport { clientDialogAction } from '../../store/client/clientDialogReducer';\r\nimport urlReport from '../../services/reportServices';\r\nimport DataSource from 'devextreme/data/data_source';\r\n\r\n\r\nconst Nuevo = props => {\r\n\r\n const [ _, canChangeCreditDays ] = useAuthorization( resources.cambiarDiasCredito );\r\n const { action, typeId } = props;\r\n\r\n const { billDialog: { open, id, clientId }, user, } = useSelector(store => store);\r\n const [resumenData, setResumenData] = useState([]);\r\n const billDefaultCustom = { ...billDefault, clientId: clientId, preBillTypeId: typeId, paymentTypeId: 2 };\r\n\r\n const [ reload, setReload ] = useState(0);\r\n const [ loading, setLoading ] = useState(false);\r\n const [ editing, setEditing ] = useState(false);\r\n const [ fullScreen, setFullScreen ] = useState(false);\r\n\r\n const { products, setProducts } = useProducts({ areaId: user.areaId, exists: true, reload });\r\n const [bill, setBill] = useState({ ...billDefaultCustom });\r\n const [saving, setSaving] = useState(false);\r\n const [currentCreditDays, setCurrentCreditDays] = useState(0);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n let textBoxRef = useRef();\r\n let refSelect = useRef(); \r\n\r\n useEffect(() => { \r\n\r\n if (id > 0) {\r\n setLoading(true);\r\n http(uri.products.getByArea(user.areaId)).asGet().then(data => {\r\n setProducts(data);\r\n\r\n http(uri.prebills.getById(id)).asGet().then(resp => {\r\n\r\n resp.preBillDetails.forEach(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n detail['stock'] = info.stock;\r\n detail['product'] = null;\r\n\r\n });\r\n\r\n setBill(_bill =>({ ..._bill, ...resp }));\r\n setResumenData([...resp.preBillDetails]);\r\n setEditing(false);\r\n setLoading(false);\r\n })\r\n\r\n });\r\n\r\n } else {\r\n\r\n setLoading(true);\r\n setBill({ ...billDefaultCustom, preBillDetails: [] });\r\n setResumenData([]); \r\n setEditing(true); \r\n setLoading(false); \r\n\r\n }\r\n\r\n if(open)\r\n window.addEventListener(\"beforeunload\", alertUser);\r\n \r\n return () => {\r\n if(open)\r\n window.removeEventListener(\"beforeunload\", alertUser);\r\n };\r\n\r\n }, [open]);\r\n\r\n const alertUser = (e) => {\r\n e.preventDefault();\r\n e.returnValue = \"\";\r\n alert('saliendo');\r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Agregar producto',\r\n icon: 'plus',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n disabled: !editing && !currentIsCotizazion,\r\n onClick: () => refGrid.current.instance.addRow()\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'refresh',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => setReload(Math.random())\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'check',\r\n type: 'revert',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.cancelEditData(); \r\n \r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'revert',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.cancelEditData(); \r\n \r\n }\r\n }\r\n }\r\n );\r\n } \r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n setReload(Math.random());\r\n\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const convertFactura = (print) => {\r\n\r\n let result = confirm(\"<i>Esta seguro de convertir a factura la preventa: <b>\"+formatId(id)+\"</b>?</i>\", \"Confirmar\");\r\n result.then((dialogResult) => {\r\n\r\n if (dialogResult){\r\n\r\n setSaving(true);\r\n \r\n http(`${uri.prebills.base}/${id}/convertToBill`).asGet().then(resp => {\r\n \r\n notify(`Se ha creado la factura correctamente correctamente`);\r\n if(print)\r\n {\r\n const report = urlReport();\r\n report.print(`${report.billTicket(resp.billId)}`);\r\n }\r\n closeDialog(true); \r\n setSaving(false);\r\n \r\n \r\n }).catch(err => { \r\n notify(err, 'error', 5000);\r\n setSaving(false);\r\n });\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n\r\n const guardarAsCotizacion = () => {\r\n guardarFactura({ preBillTypeId: preBillType.cotizacion });\r\n }\r\n\r\n const guardarFactura = ({ preBillTypeId = null }) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n let data = { ...bill };\r\n\r\n if(preBillTypeId)\r\n data.preBillTypeId = preBillTypeId;\r\n\r\n http(uri.prebills.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify(`${action} registrada correctamente`);\r\n setReload(Math.random());\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 6000);\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['discount'] = 0;\r\n newData['discountUnit'] = 0;\r\n newData['discountPercent'] = 0;\r\n !currentRowData['quantity'] && (newData['quantity'] = 1);\r\n !currentRowData['total'] && (newData['total'] = info.price);\r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n const stock = currentRowData['stock'] + value;\r\n if(value > stock && isPreventa){\r\n newData['quantity'] = currentRowData['stock'];\r\n newData['total'] = currentRowData['customPrice'] * currentRowData['stock'];\r\n notify(stock + \" máximo stock disponible\", \"error\", 5000);\r\n }else{\r\n newData['total'] = currentRowData['customPrice'] * value;\r\n }\r\n }\r\n\r\n if (prop == 'customPrice' && (+value) >= 0) {\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n if (prop == 'discountUnit' && (+value) >= 0) {\r\n newData['discount'] = value * currentRowData['quantity'];\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - newData['discount'];\r\n newData['discountPercent'] = parseFloat((newData['discount'] * 100) / (currentRowData['quantity'] * currentRowData['customPrice'])).toFixed(6);\r\n }\r\n\r\n if (prop == 'discount' && (+value) >= 0) {\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - value;\r\n newData['discountPercent'] = parseFloat((value * 100) / (currentRowData['quantity'] * currentRowData['customPrice'])).toFixed(6);\r\n newData['discountUnit'] = parseFloat(value / currentRowData['quantity']).toFixed(6);\r\n }\r\n\r\n if (prop == 'discountPercent' && (+value) >= 0) {\r\n newData['discount'] = parseFloat((currentRowData['quantity'] * currentRowData['customPrice']) * (value / 100)).toFixed(6);\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - newData['discount'];\r\n newData['discountUnit'] = parseFloat(newData['discount'] / currentRowData['quantity']).toFixed(6);\r\n \r\n }\r\n\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['quantity', 'quantityRequest']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n e.cellElement.classList.add('quantity-text');\r\n if (e.column.dataField == 'customPrice')\r\n e.cellElement.classList.add('customPrice-text');\r\n\r\n }\r\n\r\n }\r\n\r\n const onRowInserted = e => {\r\n setResumenData([...bill.preBillDetails])\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const init = \"\"; \r\n\r\n\r\n const reloadClient = clientId => {\r\n setBill(_bill => ({ ..._bill, clientId: clientId }));\r\n }\r\n\r\n const onRowInserting = (e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const existsProduct = bill.preBillDetails.find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n }\r\n\r\n const paymentTypeIdChanged = (e) => {\r\n\r\n setBill(_bill => ({ \r\n ..._bill, paymentTypeId: e.value, \r\n paymentMethodId: e.value == paymentType.credito ? null : '', \r\n bankId: e.value == paymentType.credito ? null : '', \r\n reference:'', \r\n creditDays: e.value == paymentType.contado ? 0 : currentCreditDays,\r\n }))\r\n }\r\n\r\n const clientIdChanged = e => {\r\n\r\n const client = e.component.option('items')\r\n .find(x => x.id == e.value);\r\n\r\n let creditDays = 0;\r\n\r\n if(client)\r\n creditDays = client.creditDays; \r\n \r\n dispatch(clientDetailAction( {clientId:e.value}));\r\n setCurrentCreditDays(creditDays);\r\n setBill(_bill => ({ ..._bill, clientId: e.value, creditDays: creditDays }));\r\n\r\n }\r\n\r\n const buttonOptions2 = {\r\n icon: 'edit',\r\n onClick: e => setEditing(!editing),\r\n };\r\n\r\n const buttonOptions = {\r\n text: 'Crear Cliente',\r\n icon: 'user',\r\n onClick: function(e) { \r\n dispatch(clientDialogAction({ open: true }));\r\n }\r\n };\r\n\r\n const buttonFSOptions = {\r\n text: '',\r\n icon: 'fullscreen',\r\n onClick: function(e) { \r\n setFullScreen(!fullScreen);\r\n }\r\n };\r\n\r\n const ds = useMemo(() =>new DataSource({\r\n key: 'productId',\r\n store: bill.preBillDetails,\r\n // ...\r\n }));\r\n\r\n\r\n const addProductById = ( id, _info=null ) => {\r\n\r\n if (!id) return;\r\n\r\n const items = ds.items();\r\n\r\n const existsProduct = items.find(x => x.productId == id);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n return\r\n }\r\n\r\n let info = _info == null ? products.find(x => x.id == id) : _info;\r\n\r\n if(info.stock <= 0)\r\n return notify('No hay stock disponible', 'error', 5000);\r\n\r\n let newData = {}; \r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.price; \r\n newData['discount'] = 0;\r\n newData['discountUnit'] = 0;\r\n newData['discountPercent'] = 0;\r\n newData['productId'] = info.id; \r\n\r\n ds.store().insert(newData).then(() => {\r\n ds.reload().then(() => {\r\n refGrid.current.instance.editCell(bill.preBillDetails.length - 1, 'quantity');\r\n });\r\n });\r\n\r\n //setBill(_bill => ({ ..._bill, billDetails: [...newDetail],}));\r\n\r\n }\r\n\r\n const dataSourceProduct = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n \r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n \r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue;\r\n\r\n params.exists = true;\r\n params.active=false; \r\n params.has=false;\r\n params.onlyProducts= false;\r\n \r\n return http(uri.products.getByArea(user.areaId)+'/grid')\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(uri.products.getById(id)).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n const setFocus = () => {\r\n setTimeout(() => {\r\n refSelect.current.instance.focus(); \r\n }, 300);\r\n }\r\n\r\n const onEditCanceled = (e) => {\r\n setFocus()\r\n }\r\n\r\n const keyDown = (e) => {\r\n if(e.event.key == 'Enter')\r\n setFocus()\r\n }\r\n\r\n const itemRender = (data) => {\r\n\r\n const isZero = data.stock <= 0;\r\n\r\n const cssZero = isZero ? 'product-stock zero-stock' : 'product-stock';\r\n\r\n return <div className=\"d-flex space-between\">\r\n <div>\r\n <div className=\"product-name\"><b>{data.internalCode}</b>-{data.name}</div>\r\n <div className=\"product-desciption\"><small className='text-muted'>Categoria: </small>{data.family} <small className='text-muted'>Marca: </small>{data.presentation}</div>\r\n </div> \r\n <div className=\"text-right\">\r\n <div className=\"product-price\">{formatToMoney(data.price)}</div>\r\n <div className={cssZero}><small className='text-muted'>Disponible:</small> {data.stock}/{data.disponible}</div>\r\n </div> \r\n </div>\r\n }\r\n\r\n\r\n const isPreventa = typeId == preBillType.preventa;\r\n\r\n const currentIsPreventa = bill.preBillTypeId == preBillType.preventa;\r\n\r\n const currentIsCotizazion = bill.preBillTypeId == preBillType.cotizacion;\r\n \r\n return (\r\n <div>\r\n <NuevoClient onCreate={reloadClient} />\r\n <Popup\r\n height={'100vh'}\r\n width={'90vw'}\r\n title={isNew ? `Nueva ${action}` : `Ver ${action} ${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n fullScreen={fullScreen}\r\n id='bill-panel'\r\n >\r\n <LoadPanel\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n position={{ of: '#bill-panel' }}\r\n visible={loading}\r\n showIndicator={loading}\r\n shading={true}\r\n showPane={true}\r\n />\r\n <ToolbarItem\r\n widget=\"dxButton\" \r\n location=\"after\"\r\n visible={!isNew && currentIsPreventa} \r\n options={buttonOptions2}>\r\n\r\n </ToolbarItem>\r\n <ToolbarItem\r\n widget=\"dxButton\"\r\n location=\"after\"\r\n options={buttonOptions}>\r\n </ToolbarItem>\r\n <ToolbarItem\r\n widget=\"dxButton\"\r\n location=\"after\"\r\n options={buttonFSOptions}>\r\n </ToolbarItem>\r\n <ScrollView showScrollbar='never' > \r\n <Form formData={bill} ref={refForm} readOnly={!editing && !currentIsCotizazion}>\r\n <GroupItem colCount={4}>\r\n <GroupItem colSpan={4}>\r\n <GroupItem colCount={6}>\r\n\r\n <SimpleItem dataField=\"date\" colSpan={2} editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: formatDate,\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentTypeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'billPaymentType' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false, \r\n onValueChanged: paymentTypeIdChanged \r\n }} >\r\n <Label text=\"Tipo pago\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"codigo\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ placeholder: 'Talonario', showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"clientId\" colSpan={4} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createCustomStore({ url: uri.clients.base+'/catalogo?reload='+reload, active: true })(),\r\n valueExpr:\"id\",\r\n displayExpr: item => item ? `${item.id} - ${item.name}` : '',\r\n searchEnabled: true,\r\n showClearButton:true,\r\n searchExpr: [\"name\"],\r\n onValueChanged: clientIdChanged\r\n }} >\r\n <Label text=\"Cliente\" />\r\n <RequiredRule message=\"Seleccione el cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"creditDays\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n disabled: !canChangeCreditDays,\r\n onValueChanged: e => setBill(_bill => ({ ..._bill, creditDays: e.value, })),\r\n }} >\r\n <Label text=\"Dias crédito\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem> \r\n <SimpleItem colSpan={6} >\r\n <ClientInfo user={bill.createBy} />\r\n </SimpleItem> \r\n <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'billPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill => ({ ..._bill, paymentMethodId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill => ({ ..._bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true, disabled: bill.paymentTypeId == paymentType.credito, }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n\r\n </GroupItem>\r\n </GroupItem>\r\n\r\n </GroupItem>\r\n <GroupItem colCount={4}>\r\n <SimpleItem colSpan={2}>\r\n <SelectBox\r\n ref={refSelect}\r\n dataSource={dataSourceProduct()} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n searchEnabled={true} \r\n disabled={!editing && !currentIsCotizazion}\r\n searchMode=\"contains\" searchExpr={['name','internalCode']} \r\n searchTimeout={600} \r\n placeholder=\"Selecione una producto\" \r\n showClearButton={true} \r\n itemRender={itemRender} \r\n onValueChanged={e => {\r\n\r\n addProductById(e.value);\r\n e.component.reset();\r\n e.component.focus(); \r\n\r\n }} />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={ds}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={270}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowInserted={onRowInserted}\r\n onRowRemoved={onRowInserted}\r\n onRowUpdated={onRowInserted}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserting={onRowInserting}\r\n onEditCanceled={onEditCanceled} \r\n onKeyDown={keyDown}\r\n >\r\n <SearchPanel visible={true} />\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={true} {...props} validateQuantity={isPreventa} />}\r\n >\r\n \r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80}\r\n setCellValue={setCellValue.bind(null, \"quantity\")}\r\n >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"stock\" caption=\"Disponible\" dataType=\"number\" width={90} allowEditing={false}>\r\n </Column>\r\n <Column visible={false} dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"customPrice\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"customPrice\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discountUnit\" caption=\"Desc Uni\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discountUnit\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discountPercent\" caption=\"Desc %\" dataType=\"number\" width={80}\r\n setCellValue={setCellValue.bind(null, \"discountPercent\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discount\" caption=\"Desc\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discount\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column> \r\n <Summary>\r\n <TotalItem column=\"productId\" summaryType=\"count\" />\r\n <TotalItem column=\"discount\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={toMoney} />\r\n </Summary> \r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={editing || currentIsCotizazion}\r\n allowUpdating={editing || currentIsCotizazion}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n <GroupItem colCount={6}>\r\n <SimpleItem colSpan={4} dataField=\"observation\" editorType=\"dxTextBox\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem colSpan={2} dataField=\"codeAuth\" editorType=\"dxTextBox\">\r\n <Label text=\"Código Autorización\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n </Form>\r\n <br />\r\n <div className='flex-v'>\r\n {bill.active == false && <label className=\"text-danger pa-canceled\">Registro Anulado</label>}\r\n {\r\n !isPreventa && <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar ${action}`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving }\r\n onClick={guardarFactura}\r\n />\r\n }{\r\n currentIsPreventa && <>\r\n <div className=\"flex-end\">\r\n\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Convertir a factura`}\r\n type=\"default\"\r\n icon='save'\r\n visible={!isNew && isPreventa }\r\n disabled={saving || editing || bill.active == false}\r\n onClick={() => convertFactura()}\r\n />\r\n <Button\r\n className=\"mt-10 ml-10\"\r\n text={saving ? 'Guardando...' : `Convertir a factura e Imprimiir`}\r\n type=\"default\"\r\n icon='save'\r\n visible={!isNew && isPreventa }\r\n disabled={saving || editing || bill.active == false}\r\n onClick={() => convertFactura(true)}\r\n />\r\n </div>\r\n <div className=\"flex-end\">\r\n <Button\r\n className=\"mt-10 ml-10\"\r\n text={saving ? 'Guardando...' : `Guardar como cotización`}\r\n type=\"primary\"\r\n icon='save'\r\n visible={isNew}\r\n disabled={saving || !editing || bill.active == false}\r\n onClick={e => guardarAsCotizacion()}\r\n />\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar ${action}`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving || !editing || bill.active == false}\r\n onClick={guardarFactura}\r\n />\r\n \r\n </div>\r\n </>\r\n }\r\n \r\n </div>\r\n </ScrollView>\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React, { useRef, useState } from 'react';\r\nimport { DataGrid, Popup } from 'devextreme-react';\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n Export\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport { store } from '../../services/store';\r\nimport * as NuevoReceipt from '../../components/bill/Nuevo';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { dataAccess, formatDate, formatDateTime, resources } from '../../data/app';\r\nimport { cellAsPayoff, cellRender, dataFormatId, } from '../../utils/common';\r\nimport urlReport from '../../services/reportServices';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { billDialogAction } from '../../store/bill/billDialogReducer';\r\nimport Nuevo from './Nuevo';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport uri from '../../utils/uri';\r\nimport ReceiptByBillId from '../receipts/ReceiptByBillId';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { preBillType } from '../../data/enums';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\n\r\nconst PreBills = props => {\r\n\r\n const { clientId = 0, title='',action='', typeId=0, initStates, ...rest } = props;\r\n\r\n const [ authorized ] = useAuthorization( resources.cotizacion );\r\n const [ setDataDialog] = useState({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n const [states, setStates] = useState([...initStates]);\r\n const [statesActive, setStatesActive] = useState(1);\r\n\r\n const dispatch = useDispatch();\r\n let refGrid = useRef();\r\n\r\n const printReport = ({ row }) => {\r\n\r\n console.log(row);\r\n\r\n const { id } = row.data;\r\n const report = urlReport();\r\n report.print(`${report.preBillTicket(id)}`);\r\n\r\n }\r\n\r\n const addMenuItems = (e) => {\r\n\r\n if (e.target == \"content\") {\r\n \r\n if (!e.items) e.items = [];\r\n \r\n if (e.rowIndex >= 0){\r\n\r\n e.items.push({\r\n \r\n text: `Ver ${action}`,\r\n icon: 'find',\r\n onItemClick: () => {\r\n showDialog(e.row.data.id); \r\n }\r\n\r\n },{\r\n\r\n text: `Imprimir ${action}`,\r\n icon: 'print',\r\n onItemClick: () => {\r\n printReport(e);\r\n }\r\n }); \r\n\r\n e.items.push({\r\n\r\n text: `Anular ${action}`,\r\n icon: 'remove',\r\n onItemClick: () => refGrid.current.instance.deleteRow(e.rowIndex),\r\n color: 'red'\r\n\r\n }); \r\n \r\n }\r\n\r\n }\r\n }\r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active)\r\n e.rowElement.classList.add('no-activo');\r\n else{\r\n if (e.data.preBillTypeId == preBillType.facturacion)\r\n e.rowElement.classList.add('converted');\r\n \r\n }\r\n\r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => refGrid.current.instance.exportToExcel(false)\r\n }\r\n },{\r\n location: 'after',\r\n widget: 'dxTagBox',\r\n options: {\r\n width: 420,\r\n placeholder: 'Filtrar por Tipo',\r\n dataSource : e.component.columnOption('preBillTypeId').lookup.dataSource,\r\n valueExpr:'id', \r\n displayExpr:'name',\r\n value: states,\r\n showClearButton:true,\r\n multiline:false,\r\n hideSelectedItems:true,\r\n onValueChanged: (e) => {\r\n setStates(e.value);\r\n }\r\n\r\n }\r\n },{\r\n location: 'after',\r\n widget: 'dxSelectBox',\r\n options: {\r\n width: 200,\r\n placeholder: 'Seleccionar',\r\n dataSource : [{ id: 0, name: 'Todas' }, { id: 1, name: 'Activas' }, { id: 2, name: 'Inactivas' }],\r\n valueExpr:'id', \r\n displayExpr:'name',\r\n value: statesActive,\r\n showClearButton:true,\r\n onValueChanged: (e) => {\r\n setStatesActive(e.value);\r\n if(e.value == 1)\r\n refGrid.current.instance.filter(['active', '=', true]);\r\n else if(e.value == 2)\r\n refGrid.current.instance.filter(['active', '=', false]);\r\n else\r\n refGrid.current.instance.clearFilter();\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n }\r\n\r\n }\r\n\r\n const showDialog = (id) => dispatch(billDialogAction({ open: true, id }))\r\n\r\n const onSave = (e) => refGrid.current.instance.refresh(); \r\n\r\n const close = e => {\r\n setDataDialog({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n }\r\n\r\n const changePreBill = ({ title, action, id }) => {\r\n\r\n let result = confirm(\"<i>Esta seguro de \"+title+\"?</i>\", title);\r\n result.then((dialogResult) => {\r\n\r\n if (dialogResult){\r\n \r\n http(`${uri.prebills.base}/${id}/${action}`).asGet().then(resp => {\r\n \r\n notify(`Acción ${title} realizada correctamente`);\r\n refGrid.current.instance.refresh(); \r\n \r\n }).catch(err => {\r\n \r\n notify(err, 'error', 5000);\r\n });\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n const revert = ({ row }) => {\r\n\r\n const { id } = row.data;\r\n changePreBill({ title: 'Revertir a cotización', action: 'revert', id });\r\n\r\n } \r\n\r\n const convert = ({ row }) => {\r\n\r\n const { id } = row.data;\r\n changePreBill({ title: 'Convertir a preventa', action: 'convert', id }); \r\n\r\n }\r\n\r\n const cellRenderDelivery = (cellData) => {\r\n\r\n const { isDeliveried, billId } = cellData.data;\r\n\r\n let deliveriedClassName = 'not-deliveried';\r\n if(isDeliveried)\r\n deliveriedClassName = 'is-deliveried';\r\n \r\n return (\r\n <div>\r\n <div className=\"current-value\">\r\n <span className={deliveriedClassName}> {billId == null ? '--' : isDeliveried ? 'Entregado': 'Sin entrega'} </span>\r\n </div> \r\n </div>\r\n );\r\n };\r\n\r\n //let extraParameter = [['preBillTypeId', typeId]];\r\n let extraParameter =[['preBillTypeId', states]];\r\n\r\n if (clientId > 0)\r\n extraParameter.push(['clientId', clientId]);\r\n\r\n const active = statesActive == 1 ? true : statesActive == 2 ? false : null;\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...rest}>\r\n <CustomButton\r\n type=\"default\"\r\n text={`Nueva ${action}`}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n /> \r\n </BlockHeader> \r\n <Nuevo onSave={onSave} { ...props } />\r\n <DataGrid id=\"gridContainer\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.prebills, remoteOperations: true, extraParameter })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onContextMenuPreparing={addMenuItems}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <Export enabled={false} fileName={title} />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid visible={typeId == preBillType.cotizacion} name=\"convert\" icon=\"refresh\" onClick={convert} hint={'Convertir a preventa'}/>\r\n <ButtonGrid visible={typeId == preBillType.preventa} name=\"revert\" icon=\"revert\" onClick={revert} hint={'Revertir a cotización'}/>\r\n </Column>\r\n <Column dataField=\"id\" caption=\"Id\" width={80} cellRender={dataFormatId} />\r\n <Column dataField=\"billId\" caption=\"Factura\" width={80} cellRender={dataFormatId} />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={110} />\r\n <Column dataField=\"nombre\" caption=\"Cliente\" minWidth={200} visible={clientId == 0} allowHeaderFiltering={false} />\r\n <Column dataField=\"paymentTypeId\" width={80} caption=\"Tipo\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'billPaymentType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"preBillTypeId\" width={110} caption=\"Documento\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'preBillType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"total\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"active\" width={100} caption=\"Activa\" filterValue={active} />\r\n <Column dataField=\"createBy\" caption='Vendedor' width={100} />\r\n <Column dataField=\"isDeliveriede\" width={100} caption=\"Entregado\" cellRender={cellRenderDelivery} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180} visible={false} />\r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={printReport}/>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default PreBills;\r\n","import React from 'react';\r\nimport PreBills from './PreBills';\r\nimport { preBillType } from '../../data/enums';\r\n\r\nconst Cotizaciones = (props) => {\r\n\r\n const title = \"Cotizaciones\";\r\n const action = \"Cotización\";\r\n const typeId = preBillType.cotizacion;\r\n const initStates = [1];\r\n\r\n return (\r\n <PreBills title={title} action={action} typeId={typeId} initStates={initStates} {...props}/>\r\n );\r\n}\r\n\r\nexport default Cotizaciones;\r\n","import React from 'react';\r\nimport PreBills from './PreBills';\r\nimport { preBillType } from '../../data/enums';\r\n\r\nconst PreVentas = (props) => {\r\n\r\n const title = \"Pre-Ventas\";\r\n const action = \"Pre-Venta\";\r\n const typeId = preBillType.preventa;\r\n const initStates = [2,3];\r\n\r\n return (\r\n <PreBills title={title} action={action} typeId={typeId} initStates={initStates} {...props}/>\r\n );\r\n\r\n}\r\n\r\nexport default PreVentas;\r\n","import { dialogDefault, DIALOG_PROVIDER } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const providerDialogAction = ({ open = false, id = 0, providerId = 0 }) => ({\r\n type: DIALOG_PROVIDER,\r\n payload : { open, id, providerId }\r\n});\r\n\r\nexport default function providerDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_PROVIDER] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useRef, useState } from 'react';\r\nimport { Popup } from 'devextreme-react';\r\nimport Form, { SimpleItem, Label, StringLengthRule, RequiredRule } from 'devextreme-react/form';\r\nimport { Button } from 'devextreme-react/button';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport http from '../../utils/http';\r\nimport uri from '../../utils/uri';\r\nimport { defaultProvider } from '../../data/defaultObjects';\r\nimport { editorOptionsSwitch } from '../../data/app';\r\nimport { providerDialogAction } from '../../store/provider/providerDialogReducer';\r\n\r\nconst NuevoProvider = (props) => {\r\n\r\n const { fullScreen } = props;\r\n\r\n const dispatch = useDispatch();\r\n \r\n const { providerDialog: { open } } = useSelector(store => store);\r\n\r\n const [provider, setProvider] = useState({ ...defaultProvider }); \r\n const [saving, setSaving] = useState({\r\n loading : false,\r\n text : 'Guardar'\r\n });\r\n\r\n const closeDialog = (load, providerId) => {\r\n\r\n dispatch(providerDialogAction({ id: 0, providerId: 0, open: false }));\r\n\r\n if(load)\r\n if(props.onCreate)\r\n props.onCreate(providerId);\r\n\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n closeDialog(load, 0);\r\n \r\n }\r\n\r\n\r\n const onShowing = (e) => {\r\n setProvider({ ...defaultProvider });\r\n }\r\n\r\n const refForm = useRef();\r\n\r\n const guardarProveedor = (params) => {\r\n\r\n let result = refForm.current.instance.validate(); \r\n\r\n if (result.isValid) {\r\n\r\n setSaving({loading : true, text:'Guardando...'});\r\n \r\n http(uri.providers.insert).asPost(provider).then(resp => {\r\n\r\n notify('Datos guardados correctamente');\r\n setSaving({loading : false, text:'Guardar'}); \r\n closeDialog(true, resp.id);\r\n\r\n }).catch(err => {\r\n\r\n setSaving({loading : false, text:'Guardar'});\r\n notify(err, 'error');\r\n\r\n });\r\n\r\n }\r\n }\r\n\r\n const screenOpts = { };\r\n\r\n if(fullScreen)\r\n screenOpts.fullScreen = true;\r\n else{\r\n screenOpts.width = 700;\r\n screenOpts.height = 430;\r\n } \r\n\r\n return (\r\n <div> \r\n <Popup\r\n title={`Proveedor`}\r\n {...screenOpts}\r\n onHiding={onHiding}\r\n onShowing={onShowing}\r\n visible={open}\r\n showCloseButton={true}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <Form formData={provider} ref={refForm} colCount={2}> \r\n <SimpleItem dataField=\"name\" colSpan={2}>\r\n <Label text={'Nombre'} />\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"ruc\">\r\n <Label text={'RUC'} />\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n <StringLengthRule max={20} message=\"Maximo 20 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"property\">\r\n <Label text={'Propietario'} />\r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"phoneNumber\">\r\n <Label text={'Teléfono'} />\r\n <RequiredRule message=\"Este campo es requerido\" />\r\n <StringLengthRule max={20} message=\"Maximo 20 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"email\">\r\n <Label text={'Correo'} /> \r\n <StringLengthRule max={50} message=\"Maximo 50 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"address\" colSpan={2}>\r\n <Label text=\"Dirección\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={2}>\r\n <Label text=\"Nota\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"active\" editorType=\"dxSwitch\" editorOptions={{...editorOptionsSwitch}}>\r\n <Label text=\"Active\" />\r\n </SimpleItem> \r\n </Form>\r\n <br />\r\n <Button\r\n width={180}\r\n text={saving.text} \r\n disabled={saving.loading}\r\n type=\"default\"\r\n icon='save'\r\n onClick={guardarProveedor}\r\n />\r\n <br />\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NuevoProvider;\r\n","import { dialogDefault, DIALOG_APPRULE } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const appRuleDialogAction = ({ open = false }) => ({\r\n type: DIALOG_APPRULE,\r\n payload : { open }\r\n});\r\n\r\nexport default function appRuleDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_APPRULE] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport { TextBox, Button as TextBoxButton } from 'devextreme-react/text-box';\r\nimport { Popup,Button } from 'devextreme-react';\r\nimport {\r\n Validator,\r\n CustomRule,\r\n StringLengthRule\r\n} from 'devextreme-react/validator';\r\nimport { calculateEvaluate } from '../../data/app';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { DivFormColumns } from '../../components/form/DivForm';\r\nimport { appRuleDialogAction } from '../../store/appRule/appRuleDialogReducer';\r\nimport http from '../../utils/http';\r\nimport { setAppInfo } from '../../store/app/appActions';\r\n\r\nconst AppInfo = () => { \r\n\r\n const [saving, setSaving] = useState({\r\n loading : false,\r\n text : 'Actualizar'\r\n });\r\n\r\n const dispatch = useDispatch();\r\n const { appInfo, appRuleDialog: { open } } = useSelector(store => store);\r\n\r\n const [app, setApp] = useState({...appInfo});\r\n const [textValuated, setTextValuated] = useState('');\r\n const [textValuatedLocal, setTextValuatedLocal] = useState(''); \r\n const [textValuatedPrice, setTextValuatedPrice] = useState('');\r\n\r\n useEffect(() => {\r\n setApp({...app, ...appInfo});\r\n }, [appInfo]);\r\n\r\n const costMock = 100; \r\n\r\n const evaluateRules = rule => {\r\n\r\n if(rule.value?.length > 0){\r\n\r\n const valSpaceless = rule.value.replace(/\\s/g, '');\r\n\r\n if(valSpaceless.startsWith('*') || valSpaceless.startsWith('+') || valSpaceless.startsWith('-') || valSpaceless.startsWith('/')){\r\n \r\n const result = calculateEvaluate(costMock, rule.value); \r\n \r\n if (result == null) return false;\r\n if (result == undefined) return false;\r\n if (isNaN(result)) return false;\r\n \r\n return true; \r\n \r\n }\r\n\r\n rule.rule.message = 'La formula debe iniciar con un operador matemático (*, +, -, /)';\r\n\r\n return false; \r\n\r\n }\r\n\r\n return true;\r\n\r\n }\r\n\r\n const setRule = propName => e => {\r\n\r\n const result = calculateEvaluate(costMock, e.value);\r\n const text = `Costo=${costMock}, Formula: ${costMock}${e.value}, Resultado del costo real: ${result}`\r\n\r\n setApp(app => ({ ...app, [propName]: e.value }));\r\n\r\n if (propName == 'ruleCalcuteNewPrice') \r\n setTextValuated(text);\r\n\r\n if (propName == 'ruleCalcuteNewPriceLocal')\r\n setTextValuatedLocal(text);\r\n \r\n\r\n }\r\n\r\n const closeDialog = () => {\r\n\r\n dispatch(appRuleDialogAction({ open: false }));\r\n\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n\r\n closeDialog();\r\n \r\n }\r\n\r\n \r\n const onFormSubmit = (e) => {\r\n\r\n e.preventDefault();\r\n\r\n setSaving({loading : true, text:'Guardando...'});\r\n http('about/set-info').asPost(app).then(resp => {\r\n\r\n notify('Datos actualizados');\r\n setSaving({loading : false, text:'Guardar'});\r\n dispatch(setAppInfo(app));\r\n \r\n }).catch(err => {\r\n\r\n notify(err, 'error');\r\n setSaving({loading : false, text:'Guardar'});\r\n\r\n });\r\n }\r\n \r\n const costButton = useMemo(\r\n () => ({\r\n text: 'Costo',\r\n stylingMode: 'text',\r\n onClick: () => 0,\r\n }),\r\n [],\r\n );\r\n\r\n const priceButton = useMemo(\r\n () => ({\r\n text: 'Precio',\r\n stylingMode: 'text',\r\n onClick: () => 0,\r\n }),\r\n [],\r\n );\r\n\r\n return (\r\n <Popup\r\n title={`Configuración del Compras`} \r\n onHiding={onHiding} \r\n visible={open}\r\n showCloseButton={true}\r\n className=\"bg-fbfbfb\"\r\n width={500}\r\n height={'95vh'}\r\n >\r\n <div className=\"\"> \r\n <form onSubmit={onFormSubmit}>\r\n <div className=\"\"> \r\n <DivFormColumns title='Fórmula para compras de importación'\r\n description=\"Defina la fórmula para el cálculo del precio en base al costo para las compras de importación\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 * 1.30'\r\n value={app.ruleCalcuteNewPrice}\r\n onValueChanged={setRule('ruleCalcuteNewPrice')}\r\n >\r\n <TextBoxButton\r\n name=\"ruleCalcuteNewPrice\"\r\n location=\"before\"\r\n options={costButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuated}</span>\r\n </div>\r\n </DivFormColumns>\r\n <DivFormColumns title='Fórmula para compras locales'\r\n description=\"Defina la fórmula para el cálculo del precio en base al costo para las compras locales\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 * 1.30'\r\n value={app.ruleCalcuteNewPriceLocal}\r\n onValueChanged={setRule('ruleCalcuteNewPriceLocal')}\r\n >\r\n <TextBoxButton\r\n name=\"ruleCalcuteNewPriceLocal\"\r\n location=\"before\"\r\n options={costButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuatedLocal}</span>\r\n </div> \r\n \r\n </DivFormColumns>\r\n <DivFormColumns title='Fórmula para el precio en las compras'\r\n description=\"Defina la fórmula para el cálculo del precio real en base al costo para las compras\"> \r\n <div>\r\n <TextBox \r\n placeholder=' * 1.15 '\r\n value={app.ruleProfitPrice}\r\n showClearButton={true}\r\n onValueChanged={e => {\r\n\r\n setApp(app => ({ ...app, ruleProfitPrice: e.value }));\r\n const result = calculateEvaluate(costMock, e.value);\r\n const text = `Costo Real=${costMock}, Formula: ${costMock}${e.value}, Resultado del precio: ${result}`\r\n setTextValuatedPrice(text);\r\n }}\r\n >\r\n <TextBoxButton\r\n name=\"ruleProfitPrice\"\r\n location=\"before\"\r\n options={priceButton}\r\n />\r\n <Validator>\r\n <StringLengthRule max={350} message=\"Maximo de caracteres permitidos 350\" />\r\n <CustomRule \r\n validationCallback={evaluateRules}\r\n message=\"Fórmula incorrecta, verifique los valores ingresados\"\r\n />\r\n </Validator>\r\n </TextBox>\r\n <span>{textValuatedPrice}</span>\r\n </div> \r\n \r\n </DivFormColumns>\r\n </div> \r\n <Button \r\n icon='save'\r\n text={saving.text} \r\n disabled={saving.loading}\r\n type=\"default\" \r\n useSubmitBehavior={true}>\r\n </Button> \r\n </form> \r\n \r\n </div>\r\n </Popup>\r\n \r\n );\r\n}\r\n\r\nexport default AppInfo;\r\n","import React, { useEffect, useState, useRef, useCallback, useMemo } from 'react';\r\nimport { Popup, ToolbarItem } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule, CustomRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport { calculateEvaluate, editorOptionsSelect } from '../../data/app';\r\nimport { DataGrid, ScrollView, SelectBox } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid ,Summary,TotalItem, SearchPanel} from 'devextreme-react/data-grid';\r\nimport ProductDDBComponent from '../../components/dropdown/ProductDDBComponent';\r\nimport uri from '../../utils/uri';\r\nimport { cellRender, formatId, formatToMoney, onCellPrepared } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport useProducts from '../../hooks/useProducts';\r\nimport ButtonForm from '../../components/buttons/ButtonForm';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { convert2, defaultLabels, purchaseDefault } from '../../data/defaultObjects';\r\nimport { dialogPurchase } from '../../store/inPutProductPurchase/purchaseDialogReducer';\r\nimport { purchaseSteps, purchaseTypes } from '../../data/enums';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport NuevoProvider from '../providers/NuevoProvider';\r\nimport Nuevo from '../products/Nuevo';\r\nimport { providerDialogAction } from '../../store/provider/providerDialogReducer';\r\nimport { appRuleDialogAction } from '../../store/appRule/appRuleDialogReducer';\r\nimport { dialogProduct } from '../../store/product/productDialogReducer';\r\nimport AppInfo from '../app/AppInfo';\r\nimport DataSource from 'devextreme/data/data_source';\r\n\r\nconst NewPurchase = props => {\r\n\r\n const active = true;\r\n\r\n const { purchaseDialog: { open, id }, user, appInfo } = useSelector(store => store);\r\n\r\n const [ reloadScreen, setReloadScreen] = useState(0);\r\n const [ reload, setReload] = useState(false);\r\n\r\n const { products, setProducts, refresh } = useProducts({ areaId: user.areaId, active, reload: reloadScreen });\r\n const [ purchase, setPurchase ] = useState({ ...purchaseDefault });\r\n const [ saving, setSaving ] = useState(false);\r\n const [ processing, setProcessing ] = useState(false);\r\n const [ loading, setLoading ] = useState(false);\r\n const [ details, setDetails ] = useState([]);\r\n const [ rate, setRate ] = useState(0);\r\n\r\n \r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n let refSelect = useRef(); \r\n\r\n useEffect(() => {\r\n\r\n if (id > 0) {\r\n setLoading(true);\r\n http(uri.compras.getById(id)).asGet().then(resp => {\r\n\r\n http(uri.products.getByArea(resp.areaId)).asGet().then(data => {\r\n\r\n setProducts(data);\r\n\r\n const { purchaseDetails, ...rest } = resp;\r\n\r\n purchaseDetails.map(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n\r\n return detail;\r\n })\r\n\r\n setPurchase({ ...purchaseDefault, ...rest });\r\n setDetails([...purchaseDetails]);\r\n\r\n setLoading(false);\r\n\r\n });\r\n\r\n });\r\n\r\n } else {\r\n setLoading(true);\r\n setPurchase({ ...purchaseDefault, areaId: user.areaId, rate });\r\n setDetails([]);\r\n setLoading(false);\r\n }\r\n\r\n if(open) refresh();\r\n\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n text: 'Agregar producto',\r\n icon:'add',\r\n disabled: purchase.purchaseTypeId == undefined,\r\n type:'default',\r\n onClick: () => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) \r\n refGrid.current.instance.addRow();\r\n\r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'check',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.saveEditData(); \r\n \r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'revert',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.cancelEditData(); \r\n \r\n }\r\n }\r\n });\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(dialogPurchase({ open: false, id: 0 }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n\r\n setPurchase({ ...purchaseDefault, areaId: user.areaId });\r\n setDetails([]);\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const validateAllRows = () => {\r\n\r\n let result = true;\r\n let i = 0;\r\n let items = ds.items();\r\n\r\n while (i < items.length) {\r\n\r\n let item = items[i];\r\n\r\n if (item.cost <= 0) {\r\n refGrid.current.instance.editCell(i, 'cost');\r\n result = false;\r\n break;\r\n }\r\n if (item.quantity <= 0) {\r\n refGrid.current.instance.editCell(i, 'quantity');\r\n result = false;\r\n break;\r\n }\r\n if (item.price <= 0) {\r\n refGrid.current.instance.editCell(i, 'price');\r\n result = false;\r\n break;\r\n }\r\n\r\n i++;\r\n }\r\n\r\n return result;\r\n\r\n }\r\n\r\n const guardarEntrada = (e, successCallback) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n if (validateAllRows()) {\r\n \r\n let result = confirm(\"<i>Esta seguro de guardar la orden compra?</i>\", \"Confirmar cambios\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n\r\n setSaving(true);\r\n let data = { ...purchase, purchaseDetails: [...details] };\r\n \r\n http(uri.compras.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n \r\n if (successCallback) {\r\n successCallback(data);\r\n }\r\n else {\r\n if (isNew) {\r\n notify('Compra registrada correctamente');\r\n closeDialog(true);\r\n }\r\n else {\r\n notify('Compra actualizada correctamente');\r\n }\r\n \r\n }\r\n \r\n \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 8000);\r\n });\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n const procesarCompra = (e) => {\r\n\r\n setProcessing(true);\r\n setSaving(true);\r\n guardarEntrada(e, (data) => {\r\n http(uri.compras.base + '/process').asPost(data).then(resp => {\r\n notify('Compra procesada en inventario correctamente');\r\n setProcessing(false);\r\n setSaving(false);\r\n closeDialog(true);\r\n }).catch(err => {\r\n setProcessing(false);\r\n setSaving(false);\r\n notify(err, 'error', 6000);\r\n });\r\n });\r\n\r\n }\r\n\r\n const getResult = (cost, ruleName) => {\r\n\r\n let rule = ''\r\n rule = appInfo[ruleName]; \r\n const resultCost = calculateEvaluate(cost, rule);\r\n\r\n return resultCost ?? 0;\r\n \r\n }\r\n\r\n const itemRender = (data) => {\r\n\r\n const isZero = data.stock <= 0;\r\n\r\n const cssZero = isZero ? 'product-stock zero-stock' : 'product-stock';\r\n\r\n return <div className=\"d-flex space-between\">\r\n <div>\r\n <div className=\"product-name\"><b>{data.internalCode}</b>-{data.name}</div>\r\n <div className=\"product-desciption\"><small className='text-muted'>Categoria: </small>{data.family} <small className='text-muted'>Marca: </small>{data.presentation}</div>\r\n </div> \r\n <div className=\"text-right\">\r\n <div className=\"product-price\"><span className='product--render-cost'>{formatToMoney(data.cost)}</span> | <span className='product--render-price'>{formatToMoney(data.price)}</span></div>\r\n <div className={cssZero}><small className='text-muted'>Disponible:</small> {data.stock}/{data.disponible}</div>\r\n </div> \r\n </div>\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n \r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['cost'] = 0;\r\n newData['realCost'] = info.cost;\r\n newData['price'] = 0;\r\n newData['oldPrice'] = info.price;\r\n newData['quantity'] = 1; \r\n newData['total'] = info.cost;\r\n\r\n if(purchase.currencyId == 1){\r\n if(rate > 0)\r\n newData['dolarCost'] = convert2(info.cost / rate);\r\n else\r\n newData['dolarCost'] = 0 \r\n } \r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n newData['total'] = currentRowData['realCost'] * value;\r\n \r\n if(purchase.currencyId == 1){\r\n if(rate > 0)\r\n newData['dolarCost'] = convert2(value / rate);\r\n else\r\n newData['dolarCost'] = 0; \r\n } \r\n \r\n }\r\n\r\n if (prop == 'cost' && (+value) >= 0) {\r\n\r\n const info = products.find(x => x.id == currentRowData.productId);\r\n \r\n newData['dolarCost'] = (rate > 0 ? convert2(value / rate) : 0); \r\n \r\n let realCost = 0;\r\n if(purchase.purchaseTypeId == purchaseTypes.nacional) \r\n realCost = getResult(value, 'ruleCalcuteNewPriceLocal'); \r\n \r\n if(purchase.purchaseTypeId == purchaseTypes.importacion)\r\n realCost = getResult(value, 'ruleCalcuteNewPrice');\r\n\r\n newData['realCost'] = realCost;\r\n newData['total'] = currentRowData['quantity'] * realCost;\r\n newData['price'] = getResult(info.price, 'ruleProfitPrice');\r\n\r\n }\r\n\r\n if (prop == 'dolarCost' && (+value) >= 0) { \r\n \r\n const info = products.find(x => x.id == currentRowData.productId);\r\n \r\n const newCost= value * rate;\r\n newData['cost'] = newCost; \r\n\r\n let realCost = 0;\r\n\r\n if(purchase.purchaseTypeId == purchaseTypes.nacional) \r\n realCost = getResult(newCost, 'ruleCalcuteNewPriceLocal'); \r\n \r\n if(purchase.purchaseTypeId == purchaseTypes.importacion) \r\n realCost = getResult(newCost, 'ruleCalcuteNewPrice'); \r\n \r\n \r\n newData['realCost'] = realCost;\r\n newData['total'] = currentRowData['quantity'] * realCost;\r\n newData['price'] = getResult(info.price, 'ruleProfitPrice');\r\n\r\n }\r\n\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const textSaving = 'Guardar Entrada';\r\n\r\n const canProcess = !isNew && purchase.stepId == purchaseSteps.pendiente;\r\n\r\n const canSave = isNew || purchase.stepId == purchaseSteps.pendiente;\r\n\r\n const buttonProveedor = {\r\n text: 'Nuevo proveedor',\r\n icon: 'user',\r\n onClick: function(e) { \r\n dispatch(providerDialogAction({ open: true }));\r\n }\r\n };\r\n\r\n const buttonProducts = {\r\n text: 'Nuevo producto',\r\n icon: 'box',\r\n onClick: function(e) { \r\n openDialog(0);\r\n }\r\n };\r\n\r\n const buttonRules = {\r\n text: 'Reglas de cálculo',\r\n icon: 'menu',\r\n onClick: function(e) { \r\n dispatch(appRuleDialogAction({ open: true }));\r\n }\r\n };\r\n\r\n const reloadProvider = providerId => {\r\n setPurchase(_purchase => ({ ..._purchase, providerId: providerId }));\r\n }\r\n\r\n useEffect(() => {\r\n \r\n if(purchase.date)\r\n http(uri.rates.base + '/GetByDate').asPost(purchase.date).then(resp => {\r\n\r\n const newRate = resp ? resp.value : 0;\r\n\r\n if(newRate != purchase.rate && newRate > 0){\r\n\r\n setPurchase(_purchase => ({ ..._purchase, rate: newRate }));\r\n setRate(newRate);\r\n\r\n }\r\n \r\n });\r\n \r\n }, [purchase.date]);\r\n\r\n const currencies = [{ id: 1, name: 'Córdobas' }, { id: 2, name: 'Dólares' }];\r\n\r\n const onRowInserting = (e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const existsProduct = details.find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n }\r\n\r\n const dataSourceProduct = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n \r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n \r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue;\r\n\r\n params.exists = true;\r\n params.active=false; \r\n params.has=false;\r\n params.onlyProducts= false;\r\n \r\n return http(uri.products.getByArea(user.areaId)+'/grid')\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => http(uri.products.getById(id)).asGet(),\r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n useEffect(() => {\r\n\r\n if(!refGrid.current)\r\n return;\r\n\r\n refGrid.current.instance.beginUpdate();\r\n \r\n let i = 0;\r\n const totalCount = refGrid.current.instance.totalCount()\r\n while(i < totalCount) {\r\n\r\n if(purchase.currencyId == 1) //Cordobas\r\n {\r\n let valueCordoba = refGrid.current.instance.cellValue(i, 'cost');\r\n let valueRound = convert2(valueCordoba / rate);\r\n refGrid.current.instance.cellValue(i, 'dolarCost', valueRound);\r\n }\r\n\r\n if(purchase.currencyId == 2) //Dolares\r\n {\r\n let valueDolar = refGrid.current.instance.cellValue(i, 'dolarCost');\r\n let valueRound = convert2(valueDolar * rate);\r\n refGrid.current.instance.cellValue(i, 'cost', valueRound); \r\n }\r\n\r\n \r\n i++;\r\n\r\n }\r\n\r\n refGrid.current.instance.endUpdate();\r\n refGrid.current.instance.saveEditData();\r\n }, [rate]);\r\n\r\n const validateRate = e => {\r\n if(purchase.currencyId == 1)\r\n return true;\r\n if(purchase.currencyId == 2)\r\n return e.value > 0;\r\n \r\n }\r\n\r\n const buttonActualizar = {\r\n text: 'Actualizar',\r\n icon: 'refresh',\r\n onClick: function(e) { \r\n setReload(true);\r\n setReloadScreen(reloadScreen + 1);\r\n }\r\n };\r\n\r\n const ds = useMemo(() =>new DataSource({\r\n key: 'productId',\r\n store: details,\r\n }));\r\n\r\n const addProductById = ( id, _info=null ) => {\r\n\r\n if (!id) return;\r\n\r\n const items = ds.items();\r\n\r\n const existsProduct = items.find(x => x.productId == id);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n return\r\n }\r\n\r\n let info = _info == null ? products.find(x => x.id == id) : _info;\r\n \r\n let newData = {}; \r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family; \r\n newData['cost'] = 0;\r\n newData['realCost'] = info.cost; \r\n newData['price'] = 0;\r\n newData['oldPrice'] = info.price;\r\n newData['quantity'] = 1; \r\n newData['total'] = info.cost;\r\n newData['productId'] = info.id; \r\n\r\n if(purchase.currencyId == 1){\r\n if(rate > 0)\r\n newData['dolarCost'] = convert2(info.cost / rate);\r\n else\r\n newData['dolarCost'] = 0 \r\n } \r\n\r\n ds.store().insert(newData).then(() => {\r\n ds.reload().then(() => {\r\n \r\n refGrid.current.instance.editCell(details.length-1, 'quantity');\r\n //refGrid.current.instance.editRow(details.length);\r\n\r\n });\r\n });\r\n\r\n }\r\n\r\n const setFocus = () => { \r\n setTimeout(() => {\r\n refSelect.current.instance.focus(); \r\n }, 300);\r\n }\r\n\r\n const onEditCanceled = (e) => {\r\n setFocus()\r\n }\r\n\r\n const keyDown = (e) => {\r\n if(e.event.key == 'Enter')\r\n setFocus()\r\n }\r\n\r\n const openDialog = (id=0) => dispatch(dialogProduct({open : true, id}));\r\n\r\n return (\r\n <div>\r\n <NuevoProvider onCreate={reloadProvider} />\r\n <Nuevo onSave={()=>0}/>\r\n <AppInfo />\r\n <Popup\r\n width={'95vw'}\r\n height={'95vh'} \r\n title={isNew ? `Nueva compra de inventario` : `Compra #${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n id='bill-panel'\r\n dra\r\n >\r\n <LoadPanel\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n position={{ of: '#bill-panel' }}\r\n visible={loading}\r\n showIndicator={loading}\r\n shading={true}\r\n showPane={true}\r\n />\r\n <ToolbarItem widget=\"dxButton\" \r\n location=\"after\" \r\n options={buttonActualizar}>\r\n </ToolbarItem>\r\n <ToolbarItem widget=\"dxButton\" \r\n location=\"after\" \r\n options={buttonProveedor}>\r\n </ToolbarItem>\r\n <ToolbarItem widget=\"dxButton\" \r\n location=\"after\" \r\n options={buttonProducts}>\r\n </ToolbarItem>\r\n <ToolbarItem widget=\"dxButton\" \r\n location=\"after\" \r\n options={buttonRules}>\r\n </ToolbarItem>\r\n <ScrollView showScrollbar='never'> \r\n <Form formData={purchase} ref={refForm}>\r\n <GroupItem colCount={3}>\r\n <SimpleItem dataField=\"areaId\" editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: true,\r\n dataSource: createStoreLocal({ name: 'area' }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Area\" />\r\n <RequiredRule message=\"Seleccione el area\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"date\" editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: 'dd/MM/yyyy',\r\n openOnFieldClick: true,\r\n onValueChanged: e => setPurchase({ ...purchase, date: e.value })\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"purchaseTypeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'purchaseType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setPurchase({ ...purchase, purchaseTypeId: e.value })\r\n }} >\r\n <Label text=\"Tipo de compra:\" />\r\n <RequiredRule message=\"Seleccione el tipo de compra\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"providerId\" colSpan={1} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'Provider', reload }),\r\n ...editorOptionsSelect\r\n }} >\r\n <Label text=\"Proveedor\" />\r\n <RequiredRule message=\"Seleccione el proveedor\" />\r\n </SimpleItem>\r\n \r\n <SimpleItem dataField=\"reference\">\r\n <Label text=\"Referencia\" />\r\n <RequiredRule message=\"La referencia es requerida\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"rate\" editorOptions={{\r\n onValueChanged: e => setRate(e.value)\r\n }}>\r\n <Label text=\"Tipo cambio\" />\r\n <CustomRule validationCallback={validateRate} message=\"Ingrese el tipo de cambio\" />\r\n </SimpleItem>\r\n {/* <EmptyItem></EmptyItem> */}\r\n <SimpleItem dataField=\"currencyId\" colSpan={1} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: currencies,\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setPurchase({ ...purchase, currencyId: e.value })\r\n }} >\r\n <Label text=\"Moneda\" />\r\n <RequiredRule message=\"Seleccione la moenda\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={2} editorType=\"dxTextBox\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={500} message=\"Maximo 500 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem colCount={4}>\r\n <SimpleItem colSpan={2}>\r\n <SelectBox\r\n ref={refSelect}\r\n disabled={purchase.purchaseTypeId == undefined}\r\n dataSource={dataSourceProduct()} \r\n valueExpr=\"id\" \r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n searchEnabled={true} \r\n searchMode=\"contains\" searchExpr={['name','internalCode']} \r\n searchTimeout={600} \r\n placeholder=\"Selecione una producto\" \r\n showClearButton={true} \r\n itemRender={itemRender} \r\n onValueChanged={e => {\r\n\r\n addProductById(e.value);\r\n e.component.reset();\r\n e.component.focus();\r\n \r\n\r\n }} />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={ds}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={350}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserting={onRowInserting}\r\n onEditCanceled={onEditCanceled} \r\n onKeyDown={keyDown}\r\n >\r\n <SearchPanel visible={true} />\r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={ProductDDBComponent} minWidth={100}>\r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"um\" caption=\"Um\" width={100} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantity\" caption=\"Cant\" dataType=\"number\" width={50} setCellValue={setCellValue.bind(null, \"quantity\")}>\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"dolarCost\" caption=\"Costo $\" dataType=\"number\" allowEditing={purchase.currencyId == 2} width={100} cellRender={cellRender(2)} setCellValue={setCellValue.bind(null, \"dolarCost\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" dataType=\"number\" allowEditing={purchase.currencyId == 1} width={100} cellRender={cellRender(1)} setCellValue={setCellValue.bind(null, \"cost\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"realCost\" caption=\"Costo Real\" dataType=\"number\" width={100} cellRender={cellRender(1)} setCellValue={setCellValue.bind(null, \"cost\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"oldPrice\" caption=\"Precio Ant\" dataType=\"number\" width={100} cellRender={cellRender()} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n <Summary>\r\n <TotalItem\r\n column=\"total\"\r\n summaryType=\"sum\" \r\n customizeText={data => `${formatToMoney(data.value)}`} />\r\n </Summary>\r\n </DataGrid>\r\n </GroupItem>\r\n </Form>\r\n\r\n <ButtonForm saving={saving} textSaving={textSaving} onClick={guardarEntrada} visible={canSave} />\r\n <ButtonForm saving={processing} textSaving=\"Procesar compra\" onClick={procesarCompra} visible={canProcess} icon=\"check\" type='default' />\r\n </ScrollView>\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NewPurchase;","import Purchases from './Purchases';\r\nexport default Purchases;","import React, { useRef } from 'react';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from '../../components/shared/Title';\r\nimport DataGrid, {\r\n Column,\r\n ColumnChooser,\r\n Editing,\r\n Export,\r\n FilterRow,\r\n HeaderFilter,\r\n Lookup,\r\n Pager,\r\n Paging,\r\n Button as ButtonGrid,\r\n } from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport { purchaseSteps } from '../../data/enums';\r\nimport { dataAccess, formatDate, formatDateTime } from '../../data/app';\r\nimport CustomButton from '../../components/buttons/CustomButton';\r\nimport { useDispatch } from 'react-redux'\r\nimport { dialogPurchase } from '../../store/inPutProductPurchase/purchaseDialogReducer';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataFormatId } from '../../utils/common';\r\nimport { addMenu } from '../../components/grids/Menu';\r\nimport { onToolbar } from '../../components/grids/ToolBar';\r\nimport urlReport from '../../services/reportServices';\r\nimport { resources } from '../../data/app';\r\nimport NewPurchase from './NewPurchase';\r\n\r\nconst Purchases = ( \r\n { \r\n title= \"Compras\", \r\n btnAddText= \"Crear nueva compra\",\r\n typeId= null,\r\n icon=\"\",\r\n Component= NewPurchase,\r\n resourcesId = resources.ordenesDeCompra,\r\n printName = null,\r\n dialog = dialogPurchase,\r\n ...rest\r\n }) => {\r\n\r\n const [ authorized ] = useAuthorization( resourcesId );\r\n\r\n let dataGrid = useRef();\r\n const dispatch = useDispatch();\r\n\r\n const reload = () => dataGrid.current.instance.refresh(); \r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n \r\n if (e.data.stateId == purchaseSteps.anulada) \r\n e.rowElement.classList.add('no-activo');\r\n \r\n }\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['stepId']\r\n \r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if(cellsQuantity.includes(e.column.dataField)){\r\n e.cellElement.classList.add('td-status');\r\n\r\n if(e.data.stepId == purchaseSteps.anulada)\r\n e.cellElement.classList.add('td-status-cancelado');\r\n\r\n if(e.data.stepId == purchaseSteps.pendiente)\r\n e.cellElement.classList.add('td-status-pendiente');\r\n\r\n if(e.data.stepId == purchaseSteps.procesada)\r\n e.cellElement.classList.add('td-status-procesado');\r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n const showDialog = id => dispatch(dialog({ open: true, id })); \r\n \r\n const report = urlReport();\r\n\r\n const addMenuItems = (e) => {\r\n addMenu(e, [{\r\n text: `Ver ${title}`,\r\n icon: 'find',\r\n onItemClick: () => showDialog(e.row.data.id)\r\n },{\r\n text: `Imprimir ${title}`,\r\n icon: 'print',\r\n onItemClick: () => {\r\n\r\n if(printName)\r\n report.print(`${report[printName](e.row.data.id)}`) ;\r\n }\r\n }])\r\n }\r\n\r\n const onToolbarPreparing = onToolbar({ export : true } , dataGrid);\r\n\r\n const _uri = uri.compras;\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.purchase(id)}`);\r\n\r\n }\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title}/>\r\n <BlockHeader title={title} icon={icon} showFavorite={true} {...rest} >\r\n <CustomButton \r\n text={btnAddText}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n />\r\n </BlockHeader>\r\n <Component onSave={reload} typeId={typeId}/> \r\n \r\n <DataGrid id=\"gridContainer\"\r\n ref={dataGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri : _uri, remoteOperations : true, extraParameter: typeId ? { key : 'typeId', value : typeId } : null })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onRowPrepared={onRowPrepared}\r\n onCellPrepared={onCellPrepared}\r\n onContextMenuPreparing={addMenuItems}\r\n onToolbarPreparing={onToolbarPreparing}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"id\" caption='Numero' width={100} cellRender={dataFormatId}/>\r\n <Column dataField=\"date\" caption='Fecha' dataType='date' format={formatDate} width={90} />\r\n <Column dataField=\"areaId\" caption=\"Area\" width={170} visible={false}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'area'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"providerId\" caption=\"Proveedor\" minWidth={120}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'provider'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"reference\" caption='Referencia' width={100}/>\r\n <Column dataField=\"total\" caption='Total' dataType='number' format={{ type: 'fixedPoint', precision: 2 }} width={100} />\r\n\r\n <Column dataField=\"purchaseTypeId\" caption=\"Tipo Compra\" width={90}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'purchaseType'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n\r\n <Column dataField=\"stepId\" caption=\"Estado\" width={90}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name: 'purchaseStep'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"observation\" caption='Observacion' visible={false} allowHeaderFiltering={false} allowFiltering={false}/>\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180}/>\r\n <Column dataField=\"createBy\" caption='Creado Por' width={120}/>\r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" icon=\"remove\" cssClass=\"btn-color-red\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Purchases;","import { dialogDefault, DIALOG_AUTH } from \"../consts\";\r\n\r\nconst mydialog = {...dialogDefault}\r\n\r\n\r\nexport const authDialogAction = ({ open = false, id = 0 }) => ({\r\n type: DIALOG_AUTH,\r\n payload : { open, id }\r\n});\r\n\r\nexport default function authDialogReducer(state = mydialog, { type, payload }) {\r\n\r\n const actions = {\r\n [DIALOG_AUTH] : () => ({...state, ...payload })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}\r\n\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate, editorOptionsSwitch } from '../../data/app';\r\nimport { Button } from 'devextreme-react';\r\n\r\nimport { formatId } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\n\r\nimport useProducts from '../../hooks/useProducts';\r\nimport uri from '../../utils/uri';\r\nimport { authDialogAction } from '../../store/authorization/authDialogReducer';\r\nimport useClients from '../../hooks/useClients';\r\nimport useUsers from '../../hooks/useUsers';\r\nimport { typeAuths } from '../../data/enums';\r\n\r\nconst Nuevo = props => {\r\n\r\n const { authDialog: { open, id }, user, } = useSelector(store => store);\r\n const authDefaultCustom = { \r\n typeId: null,\r\n userOneTime:false,\r\n observation: '',\r\n clientId: null,\r\n\r\n };\r\n\r\n const [ reload, setReload ] = useState(0);\r\n\r\n const { products } = useProducts({ areaId: user.areaId, exists: true, reload });\r\n const { clients } = useClients({ });\r\n const { users } = useUsers({ });\r\n\r\n const [auth, setAuth] = useState({ ...authDefaultCustom });\r\n const [saving, setSaving] = useState(false);\r\n\r\n let refForm = useRef();\r\n\r\n useEffect(() => { \r\n\r\n if (id > 0) { \r\n\r\n http(uri.authorizations.getById(id)).asGet().then(resp => { \r\n setAuth({ ...auth, ...resp });\r\n })\r\n \r\n } else {\r\n\r\n if(open)\r\n setAuth({ ...authDefaultCustom });\r\n\r\n }\r\n\r\n }, [open]);\r\n\r\n const dispatch = useDispatch(); \r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues(); \r\n\r\n dispatch(authDialogAction({ id: 0, open: false }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const guardar = (e) => {\r\n\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n let data = { ...auth };\r\n\r\n http(uri.authorizations.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify(`Regla registrada correctamente`);\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n const isNew = id == 0; \r\n\r\n const isDiscount = auth.typeId == typeAuths.discount;\r\n const isCredit = auth.typeId == typeAuths.credit;\r\n\r\n return (\r\n <div>\r\n <Popup\r\n width={500}\r\n height={550}\r\n title={isNew ? `Nueva regla` : `Editar regla ${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n > \r\n <Form formData={auth} ref={refForm}>\r\n <GroupItem colCount={2}>\r\n\r\n <SimpleItem dataField=\"typeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'AuthorizationType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setAuth({ ...auth, typeId: e.value })\r\n }} >\r\n <Label text=\"Tipo Autorización\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n\r\n <SimpleItem dataField=\"description\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ placeholder: 'Descriptión', showClearButton: true }} >\r\n <Label text=\"Descriptión\" />\r\n <RequiredRule message=\"Este dato es requerido\" />\r\n </SimpleItem>\r\n\r\n <SimpleItem dataField=\"discount\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n min:0,\r\n max:100,\r\n readOnly: !isDiscount,\r\n }} >\r\n <Label text=\"Descuento\" />\r\n {isDiscount && <RequiredRule message=\"Este dato es requerido\" />}\r\n </SimpleItem>\r\n\r\n <SimpleItem dataField=\"useOneTime\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={{\r\n ...editorOptionsSwitch,\r\n onValueChanged: e => setAuth({ ...auth, userOneTime: e.value, expiredDate: null })\r\n }} >\r\n <Label text=\"Un solo uso\" />\r\n </SimpleItem>\r\n\r\n <SimpleItem dataField=\"expiredDate\" colSpan={2} editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: formatDate,\r\n openOnFieldClick: true,\r\n disabled: auth.userOneTime,\r\n onValueChanged: e => setAuth({ ...auth, expiredDate: e.value })\r\n }} >\r\n <Label text=\"Fecha de fin\" />\r\n {!auth.userOneTime && <RequiredRule message=\"Seleccione la fecha\" />}\r\n </SimpleItem>\r\n <SimpleItem dataField=\"productId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: products,\r\n ...editorOptionsSelect,\r\n showClearButton:true,\r\n onValueChanged: e => setAuth({ ...auth, clientId: e.value })\r\n }} >\r\n <Label text=\"Producto\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"clientId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: clients,\r\n ...editorOptionsSelect,\r\n showClearButton:true,\r\n onValueChanged: e => setAuth({ ...auth, clientId: e.value })\r\n }} >\r\n <Label text=\"Cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"username\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: users,\r\n ...editorOptionsSelect,\r\n showClearButton:true,\r\n valueExpr: \"username\",\r\n displayExpr: item => item ? `${item.username} | ${item.fullName}` : \"\",\r\n onValueChanged: e => setAuth({ ...auth, username: e.value })\r\n }} >\r\n <Label text=\"Usuario\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"active\" colSpan={2} editorType=\"dxSwitch\"\r\n editorOptions={{\r\n ...editorOptionsSwitch,\r\n }} >\r\n <Label text=\"Activa\" />\r\n </SimpleItem>\r\n\r\n </GroupItem> \r\n </Form>\r\n <br />\r\n <div className='flex-v'>\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving}\r\n onClick={guardar}\r\n />\r\n </div>\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { EmailRule, Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter, \r\n ColumnChooser, \r\n Column, \r\n Export, \r\n Editing, \r\n Button as ButtonGrid,\r\n Lookup} from 'devextreme-react/data-grid';\r\n\r\nimport uri from '../../utils/uri';\r\nimport { store } from '../../services/store';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { dataAccess, editorOptionsSwitch, formatDateTime, resources } from '../../data/app';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Nuevo from './Nuevo';\r\nimport { useDispatch } from 'react-redux';\r\nimport { authDialogAction } from '../../store/authorization/authDialogReducer';\r\n\r\nconst Authorizations = () => {\r\n\r\n const [ authorized ] = useAuthorization( resources.auths );\r\n\r\n const title = 'Autorización de descuentos';\r\n\r\n let gridRef = useRef();\r\n\r\n const dispatch = useDispatch();\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Nueva autoriación',\r\n icon: 'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => showDialog(0)\r\n }\r\n });\r\n }\r\n\r\n const showDialog = (id) => {\r\n dispatch(authDialogAction({ open: true, id }));\r\n }\r\n\r\n const onSave = () => {\r\n gridRef.current.instance.refresh();\r\n }\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Nuevo onSave={onSave}/>\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <DataGrid id=\"gridContainer\"\r\n ref={gridRef}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.authorizations })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} />\r\n <Column dataField=\"codeAuth\" caption='Codigo' width={130}/>\r\n <Column dataField=\"typeId\" width={150} caption=\"Tipo pago\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'AuthorizationType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"description\" caption='Descripción' />\r\n <Column dataField=\"used\" caption=\"Aplicado\" dataType=\"boolean\" width={100}/>\r\n <Column dataField=\"active\" caption=\"Activo\" dataType=\"boolean\" width={100}/>\r\n\r\n <Column dataField=\"createdBy\" caption='Creado por' width={90} />\r\n <Column dataField=\"createdAt\" caption='Creado el' dataType='date' format={formatDateTime} width={150} />\r\n <Column visible={false} dataField=\"modifiedBy\" caption='Modificado por' width={90} />\r\n <Column visible={false} dataField=\"modifiedAt\" caption='Modificado el' dataType='date' format={formatDateTime} width={150} />\r\n <Column type=\"buttons\" width={60}>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n useIcons={true}\r\n > \r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Authorizations;\r\n","import React from 'react';\r\nimport DataGrid, {\r\n Column,\r\n Scrolling,\r\n Selection,\r\n FilterRow,\r\n} from 'devextreme-react/data-grid';\r\nimport notify from 'devextreme/ui/notify';\r\nimport DropDownBox from 'devextreme-react/drop-down-box';\r\nimport { cellRender } from '../../utils/common';\r\nimport { defaultLabels } from '../../data/defaultObjects';\r\n\r\n\r\nconst dropDownOptions = { fullScreen: true, showCloseButton: true};\r\n\r\nexport default class ProductDDBComponentMobile extends React.Component {\r\n quantity = 'quantity';\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n currentValue: props.data.value\r\n };\r\n this.dropDownBoxRef = React.createRef();\r\n this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n this.contentRender = this.contentRender.bind(this);\r\n this.onToolbarPreparing = this.onToolbarPreparing.bind(this);\r\n this.calculateFilterExpression = this.calculateFilterExpression.bind(this);\r\n this.showPrice = props.showPrice;\r\n this.validateQuantity = props.validateQuantity;\r\n\r\n this.quantity = props.quantity || this.quantity;\r\n }\r\n\r\n onCellPrepared(e) {\r\n\r\n if (e.rowType == 'data') {\r\n if(e.column.dataField == \"stock\")\r\n if(e.value == 0)\r\n e.cellElement.classList.add('stock-0');\r\n \r\n }\r\n } \r\n onToolbarPreparing(e) {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Regresar',\r\n type: 'normal',\r\n icon: 'chevronleft',\r\n stylingMode: \"outlined\",\r\n onClick: () => this.dropDownBoxRef.current.instance.close()\r\n \r\n }\r\n });\r\n }\r\n\r\n calculateFilterExpression(value, selectedFilterOperation, target) { \r\n\r\n const values = value.split('%');\r\n let filters = values.map(v => {\r\n return ['name', 'contains', v];\r\n });\r\n\r\n const filterFull = [];\r\n\r\n if (filters.length > 1) {\r\n\r\n for (let index = 0; index < filters.length; index++) {\r\n const element = filters[index];\r\n filterFull.push(element);\r\n if (index < filters.length - 1) {\r\n filterFull.push('and');\r\n }\r\n }\r\n return filterFull;\r\n\r\n }else{\r\n return [filters]\r\n }\r\n }\r\n\r\n contentRender() {\r\n return ( \r\n <DataGrid\r\n dataSource={this.props.data.column.lookup.dataSource}\r\n keyExpr=\"id\" \r\n height={'100vh'} \r\n selectedRowKeys={[this.state.currentValue]}\r\n hoverStateEnabled={true}\r\n onSelectionChanged={this.onSelectionChanged}\r\n focusedRowEnabled={true}\r\n defaultFocusedRowKey={this.state.currentValue}\r\n rowAlternationEnabled={true}\r\n allowColumnResizing={false}\r\n columnAutoWidth={true}\r\n onCellPrepared ={this.onCellPrepared}\r\n onToolbarPreparing={this.onToolbarPreparing}\r\n \r\n >\r\n <FilterRow visible={true} /> \r\n <Column dataField=\"internalCode\" caption=\"Codigo\" width={80} ></Column>\r\n <Column dataField=\"name\" caption=\"Nombre\" calculateFilterExpression={this.calculateFilterExpression}></Column>\r\n <Column dataField=\"price\" caption=\"Precio\" visible={this.showPrice} cellRender={cellRender()} width={90}></Column>\r\n <Column dataField=\"stock\" caption=\"Cant\" width={70}></Column>\r\n <Column dataField=\"disponible\" caption=\"Disp\" width={90}></Column>\r\n <Column dataField=\"um\" caption=\"Unidad Medida\" width={120}></Column>\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} visible={true}></Column>\r\n <Column dataField=\"cost\" caption=\"Costo\" visible={!this.showPrice} cellRender={cellRender()} width={90}></Column> \r\n <Scrolling mode=\"virtual\" />\r\n <Selection mode=\"single\" />\r\n </DataGrid>\r\n );\r\n }\r\n\r\n onSelectionChanged(e) {\r\n\r\n this.setState({ currentValue: e.selectedRowKeys[0] });\r\n this.props.data.setValue(this.state.currentValue);\r\n \r\n if (e.selectedRowKeys.length > 0) { \r\n const data = e.selectedRowsData[0];\r\n if(this.validateQuantity && data.stock <= 0){\r\n notify(\"No hay stock disponible\", \"error\", 1000);\r\n }else{\r\n this.dropDownBoxRef.current.instance.close(); \r\n this.props.data.component.editCell(this.props.data.rowIndex, this.quantity);\r\n } \r\n \r\n }\r\n\r\n } \r\n\r\n render() {\r\n return (\r\n <DropDownBox\r\n ref={this.dropDownBoxRef}\r\n key=\"id\"\r\n dropDownOptions={dropDownOptions}\r\n dataSource={this.props.data.column.lookup.dataSource}\r\n value={this.state.currentValue}\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n valueExpr=\"id\" \r\n contentRender={this.contentRender}>\r\n </DropDownBox>\r\n );\r\n }\r\n}","import React, { useEffect, useState, useRef, useCallback } from 'react';\r\nimport { Popup, ToolbarItem, } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { billDialogAction } from '../../../store/bill/billDialogReducer';\r\nimport { createCustomStore, createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate, resources } from '../../../data/app';\r\nimport { DataGrid, Button, ScrollView } from 'devextreme-react';\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem, SearchPanel } from 'devextreme-react/data-grid';\r\nimport { cellRender, formatId } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, defaultLabels } from '../../../data/defaultObjects';\r\nimport { paymentType, preBillType } from '../../../data/enums';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport uri from '../../../utils/uri';\r\nimport Resumen from '../../../components/form/Resumen';\r\nimport ClientInfo from '../../clients/ClientInfo';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport NuevoClient from '../../clients/NuevoClient';\r\nimport { clientDialogAction } from '../../../store/client/clientDialogReducer';\r\nimport ProductDDBComponentMobile from '../../../components/dropdown/ProductDDBComponentMobile';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport useClients from '../../../hooks/useClients';\r\nimport { clientDetailAction } from '../../../store/clientDetail/clientDetailReducer';\r\n\r\nconst NuevoNew = props => {\r\n\r\n const [ _, canChangeCreditDays ] = useAuthorization( resources.cambiarDiasCredito );\r\n const { action, typeId } = props;\r\n\r\n const { billDialog: { open, id, clientId }, user, } = useSelector(store => store);\r\n const [resumenData, setResumenData] = useState([]);\r\n const billDefaultCustom = { ...billDefault, clientId: clientId, preBillTypeId: typeId, paymentTypeId: 2, preBillDetails: []};\r\n \r\n const [ reload, setReload ] = useState(0);\r\n const [ loading, setLoading ] = useState(false);\r\n\r\n const { products, setProducts } = useProducts({ areaId: user.areaId, exists: true, reload });\r\n const [bill, setBill] = useState({ ...billDefaultCustom });\r\n const [saving, setSaving] = useState(false);\r\n const [currentCreditDays, setCurrentCreditDays] = useState(0);\r\n const [showRest, setShowRest] = useState(false);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n\r\n useEffect(() => { \r\n\r\n if (id > 0) {\r\n\r\n setLoading(true);\r\n http(uri.products.getByArea(user.areaId)).asGet().then(data => {\r\n setProducts(data);\r\n\r\n http(uri.prebills.getById(id)).asGet().then(resp => {\r\n\r\n resp.preBillDetails.forEach(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n detail['product'] = null;\r\n\r\n });\r\n\r\n setBill({ ...bill, ...resp });\r\n setResumenData([...resp.preBillDetails]);\r\n setLoading(false);\r\n })\r\n\r\n });\r\n\r\n } else {\r\n\r\n setLoading(true);\r\n setBill({ ...billDefaultCustom, preBillDetails: [] });\r\n setResumenData([]);\r\n setLoading(false); \r\n\r\n }\r\n\r\n if(open)\r\n window.addEventListener(\"beforeunload\", alertUser);\r\n \r\n return () => {\r\n if(open)\r\n window.removeEventListener(\"beforeunload\", alertUser); \r\n \r\n };\r\n\r\n }, [open]); \r\n\r\n const alertUser = (e) => {\r\n e.preventDefault();\r\n e.returnValue = \"\";\r\n alert('saliendo');\r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'plus',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => refGrid.current.instance.addRow()\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'refresh',\r\n type: 'default',\r\n stylingMode: \"outlined\",\r\n onClick: () => setReload(Math.random())\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'remove',\r\n type: 'danger',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n var selectedRow = refGrid.current.instance.getSelectedRowKeys(); \r\n if (selectedRow.length > 0) {\r\n let key = selectedRow[0]\r\n let index = refGrid.current.instance.getRowIndexByKey(key)\r\n refGrid.current.instance.deleteRow(index);\r\n }\r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'check',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.saveEditData(); \r\n \r\n }\r\n }\r\n },{\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n icon: 'revert',\r\n type: 'normal',\r\n stylingMode: \"outlined\",\r\n onClick: () => { \r\n\r\n refGrid.current.instance.cancelEditData(); \r\n \r\n }\r\n }\r\n }\r\n );\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n dispatch(clientDetailAction( {clientId:0} ));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const convertFactura = () => {\r\n\r\n let result = confirm(\"<i>Esta seguro de convertir a factura la preventa: <b>\"+formatId(id)+\"</b>?</i>\", \"Confirmar\");\r\n result.then((dialogResult) => {\r\n\r\n if (dialogResult){\r\n\r\n setSaving(true);\r\n \r\n http(`${uri.prebills.base}/${id}/convertToBill`).asGet().then(resp => {\r\n \r\n notify(`Se ha creado la factura correctamente correctamente`);\r\n setSaving(false);\r\n refGrid.current.instance.refresh(); \r\n \r\n }).catch(err => { \r\n notify(err, 'error', 5000);\r\n setSaving(false);\r\n });\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n const guardarFactura = (e) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true);\r\n let data = { ...bill };\r\n\r\n http(uri.prebills.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify(`${action} registrada correctamente`);\r\n setReload(Math.random());\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 6000);\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n if (value == undefined)\r\n newData[prop] = 0;\r\n else if(value.constructor.name === 'Object')\r\n newData[prop] = value.id;\r\n else\r\n newData[prop] = value || 0;\r\n \r\n if (prop == 'productId' && value) {\r\n\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['stock'] = info.stock;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['discount'] = 0;\r\n !currentRowData['quantity'] && (newData['quantity'] = 1);\r\n !currentRowData['total'] && (newData['total'] = info.price);\r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n if(value > currentRowData['stock'] && isPreventa){\r\n newData['quantity'] = currentRowData['stock'];\r\n newData['total'] = currentRowData['customPrice'] * currentRowData['stock'];\r\n notify(currentRowData['stock'] + \" máximo stock disponible\", \"error\", 5000);\r\n }else{\r\n newData['total'] = currentRowData['customPrice'] * value;\r\n }\r\n }\r\n\r\n\r\n if (prop == 'customPrice' && (+value) >= 0) {\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n if (prop == 'discount' && (+value) >= 0) {\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - value;\r\n }\r\n\r\n }\r\n\r\n const onCellPrepared = useCallback(e => {\r\n\r\n const cellsQuantity = ['quantity', 'quantityRequest']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n e.cellElement.classList.add('quantity-text');\r\n if (e.column.dataField == 'customPrice')\r\n e.cellElement.classList.add('customPrice-text');\r\n if (e.column.dataField == 'productoId')\r\n e.cellElement.classList.add('fs-text-13');\r\n\r\n }\r\n\r\n },[]);\r\n\r\n const onRowInserted = e => {\r\n setResumenData([...bill.preBillDetails])\r\n }\r\n\r\n const isNew = id == 0;\r\n \r\n const buttonOptions = {\r\n text: 'Crear Cliente',\r\n icon: 'user',\r\n onClick: function(e) { \r\n dispatch(clientDialogAction({ open: true }));\r\n }\r\n };\r\n\r\n const reloadClient = clientId => {\r\n setReload(Math.random());\r\n setBill(_bill => ({ ..._bill, clientId: clientId }));\r\n }\r\n\r\n const onRowInserting = useCallback((e) => {\r\n\r\n const isCanceled = new Promise((resolve, reject) => {\r\n\r\n const existsProduct = refGrid.current.instance.getDataSource().items().find(x => x.productId == e.data.productId);\r\n\r\n if (existsProduct) {\r\n notify(`El producto ya se encuentra en la lista`, 'error', 5000);\r\n reject(`El producto ya se encuentra en la lista`);\r\n }else{\r\n resolve(false);\r\n }\r\n });\r\n e.cancel = isCanceled;\r\n\r\n },[]);\r\n\r\n const paymentTypeIdChanged = useCallback((e) => {\r\n\r\n setBill(_bill => ({ \r\n ..._bill, paymentTypeId: e.value, \r\n paymentMethodId: e.value == paymentType.credito ? null : '', \r\n bankId: e.value == paymentType.credito ? null : '', \r\n reference:'', \r\n creditDays: e.value == paymentType.contado ? 0 : currentCreditDays,\r\n }))\r\n },[]);\r\n\r\n const clientIdChanged = useCallback(e => {\r\n const client = e.component.option('items')\r\n .find(x => x.id == e.value);\r\n\r\n let creditDays = 0;\r\n\r\n if(client)\r\n creditDays = client.creditDays; \r\n \r\n dispatch(clientDetailAction( {clientId:e.value}));\r\n setCurrentCreditDays(creditDays);\r\n setBill(_bill => ({ ..._bill, creditDays: creditDays, clientId: e.value}));\r\n },[]);\r\n\r\n const isPreventa = typeId == preBillType.preventa;\r\n\r\n const buttonOptions2 = {\r\n icon: 'close',\r\n onClick: e => onHiding({ load: false }),\r\n };\r\n\r\n const buttonOptions3 = {\r\n icon: 'menu',\r\n onClick: e => setShowRest(!showRest),\r\n };\r\n\r\n return (\r\n <div>\r\n <NuevoClient onCreate={reloadClient} fullScreen={true}/>\r\n <Popup\r\n fullScreen={true}\r\n title={isNew ? `Nueva ${action}` : `Ver ${action} ${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n className=\"bg-fbfbfb\"\r\n showCloseButton={false}\r\n id='bill-panel'\r\n > \r\n <LoadPanel\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n position={{ of: '#bill-panel' }}\r\n visible={loading}\r\n showIndicator={loading}\r\n shading={true}\r\n showPane={true}\r\n />\r\n <ToolbarItem\r\n widget=\"dxButton\" \r\n location=\"after\" options={buttonOptions3}>\r\n </ToolbarItem>\r\n <ToolbarItem \r\n widget=\"dxButton\" \r\n location=\"after\" \r\n options={buttonOptions2}>\r\n </ToolbarItem>\r\n <ScrollView showScrollbar='never'>\r\n\r\n <Form formData={bill} ref={refForm} labelLocation='top'>\r\n <GroupItem colCount={2}>\r\n <GroupItem colSpan={2}>\r\n <GroupItem colCount={2}>\r\n <SimpleItem dataField=\"clientId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createCustomStore({ url: uri.clients.base+'/catalogo?reload='+reload, active: true })(),\r\n valueExpr:\"id\",\r\n displayExpr: item => item ? `${item.id} - ${item.name}` : '',\r\n searchEnabled: true, \r\n showClearButton:true,\r\n searchExpr: [\"name\"],\r\n onValueChanged: clientIdChanged\r\n }} >\r\n <Label text=\"Cliente\" />\r\n <RequiredRule message=\"Seleccione el cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"date\" colSpan={2} editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: formatDate,\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentTypeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'billPaymentType' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false, \r\n onValueChanged: paymentTypeIdChanged \r\n }} >\r\n <Label text=\"Tipo pago\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"creditDays\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n disabled: !canChangeCreditDays,\r\n onValueChanged: e => setBill(_bill => ({ ..._bill, creditDays: e.value, })),\r\n }} >\r\n <Label text=\"Dias crédito\" />\r\n <RequiredRule message=\"Seleccione el tipo\" /> \r\n </SimpleItem> \r\n \r\n <SimpleItem colSpan={2} >\r\n <ClientInfo isMobile={true} />\r\n </SimpleItem> \r\n \r\n { (showRest && isPreventa) && <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'BillPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false, \r\n onValueChanged: e => setBill(_bill => ({ ...bill, billPaymentTypeId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n } \r\n {(showRest && isPreventa) && <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false, \r\n onValueChanged: e => setBill(_bill => ({ ...bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n }\r\n {(showRest && isPreventa) && <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true, disabled: bill.paymentTypeId == paymentType.credito, }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n }\r\n {(showRest && isPreventa) && <SimpleItem dataField=\"codigo\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ placeholder: 'Talonario', showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n }\r\n <SimpleItem colSpan={2} >\r\n <Button {...buttonOptions}></Button>\r\n </SimpleItem> \r\n\r\n </GroupItem>\r\n </GroupItem> \r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={bill.preBillDetails}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={400}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowInserted={onRowInserted}\r\n onRowRemoved={onRowInserted}\r\n onRowUpdated={onRowInserted}\r\n onCellPrepared={onCellPrepared}\r\n onRowInserting={onRowInserting}\r\n >\r\n <SearchPanel visible={true} width={120} />\r\n <Column dataField=\"productId\" caption=\"Producto\" minWidth={190}\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={props => <ProductDDBComponentMobile showPrice={true} {...props} validateQuantity={isPreventa}/>}\r\n >\r\n \r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode}-${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired message={\"Seleccione un producto\"} />\r\n </Column> \r\n \r\n <Column dataField=\"quantity\" caption=\"Cant\" dataType=\"number\" width={55}\r\n setCellValue={setCellValue.bind(null, \"quantity\")}\r\n >\r\n <RuleRequired message={\"Ingrese la cantidad\"} />\r\n </Column>\r\n \r\n <Column visible={false} dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={85} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired message={\"Ingrese el precio\"} />\r\n </Column>\r\n <Column dataField=\"customPrice\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"customPrice\")}>\r\n <RuleRequired message={\"Ingrese el precio\"}/>\r\n </Column>\r\n <Column dataField=\"discount\" caption=\"Desc\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discount\")}>\r\n <RuleRequired message={\"Ingrese el descuento\"}/>\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"stock\" caption=\"Disponible\" dataType=\"number\" width={90} allowEditing={false}>\r\n </Column>\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Column type={'selection'} width={50} />\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n <Summary>\r\n <TotalItem column=\"productId\" summaryType=\"count\" />\r\n </Summary>\r\n </DataGrid>\r\n </GroupItem>\r\n <GroupItem >\r\n <SimpleItem dataField=\"observation\" editorType=\"dxTextBox\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n <SimpleItem colSpan={2} dataField=\"codeAuth\" editorType=\"dxTextBox\">\r\n <Label text=\"Código Autorización\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem>\r\n <GroupItem colSpan={2}>\r\n <Resumen data={resumenData} />\r\n </GroupItem>\r\n </Form>\r\n <div className='d-grid'> \r\n {bill.active == false && <label className=\"text-danger pa-canceled-mobile\">Registro Anulado</label>}\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Convertir a factura`}\r\n type=\"default\"\r\n icon='save'\r\n visible={!isNew && isPreventa}\r\n disabled={saving}\r\n onClick={convertFactura}\r\n width={'100%'}\r\n />\r\n\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar ${action}`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving}\r\n onClick={guardarFactura}\r\n width={'100%'}\r\n />\r\n </div>\r\n\r\n </ScrollView> \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default NuevoNew;\r\n","import React, { useRef, useState } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n Export\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport Title from '../../../components/shared/Title';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport { store } from '../../../services/store';\r\nimport CustomButton from '../../../components/buttons/CustomButton';\r\nimport { _path } from \"../../../data/headerNavigation\";\r\nimport { formatDate, formatDateTime, resources } from '../../../data/app';\r\nimport { cellRender, dataFormatIdMobile, } from '../../../utils/common';\r\nimport urlReport from '../../../services/reportServices';\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { billDialogAction } from '../../../store/bill/billDialogReducer';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport uri from '../../../utils/uri';\r\nimport http from '../../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { preBillType } from '../../../data/enums';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\nimport BlockHeaderState from '../../../components/shared/BlockHeaderState';\r\nimport { setGridState } from '../../../store/gridState/gridStateReducer';\r\nimport NuevoNew from './NuevoNew';\r\n\r\nconst PreBills = props => {\r\n\r\n const { clientId = 0, title='',action='', typeId=0, initStates, targetPage = '' } = props;\r\n\r\n const [ authorized ] = useAuthorization( resources.cotizacion );\r\n const [states, setStates] = useState([...initStates]);\r\n const dispatch = useDispatch();\r\n let refGrid = useRef();\r\n\r\n const printReport = ( id ) => {\r\n\r\n //const { id } = row.data;\r\n const report = urlReport();\r\n report.print(`${report.preBillTicket(id)}`);\r\n\r\n }\r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active)\r\n e.rowElement.classList.add('no-activo');\r\n else{\r\n if (e.data.preBillTypeId == preBillType.facturacion)\r\n e.rowElement.classList.add('converted');\r\n \r\n }\r\n\r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'after',\r\n widget: 'dxTagBox',\r\n options: {\r\n width: 320,\r\n placeholder: 'Filtrar por Tipo',\r\n dataSource : e.component.columnOption('preBillTypeId').lookup.dataSource,\r\n valueExpr:'id', \r\n displayExpr:'name',\r\n value: states,\r\n showClearButton:true,\r\n multiline:false,\r\n hideSelectedItems:true,\r\n onValueChanged: (e) => {\r\n setStates(e.value);\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n }\r\n\r\n }\r\n\r\n const showDialog = (id) => dispatch(billDialogAction({ open: true, id }));\r\n\r\n //const showDialog2 = (id) => dispatch(billDialogAction2({ open: true, id }));\r\n\r\n const onSave = (e) => refGrid.current.instance.refresh(); \r\n\r\n const changePreBill = ({ title, action, id }) => {\r\n\r\n let result = confirm(\"<i>Esta seguro de \"+title+\"?</i>\", title);\r\n result.then((dialogResult) => {\r\n\r\n if (dialogResult){\r\n \r\n http(`${uri.prebills.base}/${id}/${action}`).asGet().then(resp => {\r\n \r\n notify(`Acción ${title} realizada correctamente`);\r\n refGrid.current.instance.refresh(); \r\n \r\n }).catch(err => {\r\n \r\n notify(err, 'error', 5000);\r\n });\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n const revert = ({ row }) => {\r\n\r\n const { id } = row.data;\r\n changePreBill({ title: 'Revertir a cotización', action: 'revert', id });\r\n\r\n } \r\n\r\n const convert = ({ row }) => {\r\n\r\n const { id } = row.data;\r\n changePreBill({ title: 'Convertir a preventa', action: 'convert', id }); \r\n\r\n }\r\n\r\n const onRowClick = e => {\r\n \r\n const { id, active } = e.data;\r\n\r\n dispatch(setGridState({\r\n id: id, \r\n data: e.data,\r\n disabledView: false, \r\n disabledPrint: false, \r\n disabledPayment: true, \r\n disabledViewReceipts: true, \r\n disabledCancel: !active \r\n }));\r\n\r\n }\r\n\r\n const deleteRow = (id) => {\r\n refGrid.current.instance.deleteRow(id)\r\n }\r\n\r\n\r\n let extraParameter =[['preBillTypeId', states]];\r\n\r\n if (clientId > 0)\r\n extraParameter.push(['clientId', clientId]); \r\n\r\n return authorized(\r\n <div className=\"container mobile\">\r\n <Title title={title} />\r\n <BlockHeader title={title}>\r\n <CustomButton\r\n type=\"default\" \r\n icon='menu'\r\n onClick={() => props.history.push({ pathname: '/app/mobile/' + targetPage })\r\n }\r\n /> \r\n <CustomButton\r\n type=\"default\"\r\n text={`Nueva ${action}`}\r\n icon='plus'\r\n onClick={() => showDialog(0)}\r\n /> \r\n \r\n </BlockHeader> \r\n <BlockHeaderState icon=\"icon-file-text\" \r\n onClickView={(id) => showDialog(id)}\r\n onClickPrint={id => printReport(id)} \r\n onClickCancel={deleteRow}\r\n onRefresh={() => refGrid.current.instance.refresh()} \r\n onClickAdd={() => showDialog(0)}\r\n visibleView={true}\r\n visiblePrint={true}\r\n visibleCancel={true}\r\n visibleRefresh={true}\r\n visibleAdd={true}\r\n > \r\n </BlockHeaderState> \r\n <NuevoNew onSave={onSave} { ...props } />\r\n <DataGrid id=\"gridContainer\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: uri.prebills, remoteOperations: true, extraParameter })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n onRowPrepared={onRowPrepared}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onCellPrepared={onCellPrepared}\r\n onRowClick={onRowClick} \r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <Export enabled={false} fileName={title} />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Column type=\"buttons\" width={40} >\r\n <ButtonGrid visible={typeId == preBillType.cotizacion} name=\"convert\" icon=\"refresh\" onClick={convert} hint={'Convertir a preventa'}/>\r\n <ButtonGrid visible={typeId == preBillType.preventa} name=\"revert\" icon=\"revert\" onClick={revert} hint={'Revertir a cotización'}/>\r\n </Column>\r\n <Column dataField=\"id\" caption=\"Id\" width={55} cellRender={dataFormatIdMobile} />\r\n <Column dataField=\"nombre\" caption=\"Cliente\" visible={clientId == 0} allowHeaderFiltering={false} minWidth={180} />\r\n <Column dataField=\"total\" width={100} cellRender={cellRender()} />\r\n <Column dataField=\"billId\" caption=\"Factura\" width={70} cellRender={dataFormatIdMobile} />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={100} />\r\n <Column dataField=\"paymentTypeId\" width={100} caption=\"Tipo pago\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'billPaymentType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"preBillTypeId\" width={110} caption=\"Documento\">\r\n <Lookup disabled={true} dataSource={createStoreLocal({ name: 'preBillType' })} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"active\" width={100} caption=\"Activa\" />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' format={formatDateTime} width={180} />\r\n <Column type=\"buttons\" width={90} visible={true}>\r\n <ButtonGrid name=\"print\" icon=\"print\" onClick={e => printReport(e.row.data.id)}/>\r\n <ButtonGrid name=\"edit\" icon=\"find\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Editing\r\n mode=\"popup\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default PreBills;\r\n","import React from 'react';\r\nimport PreBills from './PreBills';\r\nimport { preBillType } from '../../../data/enums';\r\n\r\nconst MobileCotizaciones = (props) => {\r\n\r\n const title = \"Cotizaciones\";\r\n const action = \"Cotización\";\r\n const typeId = preBillType.cotizacion;\r\n const initStates = [1];\r\n\r\n return (\r\n <PreBills title={title} action={action} typeId={typeId} initStates={initStates} targetPage='pre-ventas' {...props}/>\r\n );\r\n}\r\n\r\nexport default MobileCotizaciones;\r\n","import React from 'react';\r\nimport PreBills from './PreBills';\r\nimport { preBillType } from '../../../data/enums';\r\n\r\nconst MobilePreVentas = (props) => {\r\n\r\n const title = \"PreVentas\";\r\n const action = \"PreVenta\";\r\n const typeId = preBillType.preventa;\r\n const initStates = [2,3];\r\n \r\n return (\r\n <PreBills title={title} action={action} typeId={typeId} initStates={initStates} targetPage='cotizaciones' {...props}/>\r\n );\r\n\r\n}\r\n\r\nexport default MobilePreVentas;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/form';\r\nimport { \r\n Paging, \r\n Pager, \r\n FilterRow, \r\n HeaderFilter,\r\n Column, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule,\r\n Lookup} from 'devextreme-react/data-grid';\r\n\r\nimport uri from '../../utils/uri';\r\nimport toCapital from '../../utils/common';\r\nimport { store } from '../../services/store';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\nimport { resources } from '../../data/app';\r\nimport { defaultLabels } from '../../data/defaultObjects';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from '../../components/shared/Title';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\n\r\nfunction ComisionFamilies(props) {\r\n\r\n const [ authorized ] = useAuthorization( resources.configurarComisiones );\r\n\r\n let refGrid = useRef()\r\n\r\n const onToolbarPreparing = (e) => { \r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Crear nuevo',\r\n icon:'plus',\r\n type:'default',\r\n stylingMode:\"outlined\",\r\n onClick: () => refGrid.current.instance.addRow()\r\n }\r\n });\r\n } \r\n\r\n const caption = \"Comisiones por categoría\";\r\n \r\n return authorized(\r\n <div className=\"container small\">\r\n <Title title={caption}/>\r\n <BlockHeader title={toCapital(caption)}/> \r\n <DataGrid id=\"gridContainer\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({uri : uri.comissions })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n <FilterRow visible={true} />\r\n <HeaderFilter visible={true} />\r\n <Column dataField=\"familyId\" caption={defaultLabels.family}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name:'family'})} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"comission\" caption=\"Comisión\" width={100} allowHeaderFiltering={false} allowFiltering={false} />\r\n <Column dataField=\"d46a59\" caption=\"De 46 a 59\" width={100} allowHeaderFiltering={false} allowFiltering={false} />\r\n <Column dataField=\"d60aMas\" caption=\"De 60 a Más\" width={100} allowHeaderFiltering={false} allowFiltering={false}/>\r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n useIcons={true}\r\n >\r\n <Popup title={toCapital(caption)} showTitle={true} width={450} height={350}>\r\n \r\n </Popup>\r\n <Form>\r\n <Item dataField=\"familyId\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerido\"/>\r\n </Item>\r\n <Item dataField=\"comission\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerido\"/>\r\n </Item>\r\n <Item dataField=\"d46a59\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerido\"/>\r\n </Item>\r\n <Item dataField=\"d60aMas\" colSpan={2} >\r\n <RequiredRule message=\"El campo es requerido\"/>\r\n </Item>\r\n \r\n </Form>\r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n};\r\n\r\nexport default ComisionFamilies; //connect(mapStateToProps, mapDispatchToProps)(GridSprintStart);","import React, { useEffect, useState } from 'react';\r\nimport { DataGrid, Box, DateBox, SelectBox, Button } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager, \r\n Column, \r\n Export,\r\n GroupPanel,\r\n SearchPanel,\r\n Grouping,\r\n Summary,\r\n TotalItem,\r\n ColumnChooser,\r\n FilterRow,\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../components/shared/Title';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { formatDate, formatDateTime } from '../../data/app';\r\nimport { cellDataAsBold, cellRender, dataFormatId, formatToMoneyNumber, onCellPreparedSales, } from '../../utils/common';\r\n\r\nimport uri from '../../utils/uri';\r\nimport http from '../../utils/http';\r\nimport { dateByReport } from '../../data/defaultObjects';\r\nimport { userService } from '../../services/user.service';\r\n\r\nconst Recibos = (props) => {\r\n\r\n const user = userService.getUser();\r\n\r\n const [ areas, setAreas ] = useState([]);\r\n const [ areaId, setAreaId ] = useState(user.areaId);\r\n const [ productId, setProductId ] = useState(null);\r\n const [ users, setUsers ] = useState([]);\r\n const [ username, setUsername ] = useState([]);\r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState(undefined);\r\n const [ loading, setLoading ] = useState(false); \r\n\r\n const changeUser = e => setUsername(e.value); \r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n\r\n useEffect(() => {\r\n http(uri.areas.get).asGet().then(resp => setAreas(resp));\r\n http(uri.users.get).asGet().then(resp => setUsers(resp));\r\n }, [0]);\r\n\r\n const loadReport = () => {\r\n if(areaId > 0 && dateFrom && dateTo){\r\n setLoading(true);\r\n http('reports/receipts').asPost({areaId, productId, from : dateFrom, to: dateTo}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n }\r\n };\r\n\r\n const toMoney = data => formatToMoneyNumber(data.value); \r\n\r\n const title = 'Reporte de Recibos';\r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...props}>\r\n \r\n </BlockHeader>\r\n <Box direction=\"row\" width=\"100%\" height={75}> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Desde:</label>\r\n <DateBox type=\"date\" \r\n value={dateFrom}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateFrom}/>\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Hasta:</label>\r\n <DateBox type=\"date\" \r\n value={dateTo}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateTo}/>\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Usuario:</label>\r\n <SelectBox items={users}\r\n placeholder=\"Selecciona\"\r\n showClearButton={true} valueExpr=\"username\" displayExpr=\"username\" \r\n value={username}\r\n onValueChanged={changeUser} \r\n />\r\n </div>\r\n </Item> \r\n \r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={120}\r\n text={`${loading ? 'Buscando...' : 'Buscar'}`}\r\n type=\"default\"\r\n icon=\"search\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={loadReport}\r\n />\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n\r\n <Item ratio={1}> \r\n <DataGrid\r\n id=\"gridContainer\"\r\n keyExpr=\"receipId\"\r\n selection={{ mode: 'single' }}\r\n dataSource={data}\r\n showBorders={true}\r\n allowColumnResizing={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n onCellPrepared={onCellPreparedSales}\r\n > \r\n <GroupPanel visible={true} />\r\n <SearchPanel visible={true} width={200}/>\r\n <Grouping autoExpandAll={true} /> \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <ColumnChooser enabled={true} />\r\n <FilterRow visible={true} />\r\n <Column dataField=\"receipId\" caption=\"Id\" width={100} cellRender={dataFormatId}/> \r\n <Column dataField=\"billId\" caption=\"# Factura\" width={80} cellRender={dataFormatId}/> \r\n <Column dataField=\"reference\" caption=\"# Recibo\" width={80} cellRender={cellDataAsBold}/> \r\n <Column dataField=\"fullName\" caption=\"Cliente\" minWidth={200}/> \r\n <Column dataField=\"amount\" caption=\"Abonado\" cellRender={cellRender()} width={100}/> \r\n <Column dataField=\"pending\" caption=\"Pendiente\" cellRender={cellRender()} width={100}/> \r\n <Column dataField=\"retention\" caption=\"Retención\" cellRender={cellRender()} width={100}/> \r\n <Column dataField=\"paymentMethod\" caption=\"Forma Pago\" width={110}/> \r\n <Column dataField=\"createAt\" dataType=\"date\" caption=\"Fecha\" format={formatDateTime} width={150}/> \r\n <Column dataField=\"observation\" caption=\"Observación\" /> \r\n <Column dataField=\"createBy\" caption=\"vendedor\" /> \r\n <Summary>\r\n\r\n <TotalItem column=\"billId\" summaryType=\"sum\" customizeText={() => 'Totales :'}/> \r\n <TotalItem column=\"amount\" summaryType=\"sum\" customizeText={toMoney}/>\r\n <TotalItem column=\"pending\" summaryType=\"sum\" customizeText={toMoney} /> \r\n\r\n </Summary> \r\n </DataGrid>\r\n </Item> \r\n </Box>\r\n </div>\r\n );\r\n}\r\n\r\n\r\n\r\nexport default Recibos;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule, EmptyItem} from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { closeDialogRecibo } from '../../store/dialogRecibo/dialogReciboReducer';\r\nimport DataSource from \"devextreme/data/data_source\";\r\nimport { createStore, createStoreLocal } from '../../utils/proxy';\r\nimport { dataAccess, editorOptionsSelect, formatDate, resources } from '../../data/app';\r\nimport { DataGrid, Button } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid } from 'devextreme-react/data-grid';\r\nimport uri from '../../utils/uri';\r\nimport toCapital, { cellRender } from '../../utils/common';\r\nimport http from '../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, receiptDefault } from '../../data/defaultObjects';\r\nimport BillByClient from './BillByClient';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst MobilNuevo = (props) => {\r\n\r\n const [ authorized, can ] = useAuthorization( resources.crearRecibo );\r\n\r\n const { data, onSave, close } = props;\r\n const { id, billId, open, client, balance} = data;\r\n \r\n const [ saving, setSaving ] = useState(false);\r\n const [ receipt, setReceipt ] = useState({...receiptDefault});\r\n\r\n const refForm = useRef();\r\n\r\n const closeDialog = ( load ) => { \r\n\r\n close();\r\n if (load) {\r\n onSave(); \r\n } \r\n }\r\n\r\n const onHiding = ({ load }) => { \r\n closeDialog(load); \r\n } \r\n\r\n useEffect(() => { \r\n\r\n setReceipt({...receipt, id, billId, client, balance, amount : 0, observation : ''});\r\n\r\n if(id > 0)\r\n http(uri.receivables.getById(id)).asGet().then(resp => {\r\n\r\n setReceipt({...resp});\r\n closeDialog(true);\r\n\r\n });\r\n\r\n }, [id, billId]);\r\n\r\n const guardarRecibo = (e) => {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n setSaving(true); \r\n\r\n http(uri.receivables.insert).asPost(receipt).then(resp => {\r\n setSaving(false);\r\n notify(`Recibo ${resp.id} registrado correctamente`);\r\n closeDialog(true);\r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n const onValueChanged = (e) => {\r\n setReceipt({...receipt, amount : e.value ? balance : 0 }); \r\n }\r\n\r\n return (\r\n <div>\r\n <Popup\r\n fullScreen={true}\r\n title={id > 0 ? `Ver recibo` : `Nuevo recibo`}\r\n onHiding={onHiding}\r\n visible={open} \r\n className=\"bg-fbfbfb\" \r\n showCloseButton={true} \r\n >\r\n {authorized(<><Form formData={receipt} ref={refForm}>\r\n <GroupItem colCount={4}>\r\n <SimpleItem dataField=\"billId\" colSpan={2} \r\n editorOptions={{\r\n disabled : true\r\n }} >\r\n <Label text=\"Factura#\" />\r\n </SimpleItem>\r\n <EmptyItem colSpan={2} />\r\n <SimpleItem dataField=\"client\" colSpan={4} \r\n editorOptions={{\r\n disabled : true\r\n }} >\r\n <Label text=\"Cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"balance\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n readOnly : true,\r\n format: \"#,##0.00\"\r\n }} >\r\n <Label text=\"Pendiente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"amount\" colSpan={2} editorType=\"dxNumberBox\" editorOptions={{\r\n format: \"#,##0.00\"\r\n }}>\r\n <Label text=\"Monto pagado\" />\r\n <RequiredRule message=\"El monto es requerido\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"referencePhysical\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true }} >\r\n <Label text=\"# Recibo\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: createStoreLocal({ name: 'billPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false,\r\n //onValueChanged: e => setBill(_bill =>({ ..._bill, billPaymentTypeId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{ \r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n searchEnabled: false,\r\n //onValueChanged: e => setBill(_bill =>({ ..._bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"observation\" colSpan={4} editorType=\"dxTextArea\">\r\n <Label text=\"Observacion\" />\r\n <RequiredRule message=\"Ingrese una observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n </GroupItem> \r\n </Form> \r\n <br/> \r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar recibo`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving}\r\n onClick={guardarRecibo}\r\n /></>)} \r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default MobilNuevo;\r\n","import React, { useRef } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport { Column, Editing, Pager, Paging, Summary, TotalItem } from 'devextreme-react/data-grid';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\nimport { onCellPreparedReceipt } from '../../../components/bill/CellPrepared';\r\nimport { cellRender, dataFormatId, formatId, formatToMoney, toMoney } from '../../../utils/common';\r\nimport { store } from '../../../services/store';\r\nimport uri from '../../../utils/uri';\r\nimport { formatDateTime } from '../../../data/app';\r\nimport urlReport from '../../../services/reportServices';\r\n\r\nconst MobileReceiptByBillId = (props) => {\r\n\r\n const { onSave } = props;\r\n const refGrid = useRef();\r\n\r\n const onRowRemoved = (e) => {\r\n onSave();\r\n }\r\n\r\n const addMenuItems =(e) => {\r\n \r\n if (e.target == \"content\") {\r\n \r\n // e.items can be undefined\r\n if (!e.items) e.items = [];\r\n \r\n // Add a custom menu item\r\n if(e.rowIndex >= 0)\r\n e.items.push({\r\n\r\n text: `Imprimir recibo`,\r\n icon : 'print',\r\n onItemClick: () => {\r\n const report = urlReport();\r\n report.print(`${report.receiptTicket(e.row.data.id)}`);\r\n }\r\n \r\n });\r\n \r\n }\r\n }\r\n\r\n const { id, reference, cliente } = props;\r\n const title = `Recibos de la factura ${formatId(reference)}`;\r\n const titleCliente = `Cliente: ${cliente}`;\r\n \r\n return (<>\r\n <BlockHeader title={title} />\r\n <BlockHeader title={titleCliente} />\r\n <DataGrid\r\n id=\"gridReceipt\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={store({ uri: { get : uri.receivables.byBill(id), remove : uri.receivables.remove } })}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n rowAlternationEnabled={true} \r\n onCellPrepared={onCellPreparedReceipt} \r\n onRowRemoved={onRowRemoved} \r\n columnHidingEnabled={true}\r\n >\r\n <Paging defaultPageSize={20} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50]}\r\n />\r\n \r\n <Column dataField=\"referencePhysical\" caption=\"Recibo\" width={70} cellRender={dataFormatId} />\r\n <Column dataField=\"amount\" caption=\"Pagado\" width={70} cellRender={toMoney} />\r\n <Column dataField=\"balance\" caption=\"Pendiente\" width={80} cellRender={toMoney} />\r\n <Column dataField=\"observation\" caption=\"Observacion\" />\r\n <Column dataField=\"createBy\" caption='Creado por' width={100} />\r\n <Column dataField=\"createAt\" caption=\"Creado el\" dataType='date' format={formatDateTime} width={140} />\r\n <Summary> \r\n <TotalItem\r\n column=\"amount\"\r\n summaryType=\"sum\" \r\n customizeText={data => `${formatToMoney(data.value)}`} />\r\n </Summary> \r\n <Editing\r\n mode=\"popup\" \r\n allowDeleting={true}\r\n useIcons={true}\r\n ></Editing> \r\n </DataGrid>\r\n </>);\r\n \r\n}\r\n\r\nexport default MobileReceiptByBillId;\r\n","import React, { useEffect, useState, useRef, useCallback } from 'react';\r\nimport { Popup } from 'devextreme-react/popup';\r\nimport Form, { SimpleItem, GroupItem, Label, RequiredRule, StringLengthRule } from 'devextreme-react/form';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { billDialogAction } from '../../../store/bill/billDialogReducer';\r\nimport { createStoreLocal } from '../../../utils/proxy';\r\nimport { editorOptionsSelect, formatDate } from '../../../data/app';\r\nimport { DataGrid, Button, TextBox, ScrollView } from 'devextreme-react';\r\nimport { Column, Editing, Lookup, RequiredRule as RuleRequired, Button as ButtonGrid, Summary, TotalItem } from 'devextreme-react/data-grid';\r\nimport { cellRender, formatId, toMoney } from '../../../utils/common';\r\nimport http from '../../../utils/http';\r\nimport notify from 'devextreme/ui/notify';\r\nimport { billDefault, defaultLabels } from '../../../data/defaultObjects';\r\nimport { paymentType } from '../../../data/enums';\r\nimport ProductDDBComponent from '../../../components/dropdown/ProductDDBComponent';\r\nimport useProducts from '../../../hooks/useProducts';\r\nimport uri from '../../../utils/uri';\r\nimport moment from 'moment';\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { confirm } from 'devextreme/ui/dialog';\r\n\r\nconst Nuevo = props => {\r\n\r\n const { billDialog: { open, id, clientId }, user, } = useSelector(store => store);\r\n const [resumenData, setResumenData] = useState([]);\r\n const billDefaultCustom = { ...billDefault, clientId: clientId };\r\n\r\n const [ reload, setReload ] = useState(0);\r\n\r\n const { products, setProducts } = useProducts({ areaId: user.areaId, exists: true, reload });\r\n const [bill, setBill] = useState({ ...billDefaultCustom });\r\n const [saving, setSaving] = useState(false);\r\n const [lots, setLots] = useState([]); \r\n const [currentCreditDays, setCurrentCreditDays] = useState(0);\r\n\r\n let refForm = useRef();\r\n let refGrid = useRef();\r\n let textBoxRef = useRef();\r\n\r\n useEffect(() => {\r\n \r\n // if (appInfo.rate == 0) {\r\n // dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n // notify('Debe ingresar la tasa de cambio del dia para poder facturar', 'warning', 5000)\r\n // props.history.push('/app/tasa-de-cambio');\r\n // }\r\n\r\n if (id > 0) {\r\n\r\n http(uri.products.getByArea(user.areaId)).asGet().then(data => {\r\n setProducts(data);\r\n\r\n http(uri.bills.getById(id)).asGet().then(resp => {\r\n\r\n resp.billDetails.forEach(detail => {\r\n\r\n let info = products.find(x => x.id == detail.productId);\r\n\r\n detail['presentation'] = info.presentation;\r\n detail['um'] = info.um;\r\n detail['family'] = info.family;\r\n\r\n });\r\n\r\n setBill(_bill => ({ ..._bill, ...resp }));\r\n setResumenData([...resp.billDetails]);\r\n if (open) textBoxRef.current.instance.focus();\r\n })\r\n\r\n });\r\n\r\n } else {\r\n\r\n setBill({ ...billDefaultCustom, billDetails: [] });\r\n setResumenData([]);\r\n if (open) textBoxRef.current.instance.focus();\r\n\r\n }\r\n \r\n \r\n }, [open]);\r\n\r\n const alertUser = (e) => {\r\n e.preventDefault();\r\n e.returnValue = \"\";\r\n alert('saliendo');\r\n };\r\n\r\n\r\n useEffect(() => {\r\n if (open) textBoxRef.current.instance.focus();\r\n }, [open]);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const onKeyDown = (e) => {\r\n \r\n if(e?.event?.key == 'Enter'){\r\n\r\n const code = e.event.target.value;\r\n\r\n let info = products.find(x => x.internalCode == code);\r\n let newData = {};\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['quantity'] = 1;\r\n newData['total'] = info.price; \r\n newData['discount'] = 0;\r\n newData['productId'] = info.id; \r\n\r\n const newDetail = [...bill.billDetails, newData ];\r\n\r\n setBill(_bill => ({ ..._bill, billDetails: [...newDetail] }));\r\n setResumenData([...newDetail]); \r\n \r\n // textBoxRef.current.instance.option('value','');\r\n // textBoxRef.current.instance.focus();\r\n\r\n }\r\n\r\n }\r\n\r\n const closeDialog = (load) => {\r\n\r\n refForm.current.instance.resetValues();\r\n refGrid.current.instance.cancelEditData();\r\n\r\n dispatch(billDialogAction({ id: 0, clientId: 0, open: false }));\r\n if (load) {\r\n let { onSave } = props;\r\n onSave();\r\n }\r\n }\r\n\r\n const onHiding = ({ load }) => {\r\n closeDialog(load);\r\n }\r\n\r\n const guardarFactura = (e) => {\r\n\r\n refGrid.current.instance.saveEditData();\r\n let result = refGrid.current.instance.hasEditData();\r\n\r\n if (!result) {\r\n\r\n let result = refForm.current.instance.validate();\r\n\r\n if (result.isValid) {\r\n\r\n let result = confirm(\"<i>Esta seguro de guardar la factura?</i>\", \"Confirmar\");\r\n\r\n result.then((dialogResult) => {\r\n if (dialogResult) {\r\n \r\n setSaving(true);\r\n let data = { ...bill };\r\n \r\n http(uri.bills.insert).asPost(data).then(resp => {\r\n setSaving(false);\r\n notify(`Factura registrada correctamente`);\r\n setReload(Math.random());\r\n closeDialog(true); \r\n }).catch(err => {\r\n setSaving(false);\r\n notify(err, 'error', 5000);\r\n });\r\n\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n const setCellValue = (prop, newData, value, currentRowData) => {\r\n\r\n newData[prop] = value || 0;\r\n if (prop == 'productId' && value) {\r\n\r\n let info = products.find(x => x.id == value);\r\n\r\n newData['presentation'] = info.presentation;\r\n newData['um'] = info.um;\r\n newData['family'] = info.family;\r\n newData['price'] = info.price;\r\n newData['customPrice'] = info.price;\r\n newData['cost'] = info.cost;\r\n newData['discount'] = 0;\r\n !currentRowData['quantity'] && (newData['quantity'] = 1);\r\n !currentRowData['total'] && (newData['total'] = info.price);\r\n }\r\n\r\n if (prop == 'quantity' && (+value) >= 0) {\r\n newData['total'] = currentRowData['price'] * value;\r\n }\r\n\r\n if (prop == 'customPrice' && (+value) >= 0) {\r\n newData['total'] = currentRowData['quantity'] * value;\r\n }\r\n\r\n if (prop == 'discount' && (+value) >= 0) {\r\n newData['total'] = (currentRowData['quantity'] * currentRowData['customPrice']) - value;\r\n }\r\n\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['quantity', 'quantityRequest']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n e.cellElement.classList.add('quantity-text');\r\n if (e.column.dataField == 'customPrice')\r\n e.cellElement.classList.add('customPrice-text');\r\n\r\n }\r\n\r\n }\r\n\r\n const onRowInserted = e => {\r\n setResumenData([...bill.billDetails])\r\n }\r\n\r\n const isNew = id == 0;\r\n\r\n const init = \"\";\r\n\r\n useEffect(() => {\r\n\r\n http('catalogos/lots').asGet().then(_lots => {\r\n const lotsMap = _lots.map(x => ({ ...x, name: `${x.lote}-${moment(x.expireDate).format('DD-YYYY')}` }));\r\n setLots(lotsMap);\r\n });\r\n \r\n },[reload]);\r\n\r\n const paymentTypeIdChanged = (e) => {\r\n\r\n setBill(_bill => ({ \r\n ..._bill, paymentTypeId: e.value, \r\n paymentMethodId: e.value == paymentType.credito ? null : '', \r\n bankId: e.value == paymentType.credito ? null : '', \r\n reference:'', \r\n creditDays: e.value == paymentType.contado ? 0 : currentCreditDays }))\r\n }\r\n\r\n const clientIdChanged = (e) => {\r\n\r\n const client = e.component.option('items')\r\n .find(x => x.id == e.value);\r\n\r\n let creditDays = 0;\r\n \r\n if(client)\r\n creditDays = client.creditDays; \r\n \r\n setCurrentCreditDays(creditDays);\r\n setBill(_bill => ({ ..._bill, clientId: e.value, creditDays: creditDays }));\r\n \r\n }\r\n\r\n \r\n const dataSource = useCallback(() => new DataSource({\r\n load: (loadOptions) => {\r\n\r\n let params = {};\r\n params.skip = loadOptions.skip || 0;\r\n params.take = loadOptions.take || 10;\r\n\r\n if(loadOptions.searchValue)\r\n params.name = loadOptions.searchValue ;\r\n\r\n return http(uri.clients.asCatalog)\r\n .asGet(params).then(x => x.items);\r\n \r\n },\r\n byKey: id => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n if(id == 0)\r\n resolve(null);\r\n else\r\n http(uri.clients.getById(id)).asGet().then(resp => resolve(resp));\r\n });\r\n \r\n }, \r\n paginate : true,\r\n pageSize: 10\r\n }),[]);\r\n\r\n\r\n return (\r\n <div>\r\n <Popup\r\n fullScreen={true}\r\n title={isNew ? `Nueva factura` : `Ver factura ${formatId(id)}`}\r\n onHiding={onHiding}\r\n visible={open}\r\n showCloseButton={true}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <ScrollView showScrollbar='never'>\r\n <Form formData={bill} ref={refForm}>\r\n <GroupItem colCount={4}>\r\n <GroupItem colSpan={4}>\r\n <GroupItem colCount={6}>\r\n\r\n <SimpleItem dataField=\"date\" colSpan={2} editorType=\"dxDateBox\"\r\n editorOptions={{\r\n displayFormat: formatDate,\r\n openOnFieldClick: true,\r\n }} >\r\n <Label text=\"Fecha\" />\r\n <RequiredRule message=\"Seleccione la fecha\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"paymentTypeId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: createStoreLocal({ name: 'billPaymentType' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: paymentTypeIdChanged \r\n }} >\r\n <Label text=\"Tipo pago\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"codigo\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ placeholder: 'Talonario', showClearButton: true }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"clientId\" colSpan={4} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n dataSource: dataSource(),\r\n valueExpr:\"id\",\r\n displayExpr: item => item ? `${item.id} - ${item.name} ${item.lastName}` : '',\r\n searchEnabled: true,\r\n searchExpr: [\"name\", \"lastName\"]\r\n , showClearButton:true, onValueChanged: clientIdChanged}} >\r\n <Label text=\"Cliente\" />\r\n <RequiredRule message=\"Seleccione el cliente\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"creditDays\" colSpan={2} editorType=\"dxNumberBox\"\r\n editorOptions={{\r\n disabled: true\r\n }} >\r\n <Label text=\"Dias crédito\" />\r\n <RequiredRule message=\"Seleccione el tipo\" />\r\n </SimpleItem> \r\n\r\n <SimpleItem dataField=\"paymentMethodId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'billPaymentMethod' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill =>({ ..._bill, billPaymentTypeId: e.value, }))\r\n }} >\r\n <Label text=\"Forma pago\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"bankId\" colSpan={2} editorType=\"dxSelectBox\"\r\n editorOptions={{\r\n disabled: bill.paymentTypeId == paymentType.credito,\r\n dataSource: createStoreLocal({ name: 'bank' }),\r\n ...editorOptionsSelect,\r\n onValueChanged: e => setBill(_bill =>({ ..._bill, bankId: e.value, }))\r\n }} >\r\n <Label text=\"Banco\" />\r\n </SimpleItem>\r\n <SimpleItem dataField=\"reference\" colSpan={2} editorType=\"dxTextBox\"\r\n editorOptions={{ showClearButton: true, disabled: bill.paymentTypeId == paymentType.credito, }} >\r\n <Label text=\"Referencia\" />\r\n </SimpleItem>\r\n \r\n <SimpleItem dataField=\"observation\" colSpan={6} editorType=\"dxTextBox\">\r\n <Label text=\"Observacion\" />\r\n <StringLengthRule max={150} message=\"Maximo 150 caracteres\" />\r\n </SimpleItem>\r\n\r\n </GroupItem>\r\n </GroupItem> \r\n\r\n </GroupItem>\r\n <GroupItem>\r\n <DataGrid id=\"gridDetails\"\r\n ref={refGrid}\r\n selection={{ mode: 'single' }}\r\n dataSource={bill.billDetails}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n height={280}\r\n columnHidingEnabled={true}\r\n onRowInserted={onRowInserted}\r\n onRowRemoved={onRowInserted}\r\n onRowUpdated={onRowInserted}\r\n onCellPrepared={onCellPrepared}\r\n >\r\n \r\n <Column dataField=\"productId\" caption=\"Producto\"\r\n setCellValue={setCellValue.bind(null, \"productId\")}\r\n editCellComponent={props => <ProductDDBComponent showPrice={true} {...props} />}\r\n >\r\n \r\n <Lookup\r\n dataSource={products}\r\n valueExpr=\"id\"\r\n displayExpr={item => item ? `${item.internalCode} - ${item.name}` : ''}\r\n\r\n />\r\n <RuleRequired />\r\n </Column> \r\n <Column dataField=\"family\" caption={defaultLabels.family} width={120} allowEditing={false}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"quantity\" caption=\"Cantidad\" dataType=\"number\" width={80}\r\n setCellValue={setCellValue.bind(null, \"quantity\")}\r\n >\r\n <RuleRequired />\r\n </Column>\r\n <Column visible={false} dataField=\"price\" caption=\"Precio\" dataType=\"number\" width={100} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"customPrice\" caption=\"Precio\" dataType=\"number\" width={100} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"customPrice\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"discount\" caption=\"Desc\" dataType=\"number\" width={80} cellRender={cellRender()}\r\n setCellValue={setCellValue.bind(null, \"discount\")}>\r\n <RuleRequired />\r\n </Column>\r\n <Column dataField=\"total\" caption=\"Total\" dataType=\"number\" width={120} allowEditing={false} cellRender={cellRender()} >\r\n <RuleRequired />\r\n </Column>\r\n <Column type=\"buttons\" width={50}>\r\n <ButtonGrid name=\"delete\" />\r\n </Column>\r\n <Summary>\r\n <TotalItem column=\"productId\" summaryType=\"count\" />\r\n <TotalItem column=\"discount\" summaryType=\"sum\" customizeText={toMoney} />\r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={toMoney} />\r\n </Summary>\r\n <Editing\r\n mode=\"cell\"\r\n allowDeleting={true}\r\n allowUpdating={true}\r\n selectTextOnEditStart={true}\r\n useIcons={true}\r\n ></Editing>\r\n </DataGrid>\r\n </GroupItem>\r\n <GroupItem colCount={6}> \r\n <SimpleItem colSpan={2} dataField=\"codeAuth\" editorType=\"dxTextBox\" editorOptions={{readOnly: true}}>\r\n <Label text=\"Código Autorización\" /> \r\n </SimpleItem>\r\n </GroupItem>\r\n </Form>\r\n </ScrollView>\r\n <div className='flex-v'>\r\n <TextBox visible={false} focusStateEnabled={true} ref={textBoxRef} onKeyDown={onKeyDown} value={init}></TextBox>\r\n <Button\r\n className=\"mt-10\"\r\n text={saving ? 'Guardando...' : `Guardar factura`}\r\n type=\"success\"\r\n icon='save'\r\n disabled={saving}\r\n visible={isNew}\r\n onClick={guardarFactura}\r\n />\r\n </div>\r\n\r\n </Popup>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Nuevo;\r\n","import React, { useRef, useState }from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n Column, \r\n Summary,\r\n TotalItem, \r\n}\r\n from 'devextreme-react/data-grid';\r\nimport * as NuevoReceipt from '../../../components/bill/MobilNuevo';\r\nimport { DataGrid, ProgressBar, Popup } from 'devextreme-react';\r\nimport Title from \"../../../components/shared/Title\";\r\nimport { store } from \"../../../services/store\";\r\nimport { formatDate, formatDateTime } from '../../../data/app';\r\nimport { useDispatch } from 'react-redux';\r\nimport { cellRender, cellRenderBold, dataFormatId } from \"../../../utils/common\";\r\nimport numeral from \"numeral\";\r\nimport moment from \"moment\";\r\nimport BlockHeaderStateCC from \"../../../components/shared/BlockHeaderStateCC\";\r\nimport { setGridStateCC } from '../../../store/gridStateCC/gridStateCCReducer';\r\nimport { billDialogAction } from '../../../store/bill/billDialogReducer';\r\nimport urlReport from \"../../../services/reportServices\";\r\nimport MobileReceiptByBillId from \"../receipts/MobileReceiptByBillId\";\r\nimport Nuevo from '../bills/Nuevo';\r\n\r\nconst MobilePending = props => {\r\n\r\n const [dataDialog, setDataDialog] = useState({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n const [dialogReceipt, setDialogReceipt] = useState({ open: false, id: 0, reference: 0 });\r\n\r\n let refGrid = useRef();\r\n\r\n const dispatch = useDispatch();\r\n\r\n const showDialog = (id) => dispatch(billDialogAction({ open: true, id })); \r\n \r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.billTicket(id)}`);\r\n\r\n }\r\n\r\n const close = e => {\r\n setDataDialog({ id: 0, billId: 0, open: false, client: '', balance: '' });\r\n }\r\n \r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data' && e.column.allowEditing) {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n }\r\n\r\n }\r\n\r\n const title = \"Cuentas por cobrar\"; \r\n \r\n const customizeText = (cellInfo) => {\r\n return `C$ ${numeral(cellInfo.value).format('0,0.00')}`\r\n }\r\n\r\n const cellBar = (data) => {\r\n\r\n const { creditDays, daysInDebt, mora, expirationDate } = data.row.data;\r\n\r\n const vence = moment(expirationDate).format('DD/MM/YYYY');\r\n\r\n const statusFormat = value => mora < 0 ? `Vencida el ${vence}` : `${creditDays - daysInDebt} dias restantes. Vence el ${vence}`;\r\n\r\n return (\r\n <ProgressBar\r\n id=\"progress-bar-status\" \r\n className={mora < 0 ? 'bar-red' : 'bar-blue'} \r\n min={0} \r\n max={creditDays}\r\n value={daysInDebt}\r\n statusFormat={statusFormat}\r\n showStatus={true}\r\n />\r\n )\r\n }\r\n\r\n const onRowClick = e => {\r\n \r\n const { id } = e.data;\r\n\r\n dispatch(setGridStateCC({\r\n id: id, \r\n data: e.data,\r\n disabledView: false, \r\n disabledPrint: false, \r\n disabledPayment: false, \r\n disabledViewReceipts: false, \r\n disabledCancel: false }));\r\n\r\n }\r\n\r\n const onSave = (e) => refGrid.current.instance.refresh();\r\n\r\n return (\r\n <div className=\"container mobile\">\r\n <Title title={title} />\r\n <BlockHeaderStateCC title={title} icon=\"icon-file-text\" \r\n onClickView={(id) => showDialog(id)}\r\n onClickPrint={id => printReport(id)}\r\n onClickPayment={(id, billId, open, client, balance) => setDataDialog({ id: 0, billId, open, client, balance })}\r\n onClickViewReceipts={(open, id, nombre) => setDialogReceipt({ open, id, reference: id, cliente:nombre })}\r\n > \r\n </BlockHeaderStateCC> \r\n <Popup\r\n fullScreen={true}\r\n showCloseButton={true}\r\n title={`Recibos`}\r\n onHiding={e => setDialogReceipt({ open: false, id: 0 })}\r\n visible={dialogReceipt.open}\r\n className=\"bg-fbfbfb\"\r\n >\r\n <MobileReceiptByBillId id={dialogReceipt.id} reference={dialogReceipt.reference} onSave={onSave} cliente={dialogReceipt.cliente} />\r\n </Popup> \r\n <Nuevo onSave={onSave} { ...props } />\r\n <NuevoReceipt.default data={dataDialog} close={close} onSave={() => 0} />\r\n <DataGrid\r\n ref={refGrid}\r\n dataSource={store({uri : { get : 'clients/pending/get' } })}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n //columnHidingEnabled={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true} \r\n onRowClick={onRowClick}\r\n onCellPrepared={onCellPrepared} \r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={15} />\r\n <FilterRow visible={true} /> \r\n <Column dataField=\"id\" caption=\"Factura\" width={70} cellRender={dataFormatId} alignment=\"rigth\" />\r\n <Column dataField=\"date\" caption=\"Fecha\" dataType='date' format={formatDate} width={100} />\r\n <Column dataField=\"name\" caption=\"Cliente\" allowHeaderFiltering={false} />\r\n <Column dataField=\"asignedTo\" caption='Vendedor' width={100} /> \r\n <Column dataField=\"total\" width={110} cellRender={cellRender()} />\r\n <Column dataField=\"amount\" caption='Pagado' width={110} cellRender={cellRender()} />\r\n <Column dataField=\"balance\" caption='Saldo' width={110} cellRender={cellRenderBold()} />\r\n <Column dataField=\"mora\" caption='Mora Dias' width={110} />\r\n <Column dataField=\"progress\" caption=\"Activa\" cellRender={cellBar} />\r\n <Column dataField=\"createAt\" caption='Creado el' dataType='date' visible={true} format={formatDateTime} width={180} /> \r\n <Summary> \r\n <TotalItem column=\"total\" summaryType=\"sum\" customizeText={customizeText} />\r\n <TotalItem column=\"amount\" summaryType=\"sum\" customizeText={customizeText} />\r\n <TotalItem column=\"balance\" summaryType=\"sum\" customizeText={customizeText} />\r\n </Summary>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default MobilePending;\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Export, \r\n Button as ButtonGrid, \r\n Editing,\r\n Popup, \r\n Form, \r\n RequiredRule,\r\n StringLengthRule, \r\n}\r\n from 'devextreme-react/data-grid';\r\n \r\nimport { EmailRule, EmptyItem, Item } from 'devextreme-react/form';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport BlockHeader from '../../components/shared/BlockHeader';\r\nimport Title from \"../../components/shared/Title\";\r\nimport { store } from \"../../services/store\";\r\nimport { formatDate, resources, } from '../../data/app';\r\nimport { createStore, createStoreLocal } from \"../../utils/proxy\";\r\nimport uri from \"../../utils/uri\";\r\nimport useAuthorization from \"../../hooks/useAuthorization\";\r\nimport { cellRender } from \"../../utils/common\";\r\nimport http from \"../../utils/http\";\r\nimport { clientDialogAction } from \"../../store/client/clientDialogReducer\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport Nuevo from \"./Nuevo\";\r\n\r\nconst ClientsMobile = props => {\r\n\r\n const [cities, setCities] = useState([]);\r\n\r\n const [ authorized ] = useAuthorization( resources.verClientes );\r\n\r\n let dataGrid = useRef();\r\n const title = \"Clientes\"; \r\n\r\n const onToolbarPreparing = e => {\r\n\r\n e.toolbarOptions.items.unshift({\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n stylingMode:\"outlined\",\r\n type:'default',\r\n icon: 'add',\r\n text: 'Agregar cliente',\r\n onClick: e => showDialog(0)// dispatch(openDialog({open : true, id : 0}))\r\n }\r\n });\r\n }\r\n\r\n const onRowDblClick = (e) => {\r\n // history.push('/clinica/cliente/'+e.data.id);\r\n }\r\n\r\n const onSave = (params) => {\r\n dataGrid.current.instance.refresh();\r\n } \r\n\r\n const dispatch = useDispatch();\r\n\r\n const showDialog = (id) => dispatch(clientDialogAction({ open: true, id }))\r\n\r\n const getFilteredCities = (options) => {\r\n return {\r\n store: cities,\r\n filter: options.data ? ['departmentId', '=', options.data.departmentId] : null\r\n };\r\n }\r\n\r\n const setStateValue = (rowData, value) => {\r\n\r\n rowData['departmentId'] = value || 0;\r\n rowData.cityId = null;\r\n \r\n }\r\n\r\n useEffect(() => {\r\n http('catalogos/City').asGet().then(resp => setCities(resp))\r\n }, [0]);\r\n\r\n const onInitNewRow = (e) => {\r\n e.data.creditLimit = 0;\r\n }\r\n\r\n\r\n\r\n return authorized(\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} />\r\n <Nuevo onSave={onSave} isMobile={true} /> \r\n <DataGrid\r\n ref={dataGrid}\r\n dataSource={store({uri : uri.clients, remoteOperations: true })}\r\n selection={{ mode: 'single' }}\r\n showBorders={true}\r\n showRowLines={true}\r\n allowColumnResizing={true}\r\n allowColumnReordering={true}\r\n hoverStateEnabled={true}\r\n columnAutoWidth={true}\r\n rowAlternationEnabled={true}\r\n onToolbarPreparing={onToolbarPreparing}\r\n onRowDblClick={onRowDblClick}\r\n onInitNewRow={onInitNewRow}\r\n remoteOperations={{\r\n paging: true,\r\n filtering: true\r\n }} \r\n >\r\n <Pager allowedPageSizes={[10, 15, 30, 50]} showPageSizeSelector={true} showInfo={true} />\r\n <Paging defaultPageSize={10} />\r\n <FilterRow visible={true} />\r\n <ColumnChooser enabled={true} />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <Column type=\"buttons\" width={90}>\r\n <ButtonGrid name=\"edit\" icon=\"edit\" onClick={e => showDialog(e.row.data.id)}/>\r\n <ButtonGrid name=\"delete\" />\r\n </Column> \r\n <Column dataField=\"identification\" caption=\"Identificacion\" width={130} visible={false} />\r\n <Column dataField=\"name\" caption=\"Nombre\" minWidth={180} />\r\n <Column dataField=\"typeId\" caption=\"Tipo\" width={120}>\r\n <Lookup disabled={true} dataSource={createStoreLocal({name : 'clientType'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"lastName\" caption=\"Apellidos/Contacto\" minWidth={140}/>\r\n <Column dataField=\"birthdate\" caption=\"Fecha de Nac\" width={120} dataType=\"date\" format={formatDate} />\r\n <Column dataField=\"sexId\" caption=\"Sexo\" visible={false}>\r\n <Lookup dataSource={createStoreLocal({name : 'sex'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column>\r\n <Column dataField=\"address\" caption=\"Direción\" visible={false} allowFiltering={false} />\r\n <Column dataField=\"phoneNumber\" caption=\"Telefono\" allowFiltering={false} />\r\n <Column dataField=\"phoneNumberWork\" caption=\"Telefono Trab\" allowFiltering={false} visible={false}/>\r\n <Column dataField=\"cellNumber\" caption=\"Celular\" allowFiltering={false} />\r\n <Column dataField=\"email\" caption=\"Correo\" allowFiltering={false} visible={false} /> \r\n <Column dataField=\"departmentId\" caption=\"Departamento\" width={150} setCellValue={setStateValue} visible={false}>\r\n <Lookup disabled={true} dataSource={createStore({name : 'department'} )} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"cityId\" caption=\"Ciudad\" width={150} visible={false}>\r\n <Lookup disabled={true} dataSource={getFilteredCities} valueExpr=\"id\" displayExpr=\"name\" />\r\n </Column> \r\n <Column dataField=\"creditLimit\" caption=\"Monto Credito\" cellRender={cellRender()} /> \r\n <Column dataField=\"creditDays\" caption=\"Dias Credito\" /> \r\n <Column dataField=\"isCompany\" caption=\"Empresa\"/> \r\n \r\n \r\n <Editing\r\n mode=\"popup\"\r\n allowUpdating={true}\r\n allowDeleting={true}\r\n useIcons={true}\r\n >\r\n <Popup title={title} showTitle={true} width={800} height={580}>\r\n\r\n </Popup> \r\n </Editing>\r\n </DataGrid>\r\n </div>\r\n )\r\n\r\n\r\n}\r\n\r\n\r\nexport default ClientsMobile;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { DataGrid, Box, DropDownBox, DateBox, SelectBox, Button } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n Column,\r\n Export,\r\n Scrolling,\r\n Selection,\r\n GroupPanel,\r\n SearchPanel,\r\n Grouping,\r\n Summary,\r\n TotalItem,\r\n GroupItem\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../../components/shared/Title';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../../data/headerNavigation\";\r\nimport { formatDate } from '../../../data/app';\r\nimport { cellRender, formatToMoneyNumber, onCellPreparedSales, } from '../../../utils/common';\r\n\r\nimport uri from '../../../utils/uri';\r\nimport http from '../../../utils/http';\r\n\r\nimport { dateByReport, defaultLabels } from '../../../data/defaultObjects';\r\n\r\nconst Ingresos = (props) => {\r\n \r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState(undefined);\r\n const [ loading, setLoading ] = useState(false);\r\n\r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n\r\n const loadReport = () => {\r\n if(dateFrom && dateTo){\r\n setLoading(true);\r\n http('reports/ingresos').asPost({areaId:0, from : dateFrom, to: dateTo}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n }\r\n };\r\n\r\n const title = 'Últimos Ingresos';\r\n\r\n return (\r\n <div className=\"container\">\r\n <Title title={title} />\r\n <BlockHeader title={title} showFavorite={true} {...props}></BlockHeader>\r\n <Box direction=\"row\" width=\"100%\" height={75}> \r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Desde:</label>\r\n <DateBox type=\"date\" \r\n value={dateFrom}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateFrom}/>\r\n </div>\r\n </Item>\r\n <Item ratio={1}>\r\n <div className=\"ml-10\">\r\n <label>Hasta:</label>\r\n <DateBox type=\"date\" \r\n value={dateTo}\r\n displayFormat={formatDate} \r\n openOnFieldClick={true} \r\n onValueChanged={changeDateTo}/>\r\n </div>\r\n </Item> \r\n <Item ratio={1}>\r\n <div style={{ paddingTop : '19px' }}>\r\n <Button\r\n width={120}\r\n text={`${loading ? 'Buscando...' : 'Buscar'}`}\r\n type=\"default\"\r\n icon=\"search\"\r\n stylingMode=\"contained\"\r\n className=\"m-1\"\r\n disabled={loading}\r\n onClick={loadReport}\r\n />\r\n </div>\r\n </Item>\r\n </Box>\r\n <Box direction=\"row\" width=\"100%\" height={75}>\r\n <Item ratio={1}> \r\n <DataGrid\r\n id=\"gridContainer\"\r\n keyExpr=\"id\"\r\n selection={{ mode: 'single' }}\r\n dataSource={data}\r\n showBorders={true}\r\n showRowLines={true}\r\n hoverStateEnabled={true}\r\n onCellPrepared={onCellPreparedSales}\r\n > \r\n \r\n \r\n <Paging defaultPageSize={10} />\r\n <Pager\r\n showInfo={true}\r\n showPageSizeSelector={true}\r\n allowedPageSizes={[10, 20, 50,100,500]}\r\n />\r\n <Export enabled={true} fileName={title} allowExportSelectedData={true} /> \r\n <FilterRow visible={true} />\r\n\r\n <Column dataField=\"id\" caption=\"Compra#\" width={70} /> \r\n <Column dataField=\"date\" dataType=\"date\" caption=\"Fecha\" format={formatDate} width={100}/> \r\n <Column dataField=\"provider\" caption=\"Proveedor\" width={70} visible={false}/> \r\n \r\n <Column dataField=\"internalCode\" caption=\"Código\" width={100}/> \r\n <Column dataField=\"product\" minWidth={180} caption=\"Producto\" /> \r\n\r\n <Column dataField=\"family\" caption={defaultLabels.family} width={100}/> \r\n <Column dataField=\"um\" caption=\"UM\" width={100}/> \r\n <Column dataField=\"presentation\" caption={defaultLabels.presentacion} width={100}/> \r\n\r\n <Column dataField=\"quantity\" caption=\"Cant\" width={70}/> \r\n <Column dataField=\"price\" caption=\"Precio\" cellRender={cellRender()} width={100}/> \r\n \r\n \r\n </DataGrid>\r\n </Item> \r\n </Box>\r\n </div>\r\n );\r\n}\r\n\r\n\r\n\r\nexport default Ingresos;\r\n","import React from 'react';\r\n\r\nimport {\r\n Chart,\r\n CommonSeriesSettings,\r\n Series,\r\n ArgumentAxis,\r\n Grid,\r\n Crosshair,\r\n Export,\r\n Legend,\r\n Point,\r\n Label,\r\n Font,\r\n Title,\r\n Subtitle,\r\n Tooltip,\r\n } from 'devextreme-react/chart';\r\nimport { formatToMoneyNumber } from '../../../../utils/common';\r\nimport moment from 'moment';\r\n\r\n\r\nconst ChartLine = ({ data, type, typeLabel, reverseType, reverseTypeLabel , collection, currentCategory }) => {\r\n \r\n const customizeTooltip = (pointInfo) => ({\r\n text: `${formatToMoneyNumber(pointInfo.valueText)}`,\r\n });\r\n\r\n function onLegendClick(e) {\r\n e.target.isVisible() ? e.target.hide() : e.target.show();\r\n }\r\n\r\n const customizeText = (e) => moment(e.value).format('DD-MMM');\r\n\r\n const orderByDate = (a, b) => {\r\n return new Date(a.date) - new Date(b.date);\r\n }\r\n\r\n return (\r\n <Chart\r\n id={`chart-${type}`}\r\n dataSource={data.sort(orderByDate)}\r\n onLegendClick={onLegendClick} \r\n title={`Top ventas de ${typeLabel} por ${reverseTypeLabel} ${currentCategory}`}\r\n >\r\n <CommonSeriesSettings\r\n argumentField={'date'}\r\n type=\"spline\" \r\n />\r\n {collection.map((item) => (\r\n <Series\r\n key={item}\r\n valueField={item}\r\n name={item}\r\n ignoreEmptyPoints={true}\r\n showInLegend={true}\r\n />\r\n ))}\r\n <ArgumentAxis\r\n valueMarginsEnabled={false}\r\n discreteAxisDivisionMode=\"crossLabels\"\r\n >\r\n <Grid visible={true} />\r\n <Label customizeText={customizeText} />\r\n </ArgumentAxis>\r\n <Crosshair\r\n enabled={true}\r\n color=\"#949494\"\r\n width={3}\r\n dashStyle=\"dot\"\r\n >\r\n <Label\r\n visible={true}\r\n backgroundColor=\"#949494\"\r\n >\r\n <Font\r\n color=\"#fff\"\r\n size={12}\r\n />\r\n </Label>\r\n </Crosshair>\r\n <Legend\r\n verticalAlignment=\"left\"\r\n horizontalAlignment=\"left\"\r\n itemTextPosition=\"left\"\r\n \r\n />\r\n <Title text=\"Energy Consumption in 2004\">\r\n <Subtitle text=\"(Millions of Tons, Oil Equivalent)\" />\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ChartLine;\r\n","import React from 'react';\r\n\r\nimport Chart, {\r\n CommonSeriesSettings,\r\n Series,\r\n SelectionStyle,\r\n Hatching,\r\n Legend,\r\n Export,\r\n Tooltip,\r\n Title\r\n } from 'devextreme-react/chart';\r\n\r\nimport { formatToMoneyNumber } from '../../../../utils/common';\r\n\r\n\r\n\r\nconst ChartBar = ({ data, type, typeLabel, reverseType, reverseTypeLabel , onPointClick }) => {\r\n \r\n const totalGlobal = data.reduce((prev, current) => prev + current.total, 0);\r\n\r\n const customizeTooltipHTML = (pointInfo) => {\r\n\r\n const percent = parseFloat((pointInfo.value / totalGlobal) * 100).toFixed(2);\r\n\r\n return {\r\n html: `\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ChartPie;\r\n","import React, { useCallback, useState } from 'react';\r\nimport ChartLine from './ChartLine';\r\nimport ChartBar from './ChartBar';\r\nimport { Box, TagBox } from 'devextreme-react';\r\nimport { Item } from 'devextreme-react/box';\r\nimport ChartPie from './PieChart';\r\nimport './index.css';\r\nconst CharByType = ({ data, type, typeLabel, reverseType, reverseTypeLabel }) => {\r\n\r\n const [ currentCategory, setCurrentCategory ] = useState(null);\r\n const [ filter, setFilter ] = useState([]);\r\n\r\n const onPointClick = (e) => {\r\n\r\n const { target: point } = e;\r\n\r\n if (point.isSelected()) {\r\n point.clearSelection();\r\n setCurrentCategory(null);\r\n } else {\r\n point.select();\r\n setCurrentCategory(point.argument);\r\n }\r\n\r\n }\r\n\r\n const getUniques = (property, _data) => {\r\n return [...new Set(_data.map(item => item[property]))];\r\n }\r\n\r\n\r\n const getDataGeneral = useCallback((_data) => { \r\n\r\n const data = _data.filter(item => {\r\n\r\n if(filter.length == 0) return true;\r\n\r\n return filter.includes(item[type]);\r\n \r\n });\r\n\r\n if(data.length === 0) return [];\r\n\r\n const getTotal = (_type) => {\r\n return data.filter(item => item[type] === _type)\r\n .reduce((prev, current) => prev + current.total, 0);\r\n }\r\n\r\n const dataByType = getUniques(type, data)\r\n\r\n const dataGeneral = dataByType.map(_type => {\r\n return {\r\n [type] : _type,\r\n total : getTotal(_type)\r\n }\r\n });\r\n\r\n return dataGeneral;\r\n\r\n },[filter, data]);\r\n\r\n const getDataDetail = useCallback((data) => {\r\n\r\n if(data.length === 0) return [];\r\n\r\n if(!currentCategory) return [];\r\n\r\n const dataByDates = getUniques('date', data);\r\n const dataByTypes = getUniques(reverseType, data);\r\n\r\n const dataDetail = dataByDates.map(date => {\r\n\r\n const dataByReverseType = dataByTypes.map(dataByType => {\r\n return {\r\n [dataByType] : data.filter(item => item.date === date && item[reverseType] === dataByType && item[type] === currentCategory)\r\n .reduce((prev, current) => prev + current.total, 0)\r\n }\r\n });\r\n\r\n let result = { date };\r\n\r\n for (const value of dataByReverseType.values()) {\r\n\r\n result = { ...result, ...value };\r\n \r\n }\r\n\r\n return result;\r\n })\r\n\r\n return dataDetail;\r\n\r\n\r\n\r\n } ,[currentCategory]);\r\n\r\n const getDataDetailDoughnut = useCallback((data) => {\r\n\r\n if(data.length === 0) return [];\r\n\r\n if(!currentCategory) return [];\r\n \r\n const dataByTypes = getUniques(reverseType, data);\r\n\r\n const dataDetail = dataByTypes.map(dataByType => {\r\n return {\r\n [reverseType]: dataByType,\r\n total : data.filter(item => item[reverseType] === dataByType && item[type] === currentCategory)\r\n .reduce((prev, current) => prev + current.total, 0)\r\n }\r\n }); \r\n\r\n return dataDetail;\r\n\r\n } ,[currentCategory]);\r\n \r\n const dataGeneral = getDataGeneral(data);\r\n\r\n const dataDetail = getDataDetail(data);\r\n\r\n const dataDetailDoughnut = getDataDetailDoughnut(data);\r\n\r\n const collection = getUniques(type, data);\r\n\r\n const collectionReserve = getUniques(reverseType, data);\r\n\r\n return (\r\n (\r\n \r\n\r\n \r\n\r\n \r\n\r\n )\r\n}\r\n\r\nexport default Layout;\r\n\r\n","export const esMessages = {\r\n \"Yes\": \"Sí\",\r\n \"No\": \"No\",\r\n \"Cancel\": \"Cancelar\",\r\n \"Clear\": \"Limpiar\",\r\n \"Done\": \"Hecho\",\r\n \"Loading\": \"Cargando...\",\r\n \"Select\": \"Seleccionar...\",\r\n \"Search\": \"Buscar\",\r\n \"Back\": \"Volver\",\r\n \"OK\": \"Aceptar\",\r\n \"dxCollectionWidget-noDataText\": \"Sin datos para mostrar\",\r\n \"dxDropDownEditor-selectLabel\": \"Seleccionar\",\r\n \"validation-required\": \"Obligatorio\",\r\n \"validation-required-formatted\": \"{0} es obligatorio\",\r\n \"validation-numeric\": \"Valor debe ser un número\",\r\n \"validation-numeric-formatted\": \"{0} debe ser un número\",\r\n \"validation-range\": \"Valor fuera de rango\",\r\n \"validation-range-formatted\": \"{0} fuera de rango\",\r\n \"validation-stringLength\": \"El tamaño del valor es incorrecto\",\r\n \"validation-stringLength-formatted\": \"El tamaño de {0} es incorrecto\",\r\n \"validation-custom\": \"Valor inválido\",\r\n \"validation-custom-formatted\": \"{0} inválido\",\r\n \"validation-async\": \"Valor inválido\",\r\n \"validation-async-formatted\": \"{0} inválido\",\r\n \"validation-compare\": \"Valores no coinciden\",\r\n \"validation-compare-formatted\": \"{0} no coinciden\",\r\n \"validation-pattern\": \"Valor no coincide con el patrón\",\r\n \"validation-pattern-formatted\": \"{0} no coincide con el patrón\",\r\n \"validation-email\": \"Email inválido\",\r\n \"validation-email-formatted\": \"{0} inválido\",\r\n \"validation-mask\": \"Valor inválido\",\r\n \"dxLookup-searchPlaceholder\": \"Cantidad mínima de caracteres: {0}\",\r\n \"dxList-pullingDownText\": \"Desliza hacia abajo para actualizar...\",\r\n \"dxList-pulledDownText\": \"Suelta para actualizar...\",\r\n \"dxList-refreshingText\": \"Actualizando...\",\r\n \"dxList-pageLoadingText\": \"Cargando...\",\r\n \"dxList-nextButtonText\": \"Más\",\r\n \"dxList-selectAll\": \"Seleccionar Todo\",\r\n \"dxListEditDecorator-delete\": \"Eliminar\",\r\n \"dxListEditDecorator-more\": \"Más\",\r\n \"dxScrollView-pullingDownText\": \"Desliza hacia abajo para actualizar...\",\r\n \"dxScrollView-pulledDownText\": \"Suelta para actualizar...\",\r\n \"dxScrollView-refreshingText\": \"Actualizando...\",\r\n \"dxScrollView-reachBottomText\": \"Cargando...\",\r\n \"dxDateBox-simulatedDataPickerTitleTime\": \"Seleccione hora\",\r\n \"dxDateBox-simulatedDataPickerTitleDate\": \"Seleccione fecha\",\r\n \"dxDateBox-simulatedDataPickerTitleDateTime\": \"Seleccione fecha y hora\",\r\n \"dxDateBox-validation-datetime\": \"Valor debe ser una fecha u hora\",\r\n \"dxFileUploader-selectFile\": \"Seleccionar archivo\",\r\n \"dxFileUploader-dropFile\": \"o arrastre un archivo aquí\",\r\n \"dxFileUploader-bytes\": \"bytes\",\r\n \"dxFileUploader-kb\": \"kb\",\r\n \"dxFileUploader-Mb\": \"Mb\",\r\n \"dxFileUploader-Gb\": \"Gb\",\r\n \"dxFileUploader-upload\": \"Subir\",\r\n \"dxFileUploader-uploaded\": \"Subido\",\r\n \"dxFileUploader-readyToUpload\": \"Listo para subir\",\r\n \"dxFileUploader-uploadFailedMessage\": \"Falla ao subir\",\r\n \"dxFileUploader-invalidFileExtension\": \"Tipo de archivo no está permitido\",\r\n \"dxFileUploader-invalidMaxFileSize\": \"Archivo es muy grande\",\r\n \"dxFileUploader-invalidMinFileSize\": \"Archivo es muy pequeño\",\r\n \"dxRangeSlider-ariaFrom\": \"Desde\",\r\n \"dxRangeSlider-ariaTill\": \"Hasta\",\r\n \"dxSwitch-switchedOnText\": \"ENCENDIDO\",\r\n \"dxSwitch-switchedOffText\": \"APAGADO\",\r\n \"dxForm-optionalMark\": \"opcional\",\r\n \"dxForm-requiredMessage\": \"{0} es obligatorio\",\r\n \"dxNumberBox-invalidValueMessage\": \"Valor debe ser un número\",\r\n \"dxDataGrid-columnChooserTitle\": \"Selector de Columnas\",\r\n \"dxDataGrid-columnChooserEmptyText\": \"Arrastra una columna aquí para ocultarla\",\r\n \"dxDataGrid-groupContinuesMessage\": \"Continúa en la página siguiente\",\r\n \"dxDataGrid-groupContinuedMessage\": \"Continuación de la página anterior\",\r\n \"dxDataGrid-groupHeaderText\": \"Agrupar por esta columna\",\r\n \"dxDataGrid-ungroupHeaderText\": \"Desagrupar\",\r\n \"dxDataGrid-ungroupAllText\": \"Desagrupar Todo\",\r\n \"dxDataGrid-editingEditRow\": \"Modificar\",\r\n \"dxDataGrid-editingSaveRowChanges\": \"Guardar\",\r\n \"dxDataGrid-editingCancelRowChanges\": \"Cancelar\",\r\n \"dxDataGrid-editingDeleteRow\": \"Eliminar\",\r\n \"dxDataGrid-editingUndeleteRow\": \"Recuperar\",\r\n \"dxDataGrid-editingConfirmDeleteMessage\": \"¿Está seguro que desea eliminar este registro?\",\r\n \"dxDataGrid-validationCancelChanges\": \"Cancelar cambios\",\r\n \"dxDataGrid-groupPanelEmptyText\": \"Arrastra una columna aquí para agrupar por ella\",\r\n \"dxDataGrid-noDataText\": \"Sin datos\",\r\n \"dxDataGrid-searchPanelPlaceholder\": \"Buscar...\",\r\n \"dxDataGrid-filterRowShowAllText\": \"(Todos)\",\r\n \"dxDataGrid-filterRowResetOperationText\": \"Reestablecer\",\r\n \"dxDataGrid-filterRowOperationEquals\": \"Igual\",\r\n \"dxDataGrid-filterRowOperationNotEquals\": \"No es igual\",\r\n \"dxDataGrid-filterRowOperationLess\": \"Menor que\",\r\n \"dxDataGrid-filterRowOperationLessOrEquals\": \"Menor o igual a\",\r\n \"dxDataGrid-filterRowOperationGreater\": \"Mayor que\",\r\n \"dxDataGrid-filterRowOperationGreaterOrEquals\": \"Mayor o igual a\",\r\n \"dxDataGrid-filterRowOperationStartsWith\": \"Empieza con\",\r\n \"dxDataGrid-filterRowOperationContains\": \"Contiene\",\r\n \"dxDataGrid-filterRowOperationNotContains\": \"No contiene\",\r\n \"dxDataGrid-filterRowOperationEndsWith\": \"Termina con\",\r\n \"dxDataGrid-filterRowOperationBetween\": \"Entre\",\r\n \"dxDataGrid-filterRowOperationBetweenStartText\": \"Inicio\",\r\n \"dxDataGrid-filterRowOperationBetweenEndText\": \"Fin\",\r\n \"dxDataGrid-applyFilterText\": \"Filtrar\",\r\n \"dxDataGrid-trueText\": \"verdadero\",\r\n \"dxDataGrid-falseText\": \"falso\",\r\n \"dxDataGrid-sortingAscendingText\": \"Orden Ascendente\",\r\n \"dxDataGrid-sortingDescendingText\": \"Orden Descendente\",\r\n \"dxDataGrid-sortingClearText\": \"Limpiar Ordenamiento\",\r\n \"dxDataGrid-editingSaveAllChanges\": \"Guardar cambios\",\r\n \"dxDataGrid-editingCancelAllChanges\": \"Descartar cambios\",\r\n \"dxDataGrid-editingAddRow\": \"Agregar una fila\",\r\n \"dxDataGrid-summaryMin\": \"Mín: {0}\",\r\n \"dxDataGrid-summaryMinOtherColumn\": \"Mín de {1} es {0}\",\r\n \"dxDataGrid-summaryMax\": \"Máx: {0}\",\r\n \"dxDataGrid-summaryMaxOtherColumn\": \"Máx de {1} es {0}\",\r\n \"dxDataGrid-summaryAvg\": \"Prom: {0}\",\r\n \"dxDataGrid-summaryAvgOtherColumn\": \"Prom de {1} es {0}\",\r\n \"dxDataGrid-summarySum\": \"Suma: {0}\",\r\n \"dxDataGrid-summarySumOtherColumn\": \"Suma de {1} es {0}\",\r\n \"dxDataGrid-summaryCount\": \"Cantidad: {0}\",\r\n \"dxDataGrid-columnFixingFix\": \"Anclar\",\r\n \"dxDataGrid-columnFixingUnfix\": \"Desanclar\",\r\n \"dxDataGrid-columnFixingLeftPosition\": \"A la izquierda\",\r\n \"dxDataGrid-columnFixingRightPosition\": \"A la derecha\",\r\n \"dxDataGrid-exportTo\": \"Exportar\",\r\n \"dxDataGrid-exportToExcel\": \"Exportar a archivo Excel\",\r\n \"dxDataGrid-excelFormat\": \"Archivo Excel\",\r\n \"dxDataGrid-selectedRows\": \"Filas seleccionadas\",\r\n \"dxDataGrid-exportSelectedRows\": \"Exportar filas seleccionadas\",\r\n \"dxDataGrid-exportAll\": \"Exportar todo\",\r\n \"dxDataGrid-headerFilterEmptyValue\": \"(Vacio)\",\r\n \"dxDataGrid-headerFilterOK\": \"Aceptar\",\r\n \"dxDataGrid-headerFilterCancel\": \"Cancelar\",\r\n \"dxDataGrid-ariaColumn\": \"Columna\",\r\n \"dxDataGrid-ariaValue\": \"Valor\",\r\n \"dxDataGrid-ariaFilterCell\": \"Celda de filtro\",\r\n \"dxDataGrid-ariaCollapse\": \"Colapsar\",\r\n \"dxDataGrid-ariaExpand\": \"Expandir\",\r\n \"dxDataGrid-ariaDataGrid\": \"Tabla de datos\",\r\n \"dxDataGrid-ariaSearchInGrid\": \"Buscar en la tabla de datos\",\r\n \"dxDataGrid-ariaSelectAll\": \"Seleccionar todo\",\r\n \"dxDataGrid-ariaSelectRow\": \"Seleccionar fila\",\r\n \"dxDataGrid-filterBuilderPopupTitle\": \"Constructor de filtro\",\r\n \"dxDataGrid-filterPanelCreateFilter\": \"Crear filtro\",\r\n \"dxDataGrid-filterPanelClearFilter\": \"Limpiar filtro\",\r\n \"dxDataGrid-filterPanelFilterEnabledHint\": \"Habilitar filtro\",\r\n \"dxTreeList-ariaTreeList\": \"Lista de árbol\",\r\n \"dxTreeList-editingAddRowToNode\": \"Añadir\",\r\n \"dxPager-infoText\": \"Página {0} de {1} ({2} ítems)\",\r\n \"dxPager-pagesCountText\": \"de\",\r\n \"dxPivotGrid-grandTotal\": \"Gran Total\",\r\n \"dxPivotGrid-total\": \"{0} Total\",\r\n \"dxPivotGrid-fieldChooserTitle\": \"Selector de Campos\",\r\n \"dxPivotGrid-showFieldChooser\": \"Mostrar Selector de Campos\",\r\n \"dxPivotGrid-expandAll\": \"Expandir Todo\",\r\n \"dxPivotGrid-collapseAll\": \"Colapsar Todo\",\r\n \"dxPivotGrid-sortColumnBySummary\": \"Ordenar \\\"{0}\\\" por esta columna\",\r\n \"dxPivotGrid-sortRowBySummary\": \"Ordenar \\\"{0}\\\" por esta fila\",\r\n \"dxPivotGrid-removeAllSorting\": \"Remover ordenamiento\",\r\n \"dxPivotGrid-dataNotAvailable\": \"N/A\",\r\n \"dxPivotGrid-rowFields\": \"Campos de fila\",\r\n \"dxPivotGrid-columnFields\": \"Campos de columna\",\r\n \"dxPivotGrid-dataFields\": \"Campos de dato\",\r\n \"dxPivotGrid-filterFields\": \"Campos de filtro\",\r\n \"dxPivotGrid-allFields\": \"Todos los campos\",\r\n \"dxPivotGrid-columnFieldArea\": \"Arrastra campos de columna aquí\",\r\n \"dxPivotGrid-dataFieldArea\": \"Arrastra campos de dato aquí\",\r\n \"dxPivotGrid-rowFieldArea\": \"Arrastra campos de fila aquí\",\r\n \"dxPivotGrid-filterFieldArea\": \"Arrastra campos de filtro aquí\",\r\n \"dxScheduler-editorLabelTitle\": \"Asunto\",\r\n \"dxScheduler-editorLabelStartDate\": \"Fecha inicial\",\r\n \"dxScheduler-editorLabelEndDate\": \"Fecha final\",\r\n \"dxScheduler-editorLabelDescription\": \"Descripción\",\r\n \"dxScheduler-editorLabelRecurrence\": \"Repetir\",\r\n \"dxScheduler-openAppointment\": \"Abrir cita\",\r\n \"dxScheduler-recurrenceNever\": \"Nunca\",\r\n \"dxScheduler-recurrenceDaily\": \"Diario\",\r\n \"dxScheduler-recurrenceWeekly\": \"Semanal\",\r\n \"dxScheduler-recurrenceMonthly\": \"Mensual\",\r\n \"dxScheduler-recurrenceYearly\": \"Anual\",\r\n \"dxScheduler-recurrenceRepeatEvery\": \"Cada\",\r\n \"dxScheduler-recurrenceRepeatOn\": \"Repeat On\",\r\n \"dxScheduler-recurrenceEnd\": \"Terminar repetición\",\r\n \"dxScheduler-recurrenceAfter\": \"Después\",\r\n \"dxScheduler-recurrenceOn\": \"En\",\r\n \"dxScheduler-recurrenceRepeatDaily\": \"día(s)\",\r\n \"dxScheduler-recurrenceRepeatWeekly\": \"semana(s)\",\r\n \"dxScheduler-recurrenceRepeatMonthly\": \"mes(es)\",\r\n \"dxScheduler-recurrenceRepeatYearly\": \"año(s)\",\r\n \"dxScheduler-switcherDay\": \"Día\",\r\n \"dxScheduler-switcherWeek\": \"Semana\",\r\n \"dxScheduler-switcherWorkWeek\": \"Semana Laboral\",\r\n \"dxScheduler-switcherMonth\": \"Mes\",\r\n \"dxScheduler-switcherAgenda\": \"Agenda\",\r\n \"dxScheduler-switcherTimelineDay\": \"Línea de tiempo Día\",\r\n \"dxScheduler-switcherTimelineWeek\": \"Línea de tiempo Semana\",\r\n \"dxScheduler-switcherTimelineWorkWeek\": \"Línea de tiempo Semana Laboral\",\r\n \"dxScheduler-switcherTimelineMonth\": \"Línea de tiempo Mes\",\r\n \"dxScheduler-recurrenceRepeatOnDate\": \"en la fecha\",\r\n \"dxScheduler-recurrenceRepeatCount\": \"ocurrencia(s)\",\r\n \"dxScheduler-allDay\": \"Todo el día\",\r\n \"dxScheduler-confirmRecurrenceEditMessage\": \"¿Quiere modificar solo esta cita o toda la serie?\",\r\n \"dxScheduler-confirmRecurrenceDeleteMessage\": \"¿Quiere eliminar solo esta cita o toda la serie?\",\r\n \"dxScheduler-confirmRecurrenceEditSeries\": \"Modificar serie\",\r\n \"dxScheduler-confirmRecurrenceDeleteSeries\": \"Eliminar serie\",\r\n \"dxScheduler-confirmRecurrenceEditOccurrence\": \"Modificar cita\",\r\n \"dxScheduler-confirmRecurrenceDeleteOccurrence\": \"Eliminar cita\",\r\n \"dxScheduler-noTimezoneTitle\": \"Sin zona horaria\",\r\n \"dxScheduler-moreAppointments\": \"{0} más\",\r\n \"dxCalendar-todayButtonText\": \"Hoy\",\r\n \"dxCalendar-ariaWidgetName\": \"Calendario\",\r\n \"dxColorView-ariaRed\": \"Rojo\",\r\n \"dxColorView-ariaGreen\": \"Verde\",\r\n \"dxColorView-ariaBlue\": \"Azul\",\r\n \"dxColorView-ariaAlpha\": \"Transparencia\",\r\n \"dxColorView-ariaHex\": \"Código del color\",\r\n \"dxTagBox-selected\": \"{0} seleccionado\",\r\n \"dxTagBox-allSelected\": \"Todos seleccionados ({0})\",\r\n \"dxTagBox-moreSelected\": \"{0} más\",\r\n \"vizExport-printingButtonText\": \"Imprimir\",\r\n \"vizExport-titleMenuText\": \"Exportar/Imprimir\",\r\n \"vizExport-exportButtonText\": \"Archivo {0}\",\r\n \"dxFilterBuilder-and\": \"Y\",\r\n \"dxFilterBuilder-or\": \"O\",\r\n \"dxFilterBuilder-notAnd\": \"NO Y\",\r\n \"dxFilterBuilder-notOr\": \"NO O\",\r\n \"dxFilterBuilder-addCondition\": \"Añadir condición\",\r\n \"dxFilterBuilder-addGroup\": \"Añadir Grupo\",\r\n \"dxFilterBuilder-enterValueText\": \"\",\r\n \"dxFilterBuilder-filterOperationEquals\": \"Igual\",\r\n \"dxFilterBuilder-filterOperationNotEquals\": \"Diferente\",\r\n \"dxFilterBuilder-filterOperationLess\": \"Menos que\",\r\n \"dxFilterBuilder-filterOperationLessOrEquals\": \"Menor o igual que\",\r\n \"dxFilterBuilder-filterOperationGreater\": \"Más grande que\",\r\n \"dxFilterBuilder-filterOperationGreaterOrEquals\": \"Mayor o igual que\",\r\n \"dxFilterBuilder-filterOperationStartsWith\": \"Comienza con\",\r\n \"dxFilterBuilder-filterOperationContains\": \"Contiene\",\r\n \"dxFilterBuilder-filterOperationNotContains\": \"No contiene\",\r\n \"dxFilterBuilder-filterOperationEndsWith\": \"Termina con\",\r\n \"dxFilterBuilder-filterOperationIsBlank\": \"Vacío\",\r\n \"dxFilterBuilder-filterOperationIsNotBlank\": \"No vacío\",\r\n \"dxFilterBuilder-filterOperationBetween\": \"Entre\",\r\n \"dxFilterBuilder-filterOperationAnyOf\": \"Alguno de\",\r\n \"dxFilterBuilder-filterOperationNoneOf\": \"Ningún de\",\r\n \"dxHtmlEditor-dialogColorCaption\": \"Cambiar el color de la fuente\",\r\n \"dxHtmlEditor-dialogBackgroundCaption\": \"Cambiar el color de fondo\",\r\n \"dxHtmlEditor-dialogLinkCaption\": \"Añadir enlace\",\r\n \"dxHtmlEditor-dialogLinkUrlField\": \"URL\",\r\n \"dxHtmlEditor-dialogLinkTextField\": \"Texto\",\r\n \"dxHtmlEditor-dialogLinkTargetField\": \"Abrir enlace en nueva ventana\",\r\n \"dxHtmlEditor-dialogImageCaption\": \"Añadir imagen\",\r\n \"dxHtmlEditor-dialogImageUrlField\": \"URL\",\r\n \"dxHtmlEditor-dialogImageAltField\": \"Texto alternativo\",\r\n \"dxHtmlEditor-dialogImageWidthField\": \"Anchura (px)\",\r\n \"dxHtmlEditor-dialogImageHeightField\": \"Altura (px)\",\r\n \"dxHtmlEditor-heading\": \"Encabezamiento\",\r\n \"dxHtmlEditor-normalText\": \"Texto normal\",\r\n\r\n \"dxFileManager-newFolderName\": \"Sin título\",\r\n \"dxFileManager-rootFolderName\": \"Archivos\",\r\n \"dxFileManager-errorNoAccess\": \"Acceso denegado. La operación no se puede completar.\",\r\n \"dxFileManager-errorDirectoryExistsFormat\": \"Carpeta {0} ya existe.\",\r\n \"dxFileManager-errorFileExistsFormat\": \"Archivo {0} ya existe.\",\r\n \"dxFileManager-errorFileNotFoundFormat\": \"Archivo {0} no encontrado.\",\r\n \"dxFileManager-errorDirectoryNotFoundFormat\": \"TODO\",\r\n \"dxFileManager-errorWrongFileExtension\": \"TODO\",\r\n \"dxFileManager-errorMaxFileSizeExceeded\": \"TODO\",\r\n \"dxFileManager-errorDefault\": \"Error no especificado\",\r\n\r\n \"dxDiagram-categoryGeneral\": \"TODO\",\r\n \"dxDiagram-categoryFlowchart\": \"TODO\",\r\n \"dxDiagram-categoryOrgChart\": \"TODO\",\r\n \"dxDiagram-categoryContainers\": \"TODO\",\r\n \"dxDiagram-categoryCustom\": \"TODO\",\r\n \"dxDiagram-commandProperties\": \"TODO\",\r\n \"dxDiagram-commandExport\": \"TODO\",\r\n \"dxDiagram-commandExportToSvg\": \"TODO\",\r\n \"dxDiagram-commandExportToPng\": \"TODO\",\r\n \"dxDiagram-commandExportToJpg\": \"TODO\",\r\n \"dxDiagram-commandUndo\": \"TODO\",\r\n \"dxDiagram-commandRedo\": \"TODO\",\r\n \"dxDiagram-commandFontName\": \"TODO\",\r\n \"dxDiagram-commandFontSize\": \"TODO\",\r\n \"dxDiagram-commandBold\": \"TODO\",\r\n \"dxDiagram-commandItalic\": \"TODO\",\r\n \"dxDiagram-commandUnderline\": \"TODO\",\r\n \"dxDiagram-commandTextColor\": \"TODO\",\r\n \"dxDiagram-commandLineColor\": \"TODO\",\r\n \"dxDiagram-commandFillColor\": \"TODO\",\r\n \"dxDiagram-commandAlignLeft\": \"TODO\",\r\n \"dxDiagram-commandAlignCenter\": \"TODO\",\r\n \"dxDiagram-commandAlignRight\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineType\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineStraight\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineOrthogonal\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineStart\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineEnd\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineNone\": \"TODO\",\r\n \"dxDiagram-commandConnectorLineArrow\": \"TODO\",\r\n \"dxDiagram-commandAutoLayout\": \"TODO\",\r\n \"dxDiagram-commandAutoLayoutTree\": \"TODO\",\r\n \"dxDiagram-commandAutoLayoutLayered\": \"TODO\",\r\n \"dxDiagram-commandAutoLayoutHorizontal\": \"TODO\",\r\n \"dxDiagram-commandAutoLayoutVertical\": \"TODO\",\r\n \"dxDiagram-commandFullscreen\": \"TODO\",\r\n \"dxDiagram-commandUnits\": \"TODO\",\r\n \"dxDiagram-commandPageSize\": \"TODO\",\r\n \"dxDiagram-commandPageOrientation\": \"TODO\",\r\n \"dxDiagram-commandPageOrientationLandscape\": \"TODO\",\r\n \"dxDiagram-commandPageOrientationPortrait\": \"TODO\",\r\n \"dxDiagram-commandPageColor\": \"TODO\",\r\n \"dxDiagram-commandShowGrid\": \"TODO\",\r\n \"dxDiagram-commandSnapToGrid\": \"TODO\",\r\n \"dxDiagram-commandGridSize\": \"TODO\",\r\n \"dxDiagram-commandZoomLevel\": \"TODO\",\r\n \"dxDiagram-commandAutoZoom\": \"TODO\",\r\n \"dxDiagram-commandSimpleView\": \"TODO\",\r\n \"dxDiagram-commandCut\": \"TODO\",\r\n \"dxDiagram-commandCopy\": \"TODO\",\r\n \"dxDiagram-commandPaste\": \"TODO\",\r\n \"dxDiagram-commandSelectAll\": \"TODO\",\r\n \"dxDiagram-commandDelete\": \"TODO\",\r\n \"dxDiagram-commandBringToFront\": \"TODO\",\r\n \"dxDiagram-commandSendToBack\": \"TODO\",\r\n \"dxDiagram-commandLock\": \"TODO\",\r\n \"dxDiagram-commandUnlock\": \"TODO\",\r\n \"dxDiagram-commandInsertShapeImage\": \"TODO\",\r\n \"dxDiagram-commandEditShapeImage\": \"TODO\",\r\n \"dxDiagram-commandDeleteShapeImage\": \"TODO\",\r\n \"dxDiagram-unitIn\": \"TODO\",\r\n \"dxDiagram-unitCm\": \"TODO\",\r\n \"dxDiagram-unitPx\": \"TODO\",\r\n \"dxDiagram-dialogButtonOK\": \"TODO\",\r\n \"dxDiagram-dialogButtonCancel\": \"TODO\",\r\n \"dxDiagram-dialogInsertShapeImageTitle\": \"TODO\",\r\n \"dxDiagram-dialogEditShapeImageTitle\": \"TODO\",\r\n \"dxDiagram-dialogEditShapeImageSelectButton\": \"TODO\",\r\n \"dxDiagram-dialogEditShapeImageLabelText\": \"TODO\"\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { userService } from \"../../services/user.service\";\r\nimport notify from \"devextreme/ui/notify\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport * as actions from '../../store/user/userActions';\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport { Link } from 'react-router-dom';\r\nimport { getAppInfo } from \"../../store/app/appActions\";\r\nimport http from \"../../utils/http\";\r\n\r\nfunction Login(props) {\r\n\r\n let username = props.location.state?.username;\r\n\r\n const { appInfo, } = useSelector(store => store);\r\n\r\n const dispatch = useDispatch();\r\n const [user, setUser] = useState({ username: username ? username : \"\", password: \"\" });\r\n const [loading, setLoading] = useState(false);\r\n const [version, setVersion] = useState('Cargando...');\r\n\r\n const onValueChange = e => {\r\n\r\n setUser({\r\n ...user,\r\n [e.target.name]: e.target.value\r\n });\r\n\r\n }\r\n\r\n const sendUser = e => {\r\n e.preventDefault();\r\n setLoading(true);\r\n userService.login(user)\r\n .then(userResp => {\r\n\r\n dispatch(actions.updateUser({ username: userResp.username, areaId : userResp.areaId, area : userResp.area }));\r\n if (userResp.mustChangePassword) {\r\n\r\n props.history.push({ pathname: '/account/password', state: { username: userResp.username } });\r\n \r\n }else{\r\n \r\n let pathname = (props?.location?.state?.from?.pathname || '/app');\r\n \r\n pathname = pathname.includes('login') ? '/app' : pathname;\r\n \r\n props.history.push({ pathname });\r\n\r\n }\r\n\r\n }).catch(err => {\r\n setLoading(false)\r\n notify(err, \"error\")\r\n });\r\n\r\n }\r\n\r\n useEffect(() => {\r\n http('about/get-info').asGet()\r\n .then(resp => {\r\n setVersion(resp.version);\r\n })\r\n .catch(error => error);\r\n }, [0]);\r\n\r\n return (\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default Login;\r\n","import React from \"react\";\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { userService } from \"../../services/user.service\";\r\n\r\n\r\nfunction Logout(props) {\r\n\r\n userService.logout();\r\n\r\n props.history.push({ pathname : `${_path.ROOTMAIN}/login`});\r\n\r\n return (\r\n \r\n );\r\n\r\n}\r\n\r\n\r\nexport default Logout;\r\n","import React, { useState } from \"react\";\r\nimport { userService } from \"../../services/user.service\";\r\nimport notify from \"devextreme/ui/notify\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport { useSelector } from 'react-redux';\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction ChangePassword(props) {\r\n\r\n const currenteUser = useSelector(store => store.user); \r\n\r\n const [user, setUser] = useState({ \r\n username: currenteUser.username, \r\n oldPassword: \"\", \r\n newPassword: \"\",\r\n repeatPassword: \"\" \r\n });\r\n const [loading, setLoading] = useState(false);\r\n\r\n const onValueChange = e => {\r\n\r\n setUser({\r\n ...user,\r\n [e.target.name]: e.target.value\r\n });\r\n\r\n }\r\n\r\n const sendUser = (e) => {\r\n\r\n e.preventDefault();\r\n\r\n setLoading(true);\r\n userService.changePassword(user)\r\n .then(userResp => {\r\n\r\n let pathname = '/account/login';\r\n \r\n props.history.push({ pathname }, {username : currenteUser.username});\r\n\r\n }).catch(err => {\r\n setLoading(false)\r\n notify(err, \"error\")\r\n });\r\n\r\n }\r\n\r\n const goBack = () => {\r\n props.history.goBack();\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default ChangePassword;\r\n","import React, { useState } from \"react\";\r\nimport { userService } from \"../../services/user.service\";\r\nimport notify from \"devextreme/ui/notify\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction ResetPassword(props) { \r\n\r\n const { appInfo } = useSelector(store => store);\r\n\r\n const [user, setUser] = useState({ username: \"\" });\r\n const [email, setEmail] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n\r\n const onValueChange = e => {\r\n\r\n setUser({\r\n ...user,\r\n [e.target.name]: e.target.value\r\n });\r\n\r\n }\r\n\r\n const sendUser = e => {\r\n e.preventDefault();\r\n setLoading(true);\r\n userService.resetPassword(user)\r\n .then(userResp => {\r\n\r\n setEmail(userResp.email);\r\n\r\n \r\n }).catch(err => {\r\n setLoading(false)\r\n notify(err, \"error\")\r\n });\r\n\r\n }\r\n\r\n const Login = () => \r\n \r\n );\r\n\r\n}\r\n\r\nexport default ResetPassword;\r\n","import React, { Component } from 'react';\r\nimport {\r\n BrowserRouter,\r\n Route,\r\n Switch,\r\n Redirect,\r\n} from 'react-router-dom';\r\nimport Layout from './Layout';\r\nimport { locale, loadMessages } from \"devextreme/localization\";\r\nimport { esMessages } from '../data/dx.messages.es';\r\nimport PrivateRoute from './header/PrivateRouter';\r\nimport Login from './account/Login';\r\nimport Logout from './account/Logout';\r\nimport HomePage from './home/HomePage';\r\nimport ChangePassword from './account/ChangePassword';\r\nimport ResetPassword from './account/ResetPassword';\r\n\r\nexport default class Root extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n loadMessages({\r\n 'es': esMessages\r\n });\r\n locale('es-419');\r\n }\r\n\r\n componentDidMount() {\r\n setTimeout(() => {\r\n const preloader = document.querySelector('.site-preloader');\r\n\r\n preloader.addEventListener('transitionend', (event) => {\r\n if (event.propertyName === 'opacity') {\r\n preloader.parentNode.removeChild(preloader);\r\n }\r\n });\r\n preloader.classList.add('site-preloader__fade');\r\n }, 500);\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n \r\n (\r\n \r\n \r\n )\r\n } \r\n}\r\n\r\n","import { SIDEBAR_CLOSE, SIDEBAR_OPEN } from './sidebarActionTypes';\r\n\r\n\r\nconst initialState = {\r\n open: false,\r\n};\r\n\r\nexport default function sidebarReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case SIDEBAR_OPEN:\r\n return {\r\n ...state,\r\n open: true,\r\n };\r\n case SIDEBAR_CLOSE:\r\n return {\r\n ...state,\r\n open: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import sidebarReducer from './sidebarReducer';\r\n\r\nexport * from './sidebarActions';\r\nexport default sidebarReducer;\r\n","export const SIDEBAR_OPEN = 'SIDEBAR_OPEN';\r\nexport const SIDEBAR_CLOSE = 'SIDEBAR_CLOSE';\r\n","import { GET_USER, UPDATE_USER } from \"./userActionTypes\";\r\n\r\nconst user = {\r\n username: '',\r\n areaId: null,\r\n area: ''\r\n};\r\n\r\n\r\n\r\nexport default function userReducer(state = user, { type, payload }) {\r\n switch (type) {\r\n case GET_USER:\r\n\r\n var user =JSON.parse(localStorage.getItem('user'));\r\n\r\n return {...state, ...user};\r\n\r\n case UPDATE_USER:\r\n let newState = {...state, ...payload }\r\n return newState;\r\n\r\n default:\r\n var user =JSON.parse(localStorage.getItem('user'));\r\n\r\n return {...state, ...user};\r\n }\r\n\r\n}","import userReducer from './userReducer';\r\n\r\nexport default userReducer;","import { GET_COMPRA_ID, UPDATE_COMPRA_ID } from \"./compraActionTypes\";\r\n\r\nconst compra = {\r\n id: 0,\r\n open: false,\r\n editable: true,\r\n descarga: false\r\n};\r\n\r\nexport default function compraReducer(state = compra, { type, payload }) {\r\n switch (type) {\r\n case GET_COMPRA_ID:\r\n\r\n return state;\r\n\r\n case UPDATE_COMPRA_ID:\r\n return payload;\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}","import compraReducer from './compraReducer';\r\n\r\nexport default compraReducer;","// eslint-disable-next-line import/prefer-default-export\r\nexport const GET_COMPRA_ID = 'GET_COMPRA_ID';\r\nexport const UPDATE_COMPRA_ID = 'UPDATE_COMPRA_ID';","import { GET_FACTURA_ID, UPDATE_FACTURA_ID } from \"./facturaActionTypes\";\r\n\r\nconst factura = {\r\n id: 0,\r\n open: false,\r\n editable: true\r\n};\r\n\r\nexport default function facturaReducer(state = factura, { type, payload }) {\r\n switch (type) {\r\n case GET_FACTURA_ID:\r\n\r\n return state;\r\n\r\n case UPDATE_FACTURA_ID:\r\n return payload;\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}","import facturaReducer from './facturaReducer';\r\n\r\nexport default facturaReducer;","// eslint-disable-next-line import/prefer-default-export\r\nexport const GET_FACTURA_ID = 'GET_FACTURA_ID';\r\nexport const UPDATE_FACTURA_ID = 'UPDATE_FACTURA_ID';","import { GET_SERVICIO_ID, UPDATE_SERVICIO_ID } from \"./servicioActionTypes\";\r\n\r\nconst servicio = {\r\n id: 0,\r\n open: false,\r\n editable: true\r\n};\r\n\r\nexport default function servicioReducer(state = servicio, { type, payload }) {\r\n switch (type) {\r\n case GET_SERVICIO_ID:\r\n\r\n return state;\r\n\r\n case UPDATE_SERVICIO_ID:\r\n return payload;\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}","import servicioReducer from './servicioReducer';\r\n\r\nexport default servicioReducer;","// eslint-disable-next-line import/prefer-default-export\r\nexport const GET_SERVICIO_ID = 'GET_SERVICIO_ID';\r\nexport const UPDATE_SERVICIO_ID = 'UPDATE_SERVICIO_ID';","import appReducer from './appReducer';\r\n\r\nexport default appReducer;","import { handleActions } from 'redux-actions'\r\nimport { GET_APPINFO, UPDATE_APPINFO } from './appActionTypes'\r\n\r\nconst app = {\r\n name: 'Mi Empresa',\r\n version: '1.0.0',\r\n fullName: 'Mi Empresa'\r\n}\r\n\r\nexport default handleActions({\r\n [GET_APPINFO]: (state, action) => {\r\n return action.payload\r\n }, \r\n [UPDATE_APPINFO]: (state, action) => {\r\n return action.payload\r\n }\r\n}, app);","import catalogReducer from './catalogReducer';\r\n\r\nexport default catalogReducer;","import inPutProductDialogReducer from './inPutProductDialogReducer';\r\n\r\nexport default inPutProductDialogReducer;","import purchaseDialogReducer from './purchaseDialogReducer';\r\n\r\nexport default purchaseDialogReducer;","import outPutProductDialogReducer from './outPutProductDialogReducer';\r\n\r\nexport default outPutProductDialogReducer;","import productDialogReducer from './productDialogReducer';\r\n\r\nexport default productDialogReducer;","import { dialogDefault, OPEN_DIALOG, CLOSE_DIALOG } from \"../consts\";\r\n\r\nconst mydialog = { ...dialogDefault }\r\n\r\nexport const openDialog = payload => ({ type: OPEN_DIALOG, payload});\r\nexport const closeDialog = () => ({ type: CLOSE_DIALOG });\r\n\r\nexport default function customDialogReducer(state = mydialog, { type, payload }) {\r\n const actions = {\r\n [OPEN_DIALOG] : () => ({...state, open : true, ...payload }),\r\n [CLOSE_DIALOG] : () => ({...mydialog })\r\n }\r\n\r\n return actions[type]?.call() || state;\r\n}","import customDialogReducer from './customDialogReducer';\r\n\r\nexport default customDialogReducer;","import billDialogReducer from './billDialogReducer';\r\n\r\nexport default billDialogReducer;","import dialogReciboReducer from './dialogReciboReducer';\r\n\r\nexport default dialogReciboReducer;","import areaProductDialogReducer from './areaProductDialogReducer';\r\n\r\nexport default areaProductDialogReducer;","import traslateDialogReducer from './traslateDialogReducer';\r\n\r\nexport default traslateDialogReducer;","import clientDialogReducer from './clientDialogReducer';\r\n\r\nexport default clientDialogReducer;","import appRuleDialogReducer from './appRuleDialogReducer';\r\n\r\nexport default appRuleDialogReducer;","import gridStateReducer from './gridStateReducer';\r\n\r\nexport default gridStateReducer;","import gridStateCCReducer from './gridStateCCReducer';\r\n\r\nexport default gridStateCCReducer;","import clientDetailReducer from './clientDetailReducer';\r\n\r\nexport default clientDetailReducer;","import ncDialogReducer from './ncDialogReducer';\r\n\r\nexport default ncDialogReducer;","import toolBarOptsReducer from './toolBarOptsReducer';\r\n\r\nexport default toolBarOptsReducer;","import { combineReducers } from 'redux';\r\n\r\nimport mobileMenuReducer from './mobile-menu';\r\nimport sidebarReducer from './sidebar';\r\nimport userReducer from './user'\r\nimport compraReducer from './compra'\r\nimport facturaReducer from './factura'\r\nimport servicioReducer from './servicio'\r\nimport appReducer from './app';\r\nimport catalogReducer from './catalogs';\r\nimport * as catalogReducer2 from './catalog';\r\nimport inPutProductDialogReducer from './inPutProduct';\r\nimport purchaseDialogReducer from './inPutProductPurchase';\r\nimport outPutProductDialogReducer from './outPutProduct';\r\nimport productDialogReducer from './product';\r\nimport customDialogReducer from './customDialog';\r\nimport billDialogReducer from './bill';\r\nimport billDisabledDialogReducer from './bill/billDisabledDialogReducer';\r\nimport dialogReciboReducer from './dialogRecibo';\r\nimport areaProductDialogReducer from './areaProduct';\r\nimport traslateDialogReducer from './traslate';\r\nimport clientDialogReducer from './client';\r\nimport authDialogReducer from './authorization/authDialogReducer';\r\nimport providerDialogReducer from './provider/providerDialogReducer';\r\nimport appRuleDialogReducer from './appRule';\r\nimport gridStateReducer from './gridState';\r\nimport gridStateCCReducer from './gridStateCC';\r\nimport clientDetailReducer from './clientDetail';\r\nimport ncDialogReducer from './notacredit';\r\nimport toolBarOptsReducer from './toolBar';\r\n\r\nexport default combineReducers({\r\n mobileMenu: mobileMenuReducer,\r\n sidebar: sidebarReducer, \r\n user: userReducer,\r\n compra: compraReducer,\r\n factura: facturaReducer,\r\n servicio: servicioReducer,\r\n appInfo: appReducer, \r\n inPutProductDialog : inPutProductDialogReducer,\r\n outPutProductDialog : outPutProductDialogReducer, \r\n productDialog : productDialogReducer,\r\n catalog : catalogReducer,\r\n catalog2 : catalogReducer2.catalogDialogReducer,\r\n customDialog : customDialogReducer,\r\n billDialog: billDialogReducer,\r\n billDisabledDialog: billDisabledDialogReducer,\r\n dialogRecibo : dialogReciboReducer,\r\n areaProductDialog : areaProductDialogReducer,\r\n purchaseDialog : purchaseDialogReducer,\r\n traslateDialog : traslateDialogReducer,\r\n clientDialog : clientDialogReducer,\r\n providerDialog : providerDialogReducer,\r\n authDialog: authDialogReducer,\r\n appRuleDialog: appRuleDialogReducer,\r\n gridState: gridStateReducer,\r\n gridStateCC: gridStateCCReducer,\r\n clientDetail: clientDetailReducer,\r\n ncDialog: ncDialogReducer,\r\n toolBarOpts: toolBarOptsReducer,\r\n\r\n\r\n \r\n});","// third-party\r\nimport { createStore, applyMiddleware, compose } from 'redux';\r\nimport thunk from 'redux-thunk';\r\n\r\n// reducer\r\nimport rootReducer from './rootReducer';\r\n\r\n\r\nfunction load() {\r\n let state;\r\n\r\n try {\r\n state = localStorage.getItem('state');\r\n\r\n if (typeof state === 'string') {\r\n state = JSON.parse(state);\r\n }\r\n } catch (error) {\r\n // eslint-disable-next-line no-console\r\n console.error(error);\r\n }\r\n\r\n return state || undefined;\r\n}\r\n\r\nconst store = createStore(rootReducer, undefined, compose(\r\n applyMiddleware(thunk),\r\n // window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()\r\n));\r\n\r\nfunction save() {\r\n try {\r\n localStorage.setItem('state', JSON.stringify(store.getState()));\r\n } catch (error) {\r\n // eslint-disable-next-line no-console\r\n console.error(error);\r\n }\r\n}\r\n\r\n// store.subscribe(() => save());\r\n\r\nexport default store;\r\n","import store from './store';\r\n\r\nexport default store;\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport Root from './components/Root';\r\nimport store from './store';\r\nimport { Provider } from 'react-redux';\r\n\r\n// styles\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'react-toastify/dist/ReactToastify.min.css';\r\nimport '@fortawesome/fontawesome-free/css/all.min.css';\r\nimport 'react-input-range/lib/css/index.css';\r\nimport './scss/style.scss';\r\n\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render((\r\n \r\n ),\r\n rootElement);\r\n\r\n\r\n","module.exports = __webpack_public_path__ + \"static/media/logo.cb8b9a2c.png\";","module.exports = __webpack_public_path__ + \"static/media/homelogo.7ea4971c.png\";","module.exports = __webpack_public_path__ + \"static/media/logotipo.cb8b9a2c.png\";","module.exports = __webpack_public_path__ + \"static/media/working.3e94ee93.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","export const formatDateTime = 'dd/MM/yyyy hh:mm a';\r\nexport const formatDate = 'dd/MM/yyyy';\r\n\r\nexport const editorOptions = { stylingMode: \"filled\" };\r\n\r\nexport const editorOptionsSelect = {\r\n valueExpr: \"id\",\r\n displayExpr: \"name\",\r\n searchEnabled: true, \r\n}\r\n\r\nexport const editorOptionsSwitch = {\r\n switchedOffText:\"NO\",\r\n switchedOnText:\"SI\",\r\n}\r\n\r\nexport const editorOptionsNumberBox={\r\n showSpinButtons:true,\r\n showClearButton:true\r\n}\r\n\r\nexport const editorOptsTextBoxPhone={\r\n mask: \"0000-0000\"\r\n}\r\n\r\nexport const editorOptsDateBox={\r\n openOnFieldClick:true,\r\n displayFormat: formatDate,\r\n}\r\n\r\nexport const editorOptsTextBox={\r\n showClearButton:true\r\n}\r\n\r\nexport const cssClasses = {\r\n 0 : '',\r\n 1 : 'custome-active',\r\n 2 : 'custome-noactive',\r\n}\r\n\r\n\r\n\r\nexport const areaRestrict = {\r\n bodega : 1\r\n}\r\n\r\nexport const resources = { \r\n\r\n verTodasFacturas : 1, \r\n inventario : 2,\r\n ajuste : 3,\r\n requisa : 4,\r\n ordenesDeCompra : 5,\r\n crearCompra : 6, //asignar al boton\r\n adminCatalogos : 7,\r\n adminUsuario : 8,\r\n verClientes : 9,\r\n crearRecibo : 10,\r\n app : 11,\r\n cotizacion: 12,\r\n reporteCompra : 13,\r\n auths : 14,\r\n cuentasPorCobrar: 18,\r\n verRecibos: 19,\r\n verMisFacturas: 20,\r\n crearFactura: 21,\r\n crearClienteEnPreventa: 22,\r\n crearClienteConCreditos: 23,\r\n administrarProveedores: 24,\r\n adminTasaCambios: 27,\r\n verMisCuentasXCobrar: 28,\r\n gestionCierreCaja: 29,\r\n configurarComisiones: 30,\r\n cambiarDiasCredito: 31,\r\n configurarCredito: 32,\r\n crearNotasCreditos: 33,\r\n verReporteStock: 34,\r\n verExistencias: 35,\r\n verKardex: 36,\r\n verColumnaCostoStock: 37,\r\n verReporteDeVentas: 39,\r\n verMenuActualizarFacturas: 40,\r\n\r\n}\r\n\r\n\r\nexport const dataAccess = {\r\n none : 0x0,\r\n access : 0x01,\r\n create : 0x02,\r\n update : 0x04,\r\n delete : 0x08\r\n}\r\n\r\nexport const calculateEvaluate = (cost, rule) => {\r\n\r\n const stringRule = cost + rule;\r\n\r\n try {\r\n\r\n const result = eval(stringRule);\r\n\r\n return result;\r\n\r\n } catch (error) {\r\n return null;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n"],"sourceRoot":""}
\r\n
`,\r\n }\r\n }\r\n\r\n const orderByTotal = (a, b) => {\r\n return b.total - a.total;\r\n }\r\n\r\n return (\r\n ${pointInfo.argumentText}
\r\n \r\n
\r\n \r\n Total C$: \r\n
\r\n \r\n ${formatToMoneyNumber(pointInfo.valueText)}\r\n
\r\n \r\n Porcentaje: \r\n
\r\n \r\n ${percent}% \r\n
\r\n \r\n
`,\r\n }\r\n }\r\n\r\n return (\r\n ${pointInfo.argumentText}
\r\n \r\n
\r\n \r\n Total C$: \r\n
\r\n \r\n ${formatToMoneyNumber(pointInfo.value)}\r\n
\r\n \r\n Porcentaje: \r\n
\r\n \r\n ${(pointInfo.percent * 100).toFixed(2)}% \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CharByType;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { DataGrid, Box, DropDownBox, DateBox, SelectBox, Button } from 'devextreme-react';\r\nimport { Item } from \"devextreme-react/box\";\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n Column,\r\n Export,\r\n Scrolling,\r\n Selection,\r\n GroupPanel,\r\n SearchPanel,\r\n Grouping,\r\n Summary,\r\n TotalItem,\r\n GroupItem\r\n} from 'devextreme-react/data-grid';\r\nimport Title from '../../../components/shared/Title';\r\nimport BlockHeader from '../../../components/shared/BlockHeader';\r\n\r\nimport { _path } from \"../../../data/headerNavigation\";\r\nimport { formatDate } from '../../../data/app';\r\n\r\nimport http from '../../../utils/http';\r\n\r\nimport { dateByReport, defaultLabels } from '../../../data/defaultObjects';\r\nimport CharByType from './DashboardComponent/CharByType';\r\n\r\nconst DashboardSales = (props) => {\r\n \r\n const [ dateFrom, setDateFrom ] = useState(dateByReport.from);\r\n const [ dateTo, setDateTo ] = useState(dateByReport.to);\r\n const [ data, setData ] = useState([]);\r\n const [ dashboardType, setDashboardType ] = useState('family');\r\n const [ loading, setLoading ] = useState(false);\r\n\r\n const changeDateFrom = e => setDateFrom(e.value);\r\n\r\n const changeDateTo = e => setDateTo(e.value); \r\n\r\n const changeDashboard = e => setDashboardType(e.value); \r\n\r\n const loadReport = () => {\r\n if(dateFrom && dateTo){\r\n\r\n setLoading(true); \r\n\r\n http('reports/dashboard').asPost({areaId:0, from : dateFrom, to: dateTo}).then(resp => {\r\n setData(resp);\r\n setLoading(false);\r\n }); \r\n\r\n }\r\n }; \r\n\r\n const currentTypeLabel = dashboardType === 'family' ? defaultLabels.family : 'Vendedor';\r\n\r\n const reverseType = dashboardType === 'family' ? 'username' : 'family';\r\n const reverseTypeLabel = dashboardType === 'family' ? 'Vendedor' : defaultLabels.family;\r\n \r\n const title = 'Últimos Ingresos';\r\n\r\n return (\r\n \r\n setFilter(e.value)}\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n { dataDetail.length > 0 && }\r\n
\r\n \r\n { dataDetail.length > 0 && }\r\n
\r\n \r\n \r\n - \r\n
\r\n - \r\n
\r\n - \r\n
\r\n - \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n\r\nexport default DashboardSales;\r\n","import React, { useRef, useState } from 'react';\r\nimport { DataGrid } from 'devextreme-react';\r\nimport {\r\n Paging,\r\n Pager,\r\n FilterRow,\r\n HeaderFilter,\r\n ColumnChooser,\r\n Column,\r\n Lookup,\r\n Editing,\r\n Button as ButtonGrid,\r\n Export\r\n} from 'devextreme-react/data-grid';\r\nimport { createStoreLocal } from '../../utils/proxy';\r\nimport Title from '../../components/shared/Title';\r\nimport { store } from '../../services/store';\r\nimport { _path } from \"../../data/headerNavigation\";\r\nimport { formatDate, formatDateTime, resources } from '../../data/app';\r\nimport { cellAsPayoff, cellRender, dataFormatId, } from '../../utils/common';\r\nimport urlReport from '../../services/reportServices';\r\n\r\n\r\nimport uri from '../../utils/uri';\r\nimport BlockHeaderState from '../../components/shared/BlockHeaderState';\r\nimport useAuthorization from '../../hooks/useAuthorization';\r\n\r\nconst BillUpdates = props => {\r\n\r\n const [ authorized ] = useAuthorization(resources.verMenuActualizarFacturas);\r\n\r\n const { clientId = 0 } = props; \r\n \r\n let refGrid = useRef();\r\n\r\n const printReport = ( id ) => {\r\n \r\n const report = urlReport();\r\n report.print(`${report.billTicket(id)}`);\r\n\r\n }\r\n\r\n\r\n const onRowPrepared = (e) => {\r\n if (e.rowType == 'data') {\r\n if (!e.data.active)\r\n e.rowElement.classList.add('no-activo');\r\n\r\n }\r\n }\r\n\r\n const onToolbarPreparing = (e) => {\r\n e.toolbarOptions.items.unshift({\r\n location: 'before',\r\n widget: 'dxButton',\r\n options: {\r\n text: 'Exportar a excel',\r\n icon: 'exportxlsx',\r\n type: 'success',\r\n stylingMode: \"outlined\",\r\n onClick: () => refGrid.current.instance.exportToExcel(false)\r\n }\r\n });\r\n }\r\n\r\n const onCellPrepared = e => {\r\n\r\n const cellsQuantity = ['payoff']\r\n\r\n if (e.rowType == 'data') {\r\n if (cellsQuantity.includes(e.column.dataField))\r\n if (e.row.data.payoff)\r\n e.cellElement.classList.add('pagada');\r\n else\r\n e.cellElement.classList.add('pendiente');\r\n\r\n if (e.column.dataField == 'id')\r\n e.cellElement.classList.add('col-id-factura');\r\n if (e.column.dataField == 'reference')\r\n e.cellElement.classList.add('col-reference-factura');\r\n if (e.column.dataField == 'asignedTo' || e.column.dataField == 'creditDays' || e.column.dataField == 'deliveryDate' )\r\n e.cellElement.classList.add('bill-update');\r\n }\r\n\r\n }\r\n\r\n const extraParameter = clientId > 0 ? { key: 'clientId', value: clientId } : null;\r\n\r\n const cellRenderDelivery = (cellData) => {\r\n\r\n const { isDeliveried } = cellData.data;\r\n\r\n let deliveriedClassName = 'not-deliveried';\r\n if(isDeliveried)\r\n deliveriedClassName = 'is-deliveried';\r\n \r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n const title = 'Facturas';\r\n\r\n return authorized(\r\n \r\n {isDeliveried ? 'Entregado': 'Sin entrega'} \r\n
\r\n \r\n refGrid.current.instance.refresh()} \r\n visibleRefresh={true} {...props}\r\n > \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default BillUpdates;\r\n","import React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { useParams } from 'react-router-dom';\r\nimport FileUpload from './FileUpload';\r\nconst ImageProduct = () => {\r\n\r\n //get id from route\r\n const { id } = useParams();\r\n\r\n const product = JSON.parse(localStorage.getItem('imageProduct'));\r\n\r\n const { internalCode, name, family, presentation, um, price } = product;\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ImageProduct;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Box, DataGrid, DateBox } from \"devextreme-react\";\r\nimport { Item } from \"devextreme-react/box\";\r\nimport { Column, Paging, Export, Pager, Editing } from \"devextreme-react/data-grid\";\r\n\r\nimport http from \"../../../utils/http\";\r\nimport Title from \"../../../components/shared/Title\";\r\nimport BlockHeader from \"../../../components/shared/BlockHeader\";\r\nimport { cellRender, cellRenderBold } from \"../../../utils/common\";\r\nimport { formatDate } from \"../../../data/app\";\r\nimport useAuthorization from '../../../hooks/useAuthorization';\r\nimport { resources } from '../../../data/app';\r\n\r\nconst StockByDate = (props) => {\r\n\r\n const [ authorized ] = useAuthorization( resources.verKardex );\r\n const [date, setDate] = useState(null); \r\n const [kardex, setKardex] = useState(undefined); \r\n const [loading, setLoading] = useState(false);\r\n\r\n const changeDate = e => {\r\n setDate(e.value)\r\n }\r\n\r\n const loadData = async()=>{\r\n if(date){\r\n setKardex([]);\r\n setLoading(true);\r\n const resp = await http('reports/StocksByDate').asPost({ date }); \r\n setKardex(resp);\r\n setLoading(false);\r\n\r\n } \r\n }\r\n\r\n useEffect(() => {\r\n loadData();\r\n }, [date]); \r\n\r\n const title ='Existencias por fecha'; \r\n\r\n return authorized(\r\n {internalCode} - {name}
\r\nCategoria:{family}
\r\n Marca:{presentation}
\r\n Unidad de medida:{um}
\r\n Precio:{price}
\r\n \r\n \r\n - \r\n
\r\n \r\n { loading && \r\n\r\n - \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default StockByDate;\r\n","// react\r\nimport React from 'react';\r\n\r\n// third-party\r\nimport { Switch } from 'react-router-dom';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport HomePage from './home/HomePage';\r\n\r\n// application\r\nimport Footer from './footer';\r\nimport Header from './header';\r\n\r\nimport catalogos from '../data/catalogos';\r\nimport { typeTraslate } from '../data/enums';\r\nimport Catalogo from './shared/Catalogos';\r\nimport { _path } from '../data/headerNavigation';\r\nimport PrivateRoute from './header/PrivateRouter';\r\nimport Paciente from './search/Paciente';\r\nimport OutPutProducts from '../views/movimientos/outPutProducts';\r\nimport Products from '../views/products';\r\nimport Users from '../views/users';\r\nimport Roles from '../views/roles';\r\nimport Resources from '../views/resources';\r\nimport Rates from '../views/rates';\r\nimport initProduct from '../views/movimientos/initProducts/initProduct';\r\nimport Providers from '../views/providers/Providers';\r\nimport Traslates from '../views/movimientos/traslates';\r\nimport Kardex from '../views/reports/kardex';\r\nimport Existencias from '../views/reports/stocks';\r\nimport initAdjustments from '../views/movimientos/initProducts/initAdjustments';\r\nimport Clients from '../views/clients';\r\nimport Bills from '../views/bills';\r\nimport NotasCreditos from '../views/notascreditos';\r\nimport Receipts from '../views/receipts';\r\nimport Areas from '../views/areas';\r\nimport Vendors from '../views/vendors/Vendors';\r\nimport Stock from '../views/reports/stocks/Stock';\r\nimport NuevoQuickly from '../views/bills/NuevoQuickly';\r\nimport Navig from './navigator/Navig';\r\nimport AppConfig from '../views/app/AppConfig';\r\nimport Comision from '../views/reports/facturas/Comision';\r\nimport ProductsInfo from '../views/reports/facturas/ProductsInfo';\r\nimport Clasifications from '../views/clasifications';\r\nimport Pending from '../views/clients/Pending';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport MobileHeader from './mobile/MobileHeader';\r\nimport Ventas from '../views/bills/Ventas';\r\nimport Cuts from '../views/cuts';\r\nimport Ejecute from '../views/cuts/Ejecute';\r\nimport Compras from '../views/reports/compras/Compras';\r\nimport Cotizaciones from '../views/prebills/Cotizaciones';\r\nimport PreVentas from '../views/prebills/PreVentas';\r\nimport Purchases from '../views/purchases';\r\nimport Authorizations from '../views/app/Authorizations';\r\nimport MobileCotizaciones from '../views/mobile/prebills/MobileCotizaciones';\r\nimport MobilePreVentas from '../views/mobile/prebills/PreVentas';\r\nimport ComisionFamilies from '../views/comisionFamilies/ComisionFamilies';\r\nimport Recibos from '../views/bills/Recibos';\r\nimport MobilePending from '../views/mobile/clients/MobilePending';\r\nimport ClientsMobile from '../views/clients/ClientsMobile';\r\nimport Ingresos from '../views/reports/stocks/Ingresos';\r\nimport DashboardSales from '../views/reports/stocks/DashboardSales';\r\nimport BillUpdates from '../views/bills/BillUpdates';\r\nimport ImageProduct from '../views/products/ImageProduct';\r\nimport StockByDate from '../views/reports/stockByDate/StockByDate';\r\n\r\nfunction Layout(props) {\r\n const { headerLayout } = props;\r\n\r\n const PrintCatalogos = catalogos.map(c => {\r\n return \r\n \r\n \r\n
\r\n Cargando datos...
}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n {PrintCatalogos} \r\n {routes} \r\n } /> \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n const Info = () => \r\n
\r\n
\r\n\r\n return (\r\n La contraseña fue restablecida y enviada al correo {email}
\r\n\r\n ;\r\n
\r\n