=> {\r\n const response = await requests.get(`${membershipsStore.serviceUrl + RESOURCE}/Get/${initial}/${take}`)\r\n return response.data as IInvoiceDocument[]\r\n },\r\n deleteInvoice: async (invoice: IInvoiceDocument) => {\r\n const response = await requests.del(`${membershipsStore.serviceUrl + RESOURCE}/${invoice.Id}`)\r\n return response\r\n }\r\n}\r\n\r\nexport default InvoiceDocuments","import requests, {AUTH_SERVICE_URL} from './Setup'\r\n\r\nconst RESOURCE = `${AUTH_SERVICE_URL}/Countries`\r\n\r\nconst Countries = {\r\n get: () =>\r\n requests.get(`${RESOURCE}/Get`).then(response => {\r\n if(response && response.status===200) return response.data\r\n }),\r\n}\r\n\r\nexport default Countries","import Providers from './Providers'\r\nimport Account from './Account'\r\nimport DocumentCompletes from './DocumentCompletes'\r\nimport Withholding from './Withholding'\r\nimport InvoiceDocuments from './InvoiceDocuments'\r\nimport Countries from './Countries'\r\nimport Reports from './Reports'\r\nimport Dashboards from './Dashboards'\r\nimport Settings from './Settings'\r\n\r\n\r\nexport default {\r\n Providers,\r\n Account,\r\n DocumentCompletes,\r\n Withholding,\r\n InvoiceDocuments,\r\n Countries,\r\n Reports,\r\n Dashboards,\r\n Settings\r\n}","import requests from './Setup'\r\nimport membershipsStore from 'stores/membershipsStore'\r\n\r\nconst RESOURCE = `/Reports`\r\n\r\nconst Reports = {\r\n //responseType: 'blob' necesario para la interpretación correcta del PDF\r\n withholding: idWithHolding =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/WithHoldingPdf/${idWithHolding}`, { responseType: 'blob' }).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n purchaseLedgerPdf: (From, To, TypeLedger, TypeFormat) =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/PurchaseLedgerPdf/${From}/${To}/${TypeLedger}/${TypeFormat}`, { responseType: 'blob' }).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n createTxt: () =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/CreateTxt`, { responseType: 'blob' }).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n downloadTxt: txtNumber =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/DonwloadTxt/${txtNumber}`, { responseType: 'blob' }).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n sendEmailWithHoldingPdf: (IdWithHolding, mailsSend) =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/SendEmailWithHoldingPdf`, { params: {IdWithHolding, mailsSend} }).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n}\r\n\r\nexport default Reports ","import requests from './Setup'\r\nimport membershipsStore from 'stores/membershipsStore'\r\n\r\nconst RESOURCE = `/Dashboards`\r\n\r\nconst Dashboards = {\r\n get: () =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}`).then(response => {\r\n if(response && response.status===200) return response.data\r\n }),\r\n}\r\n\r\nexport default Dashboards","import requests from './Setup'\r\nimport membershipsStore from 'stores/membershipsStore'\r\n\r\nconst RESOURCE = `/Settings`\r\n\r\nconst Reports = {\r\n //responseType: 'blob' necesario para la interpretación correcta del PDF\r\n changeCorrelativeWithholding: (newCorrelative: number) =>\r\n requests.get(`${membershipsStore.serviceUrl+RESOURCE}/ChangeCorrelativeWithholding/${newCorrelative}`).then(response => {\r\n if (response && response.status === 200) return response.data\r\n }),\r\n}\r\n\r\nexport default Reports ","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Form, Button, InputGroup } from 'react-bootstrap'\r\nimport { useForm } from 'react-hook-form'\r\nimport { useTranslation } from 'react-i18next'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\nimport { inject, observer } from 'mobx-react'\r\nimport defaultValues from 'Constants/DefaultValues';\r\nimport apiService from 'Service'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport * as yup from 'yup';\r\n\r\nconst AddMembershipOrCompany = ({ parentShowState,\r\n parentClose,\r\n isForMembership,\r\n isForDemo,\r\n membershipName = '',\r\n membershipsStore }) => {\r\n\r\n\r\n const validationSchema = yup.object().shape({\r\n Name: yup.string().required(),\r\n DocumentType: yup.string().required(),\r\n RIF: yup.string().numbers().min(8).max(9).required(),\r\n FiscalAddress: yup.string().required(),\r\n Address: yup.string().required(),\r\n Phone: yup.string().required(),\r\n Celular: yup.string().required(),\r\n PeopleContact: yup.string().required(),\r\n IdCountry: yup.string().required(),\r\n })\r\n\r\n const [countries, setCountries] = useState([])\r\n const [isLoading, setIsLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n if (countries.length === 0) {\r\n setIsLoading(true)\r\n apiService.Countries.get().then(countries => {\r\n if (countries) setCountries(countries)\r\n }).finally(() => setIsLoading(false))\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (parentShowState === true) {\r\n\r\n if (isForDemo) membershipsStore.initProcess(defaultValues.demoMembership)\r\n }\r\n }, [parentShowState, membershipsStore, isForDemo])\r\n\r\n const { t } = useTranslation()\r\n const { register, handleSubmit, errors, setValue, reset } = useForm({ validationSchema: validationSchema });\r\n\r\n function handleModalClose() {\r\n parentClose()\r\n }\r\n\r\n function onSubmit(data) {\r\n if (isForDemo) {\r\n data.RIF = data.DocumentType + data.RIF\r\n membershipsStore.updateLocalMembershipState(data)\r\n membershipsStore.sendDemoRequest().then(() => {\r\n alert(t('demo_activated_successfully'))\r\n reset()\r\n handleModalClose()\r\n })\r\n }\r\n }\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 inject('membershipsStore')(observer(AddMembershipOrCompany))","import React from 'react'\r\nimport { useForm } from \"react-hook-form\";\r\nimport { Modal, Form, Button } from 'react-bootstrap'\r\n\r\n\r\nconst InvitationModal = ({ toCompany, parentShowState, parentClose }) => {\r\n const { register, handleSubmit } = useForm();\r\n const onSubmit = data => {\r\n\r\n };\r\n\r\n function hanldeModalClose(){\r\n parentClose()\r\n }\r\n\r\n return (\r\n \r\n \r\n Invitar \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cerrar\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default InvitationModal","import React, { useState } from 'react'\r\nimport { Container, Row, Col, Button } from 'react-bootstrap';\r\nimport { inject, observer } from 'mobx-react';\r\nimport { withRouter } from 'react-router-dom'\r\nimport { DASHBOARD, INVOICES_ADD } from \"Constants/Routes\";\r\nimport AddMembershipOrCompany from './AddMembershipOrCompany'\r\nimport InvitationModal from 'Components/Modals/InvitationModal'\r\nimport useTitle from 'hooks/useTitle'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst CompanySelection = ({ companyStore, authStore, history }) => {\r\n useTitle('company_selection')\r\n\r\n const { t } = useTranslation()\r\n\r\n // Datos para el control de la ventana modal de creacion de membresia/compañia\r\n const [showCompanyRegModal, setShowCompanyRegModal] = useState(false)\r\n const [modalIsForMembership, setModalIsForMembership] = useState(false)\r\n const [modalIsForDemo, setModalIsForDemo] = useState(false)\r\n const [modalMembershipName, setModalMembershipName] = useState('')\r\n \r\n\r\n //Control del modal de invitación\r\n const [showInvitationModal, setShowInvitationModal] = useState(false)\r\n const [inviteToCompany, setInviteToCompany] = useState('') // Id Compañia\r\n\r\n // Eventos modal de cracion de compañia/membresia\r\n function closeCompanyModal() {\r\n setShowCompanyRegModal(false)\r\n }\r\n\r\n // Events modal de invitación\r\n // eslint-disable-next-line no-unused-vars\r\n function openInvitationModal(companyID) {\r\n setInviteToCompany(companyID)\r\n setShowInvitationModal(true)\r\n }\r\n\r\n function closeInvitationModal() {\r\n setShowInvitationModal(false)\r\n }\r\n\r\n // Renderizado de Membresias y Compañias...\r\n function renderMembership(membership, isThirdCompany) {\r\n return (\r\n \r\n
{membership.BusinessName} \r\n {membership.Companies.map(company => {\r\n return renderCompany(company, isThirdCompany)\r\n })}\r\n {/* Dibujar boton para agregar compañia solo en membresias propias */}\r\n {isThirdCompany === false &&\r\n \r\n {\r\n setModalIsForMembership(false);\r\n setShowCompanyRegModal(true);\r\n setModalMembershipName(membership.BusinessName)\r\n }}>Agregar compañia \r\n */}\r\n
\r\n }\r\n \r\n )\r\n }\r\n\r\n function renderCompany(company, isThirdCompany) {\r\n return (\r\n \r\n
\r\n \r\n {company.BusinessName} \r\n \r\n {company.Rif} \r\n \r\n handleCompanySelecion(company, isThirdCompany)}>\r\n {t('select')}\r\n \r\n \r\n
\r\n {/* Boton de invitar para compañias propias */}\r\n {/* {isThirdCompany === false &&\r\n openInvitationModal(company.Keycompany) }>Invitar \r\n } */}\r\n \r\n {/*
\r\n
\r\n
\r\n \r\n authStore.logout()} style={{ fontSize: \"22px\" }} />\r\n
\r\n \r\n {t('own')} \r\n {companyStore.ownCompanies.length === 0 &&\r\n \r\n showModalForDemo()}>\r\n {t('activate_demo')}\r\n \r\n
\r\n }\r\n {companyStore.ownCompanies.length > 0 &&\r\n companyStore.ownCompanies.map(membership => {\r\n return renderMembership(membership, false)\r\n })}\r\n \r\n {t('third_parties')} \r\n {companyStore.thirdPartyCompanies.length === 0 &&\r\n {t('not_yet_invited_to_third_party')} \r\n }\r\n {companyStore.thirdPartyCompanies.length > 0 &&\r\n companyStore.thirdPartyCompanies.map(membership => {\r\n return \r\n {renderMembership(membership, true)}\r\n
\r\n })}\r\n \r\n
\r\n {/* { setModalIsForMembership(true); setShowCompanyRegModal(true) }}>Agregar Membresia */}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default inject(\"companyStore\", \"authStore\")(observer(withRouter(CompanySelection)))","import React from 'react'\r\nimport { Form, Button, Row, Col } from 'react-bootstrap'\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\nimport { observer } from 'mobx-react'\r\nimport * as yup from 'yup';\r\nimport useStores from 'hooks/useStores'\r\n\r\n\r\nconst ProviderInformationFormNew = ({ nextStep, previous }) => {\r\n const { t } = useTranslation();\r\n\r\n const { providersStore } = useStores()\r\n\r\n\r\n const validationSchema = yup.object().shape({\r\n Rif: yup.string(),\r\n BusinessName: yup.string().required(),\r\n FiscalAddress: yup.string().required(),\r\n Email: yup.string().email(),\r\n PhoneNumber: yup.string().numbers(),\r\n WithholdingPercentageIVA: yup.number().min(0).max(100),\r\n WithholdingPercentageISLR: yup.number().min(0).max(100),\r\n });\r\n\r\n const { register, handleSubmit, errors, formState } = useForm({ validationSchema: validationSchema });\r\n const {dirty} = formState\r\n\r\n const onSubmit = data => {\r\n if (providersStore.providerExists) {\r\n if (dirty) {\r\n providersStore.updateProvider(data).then(res => {\r\n if (res) nextStep()\r\n })\r\n }else{\r\n nextStep()\r\n }\r\n } else {\r\n providersStore.addProvider(data).then(res => {\r\n if (res) nextStep()\r\n })\r\n }\r\n };\r\n\r\n\r\n function handlePrevious() {\r\n previous();\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default observer(ProviderInformationFormNew)","import TransformDateTime from './TransformDateTime'\r\nimport TransformDate from './TransformDate'\r\nimport CurrentDate from './CurrentDate'\r\nimport FormatCurrency from './FormatCurrency'\r\n\r\nexport default {\r\n TransformDateTime,\r\n TransformDate,\r\n CurrentDate,\r\n FormatCurrency\r\n}","// Devulve el datetime como un string\r\n// con formato entendible y añadiendo\r\n// AM o PM a la hora\r\nconst TransformDateTime = datetime => {\r\n const date = new Date(datetime);\r\n\r\n let dd = date.getDate();\r\n let mm = date.getMonth() + 1; //Enero es 0!\r\n const yyyy = date.getFullYear();\r\n\r\n if (dd < 10) {\r\n dd = '0' + dd\r\n }\r\n\r\n if (mm < 10) {\r\n mm = '0' + mm\r\n }\r\n const strDate = dd + '/' + mm + '/' + yyyy;\r\n\r\n let hours = date.getHours();\r\n let minutes = date.getMinutes();\r\n let ampm = hours >= 12 ? 'PM' : 'AM';\r\n hours = hours % 12;\r\n hours = hours ? hours : 12; // 12 de la noche es 0!!!\r\n minutes = minutes < 10 ? '0'+minutes : minutes;\r\n const strTime = hours + ':' + minutes + ' ' + ampm;\r\n \r\n return strDate+' '+strTime;\r\n}\r\n\r\nexport default TransformDateTime","// Devulve el date como un string\r\n// con formato entendible, sin hora.\r\nconst TransformDate = datetime => {\r\n console.log(\"transformando\")\r\n const date = new Date(datetime);\r\n\r\n let dd = date.getDate();\r\n let mm = date.getMonth() + 1; //Enero es 0!\r\n const yyyy = date.getFullYear();\r\n\r\n if (dd < 10) {\r\n dd = '0' + dd\r\n }\r\n\r\n if (mm < 10) {\r\n mm = '0' + mm\r\n }\r\n const strDate = dd + '/' + mm + '/' + yyyy;\r\n \r\n return strDate;\r\n}\r\n\r\nexport default TransformDate","// Devulve la fecha actual en un formato valido \r\n// para los \r\n {Utilities.FormatCurrency(amount.TaxBase)} \r\n {amount.TaxPorcentage}% \r\n {Utilities.FormatCurrency(amount.TaxAmmount)} \r\n {Utilities.FormatCurrency(amount.TaxFree)} \r\n {Utilities.FormatCurrency(amount.TotalAmmount)} \r\n \r\n \r\n \r\n}\r\n\r\nexport default AmountRow","import React from 'react'\r\nimport { Row, Col } from 'react-bootstrap'\r\nimport { observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport Utilities from 'Utilities'\r\nimport 'Styles/MobileCard.scss'\r\n\r\nconst AmountCard = ({ amount, deleteAmountEntry }) => {\r\n const { t } = useTranslation();\r\n\r\n function handleDelete() {\r\n deleteAmountEntry(amount.Row)\r\n }\r\n\r\n return \r\n\r\n
\r\n \r\n \r\n {t('base') + ': '}\r\n {Utilities.FormatCurrency(amount.TaxBase)} \r\n \r\n {t('vat_percentage') + ': '}\r\n {amount.TaxPorcentage}% \r\n \r\n {t('vat_amount') + ': '}\r\n {Utilities.FormatCurrency(amount.TaxAmmount)} \r\n \r\n {t('exempt_amount') + ': '}\r\n {Utilities.FormatCurrency(amount.TaxFree)} \r\n \r\n {t('total') + ': '}\r\n {Utilities.FormatCurrency(amount.TotalAmmount)} \r\n
\r\n
\r\n
{t('registered_amounts')}
\r\n \r\n \r\n \r\n \r\n {t('base')} \r\n {t('vat_percentage')} \r\n {t('vat_amount')} \r\n {t('exempt_amount')} \r\n {t('total')} \r\n {t('action')} \r\n \r\n \r\n \r\n {invoicesStore.amounts.map(amount => {\r\n return \r\n
\r\n \r\n \r\n \r\n {invoicesStore.amounts.map(amount => {\r\n return
\r\n \r\n \r\n }\r\n\r\n return \r\n
{t('no_amounts_registered_yet')} \r\n \r\n}\r\n\r\nexport default observer(AmountsSection)","import React, { useState } from 'react'\r\nimport { Form, Button, Row, Col } from 'react-bootstrap'\r\nimport { useForm, Controller } from \"react-hook-form\";\r\nimport { observer } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next'\r\nimport vlMessages from 'Constants/ValidationMessages'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\nimport * as yup from 'yup';\r\nimport CurrencyInput from 'react-currency-input-field';\r\nimport numeral from 'numeral'\r\nimport Utilities from 'Utilities'\r\n/**\r\n * 16/08/2021: el import de numeral/locales/es es muy importante, no borrar.\r\n * si es posible buscar una alternativa a Numeral Js\r\n */\r\nimport 'numeral/locales/es'\r\nimport useStores from 'hooks/useStores';\r\nnumeral.locale('es')\r\n\r\n\r\nconst FormSection = ({ backToListHandler }) => {\r\n\r\n const { t } = useTranslation();\r\n \r\n const {invoicesStore, configurationStore, uiStore} = useStores()\r\n\r\n const validationSchema = yup.object().shape({\r\n TaxBase: yup.string(),\r\n })\r\n\r\n const { register, handleSubmit, errors, reset, setValue, getValues, control } = useForm({ validationSchema: validationSchema });\r\n\r\n // Si el usuario retrocede, se mantienen los montos y al volver a este forumario\r\n // se debe determinar cual fue el id más alto asignado anteriormente\r\n const [idCounter, setIdCounter] = useState(\r\n invoicesStore.amounts.length ? Math.max.apply(Math, invoicesStore.amounts.map(function (amount) { return amount.Row + 1; })) : 1)\r\n\r\n // Controla que no se muestre el resto del formulario\r\n // hasta que se seleccione un impuesto valido\r\n const [isValidSelectedTax, setIsValidSelectedTax] = useState(false)\r\n\r\n // Para el calculo automatico\r\n const [totalTax, setTotalTax] = useState(0)\r\n const [totalAmount, setTotalAmount] = useState(0)\r\n\r\n function onAmountSubmit(data) {\r\n data = {\r\n TaxType: parseInt(data.TaxType),\r\n TaxPorcentage: parseFloat(data.TaxPorcentage),\r\n TaxBase: numeral(data.TaxBase).value(),\r\n IdInvoice: '',\r\n Row: idCounter,\r\n TaxAmmount: numeral(totalTax).value(),\r\n TotalAmmount: numeral(totalAmount).value(),\r\n TaxFree: parseInt(data.TaxPorcentage) === 0 ? numeral(totalAmount).value() : 0,\r\n Discount: 0,\r\n }\r\n\r\n invoicesStore.addAmount(data)\r\n uiStore.addNotification(uiStore.appNotifications.SUCCESS_ADDED)\r\n setIdCounter(idCounter + 1)\r\n reset()\r\n backToListHandler()\r\n }\r\n\r\n function handleTaxTypeChange(e) {\r\n setIsValidSelectedTax(true)\r\n setHiddenTaxPorcentageValue(e.target.value)\r\n calculateTaxandTotal(getValues('TaxBase'))\r\n }\r\n\r\n function setHiddenTaxPorcentageValue(taxTypeId) {\r\n const value = configurationStore.taxes.find(x => x.Id === parseInt(taxTypeId)).Value\r\n if (!value) {\r\n setValue('TaxPorcentage', 0)\r\n }\r\n setValue('TaxPorcentage', value)\r\n }\r\n\r\n // el valor va etre [] porque react-hooks-form control este input\r\n function handleTaxBaseChange([value]) {\r\n calculateTaxandTotal(value)\r\n return value\r\n }\r\n\r\n function calculateTaxandTotal(base) {\r\n const tempTotalTax = Utilities.FormatCurrency(numeral(base).value() * (getValues('TaxPorcentage') / 100))\r\n const tempTotalAmount = Utilities.FormatCurrency(numeral(base).value() + numeral(tempTotalTax).value())\r\n setTotalTax(only2Decimals(tempTotalTax))\r\n setTotalAmount(only2Decimals(tempTotalAmount))\r\n }\r\n \r\n\r\n function handleTotalTaxChange(e) {\r\n setTotalTax(e)\r\n calculateTotalFromTaxChange(e)\r\n }\r\n\r\n function calculateTotalFromTaxChange(tax) {\r\n const tempTotalAmount = Utilities.FormatCurrency(numeral(getValues('TaxBase')).value() + numeral(tax).value())\r\n setTotalAmount(only2Decimals(tempTotalAmount))\r\n }\r\n\r\n function handleTotalAmountChange(e) {\r\n setTotalAmount(e)\r\n }\r\n\r\n function only2Decimals(value){\r\n return numeral(value).format('0.00')\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default observer(FormSection)","import React from 'react'\r\nimport { Button, Row, Col } from 'react-bootstrap'\r\nimport { observer } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport useStores from 'hooks/useStores';\r\n\r\ntype ButtonsSectionPropsTypes = {\r\n handleSave: () => void\r\n handlePrevious: () => void\r\n cancel?: () => void\r\n}\r\n\r\nconst ButtonsSection = ({ handleSave, handlePrevious, cancel }: ButtonsSectionPropsTypes) => {\r\n const { t } = useTranslation();\r\n\r\n const { invoicesStore } = useStores()\r\n\r\n if (invoicesStore.isLoading) return \r\n {cancel &&\r\n \r\n {t('cancel')}\r\n \r\n \r\n }\r\n {t('back')} \r\n \r\n {t('finish')} \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default observer(ButtonsSection)","import React, { useState } from 'react'\r\nimport { observer } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next'\r\nimport AmountsSection from './AmountsSection'\r\nimport FormSection from './FormSection'\r\nimport ButtonsSection from './ButtonsSection'\r\nimport { Button } from 'react-bootstrap'\r\nimport useStores from 'hooks/useStores'\r\n\r\n\r\nconst STEPS = {\r\n LIST: 1,\r\n ADD_AMOUNT: 2\r\n}\r\n\r\ntype AmountsFormPropsType = {\r\n nextStep: () => void\r\n previous?: () => void\r\n cancel?: () => void\r\n}\r\n\r\nconst AmountsForm = ({ nextStep, previous, cancel } : AmountsFormPropsType) => {\r\n const { t } = useTranslation();\r\n const [step, setStep] = useState(1)\r\n\r\n const { invoicesStore } = useStores()\r\n\r\n \r\n function handlePrevious() {\r\n if(previous) previous();\r\n }\r\n\r\n function handleSave() {\r\n invoicesStore.amounts.length\r\n ? nextStep()\r\n : alert(t('you_must_register_at_least_one_amount'))\r\n }\r\n\r\n function handleAddAmountButton() {\r\n setStep(STEPS.ADD_AMOUNT)\r\n }\r\n\r\n function handleBackToListButton() {\r\n setStep(STEPS.LIST)\r\n }\r\n\r\n return (\r\n \r\n
{t('invoice_details')} \r\n\r\n {step === STEPS.LIST && <>\r\n
\r\n
{t('add_amount')} \r\n
\r\n\r\n
\r\n \r\n }\r\n\r\n {step === STEPS.ADD_AMOUNT && <>\r\n
\r\n }\r\n
{\r\n return moment(date).format('DD/MM/yyyy')\r\n }}\r\n parseDate={str => {\r\n return new Date(str)\r\n }}\r\n placeholder={\"dd/mm/aaaa\"}\r\n locale=\"es\" localeUtils={MomentLocaleUtils}\r\n {...props}\r\n value={value}\r\n />\r\n}","/**\r\n * TODO:\r\n * Validar que no existas otra facturas con el mismo número\r\n * para el mismo proveedor\r\n */\r\n\r\nimport React from 'react'\r\nimport { Form, Button, Col, Row } from 'react-bootstrap'\r\nimport { useForm, Controller } from \"react-hook-form\";\r\nimport { observer } from 'mobx-react';\r\nimport { useTranslation } from 'react-i18next'\r\nimport vlMessages from 'Constants/ValidationMessages'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\nimport * as yup from 'yup'\r\nimport DatePicker from 'Components/DatePicker'\r\nimport useStores from 'hooks/useStores'\r\n\r\ntype InvoiceInformationNewPropsType = {\r\n nextStep: () => void,\r\n previous?: () => void,\r\n cancel?: () => void\r\n}\r\n\r\nconst InvoiceInformationNew = ({ nextStep, previous, cancel }: InvoiceInformationNewPropsType) => {\r\n const { t } = useTranslation();\r\n\r\n const { invoicesStore, configurationStore } = useStores()\r\n\r\n\r\n const validationSchema = yup.object().shape({\r\n EmitDate: yup.date().required(),\r\n Serie: yup.string(),\r\n InvoiceNumber: yup.string().required().numbers(),\r\n ControlNumber: yup.string(),\r\n IdDocumentType: yup.string().required().numbers(),\r\n });\r\n\r\n const { register, handleSubmit, errors, control } = useForm({ validationSchema: validationSchema });\r\n\r\n const onSubmit = (data: any) => {\r\n\r\n invoicesStore.updateInvoiceState(data)\r\n nextStep()\r\n };\r\n\r\n function handlePrevious() {\r\n if (previous) previous();\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default observer(InvoiceInformationNew)","import React, { useEffect } from 'react'\r\nimport { Form, Button, Row, Col, InputGroup } from 'react-bootstrap'\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\nimport { observer } from 'mobx-react'\r\nimport * as yup from 'yup';\r\nimport useStores from 'hooks/useStores'\r\n\r\n\r\nconst IdentificationLookup = ({ nextStep }) => {\r\n const { t } = useTranslation();\r\n\r\n const { providersStore } = useStores()\r\n\r\n \r\n const validationSchema = yup.object().shape({\r\n DocumentType: yup.string().required(),\r\n Rif: yup.string().numbers().min(8).max(9).required(),\r\n });\r\n\r\n const { register, handleSubmit, errors, reset } = useForm({ validationSchema: validationSchema });\r\n const onSubmit = data => {\r\n const fullIdentification = data.DocumentType + data.Rif\r\n providersStore.identificationLookup(fullIdentification).then(res => {\r\n if (res === true) nextStep()\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n reset()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default observer(IdentificationLookup)","import React, { useState, useEffect } from 'react'\r\nimport { Prompt } from 'react-router-dom'\r\nimport {\r\n ProviderInformationForm,\r\n IdentificationLookup,\r\n InvoiceInformation,\r\n AmountsForm\r\n} from 'Components/Forms'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport useTitle from 'hooks/useTitle'\r\n\r\nconst STEPS = {\r\n PROVIDER_LOOKUP: 1,\r\n PROVIDER_INFORMATION: 2,\r\n INVOICE_INFORMATION: 3,\r\n AMOUNTS_LIST: 4,\r\n ADD_AMOUNT: 5\r\n}\r\n\r\nconst InvoiceRegister = ({ providersStore,invoicesStore }) => {\r\n const { t } = useTranslation();\r\n useTitle('registering_invoice')\r\n\r\n useEffect(() => {\r\n providersStore.initProcess()\r\n invoicesStore.initProcess()\r\n return () => {\r\n // Limpiar estados al salir\r\n providersStore.clear()\r\n invoicesStore.clear()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n const [step, setStep] = useState(STEPS.PROVIDER_LOOKUP)\r\n\r\n function nextStep() {\r\n switch (step) {\r\n case STEPS.PROVIDER_LOOKUP:\r\n setStep(STEPS.PROVIDER_INFORMATION)\r\n break;\r\n case STEPS.PROVIDER_INFORMATION:\r\n setStep(STEPS.INVOICE_INFORMATION)\r\n break;\r\n case STEPS.INVOICE_INFORMATION:\r\n setStep(STEPS.AMOUNTS_LIST)\r\n break;\r\n case STEPS.AMOUNTS_LIST:\r\n sendData()\r\n break;\r\n default:\r\n break;\r\n }\r\n if(step !== 4){\r\n window.scrollTo(0,1)\r\n }\r\n }\r\n\r\n function sendData(){\r\n invoicesStore.postNewCompleteDocument().then(res=>{\r\n if(res){\r\n alert(t('invoice_registered_successfully'))\r\n window.location.reload()\r\n }\r\n })\r\n }\r\n\r\n function previous() {\r\n switch (step) {\r\n case STEPS.PROVIDER_INFORMATION:\r\n providersStore.resetProcess()\r\n setStep(STEPS.PROVIDER_LOOKUP)\r\n break;\r\n case STEPS.INVOICE_INFORMATION:\r\n setStep( STEPS.PROVIDER_INFORMATION)\r\n break;\r\n case STEPS.AMOUNTS_LIST:\r\n setStep(STEPS.INVOICE_INFORMATION)\r\n break;\r\n default:\r\n break;\r\n }\r\n window.scrollTo(0,1)\r\n }\r\n\r\n return (\r\n \r\n\r\n
{t('registering_invoice')} \r\n {step === STEPS.PROVIDER_LOOKUP &&\r\n
\r\n }\r\n\r\n {step === STEPS.PROVIDER_INFORMATION &&\r\n
\r\n }\r\n\r\n {step === STEPS.INVOICE_INFORMATION &&\r\n
}\r\n\r\n {step === STEPS.AMOUNTS_LIST &&\r\n
}\r\n\r\n
STEPS.PROVIDER_LOOKUP}\r\n message={t('do_you_really_want_to_quit_the_process')}\r\n />\r\n\r\n \r\n\r\n
{t('editing_invoice')} \r\n {step === STEPS.AMOUNTS_LIST &&\r\n
}\r\n\r\n
STEPS.AMOUNTS_LIST}\r\n message={t('do_you_really_want_to_quit_the_process')}\r\n />\r\n\r\n \r\n
Compañia: {invitation.company} \r\n \r\n Rechazar \r\n Aceptar \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default InvitationCard","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { COMPANY_SELECTION } from \"../Constants/Routes\";\r\nimport InvitationCard from '../Components/InvitationCard'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { Row, Col } from 'react-bootstrap'\r\n\r\nconst PendingInvitations = ({ CommonStore }) => {\r\n\r\n return (\r\n \r\n
Invitations page \r\n \r\n {CommonStore.invitations.map(invitation => {\r\n return
\r\n :\r\n No hay invitaciones pendientes por revisar \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default inject(\"CommonStore\")(observer(PendingInvitations))","import React, { useState, useEffect } from 'react'\r\nimport { AmountsForm, InvoiceInformation } from '../../../Components/Forms'\r\nimport { observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport useStores from 'hooks/useStores'\r\nimport IInvoiceDocumentComplete from 'interfaces/service/Invoice/IInvoiceDocumentComplete';\r\n\r\nenum PURCHASE_REGISTRATION_STEPS {\r\n INVOICE_INFORMATION,\r\n AMOUNTS_INTRODUCTION\r\n}\r\n\r\ntype PruchaseRegistrationPropsTypes = {\r\n onPurchaseRegistered: (doc: IInvoiceDocumentComplete) => void\r\n setIsAddingInvoice: React.Dispatch>\r\n}\r\n\r\nconst PruchaseRegistration = ({ onPurchaseRegistered, setIsAddingInvoice }: PruchaseRegistrationPropsTypes) => {\r\n\r\n const [step, setStep] = useState(PURCHASE_REGISTRATION_STEPS.INVOICE_INFORMATION)\r\n const { t } = useTranslation();\r\n\r\n const { invoicesStore } = useStores()\r\n\r\n\r\n useEffect(() => {\r\n invoicesStore.initProcess()\r\n return () => {\r\n // Limpiar estados al salir\r\n invoicesStore.clear()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n function previous() {\r\n switch (step) {\r\n case PURCHASE_REGISTRATION_STEPS.AMOUNTS_INTRODUCTION:\r\n setStep(PURCHASE_REGISTRATION_STEPS.INVOICE_INFORMATION)\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n function nextStep() {\r\n switch (step) {\r\n case PURCHASE_REGISTRATION_STEPS.INVOICE_INFORMATION:\r\n setStep(PURCHASE_REGISTRATION_STEPS.AMOUNTS_INTRODUCTION)\r\n break;\r\n case PURCHASE_REGISTRATION_STEPS.AMOUNTS_INTRODUCTION:\r\n sendData()\r\n break;\r\n default:\r\n break;\r\n }\r\n if (step !== PURCHASE_REGISTRATION_STEPS.AMOUNTS_INTRODUCTION) {\r\n window.scrollTo(0, 1)\r\n }\r\n }\r\n\r\n function backToWitholdingSelection() {\r\n setIsAddingInvoice(false)\r\n }\r\n\r\n function sendData() {\r\n invoicesStore.postNewCompleteDocument().then(res => {\r\n if (res) {\r\n alert(t('invoice_registered_successfully'))\r\n onPurchaseRegistered(res)\r\n setIsAddingInvoice(false)\r\n }\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n
{t('adding_invoice')} \r\n \r\n
\r\n {step === PURCHASE_REGISTRATION_STEPS.INVOICE_INFORMATION &&\r\n
}\r\n {step === PURCHASE_REGISTRATION_STEPS.AMOUNTS_INTRODUCTION &&\r\n
}\r\n
\r\n
\r\n {children}\r\n \r\n );\r\n }\r\n\r\n export default CustomAcordionToggle\r\n","import React from 'react'\r\nimport { Accordion, Card } from 'react-bootstrap'\r\n\r\nconst Body = ({children}) => \r\n \r\n \r\n {children}\r\n \r\n \r\n\r\nexport default Body","import React from 'react'\r\nimport { Col, Accordion, Card } from 'react-bootstrap'\r\nimport Header from './Header'\r\nimport Body from './Body'\r\n\r\n// Base para tarjeta usada en la version de movil o tablet.\r\nconst SAccordion = ({children, xs=12, sm=12, md=4, lg=4}) => {\r\n\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nSAccordion.Header = Header\r\nSAccordion.Body = Body\r\n\r\nexport default SAccordion","import React from 'react'\r\nimport { Card, Row, Col } from 'react-bootstrap'\r\nimport CustomAccordionToggle from './CustomAcordionToggle'\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Header = ({children}) => {\r\n const { t } = useTranslation();\r\n \r\n return (\r\n \r\n \r\n <>\r\n {children}\r\n \r\n \r\n \r\n {t('details')}\r\n \r\n \r\n
\r\n
\r\n )\r\n};\r\n\r\nexport default Header","import React from 'react'\r\nimport { Row, Col } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next';\r\nimport SAcordion from 'Components/SAcordion'\r\nimport Utilities from 'Utilities';\r\nimport IInvoiceForDocumentSelection from 'interfaces/app/IInvoiceForDocumentSelection';\r\n\r\ntype DocumentCardPropsType = {\r\n document: IInvoiceForDocumentSelection,\r\n handleSelectionChange: (document: IInvoiceForDocumentSelection) => void\r\n}\r\n\r\n// Tarjeta usada en la version de movil o tablet.\r\nconst DocumentCard = ({ document, handleSelectionChange}: DocumentCardPropsType) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t('invoice_number')} : {document.Invoice.InvoiceNumber}{t('total_amount')} : {document.CalculatedTotalAmount}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t('control_number')} : {document.Invoice.ControlNumber}{t('serie')} : {document.Invoice.Serie}{t('emit_date')} : {Utilities.TransformDate(document.Invoice.EmitDate)} \r\n \r\n )\r\n}\r\n\r\nexport default DocumentCard","import React from 'react'\r\nimport './LoadingSpinnerAlt.scss'\r\n\r\nconst LoadingSpinnerAlt = ({ dimension = 30, percentage = false }) => {\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 {!isDeleting && \r\n {t('delete')}\r\n \r\n }\r\n >\r\n (null)\r\n\r\n useEffect(() => {\r\n withholdingsStore.fetchPendingDocuments()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n // Se desmarca el check de todos las selecciones si una de ellas\r\n // no está marcada\r\n useEffect(() => {\r\n if (allStatusCheckbox.current && !withholdingsStore.isLoading) {\r\n let allChecked = true\r\n withholdingsStore.pendingDocuments.forEach(document => {\r\n if (!document.Selected) allChecked = false\r\n })\r\n allStatusCheckbox.current.checked = allChecked\r\n }\r\n }, [withholdingsStore.pendingDocuments, withholdingsStore.isLoading]);\r\n\r\n function handleAllCheckboxControlChange(event: React.ChangeEvent) {\r\n let newState = withholdingsStore.pendingDocuments\r\n newState.forEach(document => document.Selected = event.target.checked)\r\n withholdingsStore.setPendingDocuments([...newState])\r\n }\r\n\r\n function handleSelectionChange(document: IInvoiceForDocumentSelection) {\r\n let newState = withholdingsStore.pendingDocuments;\r\n newState.forEach((pendingDocument) => {\r\n if (pendingDocument.Invoice.Id === document.Invoice.Id) {\r\n pendingDocument.Selected = !pendingDocument.Selected\r\n }\r\n })\r\n withholdingsStore.setPendingDocuments([...newState])\r\n }\r\n\r\n function handlePrevious() {\r\n const result = window.confirm(t('actual_selection_will_be_lost'))\r\n if (result) parentPrevious()\r\n }\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n function handleModalClose() {\r\n const result = window.confirm(t('do_you_really_want_to_quit_the_process'))\r\n if (result) setIsAddingInvoice(false)\r\n\r\n }\r\n\r\n function onPurchaseRegistered(doc: IInvoiceDocumentComplete) {\r\n\r\n // Solo agregar el documento a la lista si tiene impuestos (determinado por el servicio)\r\n if (doc.IsNotWithholding) return;\r\n\r\n let total = 0\r\n doc.InvoiceDetails.forEach((invoiceDetail) => {\r\n total += invoiceDetail.TotalAmmount\r\n })\r\n\r\n\r\n\r\n const selectableDocument: IInvoiceForDocumentSelection = {\r\n ...doc,\r\n Selected: true,\r\n CalculatedTotalAmount: Utilities.FormatCurrency(total)\r\n }\r\n\r\n withholdingsStore.setPendingDocuments([\r\n ...withholdingsStore.pendingDocuments,\r\n selectableDocument\r\n ])\r\n }\r\n\r\n function generateWithholding() {\r\n let selectedDocuments = withholdingsStore.pendingDocuments.filter(doc => doc.Selected === true)\r\n if (selectedDocuments.length) {\r\n withholdingsStore.postNew(selectedDocuments).then(res => {\r\n if (res) {\r\n nextStep()\r\n\r\n }\r\n })\r\n } else {\r\n alert(t('you_must_select_at_leats_one_document'))\r\n }\r\n }\r\n\r\n function renderButtons() {\r\n return <>\r\n {withholdingsStore.isLoading\r\n ? \r\n {t('back')}\r\n \r\n \r\n { setIsAddingInvoice(true) }} >{t('add_invoice')}\r\n \r\n \r\n {t('generate_withholding')}\r\n \r\n \r\n
\r\n }\r\n \r\n }\r\n\r\n if (isAddingInvoice) {\r\n return \r\n }\r\n\r\n if (withholdingsStore.isLoading) return \r\n
{t('documents_selection')} \r\n {renderButtons()}\r\n\r\n {withholdingsStore.pendingDocuments.length === 0 &&\r\n
\r\n
{t('not_pending_invoices')} \r\n \r\n }\r\n\r\n {withholdingsStore.pendingDocuments.length > 0 &&\r\n <>\r\n
{t('select_all')} \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n {withholdingsStore.pendingDocuments.map((document) => {\r\n return
\r\n\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n {t('send_withholding_by_email')} \r\n \r\n \r\n \r\n \r\n )\r\n})) \r\n\r\n\r\nexport default (()=>\r\n )","import React, { useState } from 'react'\r\nimport { observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport WithholdingEmailSendModal from 'Components/Modals/WithholdingEmailSendModal'\r\nimport { Row, Col, Button } from 'react-bootstrap'\r\nimport LoadingSpinnerAlt from 'Components/LoadingSpinnerAlt'\r\nimport { isEmail } from 'react-multi-email';\r\nimport useStores from 'hooks/useStores';\r\n\r\nconst ButtonWrapper = ({ children }: { children: React.ReactNode }) => {\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nconst FinalOptions = () => {\r\n const { t } = useTranslation();\r\n const [isDownloading, setIsDownloading] = useState(false)\r\n\r\n const { providersStore, withholdingsStore, emailSendModalStore } = useStores()\r\n\r\n function download() {\r\n if (!isDownloading) {\r\n setIsDownloading(true)\r\n withholdingsStore.downloadDocument(\r\n withholdingsStore.withholding.Id, withholdingsStore.withholding.Correlative\r\n )\r\n .finally(() => setIsDownloading(false))\r\n }\r\n }\r\n\r\n function showEmailModal() {\r\n emailSendModalStore.openModal(withholdingsStore.withholding.Id, isEmail(providersStore.provider.Email) ? [providersStore.provider.Email] : [])\r\n }\r\n\r\n function handleGenerateAnother() {\r\n window.location.reload()\r\n }\r\n\r\n return (<>\r\n \r\n
{t('withholdng_succesfull_generate')} \r\n
\r\n \r\n showEmailModal()}>\r\n \r\n
\r\n
{t('send_by_email')}
\r\n
\r\n {isDownloading &&\r\n \r\n
}\r\n {!isDownloading &&\r\n download()}>\r\n \r\n
\r\n
{t('download')}
\r\n
\r\n \r\n \r\n \r\n \r\n {t('generate_another_withholding')}\r\n \r\n
\r\n \r\n {step !== WITHHOLDING_GENERATION_STEPS.FINAL_OPTIONS &&\r\n
{t('generating_withholding')} \r\n }\r\n\r\n {step === WITHHOLDING_GENERATION_STEPS.IDENTIFICATION_LOOKUP &&\r\n
\r\n }\r\n\r\n {step === WITHHOLDING_GENERATION_STEPS.PROVIDER_INFO_INPUT &&\r\n
\r\n }\r\n\r\n {step === WITHHOLDING_GENERATION_STEPS.WITHHOLDING_INFO_INPUT &&\r\n
\r\n }\r\n\r\n {step === WITHHOLDING_GENERATION_STEPS.INVOICES_SELECTION &&\r\n
}\r\n\r\n {step === WITHHOLDING_GENERATION_STEPS.FINAL_OPTIONS &&\r\n
\r\n }\r\n\r\n
1 && step < 5}\r\n message={t('do_you_really_want_to_quit_the_process')}\r\n />\r\n\r\n \r\n
{t('list_of')+' '+t(title)} \r\n
\r\n {children}\r\n
\r\n
\r\n}\r\n\r\nconst InvoicesListContext = React.createContext({} as InvoicesListContextType)\r\n\r\nexport default InvoicesListContext","import React, { useState } from 'react'\r\nimport IInvoiceDocument from 'interfaces/service/Invoice/IInvoiceDocument'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport LoadingSpinnerAlt from 'Components/LoadingSpinnerAlt';\r\nimport InvoicesListContext from './InvoicesListContext';\r\n\r\n\r\ntype ActionButtons = {\r\n invoice: IInvoiceDocument,\r\n}\r\n\r\nconst ActionButtons = ({ invoice }: ActionButtons) => {\r\n const { t } = useTranslation();\r\n\r\n const [isDeleting, setisDeleting] = useState(false)\r\n\r\n const { deleteInvoice } = React.useContext(InvoicesListContext)\r\n\r\n async function handleDelete() {\r\n if (invoice.IdWithholding) {\r\n alert(t('this_invoice_is_part_of_a_withholding_and_cannot_be_deleted'))\r\n return\r\n }\r\n const confirmation = window.confirm(t('confirm_deletion'))\r\n if (confirmation) {\r\n try {\r\n setisDeleting(true)\r\n await deleteInvoice(invoice)\r\n\r\n } finally {\r\n setisDeleting(false)\r\n }\r\n }\r\n }\r\n return (\r\n <>\r\n {!invoice.IdWithholding && <>\r\n {isDeleting && \r\n
}\r\n {!isDeleting && \r\n {t('delete')}\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {t('legal_identification')} \r\n {t('provider_name')} \r\n {t('invoice_number')} \r\n {t('control_number')} \r\n {t('serie')} \r\n {t('total_amount')} \r\n {t('date')} \r\n {t('actions')} \r\n \r\n \r\n \r\n {invoices.map(invoice => {\r\n return \r\n {invoice.Rif} \r\n {invoice.BusinessName} \r\n {invoice.InvoiceNumber} \r\n {invoice.ControlNumber} \r\n {invoice.Serie} \r\n {Utilities.FormatCurrency(invoice.Total)} \r\n {Utilities.TransformDate(invoice.EmitDate)} \r\n \r\n \r\n \r\n })}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default LargeScreenInvoicesList","import React from 'react'\r\nimport { Col } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next'\r\nimport Utilities from 'Utilities'\r\nimport 'Styles/MobileCard.scss'\r\nimport IInvoiceDocument from 'interfaces/service/Invoice/IInvoiceDocument'\r\nimport ActionButtons from './ActionButtons'\r\n\r\n\r\ntype InvoiceCardPropsType = {\r\n invoice: IInvoiceDocument,\r\n\r\n}\r\n// Tarjeta usada en la version de movil o tablet.\r\nconst InvoiceCard = ({ invoice }: InvoiceCardPropsType) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
{t('invoice')}: {invoice.InvoiceNumber} \r\n
\r\n {t('provider') + ': '}\r\n {invoice.BusinessName} \r\n {t('total_amount') + ': '}\r\n {Utilities.FormatCurrency(invoice.Total)} \r\n {t('control_number') + ': '} {invoice.ControlNumber}\r\n \r\n {t('serie') + ': '}\r\n {invoice.Serie} \r\n {t('emit_date') + ': '}\r\n {Utilities.TransformDate(invoice.EmitDate)} \r\n
\r\n
\r\n\r\n
\r\n \r\n {invoices.map(invoice => {\r\n return \r\n })}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SmallScreenInvoicesList","import React, { useEffect, useState } from 'react'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport { ListLayout } from 'Components/Layouts'\r\nimport { useTranslation } from 'react-i18next'\r\nimport LargeScreenInvoicesList from './LargeScreen';\r\nimport SmallScreenInvoicesList from './SmallScreen';\r\nimport IInvoiceDocument from 'interfaces/service/Invoice/IInvoiceDocument'\r\nimport apiService from 'Service'\r\nimport InvoicesListContext from './InvoicesListContext';\r\nimport useStores from 'hooks/useStores';\r\n\r\n\r\nconst InvoicesList = () => {\r\n const { t } = useTranslation();\r\n\r\n const [invoices, setInvoices] = useState(undefined)\r\n const [isLoading, setIsLoading] = useState(true)\r\n const {invoicesStore} = useStores()\r\n\r\n useEffect(() => {\r\n async function LoadInvoices() {\r\n setIsLoading(true)\r\n setInvoices([])\r\n\r\n const result = await apiService.InvoiceDocuments.getAll(0, 500)\r\n setInvoices(result)\r\n setIsLoading(false)\r\n }\r\n\r\n LoadInvoices()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n async function deleteInvoice(invoice: IInvoiceDocument) {\r\n const success = await invoicesStore.deleteInvoice(invoice)\r\n if (success){\r\n setInvoices([...invoices!.filter(x=>x.Id !== invoice.Id)])\r\n }\r\n }\r\n\r\n\r\n if (isLoading) return {t('not_invoices_found')} \r\n\r\n return \r\n \r\n }\r\n\r\n return {t('cannot_recover_list_of', { resource: t('invoices') })} \r\n}\r\n\r\nexport default (() => {\r\n return \r\n \r\n})","import React from 'react'\r\nimport { Tooltip, OverlayTrigger } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link } from 'react-router-dom'\r\nimport { PROVIDERS_EDIT } from 'Constants/Routes'\r\n\r\n// Tarjeta usada en la version de movil o tablet.\r\nconst ActionButtons = ({idProvider}) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n <>\r\n \r\n {t('edit')}\r\n \r\n }\r\n >\r\n \r\n
{t('legal_name')}: {provider.BusinessName} \r\n
\r\n
{t('legal_identification')+': '} \r\n {provider.Rif} \r\n \r\n
{t('address')+': '} \r\n {provider.FiscalAddress} \r\n \r\n
{t('phone')+': '} \r\n {provider.PhoneNumber} \r\n \r\n
{t('email')+': '} \r\n {provider.Email} \r\n \r\n
{t('vat_withholding_percentage')+': '} \r\n {provider.WithholdingPercentageIVA}% \r\n \r\n
\r\n
\r\n
\r\n {providersStore.isLoading && {t('not_providers_found')} }\r\n {providersStore.providers.length &&\r\n <>\r\n \r\n \r\n \r\n \r\n {t('legal_name')} \r\n {t('legal_identification')} \r\n {t('address')} \r\n {t('phone')} \r\n {t('email')} \r\n {t('vat_withholding_percentage')} \r\n {t('actions')} \r\n \r\n \r\n \r\n {providersStore.providers.map(provider => { \r\n return \r\n {provider.BusinessName} \r\n {provider.Rif} \r\n {provider.FiscalAddress} \r\n {provider.PhoneNumber} \r\n {provider.Email} \r\n {provider.WithholdingPercentageIVA}% \r\n \r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {providersStore.providers.map(provider => {\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\nexport default inject('providersStore')(observer(ProvidersList))","import React, { useEffect } from 'react'\r\nimport { useParams, useHistory } from 'react-router-dom'\r\nimport {\r\n ProviderInformationForm,\r\n} from 'Components/Forms'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport useTitle from 'hooks/useTitle'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport {PROVIDERS_LIST} from 'Constants/Routes'\r\nimport uiStore from 'stores/uiStore'\r\n\r\nconst ProviderEdit = ({ providersStore }) => {\r\n const { t } = useTranslation();\r\n const title = t('editing')+' '+t('provider')\r\n\r\n const { id } = useParams()\r\n const history = useHistory()\r\n\r\n useTitle(title)\r\n\r\n useEffect(() => {\r\n providersStore.idLookUp(id)\r\n return () => {\r\n // Limpiar estados al salir\r\n providersStore.clear()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n function nextStep() {\r\n uiStore.addNotification(uiStore.appNotifications.SUCCESS_EDITED)\r\n history.push(PROVIDERS_LIST)\r\n }\r\n\r\n if (providersStore.isLoading && providersStore.provider.Id === undefined) {\r\n return
\r\n }\r\n\r\n return (\r\n \r\n
{title} \r\n\r\n {providersStore.provider.Id === undefined\r\n ?
{t('record_not_found')} \r\n :<>\r\n
\r\n \r\n }\r\n\r\n\r\n
\r\n {t('preview')}\r\n \r\n }\r\n >\r\n \r\n {t('send_by_email')}\r\n \r\n }\r\n >\r\n \r\n
}\r\n {!isDownloading && \r\n {t('download')}\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {t('provider')} \r\n {t('correlative')} \r\n {t('date')} \r\n {t('txt_generated_date')} \r\n {t('impositive_period')} \r\n {t('actions')} \r\n \r\n \r\n \r\n {withholdingListStore.withholdings.map(withholding => {\r\n return \r\n {withholding.Provider.BusinessName} \r\n {withholding.Correlative} \r\n {Utilities.TransformDate(withholding.Date)} \r\n \r\n {withholding.DateGenerate === \"2000-01-01T00:00:00\"\r\n ? t('txt_not_generated_yet')\r\n : Utilities.TransformDate(withholding.DateGenerate)\r\n }\r\n \r\n {withholding.ImpositivePeriod} \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 inject('withholdingListStore')(observer(LargeScreen))","import React from 'react'\r\nimport { Col } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next';\r\nimport Utilities from 'Utilities'\r\nimport 'Styles/MobileCard.scss'\r\nimport ActionButtons from './ActionButtons'\r\n\r\n// Tarjeta usada en la version de movil o tablet.\r\nconst WithholdingCard = ({ withholding }) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
{t('provider')}: {withholding.Provider.BusinessName} \r\n
\r\n
{t('correlative') + ': '}\r\n {withholding.Correlative} \r\n \r\n
{t('date') + ': '}\r\n {Utilities.TransformDate(withholding.Date)} \r\n \r\n
{t('txt_generated_date') + ': '}\r\n \r\n {withholding.DateGenerate === \"2000-01-01T00:00:00\"\r\n ? t('txt_not_generated_yet')\r\n : Utilities.TransformDate(withholding.DateGenerate)\r\n }\r\n \r\n \r\n
{t('impositive_period') + ': '}\r\n {withholding.ImpositivePeriod} \r\n \r\n
\r\n
\r\n
\r\n \r\n {withholdingListStore.withholdings.map(withholding => {\r\n return \r\n })}\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nexport default inject('withholdingListStore')(observer(SmallScreen))","import React from 'react'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { useForm } from 'react-hook-form'\r\nimport { Form, Button, Row, Col } from 'react-bootstrap';\r\nimport Moment from 'moment'\r\n\r\nconst Filter = ({ withholdingListStore }) => {\r\n const { t } = useTranslation();\r\n\r\n const { register, handleSubmit } = useForm();\r\n\r\n function onSubmit(data) {\r\n withholdingListStore.fetch(data.DateFrom, data.DateTo)\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\nexport default inject('withholdingListStore')(observer(Filter))","import { decorate, observable, action } from 'mobx';\r\nimport apiService from 'Service'\r\nimport Moment from 'moment'\r\n\r\nclass WithholdingListStore {\r\n isLoading = true\r\n withholdings = []\r\n totalPages = undefined\r\n currentPage = undefined\r\n perPage = 10\r\n skip = 0\r\n\r\n fetch(\r\n dateFrom = Moment().startOf('month').format('YYYY-MM-DD'),\r\n dateTo = Moment().endOf('month').format('YYYY-MM-DD'),\r\n initial = 0,\r\n take = 100) {\r\n this.isLoading = true\r\n this.withholdings = []\r\n apiService.Withholding.getByDate(dateFrom, dateTo, initial, take).then(data => {\r\n if (data) this.processData(data)\r\n }).finally(() => this.isLoading = false)\r\n }\r\n\r\n processData(data) {\r\n this.isLoading = true\r\n /* const registerCount = data.count\r\n this.totalPages = (Math.ceil(registerCount / this.perPage)) */\r\n this.withholdings = data\r\n this.isLoading = false\r\n }\r\n\r\n moveToPage(pageNumber) {\r\n this.currentPage = pageNumber\r\n this.skip = Math.ceil(pageNumber * this.perPage)\r\n this.fetch()\r\n };\r\n\r\n clear() {\r\n this.isLoading = true\r\n this.withholdings = []\r\n this.totalPages = undefined\r\n this.currentPage = undefined\r\n this.perPage = 10\r\n this.skip = 0\r\n }\r\n}\r\n\r\ndecorate(WithholdingListStore, {\r\n withholdings: observable,\r\n isLoading: observable,\r\n totalPages: observable,\r\n currentPage: observable,\r\n perPage: observable,\r\n fetch: action,\r\n processData: action,\r\n moveToPage: action,\r\n clear: action\r\n})\r\n\r\nexport default new WithholdingListStore();\r\n","import React, { useEffect } from 'react'\r\nimport { Provider, inject, observer } from 'mobx-react'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport { ListLayout } from 'Components/Layouts'\r\nimport { useTranslation } from 'react-i18next'\r\nimport LargeScreen from './LargeScreen'\r\nimport SmallScreen from './SmallScreen'\r\nimport WithholdingEmailSendModal from 'Components/Modals/WithholdingEmailSendModal'\r\nimport Filter from './Filter'\r\nimport withholdingListStore from 'stores/Pages/Withholding/withholdingListStore'\r\n\r\nconst WithholdingList = inject('withholdingListStore')(observer(({ withholdingListStore }) => {\r\n const { t } = useTranslation();\r\n\r\n useEffect(() => {\r\n withholdingListStore.fetch()\r\n return () => {\r\n withholdingListStore.clear()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n {t('not_withholdins_found')} }\r\n {withholdingListStore.withholdings.length > 0 &&\r\n <>\r\n \r\n \r\n )\r\n})) \r\n\r\n\r\nexport default (()=>{\r\n return \r\n
{t('purchase_ledger')} \r\n \r\n )\r\n}\r\n\r\nexport default PurchaseLedger","import { decorate, observable, action } from 'mobx';\r\n\r\nclass SettingsStore {\r\n isLoading = undefined\r\n correlative = undefined\r\n\r\n reset(){\r\n this.isLoading = true\r\n }\r\n\r\n loadSettings(){\r\n \r\n setTimeout(()=>{\r\n this.correlative = 2\r\n this.isLoading = false\r\n },2000)\r\n }\r\n}\r\n\r\ndecorate(SettingsStore,{\r\n isLoading: observable,\r\n correlative: observable,\r\n reset: action,\r\n loadSettings: action,\r\n})\r\n\r\nexport default new SettingsStore();","import React, { useEffect } from 'react'\r\nimport { Col, Form, Button } from 'react-bootstrap'\r\nimport * as yup from 'yup'\r\nimport { useForm } from 'react-hook-form'\r\nimport { useTranslation } from 'react-i18next'\r\nimport settingsStore from './store'\r\nimport { Provider, inject, observer } from 'mobx-react'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport useTitle from 'hooks/useTitle'\r\n\r\nconst validationSchema = yup.object().shape({\r\n Correlative: yup.string().required(),\r\n});\r\n\r\n\r\n\r\nconst Settings = inject(\"settingsStore\")(observer(({settingsStore}) => {\r\n const {t} = useTranslation()\r\n const { register, handleSubmit } = useForm({ validationSchema: validationSchema })\r\n\r\n const title = t('company_settings')\r\n useTitle(title)\r\n\r\n useEffect(()=>{\r\n settingsStore.loadSettings()\r\n settingsStore.reset()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[])\r\n\r\n function onSubmit(data){\r\n\r\n }\r\n\r\n if(settingsStore.isLoading){\r\n return \r\n {t('generate')} \r\n }\r\n \r\n
)\r\n}\r\n\r\nexport default inject('txtStore')(observer(GenerateButton))","import React from 'react'\r\nimport { Button, Form, Col } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { useForm } from 'react-hook-form'\r\nimport * as yup from 'yup';\r\nimport Moment from 'moment'\r\nimport ErrorMessage from 'Components/ErrorMessage'\r\n\r\n\r\nconst validationSchema = yup.object().shape({\r\n dateFrom: yup.string().required(),\r\n dateTo: yup.string().required(),\r\n});\r\n\r\nconst Filter = inject(\"txtStore\")(observer(({ txtStore: store }) => {\r\n const defaultDateFrom = Moment().startOf('month').format('YYYY-MM-DD')\r\n const defaultDateTo = Moment().endOf('month').format('YYYY-MM-DD')\r\n\r\n const { t } = useTranslation()\r\n\r\n const { register, handleSubmit, errors } = useForm({ validationSchema: validationSchema })\r\n\r\n function onSubmit(data) {\r\n store.fetchTxts(data.dateFrom, data.dateTo)\r\n }\r\n\r\n return ()\r\n}))\r\n\r\nexport default Filter","import React, { useState } from 'react'\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap'\r\nimport { useTranslation } from 'react-i18next'\r\nimport LoadingSpinnerAlt from 'Components/LoadingSpinnerAlt'\r\nimport txtStore from 'stores/txtStore'\r\n\r\nconst Actions = ({txt}) => {\r\n const { t } = useTranslation()\r\n\r\n const [isDownloading, setIsDownloading] = useState(false)\r\n\r\n function download(){\r\n setIsDownloading(true)\r\n txtStore.downloadTxt(txt.GenerateNumber)\r\n .finally(()=>setIsDownloading(false))\r\n }\r\n\r\n return (\r\n <>\r\n {isDownloading && \r\n
\r\n
}\r\n {!isDownloading &&
\r\n {t('download')}\r\n \r\n }\r\n >\r\n \r\n }\r\n \r\n \r\n \r\n \r\n {t('date_generated')} \r\n {t('number')} \r\n {t('actions')} \r\n \r\n \r\n \r\n {store.txts.map(txt =>{\r\n return \r\n {Utilities.TransformDateTime(txt.DateGenerate)} \r\n {txt.GenerateNumber} \r\n \r\n })}\r\n \r\n
)\r\n}))\r\n\r\nexport default TxtsTable","import React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport LoadingSpinner from 'Components/LoadingSpinner'\r\nimport useTitle from 'hooks/useTitle'\r\nimport { inject, observer } from 'mobx-react'\r\nimport Table from './Table'\r\n\r\nconst ListRender = inject(\"txtStore\")(observer(({ txtStore: store }) => {\r\n const { t } = useTranslation()\r\n useTitle('txt_file')\r\n\r\n if(store.isFetching) return {t('no_txt_files_on_that_data_range')} \r\n }\r\n\r\n return \r\n}))\r\n\r\nexport default ListRender","import React, { useEffect } from 'react'\r\nimport useTitle from 'hooks/useTitle'\r\nimport txtStore from 'stores/txtStore'\r\nimport { Provider, inject, observer } from 'mobx-react'\r\nimport GenerateButton from './GenerateButton'\r\nimport Filter from './Filter'\r\nimport ListRender from './ListRender'\r\nimport Moment from 'moment'\r\n\r\nconst TxtList = inject(\"txtStore\")(observer(({ txtStore: store }) => {\r\n const defaultDateFrom = Moment().startOf('month').format('YYYY-MM-DD')\r\n const defaultDateTo = Moment().endOf('month').format('YYYY-MM-DD')\r\n\r\n useTitle('txt_file')\r\n\r\n useEffect(() => {\r\n store.fetchTxts(defaultDateFrom, defaultDateTo)\r\n return () => {\r\n store.reset()\r\n }\r\n })\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {(userStore.currentUser && userStore.currentUser.token) === undefined || \r\n (mustHaveSelectedCompany && companyStore.selectedCompany === undefined) ? \r\n
:
{Component}
\r\n }\r\n
\r\n {companyStore.selectedCompany !== undefined && companyStore.selectedCompany.isThirdParty === false ?
{this.props.Component}
:
}\r\n
\r\n uiStore.toggleSidebar()} \r\n className=\"h-100 btn d-flex align-items-center sidebar-toggler\">\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default inject('userStore', 'authStore', 'uiStore')(observer(SNavbar))","import React from 'react'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { Responsive } from 'responsive-react';\r\n\r\nconst SLink = ({ children, uiStore }) => {\r\n return (<>\r\n \r\n uiStore.closeSidebar()}>\r\n {children}\r\n
\r\n \r\n \r\n \r\n {children}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default inject(\"uiStore\")(observer(SLink))","import React from 'react'\r\nimport './index.scss'\r\nimport './index.css'\r\nimport { LOGO_URL } from 'Constants/Media'\r\nimport { inject, observer } from 'mobx-react'\r\nimport { Link } from 'react-router-dom'\r\nimport { useTranslation } from 'react-i18next'\r\nimport {\r\n APP,\r\n INVOICES_LIST,\r\n INVOICES_ADD,\r\n PROVIDERS_LIST,\r\n WITHHOLDINGS_GENERATION,\r\n WITHHOLDINGS_LIST,\r\n REPORTS_PURCHASELEDGER,\r\n TXT_SECTION,\r\n SETTINGS\r\n}\r\n from 'Constants/Routes'\r\nimport SLink from './SLink'\r\n// Hay que ajustar DropDown a como está en vsap\r\n//import DropDown from './DropDown'\r\nimport {Responsive} from 'responsive-react'\r\n\r\nconst SSidebar = ({ uiStore, userStore, companyStore, authStore }) => {\r\n const { t } = useTranslation()\r\n\r\n function goToCompanySelection() {\r\n companyStore.fogetSelectedCompany()\r\n }\r\n\r\n function closeSidebar(){\r\n uiStore.closeSidebar()\r\n }\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 {userStore.currentUser.EMail} {companyStore.selectedCompany.BusinessName} \r\n \r\n
\r\n \r\n {t('dashboard')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('generate_withholding')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('list_of') + ' ' + t('withholdings')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('add_invoice')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('list_of') + ' ' + t('invoices')} \r\n \r\n \r\n \r\n\r\n
\r\n \r\n {t('list_of') + ' ' + t('providers')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('purchase_ledger')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('txt_file')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('select') + ' ' + t('company')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('settings')} \r\n \r\n \r\n \r\n
\r\n \r\n {t('log_out')} \r\n \r\n \r\n \r\n
\r\n
\r\n
{t('settings')} \r\n \r\n \r\n}\r\n\r\nexport default Settings","import React from 'react'\r\nimport { Redirect } from 'react-router-dom'\r\nimport { inject, observer } from 'mobx-react';\r\nimport {\r\n APP,\r\n LOGIN,\r\n DASHBOARD,\r\n COMPANY_SELECTION,\r\n PENDING_INVITATIONS,\r\n WITHHOLDINGS_GENERATION,\r\n INVOICES_LIST,\r\n PROVIDERS_LIST,\r\n PROVIDERS_EDIT,\r\n INVOICES_ADD,\r\n WITHHOLDINGS_LIST,\r\n REPORTS_PURCHASELEDGER,\r\n COMPANY_SETTINGS,\r\n TXT_SECTION,\r\n TXT_GENERATE,\r\n SETTINGS,\r\n INVOICES_EDIT\r\n} from 'Constants/Routes'\r\nimport Dashboard from 'Pages/Dashboard'\r\nimport CompanySelection from 'Pages/Companies/Selection'\r\nimport InvoiceRegister from 'Pages/Invoices/Register'\r\nimport InvoiceEdit from 'Pages/Invoices/Edit'\r\nimport PendingInvitations from 'Pages/PendingInvitations'\r\nimport WithholdingGeneration from 'Pages/Withholding/Generation'\r\nimport InvoicesList from 'Pages/Invoices/List'\r\nimport ProvidersList from 'Pages/Providers/List'\r\nimport ProvidersEdit from 'Pages/Providers/Edit'\r\nimport WithholdingList from 'Pages/Withholding/List'\r\nimport PurchaseLedger from 'Pages/Reports/PurchaseLedger'\r\nimport CompanySettings from 'Pages/Companies/Settings'\r\nimport TxtList from 'Pages/Txt/List'\r\nimport TxtGenerate from 'Pages/Txt/List'\r\n\r\nimport { Route, Switch } from 'react-router-dom'\r\nimport LoadingSpinner from './LoadingSpinner'\r\nimport PrivateRoute from './PrivateRoute'\r\nimport AdminRoute from './AdminRoute'\r\nimport SNavbar from 'Components/SNavbar'\r\nimport SSidebar from 'Components/SSidebar'\r\nimport Settings from 'Pages/Settings'\r\nimport { Container } from 'react-bootstrap'\r\n\r\nconst AppInside = ({ userStore, uiStore, companyStore, authStore }) => {\r\n\r\n if (authStore.inProgress) {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n if (!userStore.currentUser || !userStore.currentUser.token) {\r\n return \r\n \r\n \r\n \r\n \r\n }\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\nexport default App;\r\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","// Este archivo se mantiene para compatibilidad temporal\r\n// Borrar este archivo ahora provocaría problemas en el componente\r\n// que se usa para mostrar las invitaciones, el cual tampoco esta terminado\r\n// pero debe mantenerse mientras tanto para evitar que la app crashee\r\n// Este archivo no hace ninguna función en la app actual\r\nimport { decorate, observable, action } from 'mobx';\r\n\r\nclass CommonStore {\r\n user = undefined\r\n memberships = undefined\r\n invitations = undefined\r\n company = undefined\r\n\r\n setUser(user) {\r\n this.user = user;\r\n }\r\n\r\n setMemberships(memberships){\r\n this.membership = memberships\r\n }\r\n\r\n setCompany(company){\r\n this.company = company\r\n }\r\n\r\n setInvitations(invitations){\r\n this.invitations = invitations\r\n }\r\n}\r\n\r\ndecorate(CommonStore,{\r\n user: observable,\r\n membership: observable,\r\n invitations: observable,\r\n company: observable,\r\n setUser: action,\r\n setMemberships: action,\r\n setCompany: action,\r\n})\r\n\r\nexport default new CommonStore();","import CommonStore from './commonStore'\r\nimport companyStore from './companyStore'\r\nimport userStore from './userStore'\r\nimport authStore from './authStore'\r\nimport configurationStore from './configurationStore'\r\nimport invoicesStore from './invoicesStore'\r\nimport providersStore from './providersStore'\r\nimport withholdingsStore from './withholdingsStore'\r\nimport uiStore from './uiStore'\r\nimport membershipsStore from './membershipsStore'\r\nimport dashboardStore from './dashboardStore'\r\n\r\nexport default {\r\n companyStore,\r\n userStore,\r\n CommonStore,\r\n authStore,\r\n configurationStore,\r\n invoicesStore,\r\n providersStore,\r\n withholdingsStore,\r\n uiStore,\r\n membershipsStore,\r\n dashboardStore\r\n}","import * as yup from 'yup';\r\n\r\ndeclare module 'yup' {\r\n interface StringSchema {\r\n numbers(): StringSchema;\r\n }\r\n}\r\n\r\n\r\nyup.setLocale({\r\n mixed: {\r\n default: 'validations:field_is_invalid',\r\n required: 'validations:field_is_required',\r\n oneOf: ({ values }) => ({ key: 'validations:must_be_one_of_following_values', values: { values } }),\r\n notOneOf: ({ values }) => ({ key: 'validations:must_not_be_one_of_following_values', values: { values } }),\r\n notType: 'validations:incorrect_type',\r\n defined: 'validations:must_be_defined'\r\n },\r\n string: {\r\n length: ({ length }) => ({ key: 'validations:characters_length_must_be_exactly', values: { length } }),\r\n min: ({ min }) => ({ key: 'validations:minimun_required_characters', values: { min } }),\r\n max: ({ max }) => ({ key: 'validations:maximun_allowed_characters', values: { max } }),\r\n matches: 'validations:must_match_expected_pattern_pattern',\r\n email: 'validations:must_be_an_email',\r\n url: 'validations:must_be_a_valid_url',\r\n uuid: 'validations:must_be_a_valid_uuid',\r\n trim: 'validations.must_be_a_trimed_string',\r\n lowercase: 'validations:must_be_lowercase',\r\n uppercase: 'validations:must_be_uppercase',\r\n },\r\n number: {\r\n min: ({ min }) => ({ key: 'validations:value_must_be_greater_or_equal', values: { min } }),\r\n max: ({ max }) => ({ key: 'validations:value_must_be_less_or_equal', values: { max } }),\r\n lessThan: ({ less }) => ({ key: 'validations:value_must_be_less_than', values: { less } }),\r\n moreThan: ({ more }) => ({ key: 'validations:value_must_be_more_than', values: { more } }),\r\n notEqual: ({ notEqual }) => ({ key: 'validations:value_must_not_be_equal_to', values: { notEqual } }),\r\n positive: 'validations:value_must_be_positive_number',\r\n negative: 'validations:value_must_be_negative_number',\r\n integer: 'validations:value_must_be_interger',\r\n },\r\n date: {\r\n min: ({ min }) => ({ key: 'validations:date_must_be_later', values: { min } }),\r\n max: ({ max }) => ({ key: 'validations:date_must_be_earlier', values: { max } }),\r\n },\r\n object: {\r\n noUnknown: ({ unknown }) => ({ key: 'validations:object_has_unspecified_key', values: { unknown } }),\r\n },\r\n array:{\r\n min: ({ min }) => ({ key: 'validations:array_must_have_minimun_items', values: { min } }),\r\n max: ({ max }) => ({ key: 'validations:array_must_have_maximun_items', values: { max } }),\r\n }\r\n})\r\n\r\n\r\nyup.addMethod(yup.string, 'numbers', function () {\r\n return this.matches(/^[0-9]*$/g, 'validations:field_numbers_only')\r\n})\r\n\r\n","import authStore from \"stores/authStore\";\r\nimport commonStore from \"stores/commonStore\";\r\nimport userStore from \"stores/userStore\";\r\nimport uiStore from \"stores/uiStore\";\r\nimport companyStore from \"stores/companyStore\"\r\nimport providersStore from \"./providersStore\";\r\nimport withholdingsStore from \"./withholdingsStore\";\r\nimport invoicesStore from \"./invoicesStore\";\r\nimport configurationStore from \"./configurationStore\";\r\nimport emailSendModalStore from \"./Components/emailSendModalStore\";\r\n\r\nclass RootStore {\r\n authStore: typeof authStore;\r\n commonStore: typeof commonStore;\r\n userStore: typeof userStore;\r\n uiStore: typeof uiStore;\r\n companyStore: typeof companyStore;\r\n providersStore: typeof providersStore;\r\n withholdingsStore: typeof withholdingsStore;\r\n invoicesStore: typeof invoicesStore\r\n configurationStore: typeof configurationStore;\r\n emailSendModalStore: typeof emailSendModalStore\r\n\r\n constructor(){\r\n this.authStore = authStore\r\n this.commonStore = commonStore\r\n this.userStore = userStore\r\n this.uiStore = uiStore\r\n this.companyStore = companyStore\r\n this.providersStore = providersStore\r\n this.withholdingsStore = withholdingsStore\r\n this.invoicesStore = invoicesStore\r\n this.configurationStore = configurationStore\r\n this.emailSendModalStore = emailSendModalStore\r\n }\r\n}\r\n\r\nexport default new RootStore()","import React, { Suspense } from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport App from './App'\r\nimport * as serviceWorker from './serviceWorker'\r\nimport './i18n'\r\nimport stores from './stores'\r\nimport { Provider } from 'mobx-react'\r\nimport './yup-custom'\r\nimport StoresContext from 'Contexts/StoresContext'\r\nimport RootStore from 'stores/RootStore'\r\n\r\n\r\nfunction setAppAndVersionOnLs() {\r\n localStorage.setItem('84929976-3de4-4670-8434-d97312b3256c', process.env.REACT_APP_NAME)\r\n localStorage.setItem('60318a0c-69cc-474a-bc19-010507c1127f', process.env.REACT_APP_VERSION)\r\n}\r\n\r\nconst lsAppName = localStorage.getItem('84929976-3de4-4670-8434-d97312b3256c')\r\nconst lsAppVersion = localStorage.getItem('60318a0c-69cc-474a-bc19-010507c1127f')\r\n\r\nif (lsAppName === null || lsAppVersion === null) {\r\n stores.authStore.logout()\r\n setAppAndVersionOnLs()\r\n}\r\nif (process.env.REACT_APP_NAME !== lsAppName || process.env.REACT_APP_VERSION !== lsAppVersion) {\r\n stores.authStore.logout()\r\n setAppAndVersionOnLs()\r\n}\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n }>\r\n \r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n\r\n"],"sourceRoot":""} ![\"wave-background\"](\"img/wave.png\")
\r\n ![\"background\"](\"img/bg.svg\")
\r\n