\n \n \n \n \n
{t(\"ErrorDetails\",{\"code\":code})} \n
\n
\n {mess} \n
\n
\n {body}\n
\n
\n \n
\n \n ok \n \n \n\n\n );\n}\n);\n\nexport default ErrorDetailsModal;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { getDefaults, useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { useForm, Controller } from \"react-hook-form\";\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport * as Yup from 'yup';\nimport ApiClient from \"../../services/api-client\"\nimport { CustomConfirmAlert as confirmAlert } from '../custom-confirm-alert';\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable';\nimport moment from 'moment'\nimport SaleEntries from \"../sales/sale-entries.component\";\nimport Commons from '../../util/commons'\nimport { useHistory } from \"react-router-dom\";\nimport MyDataLogo from \"../../img/mydata.png\";\n// import PlacesAutocomplete, {\n// geocodeByAddress,\n// getLatLng,\n// } from 'react-places-autocomplete';\nimport BlockUi from 'react-block-ui';\nimport { Loader } from 'react-loaders';\nimport SelectTable from '../select-table'\nimport { toast } from 'react-toastify';\nimport MoreTaxesGrid from '../editable-aggrids/sale-more-taxes-grid';\nimport EntriesSummary from \"../sales/entries.summary.component\";\n\nimport ReactDOM from 'react-dom';\nimport loadSaleInstancesOptions from \"../../services/loadSaleInstances\";\nimport loadCustomersOptions from \"../../services/loadCustomers\";\n\nimport FormLayout from '../form-layout';\nimport IFramePrintTemplate from '../iframe-print-template.component';\nimport ReactFlagsSelect from \"react-flags-select\";\nimport Tippy from '@tippyjs/react';\nimport { API_BASE_URL } from '../../util/constants';\nimport useMobileDetect from 'use-mobile-detect-hook';\n\nimport ErrorDetailsModal from \"../modals/error-details-modal\";\n\nconst loadPageOptions = async (q, prevOptions, { page }, props) => {\n const { options, hasMore } = await loadSaleInstancesOptions(q, page, props);\n return {\n options,\n hasMore,\n\n additional: {\n page: page + 1\n }\n };\n};\nconst loadCustomerPageOptions = async (q, prevOptions, { page }, props) => {\n const { options, hasMore } = await loadCustomersOptions(q, page, props);\n return {\n options,\n hasMore,\n\n additional: {\n page: page + 1\n }\n };\n};\nvar saleEntries = {\n entries: [], totals: {\n totalWithoutDiscount: 0, totalWithoutVat: 0, totalWithDiscount: 0, totalWithVat: 0, totalPayment: 0, totalvat: 0\n }\n};\nconst SalesAddEdit = (props) => {\n\n const { id } = useParams();\n const [content, setContent] = useState({ customers: { data: [], columns: [] } });\n const [customerContacts, setCustomerContacts] = useState({ data: [], columns: [] });\n const selectInputRef = useRef();\n const iframePrintTemplate = useRef();\n const refSalesEntries = useRef();\n const [salesLeft, setSalesLeft] = useState(0);\n const { t } = useTranslation();\n const [startDate, setStartDate] = useState(new Date());\n const [dispatchDate, setDispatchDate] = useState(null);\n const [mydata, setMyData] = useState(false);\n const [editMark, setEditMark] = useState(\"\");\n const [customerRequired, setCustomerRequired] = useState(true);\n const [addressRequired, setAddressRequired] = useState(false);\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const history = useHistory();\n const [correlativeSales, setCorrelativeSales] = useState({ data: [], columns: [] });\n const [suggestedInClassCatsOfInvType, setSuggestedInClassCatsOfInvType] = useState([]);\n const [suggestedInvoiceClassCatsOfInvType, setSuggestedInvoiceClassCatsOfInvType] = useState([]);\n const [selectedContacts, setSelectedContacts] = useState([]);\n const [selfPricingChecked, setSelfPricingChecked] = useState(false);\n const [inputCustomerValue, setCustomerInputValue] = useState(\"\");\n const [customerValue, setCustomerValue] = useState(\"\");\n const [moreTaxesTypesOptions, setMoreTaxesTypesOptions] = useState([]);\n const [DefaultCountry, setDefaultCountry] = useState({});\n const [countryDisabled, setCountryDisabled] = useState(false);\n const [isDeliverMandatory, setIsDeliverMandatory] = useState(false);\n const [isLoadingMandatory, setIsLoadingMandatory] = useState(false);\n\n const [mark, setMark] = useState(null);\n const [customerHidden, setCustomerHidden] = useState(\"flex\");\n const [transportInfoDisplay, setTransportInfoDisplay] = useState(\"none\");\n const [entriesHidden, setEntriesHidden] = useState(\"none\");\n const [otherTaxHidden, setOtherTaxHidden] = useState(\"none\");\n const [otherTaxRequired, setOtherRequired] = useState(false);\n const [template, setTemplate] = useState(false);\n const [isInvoice00_1, setIsInvoice00_1] = useState(false);\n const [sosMessage, setSosMessage] = useState(false);\n const [moreTaxesOptions, setMoreTaxesOptions] = useState([]);\n const [otherTaxesOptions, setOtherTaxesOptions] = useState([]);\n const saleMoreTaxesGridRef = useRef();\n const refEntriesSummary = useRef();\n const [initiallyCollapsed, setInitiallyCollapsed] = useState({ collapsed: true, show: false });\n const [initiallyCollapsedMore, setInitiallyCollapsedMore] = useState({ collapsed: true, show: false });\n const [initiallyCollapsedDeliveryMore, setInitiallyCollapsedDeliveryMore] = useState({ collapsed: true, show: false });\n\n\n const [isDeliveryNoteDisable, setIsDeliveryNoteDisable] = useState(\"none\");\n\n let SELECTED_COMPANY = JSON.parse(localStorage.getItem(\"company\"));\n\n const [onEditDisabled, setOnEditDisabled] = useState(false);\n const [dismissSalesEditAlert, setDismissSalesEditAlert] = useState(false);\n const [sendPaymentLink, setSendPaymentLink] = useState(false);\n const detectMobile = useMobileDetect();\n\n\n const [totals, setTotals] = useState({\n totalWithoutDiscount: \"0.00\",\n totalWithDiscount: \"0.00\",\n totalWithoutVat: \"0.00\",\n totalWithVat: \"0.00\",\n totalPayment: \"0.00\",\n totalvat: \"0.00\"\n });\n\n const params = new URLSearchParams(window.location.search);\n let customer = params.get('customer');\n let isCredit = params.get('credit');\n let isPreSale = params.get('presale');\n\n isCredit = isCredit == \"true\" ? true : false;\n isPreSale = isPreSale == \"true\" ? true : false;\n let defcountry = {};\n var TOTALS;\n const [selectedTemplateLanguage, setSelectedTemplateLanguage] = useState(\"GR\");\n\n const refErrorDetailsModal = useRef();\n\n\n const validationSchema = Yup.object().shape({\n customer: customerRequired ? Yup.object().required(t(\"fieldRequired\")).nullable() : Yup.object().nullable(),\n branch: Yup.object().required(t(\"fieldRequired\")).nullable(),\n invoiceType: Yup.object().required(t(\"fieldRequired\")).nullable(),\n series: Yup.object().required(t(\"fieldRequired\")).nullable(),\n // subjectField: Yup.string().nullable().test('len', t(\"maxLengthValidation\", { maxlength: 150 }), val => val ? val.length : \"\" <= 150),\n subjectField: Yup.string().nullable().max(150, t(\"maxLengthValidation\", { maxlength: 150 })),\n // postalCode: Yup.number().typeError(t(\"mustbenumber\")).nullable().transform((curr, orig) => orig === '' ? null : curr),\n invoiceDate: Yup.date().nullable().transform((curr, orig) => orig === '' ? null : curr).required(t(\"fieldRequired\")),\n taxpayerId: customerRequired ? Yup.string().required(t(\"fieldRequired\")).nullable() : Yup.string().nullable(),\n city: addressRequired ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n otherTaxCategory: otherTaxRequired ? Yup.object().required(t(\"fieldRequired\")).nullable() : Yup.object().nullable(),\n otherTaxAmount: otherTaxRequired ? Yup.string().required(t(\"fieldRequired\")).nullable() : Yup.string(),\n\n\n deliveryAddressStreet: isDeliverMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n deliveryAddressCity: isDeliverMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n deliveryAddressNumber: isDeliverMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n deliveryAddressPostalCode: isDeliverMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n\n loadingAddressStreet: isLoadingMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n loadingAddressCity: isLoadingMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n loadingAddressNumber: isLoadingMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n loadingAddressPostalCode: isLoadingMandatory ? Yup.string().required(t(\"fieldRequired\")) : Yup.string().nullable(),\n\n\n movePurpose: isDeliverMandatory ? Yup.object().required(t(\"fieldRequired\")).nullable() : Yup.object().nullable()\n\n\n });\n\n const { register, getValues, control, handleSubmit, setValue, reset, formState: { errors }, trigger, clearErrors } = useForm({\n resolver: yupResolver(validationSchema)\n });\n\n useEffect(() => {\n\n var companyId = SELECTED_COMPANY.id;\n var defaults = Commons.getDefaults();\n let mounted = true;\n\n if (defaults.branch && defaults.branch.value && !isCredit) {\n ApiClient.getTemplateSettings(companyId, defaults.branch.value).then(response => {\n var _template = response.data;\n _template.branch = defaults.branch.value;\n _template.mainColor = _template.mainColor ? _template.mainColor : \"#013289\";\n _template.secondaryColor = _template.secondaryColor ? _template.secondaryColor : \"#FFFFFF\";\n _template.appFont = _template.appFont ? _template.appFont : \"Arial\";\n setTemplate(_template);\n\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n\n if (defaults != undefined && defaults.mydata != undefined) {\n setMyData(defaults.mydata)\n }\n else {\n if (SELECTED_COMPANY.myDataToken) {\n setMyData(true)\n }\n else {\n setMyData(false)\n }\n }\n\n if (defaults) {\n setDismissSalesEditAlert(defaults.dismissSalesEditAlert)\n\n }\n\n var columns = [\n {\n header: t(\"invoiceNumber\"),\n field: \"code\",\n flex: 2,\n },\n {\n header: t(\"InvoiceType\"),\n field: \"invoiceType\",\n asLabel: true,\n flex: 6\n },\n {\n header: t(\"mark\"),\n field: \"mark\",\n flex: 4\n }\n ]\n var options = { data: [], columns: columns }\n\n setCorrelativeSales(options)\n setBlockuiLoading(true)\n ApiClient.getSalesView(companyId).then(response => {\n var data_companyBranches = response.data.companyBranches;\n var data_companyInvoiceTypes = response.data.companyInvoiceTypes;\n var data_paymentTypes = response.data.paymentTypes;\n var data_vats = response.data.vats;\n var data_measurementUnits = response.data.measurementUnits;\n var data_vatCategoryExceptions = response.data.vatCategoryExceptions;\n var data_myDataMovePurposes = response.data.myDataMovePurposes;\n var data_taxOffices = response.data.taxOffices;\n var data_countries = response.data.countries;\n var data_currencies = response.data.currencyTypeList;\n\n\n var applicationSosMessages = response.data.applicationSosMessages;\n\n if (applicationSosMessages && applicationSosMessages.sosMessage) {\n setSosMessage({\n message: applicationSosMessages.sosMessage,\n alertClass: \"alert alert-\" + applicationSosMessages.sosMessageStatus + \" alert-dismissible fade show\"\n })\n }\n\n\n\n setSalesLeft(response.data.countSales)\n\n var optionBranches = [];\n var optionsinvoiceTypes = [];\n var optionspaymentTypes = [];\n var optionsVats = [];\n var optionsMU = [];\n var optionsWHT = [];\n var optionsOT = [];\n var optionsVCT = [];\n var optionsMP = [];\n var optionsTO = [];\n var optionsCountries = [];\n var optionsCurrencies = [];\n\n\n data_countries.forEach(element => {\n var to = {\n value: element.alpha2,\n label: t(element.alpha2),\n alpha2: element.alpha2\n }\n optionsCountries.push(to);\n if (element.alpha2 == \"GR\") {\n setDefaultCountry(to)\n defcountry = to;\n }\n });\n\n data_currencies.forEach(element => {\n optionsCurrencies.push({\n value: element.symbol,\n label: element.name + \" (\" + element.symbol + \")\",\n rate: element.rate\n });\n });\n\n data_companyBranches.forEach(element => {\n optionBranches.push({\n value: element.id,\n label: element.name,\n model: element\n });\n });\n\n data_companyInvoiceTypes.forEach(element => {\n optionsinvoiceTypes.push({\n value: element.id,\n label: element.name,\n myDataInvoiceType: element.myDataInvoiceType,\n invoiceTypeClassifications: element.invoiceTypeClassifications\n });\n });\n\n data_paymentTypes.forEach(element => {\n optionspaymentTypes.push({\n value: element,\n label: element,\n });\n });\n\n data_vats.forEach(element => {\n optionsVats.push({\n value: element.id,\n label: element.value,\n });\n });\n\n data_measurementUnits.forEach(element => {\n optionsMU.push({\n value: element,\n label: t(element),\n });\n });\n\n\n\n var myDataMoreTaxesOptions = [];\n var myDataMoreTaxesData = response.data.myDataMoreTaxes;\n myDataMoreTaxesData.forEach(element => {\n myDataMoreTaxesOptions.push({\n value: element.type == \"DEDUCTION\" ? element.id : element.uid,\n uid: element.type == \"DEDUCTION\" ? element.id : element.uid,\n label: element.type == \"DEDUCTION\" ? element.name : t(\"TAX_\" + element.uid),\n type: element.type,\n key: element.key,\n amountValue: element.amountValue,\n isSubtracted: element.isSubtracted\n });\n });\n\n var moreTaxesTypesOptions = [];\n var myDataMoreTaxesTypes = response.data.myDataMoreTaxesTypes;\n myDataMoreTaxesTypes.forEach(element => {\n moreTaxesTypesOptions.push({\n value: element,\n label: t(element)\n });\n });\n\n let groupTaxes = myDataMoreTaxesOptions.reduce((r, a) => {\n r[a.type] = [...r[a.type] || [], a];\n return r;\n }, {});\n\n var typeTaxes = groupTaxes[\"OTHER_TAXES\"];\n\n setMoreTaxesOptions(myDataMoreTaxesOptions);\n setMoreTaxesTypesOptions(moreTaxesTypesOptions);\n setOtherTaxesOptions(typeTaxes)\n\n\n data_vatCategoryExceptions.forEach(element => {\n optionsVCT.push({\n value: element,\n label: t(element)\n });\n });\n\n data_myDataMovePurposes.forEach(element => {\n optionsMP.push({\n value: element,\n label: t(element)\n });\n });\n\n data_taxOffices.forEach(element => {\n optionsTO.push({\n value: element.id,\n label: t(element.name)\n });\n });\n\n\n reset();\n var _content = {\n sale: null,\n paymentTypes: optionspaymentTypes,\n currencies: optionsCurrencies,\n vats: optionsVats,\n measurementUnits: optionsMU,\n withHoldTaxes: optionsWHT,\n otherTaxes: optionsOT,\n vatCategoryExceptions: optionsVCT,\n movePurposes: optionsMP,\n taxOffices: optionsTO,\n optionsinvoiceTypes: optionsinvoiceTypes,\n optionBranches: optionBranches,\n optionsCountries: optionsCountries\n }\n if (mounted) {\n\n window.addEventListener(\"message\", listenMessage, false);\n if (window.addEventListener) {\n window.addEventListener(\"message\", listenMessage, false);\n } else {\n window.removeEventListener(\"message\");\n window.attachEvent(\"onmessage\", listenMessage);\n }\n setContent(_content)\n\n\n if (id != undefined) {\n if (!isPreSale) {\n setOnEditDisabled(true)\n }\n\n ApiClient.getCompanySaleInstance(companyId, id).then(\n response => {\n var sale = response.data;\n\n var _invoiceType = {\n label: sale.invoiceType.name,\n value: sale.invoiceType.id,\n myDataInvoiceType: sale.invoiceType.myDataInvoiceType,\n invoiceTypeClassifications: sale.invoiceType.invoiceTypeClassifications\n }\n\n sale.invoiceType = _invoiceType\n if (!isCredit) {\n if (sale.mark) {\n var markInfo =\n \n
{t(\"currentMarkInfo\") + \": \" + sale.mark + \". \"}
\n\n {dismissSalesEditAlert ?\n <>\n
\n
{t(\"currentMarkInfo2\")}
\n
\n
: <>\n }\n\n
\" + t(\"emailBody1\", { contactName: contact.name }) + \"
\";\n body += \"\" + t(\"emailBody2\", { company: company.name }) + \"
\";\n var link = \"\" + sale.invoiceType.name + \" \" + sale.series.name + sale.invoiceNumber + \" \";\n body += \"\" + t(\"emailBody3\", { link: link }) + \"
\";\n\n if (sendPaymentLink && company.vivaQuickPay) {\n body += \"\" + t(\"emailVivaPayMess\") + \"
\";\n body += \"\" + t(\"payWithViva\") + \"
\";\n }\n if (sendPaymentLink && company.stripeAccountID) {\n var amount = sale.totalWithVat;\n body += \"\" + t(\"emailStripePayMess\") + \"
\";\n body += \"\" + t(\"payWithTimologicPay\") + \"
\";\n }\n contactEmails.push({\n subject: subject,\n body: body,\n email: contact.email\n });\n })\n return contactEmails;\n\n }\n\n function afterPrintProcess(sale) {\n setTimeout(function () {\n if (selectedContacts.length > 0) {\n document.getElementById(\"template\").style.display = \"unset\";\n setBlockuiLoading(false)\n }\n else {\n history.push(\"/\")\n history.push(\"/sale\")\n setBlockuiLoading(false);\n }\n }, 2000)\n }\n\n function getProductClassificationOfInvoicetype(classifications, invtype) {\n if (classifications != null) {\n for (var i = 0; i < classifications.length; i++) {\n if (classifications[i].invoiceType.myDataInvoiceType == invtype) {\n return classifications[i];\n }\n }\n\n }\n return null;\n }\n\n function prepareSale(_sale) {\n\n var sale = JSON.parse(JSON.stringify(_sale));\n\n\n if (mark && !isCredit) {\n sale.mark = mark;\n }\n if (id && !isCredit) {\n sale.id = id;\n }\n\n sale.saleEntries = [];\n refSalesEntries.current.getData().entries.forEach(e => {\n var saleEntry = {};\n\n if (!isCredit && sale.invoiceType.myDataInvoiceType != \"invoice5_1\") {\n saleEntry.id = e.id\n }\n if (!Number.isInteger(e.product.value)) {\n saleEntry.product = { id: undefined, name: e.product.label }\n }\n else {\n saleEntry.product = { id: e.product.value, name: e.product.label }\n }\n if (e.measurementUnit.value == \"-\") {\n saleEntry.measurementUnit = \"PIECES\";\n }\n else {\n saleEntry.measurementUnit = e.measurementUnit.value;\n }\n\n if (e.quantity == \"-\") {\n saleEntry.quantity = 1;\n }\n else {\n saleEntry.quantity = e.quantity;\n }\n\n saleEntry.vat = e.vat.value;\n\n saleEntry.discount = e.discount;\n saleEntry.unitPrice = e.unitPrice;\n saleEntry.priceWithVat = e.priceWithVat;\n saleEntry.priceWithoutVat = e.priceWithoutVat;\n\n if (e.vatCategoryException) {\n saleEntry.vatCategoryException = e.vatCategoryException.value\n }\n\n\n var prodClass = null;\n if (e.product != null && e.product.model != null) {\n prodClass = getProductClassificationOfInvoicetype(e.product.model.productClassifications, sale.invoiceType.myDataInvoiceType);\n }\n\n var _classifications = [];\n if (e.extraLineFields != undefined) {\n e.extraLineFields.forEach(e => {\n var _cl;\n var asExpenses = getValues().selfPricing || Commons.isOnGroup(sale.invoiceType.myDataInvoiceType, \"isExpense\");\n if (asExpenses) {\n _cl = {\n classificationCategory: e.classificationCategory.value,\n classificationValue: e.classificationValue.value,\n amount: parseFloat(e.amount).toFixed(2)\n }\n }\n else {\n _cl = {\n classificationCategory: e.classificationCategory.value,\n classificationValue: e.classificationValue.value,\n amount: parseFloat(e.amount).toFixed(2)\n }\n }\n\n _classifications.push(_cl);\n })\n\n }\n else if (prodClass != null) {\n var amnt = 0;\n if (prodClass.isPercent) {\n amnt = e.priceWithoutVat * prodClass.amount / 100;\n }\n\n _cl = {\n classificationCategory: prodClass.classificationCategory,\n classificationValue: prodClass.classificationValue,\n amount: parseFloat(amnt).toFixed(2)\n }\n\n _classifications.push(_cl);\n }\n else if (sale.invoiceType.invoiceTypeClassifications && sale.invoiceType.invoiceTypeClassifications.length > 0) {\n sale.invoiceType.invoiceTypeClassifications.forEach(_class => {\n var _cl;\n var asExpenses = getValues().selfPricing || Commons.isOnGroup(sale.invoiceType.myDataInvoiceType, \"isExpense\");\n if (asExpenses == _class.selfPricing) {\n var q = e.quantity == \"-\" ? 1 : e.quantity;\n var _amount = 0;\n if (_class.isPercent) {\n _amount = e.unitPrice * q * _class.amount / 100\n }\n else {\n _amount = _class.amount;\n }\n _amount -= e.discount * _amount / 100;\n\n var _cl = {\n classificationCategory: _class.classificationCategory,\n classificationValue: _class.classificationValue,\n amount: parseFloat(_amount).toFixed(2)\n }\n _classifications.push(_cl);\n }\n\n })\n }\n else {\n var _cl;\n var asExpenses = getValues().selfPricing || Commons.isOnGroup(sale.invoiceType.myDataInvoiceType, \"isExpense\");\n var q = e.quantity == \"-\" ? 1 : e.quantity;\n var _amount = e.unitPrice * q;\n _amount -= e.discount * _amount / 100;\n if (asExpenses) {\n _cl = {\n classificationCategory: suggestedInClassCatsOfInvType[0] ? suggestedInClassCatsOfInvType[0].value : null,\n classificationValue: suggestedInClassCatsOfInvType[0] ? suggestedInClassCatsOfInvType[0].classificationValues[0] : null,\n amount: _amount\n }\n }\n else {\n _cl = {\n classificationCategory: suggestedInClassCatsOfInvType[0] ? suggestedInClassCatsOfInvType[0].value : null,\n classificationValue: suggestedInClassCatsOfInvType[0] ? suggestedInClassCatsOfInvType[0].classificationValues[0] : null,\n amount: _amount\n }\n }\n\n _classifications.push(_cl);\n }\n\n var _taxes = [];\n if (e.taxes) {\n e.taxes.forEach(e => {\n // _taxes.push({\n // myDataMoreTax: \"TAX_\" + tax.myDataMoreTax.uid,\n // amount: tax.amount,\n // })\n\n var _myDataMoreTax_value = e.myDataMoreTax.value;\n if (!_myDataMoreTax_value.toString().includes(\"TAX_\")) {\n _myDataMoreTax_value = \"TAX_\" + _myDataMoreTax_value\n }\n\n _taxes.push({\n id: !isCredit && sale.invoiceType.myDataInvoiceType != \"invoice5_1\" ? e.id : null,\n amount: e.amount,\n myDataMoreTax: e.myDataMoreTax.type == \"DEDUCTION\" ? null : _myDataMoreTax_value,\n deduction: e.myDataMoreTax.type == \"DEDUCTION\" ? { name: e.myDataMoreTax.label, amountValue: e.amount, isSubtracted: e.isSubtracted } : null,\n type: e.myDataMoreTax.type\n })\n })\n\n }\n saleEntry.moreTaxes = _taxes;\n saleEntry.saleEntryClassifications = _classifications;\n\n\n\n\n //FOR THE NEXT MYDATA UPDATE\n // if (sale.invoiceType.myDataInvoiceType == \"invoice8_2\") {\n // entry.saleEntryClassifications = [];\n // }\n sale.saleEntries.push(saleEntry);\n })\n sale.movePurpose = sale.movePurpose ? sale.movePurpose.value : null;\n sale.templateLang = sale.templateLang ? sale.templateLang.toUpperCase() : \"GR\";\n\n sale.issuerPhone = sale.branch.model ? sale.branch.model.phone : null;\n sale.issuerEmail = sale.branch.model ? sale.branch.model.email : null;\n // sale.notes = refSalesEntries.current.getNotes();\n sale.branch = {\n id: sale.branch.value,\n name: sale.branch.label,\n address: sale.branch.model.address,\n subjectField: sale.branch.model.subjectField,\n branchNumber: sale.branch.model.branchNumber,\n logo: sale.branch.model.logo\n };\n sale.company = { id: SELECTED_COMPANY.id, taxpayerId: SELECTED_COMPANY.taxpayerId, name: SELECTED_COMPANY.name };\n\n\n var custTaxOffice = sale.taxOffice ? { name: sale.taxOffice.label, id: sale.taxOffice.value } : null;\n\n if (sale.customer) {\n if (!Number.isInteger(sale.customer.value)) {\n sale.customer = {\n id: undefined,\n name: sale.customer.label,\n taxpayerId: sale.taxpayerId,\n number: sale.addressNumber,\n postalCode: sale.postalCode,\n subjectField: sale.subjectField,\n city: sale.city,\n address: sale.fulladdress,\n taxOffice: custTaxOffice,\n country: sale.country.value\n };\n }\n else {\n sale.customer = {\n id: sale.customer.value,\n name: sale.customer.label,\n taxpayerId: sale.taxpayerId,\n country: sale.customer.model.country,\n number: sale.addressNumber,\n address: sale.fulladdress,\n postalCode: sale.postalCode,\n city: sale.city,\n taxOffice: sale.customer.model.taxOffice,\n subjectField: sale.subjectField,\n country: sale.country.value\n };\n }\n\n //correction of empty country\n if (sale.customer.country == undefined) {\n delete sale.customer;\n }\n }\n\n\n\n if (sale.correlativeSale != null) {\n sale.correlativeSale = sale.correlativeSale.value\n }\n\n sale.invoiceType = { id: sale.invoiceType.value, name: sale.invoiceType.label, myDataInvoiceType: sale.invoiceType.myDataInvoiceType };\n var _ser_lbl = sale.series == null ? \"\" : sale.series.label;\n var _ser_id = sale.series == null ? \"\" : sale.series.value;\n\n if (!Number.isInteger(_ser_id)) {\n _ser_id = \"\";\n }\n\n sale.series = { id: _ser_id, name: _ser_lbl };\n sale.paymentType = sale.paymentType ? sale.paymentType.value : null;\n\n if (sale.currency) {\n sale.currency = sale.currency.value;\n }\n\n\n\n sale.totalWithVat = totals.totalWithVat;\n sale.totalWithoutVat = totals.totalWithoutVat;\n sale.totalWithDiscount = totals.totalWithDiscount;\n sale.totalWithoutDiscount = totals.totalWithoutDiscount;\n sale.totalPayment = totals.totalPayment;\n sale.totalDiscount = totals.totalDiscount;\n\n sale.totalOtherTaxes = totals.totalOtherTaxes;\n sale.totalFeesTaxes = totals.totalFeesTaxes;\n sale.totalStumpOfDutyTaxes = totals.totalStumpOfDutyTaxes;\n sale.totalWithHoldTaxes = totals.totalWithHoldTaxes;\n sale.totalDeductionsTaxes = totals.totalDeductionsTaxes;\n\n var store = false;\n if (sale.invoiceType.myDataInvoiceType == \"invoice1_1\" || sale.invoiceType.myDataInvoiceType == \"invoice2_1\") {\n store = true;\n }\n var user = JSON.parse(localStorage.getItem(\"user\"));\n sale.contactEmails = {\n contacts: getContactEmails(sale, sendPaymentLink),\n store: store,\n taxpayerId: SELECTED_COMPANY.taxpayerId,\n fromEmail: user.email\n };\n\n\n\n var moreTaxes = saleMoreTaxesGridRef.current.getData();\n var _moretaxes = [];\n moreTaxes.forEach(tax => {\n\n var _myDataMoreTax_value = tax.myDataMoreTax.value;\n if (!_myDataMoreTax_value.toString().includes(\"TAX_\")) {\n _myDataMoreTax_value = \"TAX_\" + _myDataMoreTax_value\n }\n\n var t = {\n id: !isCredit && sale.invoiceType.myDataInvoiceType != \"invoice5_1\" ? tax.id : null,\n amount: tax.amount,\n myDataMoreTax: tax.myDataMoreTax.type == \"DEDUCTION\" ? null : _myDataMoreTax_value,\n deduction: tax.myDataMoreTax.type == \"DEDUCTION\" ? { name: tax.myDataMoreTax.label, amountValue: tax.amount, isSubtracted: tax.isSubtracted } : null,\n type: tax.myDataMoreTax.type\n }\n _moretaxes.push(t)\n })\n if (moreTaxes) {\n sale.moreTaxes = _moretaxes;\n }\n delete sale.taxpayerId;\n delete sale.city;\n delete sale.country;\n delete sale.postalCode;\n delete sale.fulladdress;\n delete sale.taxOffice;\n delete sale.subjectField;\n delete sale.addressNumber;\n delete sale.customerContacts;\n delete sale.otherTaxAmount;\n delete sale.otherTaxCategory;\n\n // if(sale.invoiceDate){\n // sale.invoiceDate=moment(sale.invoiceDate).format('YYYY-MM-DD HH:mm:ss')\n // }\n // if(sale.dispatchDate){\n // sale.dispatchDate=moment(sale.dispatchDate).format('YYYY-MM-DD HH:mm:ss')\n // }\n\n return sale;\n }\n\n function onSuccessSave(response, sale, _print) {\n var psale = getPrintSale();\n var _template = { template };\n if (_template) {\n psale.LOGO = _template.template.logo;\n psale.IBAN = _template.template.iban;\n psale.MOREINFO = _template.template.moreInfo;\n }\n if (response.data.response != undefined) {\n var resp = response.data.response[0];\n if (resp.errors != null) {\n var errors = resp.errors.error;\n\n console.log(errors);\n\n\n errors.forEach(error => {\n console.error(error);\n if (error.code == 201) {\n toast.error(myDataErrorMessageWithLink(error))\n }\n else {\n toast.error(error.message)\n }\n\n });\n setBlockuiLoading(false)\n\n // parseError(resp.errors)\n }\n else {\n if (resp.statusCode == \"Success\") {\n var mark = resp.invoiceMark;\n psale.INVOICEMARK = mark;\n psale.INVOICEUID = resp.invoiceUid;\n psale.QRURL = resp.qrUrl;\n if (mark) {\n toast.success(
, { autoClose: 20000 })\n\n }\n else {\n toast.success(t(\"saveSucceded\"))\n }\n document.getElementsByClassName(\"innerContainerMain\")[0].scrollTo(0, 0);\n }\n else {\n toast.error(t(\"Error\"))\n }\n\n if (_print) {\n iframePrintTemplate.current.print(psale)\n }\n sale.invoiceUid = psale.INVOICEUID;\n afterPrintProcess(sale)\n }\n }\n else {\n if (_print) {\n iframePrintTemplate.current.print(psale)\n }\n sale.invoiceUid = psale.INVOICEUID;\n afterPrintProcess(sale)\n toast.success(t(\"saveSucceded\"))\n document.getElementsByClassName(\"innerContainerMain\")[0].scrollTo(0, 0);\n }\n }\n\n function saveSale(_sale, _print = false) {\n\n var entriesHasError = refSalesEntries.current.hasError();\n if (entriesHasError) {\n toast.error(t(\"entriesErrors\"), 5000)\n return;\n }\n\n var entriesHasError = saleMoreTaxesGridRef.current.hasError();\n if (entriesHasError) {\n toast.error(t(\"entriesMoreTaxesErrors\"), 5000)\n return;\n }\n\n\n var _entries = refSalesEntries.current.getData();\n if (_entries.entries.length == 0) {\n toast.error(t(\"entriesErrorsCount\"), 5000)\n return;\n }\n\n\n var sale = prepareSale(_sale)\n console.debug(sale)\n\n Commons.setDefault(\"notes\", _sale.notes);\n\n\n\n confirmAlert({\n title: t(\"submitConfirm\"),\n message: sale.isPreSale ? t(\"areYouSurePreSale\") : mydata ? t(\"areYouSureMyDataOn\") : t(\"areYouSureMyDataOff\"),\n buttons: [\n {\n label: t('Yes'),\n className: \"accept\",\n onClick: () => {\n setBlockuiLoading(true)\n ApiClient.saveSaleWithEntries(SELECTED_COMPANY.id, sale).then(\n response => {\n onSuccessSave(response, sale, _print)\n },\n error => {\n setBlockuiLoading(false)\n toast.error(\"Error: \" + error.response.data.message)\n console.error(error.response)\n setBlockuiLoading(false)\n }\n )\n }\n },\n {\n label: t('No'),\n onClick: () => { return; }\n }\n ],\n\n });\n }\n\n function changeCust(val) {\n setValue(\"customer\", val)\n setValue(\"invoiceDate\", startDate);\n setCustomerValue(val)\n\n\n\n\n var _contacts = [];\n if (val.model) {\n var contacts = val.model.contacts;\n if (contacts) {\n contacts.forEach(e => {\n _contacts.push({\n value: e.email,\n name: e.name,\n email: e.email,\n label: e.email\n })\n });\n\n\n\n if (SELECTED_COMPANY.accountantEmail) {\n _contacts.push({\n value: SELECTED_COMPANY.accountantEmail,\n name: t(\"companyAccountant\"),\n email: SELECTED_COMPANY.accountantEmail,\n label: SELECTED_COMPANY.accountantEmail\n })\n }\n\n var opts = {\n data: _contacts, columns: [\n {\n header: t(\"Name\"),\n field: \"name\",\n flex: 6,\n },\n {\n header: t(\"Email\"),\n field: \"email\",\n flex: 6,\n asLabel: true\n }\n ]\n }\n setCustomerContacts(opts)\n }\n\n\n setValue(\"taxpayerId\", val.model.taxpayerId);\n setValue(\"fulladdress\", val.model.address);\n setValue(\"postalCode\", val.model.postalCode);\n setValue(\"addressNumber\", val.model.number);\n setValue(\"city\", val.model.city);\n setValue(\"subjectField\", val.model.subjectField);\n\n if (val.model.country != null) {\n setValue(\"country\", { value: val.model.country.alpha2, label: t(val.model.country.alpha2) })\n }\n\n if (val.model.taxOffice) {\n setValue(\"taxOffice\", { label: val.model.taxOffice.name, value: val.model.taxOffice.id });\n }\n\n var selectedMyDataInvType = getValues().invoiceType.myDataInvoiceType;\n var isDeliveryNote = getValues().isDeliveryNote;\n\n if (selectedMyDataInvType == \"invoice2_01\" || selectedMyDataInvType == \"invoice11_02\") {\n setValue(\"recipientTaxPayerId\", val.model.taxpayerId);\n setValue(\"recipientName\", val.model.name);\n setValue(\"senderTaxPayerId\", val.model.taxpayerId);\n setValue(\"senderName\", val.model.name);\n }\n else if (selectedMyDataInvType == \"invoice9_3\" || isDeliveryNote){\n setValue(\"deliveryAddressNumber\", val.model.number);\n setValue(\"deliveryAddressStreet\", val.model.address);\n setValue(\"deliveryAddressCity\", val.model.city);\n setValue(\"deliveryAddressPostalCode\", val.model.postalCode);\n }\n\n clearErrors(\"customer\");\n clearErrors(\"taxpayerId\");\n }\n }\n function setDataWithClassifications(saleObject, optionIncClassCategories, myDataMoreTaxesOptions, isPreSale = false) {\n var saleEntries = saleObject.saleEntries;\n var entries = [];\n saleEntries.forEach(el => {\n var e = el;\n var product;\n\n\n if (isPreSale) {\n product = {\n label: el.product.label,\n value: el.product.value,\n model: el.product.model\n }\n }\n else {\n product = {\n label: el.product.name,\n value: el.product.name,\n model: el.product\n }\n }\n var vat;\n\n if (isPreSale) {\n vat = {\n label: el.vat.label,\n value: el.vat.value,\n }\n }\n else {\n var _lab = el.vat.id.replace(\"VAT_\", \"\");\n _lab = _lab == \"EMPTY\" ? \"-\" : _lab\n vat = {\n label: _lab,\n value: el.vat.id,\n }\n }\n\n var mu;\n if (isPreSale) {\n mu = {\n value: el.measurementUnit.value,\n label: t(el.measurementUnit.label),\n }\n }\n else {\n mu = {\n value: el.measurementUnit,\n label: t(el.measurementUnit),\n }\n }\n\n\n var _classifications = [];\n if (el.saleEntryClassifications) {\n el.saleEntryClassifications.forEach(e => {\n\n var _cl;\n var classcat = e.classificationCategory ? e.classificationCategory : e.classificationCategory;\n if (classcat) {\n var prefix = classcat.replace(\"CATEGORY_\", \"\") + \") \";\n\n\n var _cls = optionIncClassCategories[classcat];\n var newcls = [];\n if (_cls) {\n _cls.forEach(e => {\n newcls.push({\n label: t(e),\n value: e\n });\n });\n }\n\n\n if (e.classificationCategory) {\n _cl = {\n classificationCategory: {\n value: e.classificationCategory,\n label: prefix + t(e.classificationCategory),\n },\n classificationValue:\n {\n value: e.classificationValue,\n label: t(e.classificationValue) + \" (\" + e.classificationValue + \")\",\n },\n classificationValues: newcls,\n amount: parseFloat(e.amount).toFixed(2)\n }\n }\n else {\n _cl = {\n classificationCategory:\n {\n value: e.classificationCategory,\n label: prefix + t(e.classificationCategory),\n },\n classificationValue:\n {\n value: e.classificationValue,\n label: t(e.classificationValue) + \" (\" + e.classificationValue + \")\",\n },\n classificationValues: newcls,\n amount: parseFloat(e.amount).toFixed(2)\n }\n\n }\n _classifications.push(_cl);\n }\n\n })\n\n }\n else {\n if (isPreSale) {\n var invtype = getValues().invoiceType;\n var _cls\n if (invtype.invoiceTypeClassifications && invtype.invoiceTypeClassifications.length > 0) {\n\n invtype.invoiceTypeClassifications.forEach(_class => {\n var _cl;\n var asExpenses = getValues().selfPricing || Commons.isOnGroup(invtype.myDataInvoiceType, \"isExpense\");\n var prefix = _class.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n\n if (asExpenses == _class.selfPricing) {\n var q = e.quantity == \"-\" ? 1 : e.quantity;\n var _amount = 0;\n if (_class.isPercent) {\n _amount = e.unitPrice * q * _class.amount / 100\n }\n else {\n _amount = _class.amount;\n }\n _amount -= e.discount * _amount / 100;\n\n var _cl = {\n classificationCategory: { label: prefix + \") \" + t(_class.classificationCategory), value: _class.classificationCategory },\n classificationValue: { label: t(_class.classificationValue) + \" (\" + _class.classificationValue + \")\", value: _class.classificationValue },\n classificationValues: _class.classificationValues,\n amount: parseFloat(_amount).toFixed(2)\n }\n _classifications.push(_cl);\n }\n\n })\n }\n else {\n var _cls = optionIncClassCategories[0];\n var types = _cls.classificationValues;\n var opts = [];\n if (types) {\n types.forEach(element => {\n opts.push({\n value: element,\n label: t(element) + \" (\" + element + \")\",\n });\n });\n }\n var _cl = {\n classificationCategory:\n {\n value: _cls.value,\n label: _cls.label\n },\n classificationValue:\n {\n value: _cls.classificationValues[0],\n label: t(_cls.classificationValues[0]) + \" (\" + _cls.classificationValues[0] + \")\",\n },\n classificationValues: types,\n amount: parseFloat(el.priceWithoutVat).toFixed(2)\n }\n _classifications.push(_cl);\n }\n }\n }\n\n var _mtaxes = [];\n if (el.moreTaxes) {\n el.moreTaxes.forEach(m => {\n var _value;\n if (m.deductionName && m.deductionName != \"\" && m.deductionAmountValue) {\n m.deduction = {\n id: m.id,\n amountValue: m.deductionAmountValue,\n name: m.deductionName\n };\n }\n\n if (m.deduction) {\n _value = m.deduction.id;\n m.myDataMoreTax = m.deduction;\n m.myDataMoreTax.type = \"DEDUCTION\"\n }\n else {\n _value = \"TAX_\" + m.myDataMoreTax.uid;\n }\n\n var type = m.myDataMoreTax.type\n var allTaxes = myDataMoreTaxesOptions;\n\n let groupTaxes = allTaxes.reduce((r, a) => {\n r[a.type] = [...r[a.type] || [], a];\n return r;\n }, {});\n\n var typeTaxes = groupTaxes[type];\n var new_type_options = [];\n typeTaxes.forEach(element => {\n new_type_options.push({\n value: \"TAX_\" + element.value,\n label: t(\"TAX_\" + element.value),\n amountValue: element.amountValue,\n uid: element.uid\n });\n });\n\n\n _mtaxes.push({\n amount: m.amount,\n myDataMoreTax: {\n label: m.deduction ? m.deduction.name : t(_value),\n value: _value,\n amountValue: m.myDataMoreTax.amountValue,\n uid: m.myDataMoreTax.uid,\n key: m.myDataMoreTax.key,\n type: m.myDataMoreTax.type,\n isSubtracted: m.deduction ? m.deduction.isSubtracted : null\n },\n type: {\n label: t(m.myDataMoreTax.type),\n value: m.myDataMoreTax.type,\n amountValue: m.myDataMoreTax.amountValue\n },\n myDataMoreTaxes: typeTaxes\n })\n var selectedMyDataInvType = getValues().invoiceType.myDataInvoiceType;\n if (selectedMyDataInvType == \"invoice8_2\") {\n setValue(\"otherTaxCategory\", _mtaxes[0].myDataMoreTax)\n setValue(\"otherTaxAmount\", _mtaxes[0].amount)\n }\n\n });\n }\n var vat_val = vat.label == \"-\" ? 0 : vat.label;\n var unitPriceWithVat = el.unitPrice * (1 + vat_val / 100)\n var _vatCategoryException = el.vatCategoryException ? { label: t(el.vatCategoryException), value: el.vatCategoryException } : null;\n var entry = {\n product: product,\n unitPrice: parseFloat(el.unitPrice).toFixed(2),\n unitPriceWithVat: parseFloat(unitPriceWithVat).toFixed(4),\n quantity: el.quantity,\n id: el.id,\n measurementUnit: mu,\n vat: vat,\n discount: el.discount ? el.discount : \"0.00\",\n priceWithoutVat: parseFloat(el.priceWithoutVat.toString()).toFixed(2),\n priceWithVat: el.priceWithVat,\n extraLineFields: _classifications,\n vatCategoryException: _vatCategoryException,\n taxes: _mtaxes\n }\n entries.push(entry)\n })\n refSalesEntries.current.setData(entries)\n reCalculateTotals();\n\n }\n\n const onSubmit = (sale, e) => {\n e.preventDefault();\n\n if (sale.invoiceType.myDataInvoiceType == \"invoice00_1\" || sale.invoiceType.myDataInvoiceType == \"invoice1_01\") {\n sale.isPreSale = true;\n sale.mydata = false\n }\n else {\n sale.isPreSale = false;\n sale.mydata = mydata ? mydata : false;\n }\n\n saveSale(sale, false)\n\n\n }\n\n const onError = (error) => {\n console.error(error)\n var el_name = Object.keys(error)[0];\n\n if (el_name === \"customer\") {\n var element = document.getElementsByClassName(\"customerCard\")[0];\n const yOffset = -10;\n const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n //toDo: reexamine above lines\n document.body.scrollTo({ top: y, behavior: 'smooth' });\n // document.getElementsByClassName(\"customerCard\")[0].scrollIntoView(true);\n }\n else {\n if (document.getElementsByName(el_name)) {\n var element = document.getElementsByName(el_name)[0];\n const yOffset = -10;\n const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n // document.body.scrollTo({ top: y, behavior: 'smooth' });\n document.getElementsByClassName(\"innerContainerMain\")[0].scrollTo({ top: y, behavior: 'smooth' });\n\n }\n\n }\n\n }\n\n const handlePrintAndSave = e => {\n // e.preventDefault();\n var sale = getValues();\n if (sale.invoiceType.myDataInvoiceType == \"invoice00_1\" || sale.invoiceType.myDataInvoiceType == \"invoice1_01\") {\n sale.isPreSale = true;\n sale.mydata = false\n }\n else {\n sale.isPreSale = false;\n sale.mydata = mydata ? mydata : false;\n }\n saveSale(sale, true)\n\n }\n\n function appendAccountantEmailOnContactsSelect() {\n var _contacts = [];\n if (SELECTED_COMPANY.accountantEmail) {\n _contacts.push({\n value: SELECTED_COMPANY.accountantEmail,\n name: t(\"companyAccountant\"),\n email: SELECTED_COMPANY.accountantEmail,\n label: SELECTED_COMPANY.accountantEmail\n })\n }\n\n var opts = {\n data: _contacts, columns: [\n {\n header: t(\"Name\"),\n field: \"name\",\n flex: 6,\n },\n {\n header: t(\"Email\"),\n field: \"email\",\n flex: 6,\n asLabel: true\n }\n ]\n }\n setCustomerContacts(opts)\n }\n\n\n const loadTaxOfficeOptions = (inputValue, callback) => {\n\n ApiClient.getAllTaxOffices().then(\n response => {\n\n var data_taxOffices = response.data;\n var optionsTO = []\n data_taxOffices.forEach(element => {\n optionsTO.push({\n value: element.id,\n label: t(element.name)\n });\n });\n callback(optionsTO)\n },\n error => {\n toast.error(\"Error: \" + error.data)\n console.error(error.data)\n }\n );\n\n }\n\n\n const onInputChangeCustomer = (val, action) => {\n if (action.action != \"input-blur\" && action.action != \"menu-close\") {\n setValue(\"customer\", { label: val, value: val });\n setCustomerInputValue(val)\n document.getElementById(\"saveCustomerForFuture\").style.display = \"unset\";\n // setCustomerValue({ label: val, value: val })\n\n }\n else if (action.action == \"menu-close\") {\n var _country = getValues()[\"country\"];\n if (_country == undefined || _country == \"\") {\n var selectedMyDataInvType = getValues().invoiceType.myDataInvoiceType;\n if (selectedMyDataInvType != \"invoice1_3\") {\n setValue(\"country\", DefaultCountry)\n }\n\n }\n }\n }\n\n const onChangeCustomer = val => {\n // var _val=val;\n if (val.__isNew__) {\n document.getElementById(\"saveCustomerForFuture\").style.display = \"unset\";\n\n }\n else {\n document.getElementById(\"saveCustomerForFuture\").style.display = \"none\";\n }\n changeCust(val)\n\n };\n\n const onChangePaymentType = val => {\n if (val != null && val.value == \"ON_CREDIT\") {\n document.getElementById(\"balance_container\").style.display = \"unset\"\n }\n else {\n document.getElementById(\"balance_container\").style.display = \"none\"\n }\n setValue(\"paymentType\", val);\n Commons.setDefault(\"paymentType\", val);\n };\n\n function changeSeries(val) {\n var companyId = SELECTED_COMPANY.id\n var branch = getValues().branch;\n var invType = getValues().invoiceType;\n var branchName, invTypeName;\n if (branch) {\n branchName = branch.label;\n }\n if (invType) {\n invTypeName = invType.label;\n }\n var series = val ? val.label : \"\";\n\n var invoiceNumberIdentifierDTO = {\n branch: branch.model.id,\n invoiceType: invTypeName,\n series: series\n }\n\n ApiClient.getMaxCompanySaleInstanceNumber(invoiceNumberIdentifierDTO, companyId).then(\n response => {\n if (response) {\n setValue(\"invoiceNumber\", response.data)\n }\n else {\n setValue(\"invoiceNumber\", 1)\n }\n clearErrors(\"series\");\n clearErrors(\"invoiceNumber\");\n\n },\n error => {\n toast.error(\"Error: \" + error.data)\n console.error(error.data)\n }\n );\n }\n\n const onChangeSelfPricing = e => {\n var val = e.target.checked;\n setSelfPricingChecked(val);\n var invoiceType = getValues().invoiceType;\n var asExpenses = Commons.isOnGroup(invoiceType.myDataInvoiceType, \"isExpense\") || val;\n\n if (id == undefined) {\n ApiClient.getClassificationCategoriesOfMyDataInvoice(invoiceType.myDataInvoiceType, asExpenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategoryType;\n var _classificationValueTypes;\n _classificationCategoryType = element.classificationCategory;\n _classificationValueTypes = element.classificationValues;\n\n var prefix = _classificationCategoryType.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategoryType,\n label: prefix + t(_classificationCategoryType),\n classificationValues: _classificationValueTypes,\n });\n });\n setSuggestedInClassCatsOfInvType(_optionIncClassCategories);\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n refSalesEntries.current.clearData();\n }\n }\n\n const onChangeSeries = val => {\n setValue(\"series\", val);\n Commons.setDefault(\"series\", val);\n changeSeries(val)\n }\n\n const onChangeBranch = val => {\n setValue(\"branch\", val);\n changeBranch(val);\n }\n\n const onChangeMovePurpose = val => {\n setValue(\"movePurpose\", val);\n clearErrors(\"movePurpose\");\n\n }\n\n const taxOfficeOnChange = val => {\n setValue(\"taxOffice\", val);\n }\n\n const isDeliveryNoteChange = e => {\n setInitiallyCollapsedDeliveryMore({ collapsed: e.target.checked, show: e.target.checked })\n\n if (e.target.checked) {\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"movePurposeContainer\")[0].classList.add(\"required\")\n\n setIsDeliverMandatory(true)\n setIsLoadingMandatory(true)\n }\n else {\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"movePurposeContainer\")[0].classList.remove(\"required\")\n\n setIsDeliverMandatory(false)\n setIsLoadingMandatory(false)\n }\n\n\n }\n\n function changeBranch(val) {\n if (!isCredit && id == null) {\n Commons.setDefault(\"branch\", val)\n }\n\n clearErrors(\"branch\");\n setValue(\"series\", \"\")\n setValue(\"invoiceNumber\", \"\")\n var selectedInvType = getValues().invoiceType;\n var invoiceTypeId = selectedInvType.value;\n var branchId = val.id ? val.id : val.model.id;\n\n if (selectedInvType) {\n ApiClient.getCompanyInvoiceTypeSeries(SELECTED_COMPANY.id, invoiceTypeId, branchId, isCredit).then(response => {\n var data = response.data;\n var optionSeries = [];\n if (data) {\n data.forEach(element => {\n optionSeries.push({\n value: element.id,\n startNumber: element.startNumber,\n label: element.name,\n });\n });\n }\n\n\n setContent(content => ({\n ...content,\n ...{ series: optionSeries }\n }));\n\n },\n error => {\n setBlockuiLoading(false)\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n var companyId = SELECTED_COMPANY.id;\n\n\n ApiClient.getTemplateSettings(companyId, branchId).then(response => {\n var _template = response.data;\n _template.branch = branchId;\n _template.mainColor = _template.mainColor ? _template.mainColor : \"#013289\";\n _template.secondaryColor = _template.secondaryColor ? _template.secondaryColor : \"#FFFFFF\";\n _template.appFont = _template.appFont ? _template.appFont : \"Arial\";\n setTemplate(_template);\n\n },\n error => {\n setBlockuiLoading(false)\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n function clearAllMandatoryStarts() {\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.remove('required');\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.remove(\"required\")\n }\n\n function changeInvType(val) {\n\n clearAllMandatoryStarts();\n\n\n //========================================================\n // Default info message per invoice type\n var defaults = Commons.getDefaults();\n var infos = defaults.invoiceTypeMessages;\n document.getElementById(\"documentTypeInfo\").style.display = \"none\";\n if (infos) {\n var index = infos.indexOf(val.myDataInvoiceType);\n if (infos[index]) {\n document.getElementById(\"documentTypeInfo\").style.display = \"block\";\n document.querySelector(\"#documentTypeInfo .invoicetype_message\").innerText = t(infos[index] + \"_info\");\n document.querySelector(\"#documentTypeInfo .invoicetype_message\").setAttribute(\"data\", \"invoice2_1\");\n }\n }\n //========================================================\n\n\n var companyId = SELECTED_COMPANY.id;\n var invoiceTypeId = val.value;\n clearErrors(\"taxpayerId\");\n clearErrors(\"customer\");\n document.getElementsByClassName(\"correlativeSale\")[0].style.display = \"none\";\n document.getElementsByClassName(\"selfPricing\")[0].style.display = \"none\";\n\n\n if (Commons.isOnGroup(val.myDataInvoiceType, \"customerForbidden\")) {\n document.getElementsByClassName(\"customerFromGroup\")[0].classList.remove('required');\n var el = document.getElementsByClassName(\"customerFromGroup\");\n document.getElementById(\"taxpayerContainer\").classList.remove('required');\n setCustomerRequired(false);\n // setCustomerHidden(\"none\");\n }\n else {\n if (!document.getElementsByClassName(\"customerFromGroup\")[0].classList.contains(\"required\")) {\n document.getElementsByClassName(\"customerFromGroup\")[0].classList.add('required');\n document.getElementById(\"taxpayerContainer\").classList.add('required');\n setCustomerRequired(true);\n }\n // setCustomerHidden(\"flex\");\n }\n\n if (val.myDataInvoiceType == \"invoice5_1\" || val.myDataInvoiceType == \"invoice1_6\" || val.myDataInvoiceType == \"invoice2_4\" || val.myDataInvoiceType == \"invoice8_2\" || val.myDataInvoiceType == \"invoice11_4\") {\n document.getElementsByClassName(\"correlativeSale\")[0].style.display = \"unset\";\n // setCustomerRequired(true);\n // setCustomerHidden(\"flex\");\n }\n\n\n if (Commons.isOnGroup(val.myDataInvoiceType, \"trafficDataForbidden\")) {\n document.getElementsByClassName(\"transformDataCard\")[0].style.display = \"none\";\n }\n else {\n document.getElementsByClassName(\"transformDataCard\")[0].style.display = \"flex\";\n }\n\n\n if (val.myDataInvoiceType == \"invoice8_2\") {\n document.getElementById(\"taxesMoreAccordion\").style.display = \"none\";\n document.getElementById(\"salesMoreAccordion\").style.display = \"none\";\n\n }\n else {\n document.getElementById(\"taxesMoreAccordion\").style.display = \"unset\";\n document.getElementById(\"salesMoreAccordion\").style.display = \"unset\";\n }\n\n //=======================\n\n if (val.myDataInvoiceType == \"invoice3_1\") {\n\n document.getElementsByClassName(\"cityContainer\")[0].classList.add(\"required\")\n setAddressRequired(true)\n }\n else {\n document.getElementsByClassName(\"cityContainer\")[0].classList.remove('required');\n setAddressRequired(false)\n }\n if (val.myDataInvoiceType == \"invoice9_3\") {\n setInitiallyCollapsedDeliveryMore({ collapsed: true, show: true })\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"movePurposeContainer\")[0].classList.add(\"required\")\n setIsDeliverMandatory(true)\n setIsLoadingMandatory(true)\n }\n else {\n setInitiallyCollapsedDeliveryMore({ collapsed: true, show: false })\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.remove('required');\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.remove(\"required\")\n document.getElementsByClassName(\"movePurposeContainer\")[0].classList.remove(\"required\")\n setIsDeliverMandatory(false)\n setIsLoadingMandatory(false)\n }\n\n\n setTransportInfoDisplay(\"none\");\n if (val.myDataInvoiceType == \"invoice2_01\" || val.myDataInvoiceType == \"invoice11_02\") {\n setTransportInfoDisplay(\"flex\");\n }\n\n setIsInvoice00_1(false);\n if (val.myDataInvoiceType == \"invoice00_1\" || val.myDataInvoiceType == \"invoice1_01\") {\n setIsInvoice00_1(true);\n }\n\n\n if (Commons.isOnGroup(val.myDataInvoiceType, \"isDeliveryNote\")) {\n setIsDeliveryNoteDisable(false)\n if (getValues().isDeliveryNote) {\n document.getElementsByClassName(\"deliveryAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"deliveryAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressPostalCodeContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressCityContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressStreetContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"loadingAddressNumberContainer\")[0].classList.add(\"required\")\n document.getElementsByClassName(\"movePurposeContainer\")[0].classList.add(\"required\")\n }\n\n }\n else {\n setIsDeliveryNoteDisable(true)\n }\n\n // setCustomerHidden(\"flex\");\n // if (Commons.isOnGroup(val.myDataInvoiceType, \"countryDisable\")) {\n // setCountryDisabled(true)\n // }\n // else {\n // setCountryDisabled(false)\n // }\n\n //------------------\n\n if (val.myDataInvoiceType == \"invoice8_2\") {\n\n\n var _saleEntries = [];\n var saleEntry = {};\n saleEntry.product = { id: undefined, label: t(\"AccomodationTax\"), value: \"AccomodationTax\", model: { price: \"0.00\", priceWithVat: \"0.00\" } }\n saleEntry.measurementUnit = { label: \"-\", value: \"-\" };\n saleEntry.quantity = \"-\";\n saleEntry.vat = { label: \"-\", value: \"VAT_EMPTY\" };\n saleEntry.unitPrice = \"0.00\";\n saleEntry.priceWithVat = \"0.00\";\n saleEntry.priceWithoutVat = \"0.00\";\n saleEntry.unitPriceWithVat = \"0.00\";\n saleEntry.discount = \"0.00\";\n\n _saleEntries.push(saleEntry);\n\n refSalesEntries.current.setData(_saleEntries)\n\n setEntriesHidden(\"none\")\n setOtherTaxHidden(\"flex\")\n setOtherRequired(true)\n }\n else {\n setEntriesHidden(\"unset\")\n setOtherTaxHidden(\"none\")\n setOtherRequired(false)\n }\n //==========================\n\n\n\n if (Commons.isOnGroup(val.myDataInvoiceType, \"allowSelfPrice\")) {\n document.getElementsByClassName(\"selfPricing\")[0].style.display = \"unset\";\n }\n\n var selfPricing = getValues().selfPricing;\n\n var asExpenses = Commons.isOnGroup(val.myDataInvoiceType, \"isExpense\") || selfPricing\n\n ApiClient.getClassificationCategoriesOfMyDataInvoice(val.myDataInvoiceType, asExpenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategoryType = element.classificationCategory;\n var _classificationValueTypes = element.classificationValues;\n\n var prefix = _classificationCategoryType.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategoryType,\n label: prefix + t(_classificationCategoryType),\n classificationValues: _classificationValueTypes,\n classificationValue: element.classificationValue,\n });\n });\n\n setSuggestedInClassCatsOfInvType(_optionIncClassCategories);\n setSuggestedInvoiceClassCatsOfInvType(val.invoiceTypeClassifications);\n if (isPreSale) {\n var sale = getValues();\n saleEntries = refSalesEntries.current.getData();\n\n var saleObject = {\n saleEntries: saleEntries.entries\n }\n if (saleEntries && saleEntries.entries.length > 0) {\n setDataWithClassifications(saleObject, _optionIncClassCategories, sale.myDataMoreTaxes, true)\n }\n\n }\n\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n\n var branch = getValues().branch;\n var branchId = null;\n if (branch) {\n branchId = branch.model.id\n }\n if (branchId == null && val.branchId != null) {\n branchId = val.branchId;\n }\n setValue(\"series\", \"\")\n setValue(\"invoiceNumber\", \"\")\n ApiClient.getCompanyInvoiceTypeSeries(SELECTED_COMPANY.id, invoiceTypeId, branchId, isCredit).then(response => {\n var data = response.data;\n var optionSeries = [];\n if (data) {\n data.forEach(element => {\n optionSeries.push({\n value: element.id,\n startNumber: element.startNumber,\n label: element.name,\n });\n });\n }\n\n setContent(content => ({\n ...content,\n ...{ series: optionSeries }\n }));\n\n setBlockuiLoading(false)\n\n clearErrors(\"invoiceType\");\n\n if (document.querySelector(\".afterinvoice\")) {\n document.querySelector(\".afterinvoice\").style.display = \"flex\"\n }\n\n\n\n if (id == undefined && optionSeries.length > 0) {\n\n var defaultsSeriesLetters = optionSeries.map(c => c.label);\n\n if (defaults != undefined && defaults.series != undefined && defaults.series.__isNew__) {\n setValue(\"series\", defaults.series);\n changeSeries(defaults.series);\n }\n else {\n if (optionSeries.length == 1) {\n setValue(\"series\", optionSeries[0]);\n changeSeries(optionSeries[0]);\n }\n else if (defaults.series && defaultsSeriesLetters.includes(defaults.series.label)) {\n setValue(\"series\", defaults.series);\n changeSeries(defaults.series);\n }\n }\n }\n\n\n\n\n //if query params customer not null\n let customer = params.get('customer')\n\n if (customer) {\n\n ApiClient.getCompanyCustomer(companyId, customer).then(\n response => {\n\n var cust = response.data;\n var cust_obj = {\n label: cust.name,\n value: customer,\n taxpayerId: cust.taxpayerId,\n model: cust\n };\n setValue(\"customer\", cust_obj);\n setCustomerValue(cust_obj);\n changeCust(cust_obj);\n\n\n },\n error => {\n toast.error(\"Error: \" + error.data)\n console.error(error.data)\n }\n );\n }\n\n\n },\n error => {\n setBlockuiLoading(false)\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n if (id == undefined) {\n Commons.setDefault(\"invoiceType\", val)\n }\n\n appendAccountantEmailOnContactsSelect();\n\n if (Commons.isOnGroup(val.myDataInvoiceType, \"zeroPrice\")) {\n setValue(\"paymentType\", null); \n document.getElementById(\"salesMoreAccordion\").style.display = \"none\";\n setValue(\"currency\", null); \n setValue(\"exchangeRate\", null); \n }\n else{\n document.getElementById(\"salesMoreAccordion\").style.display = \"unset\";\n }\n }\n\n function clearDeliveryValues(){\n setValue(\"loadingAddressStreet\", null);\n setValue(\"loadingAddressNumber\", null);\n setValue(\"loadingAddressCity\",null);\n setValue(\"loadingAddressPostalCode\", null);\n setValue(\"deliveryAddressStreet\", null);\n setValue(\"deliveryAddressNumber\", null);\n setValue(\"deliveryAddressCity\", null);\n setValue(\"deliveryAddressPostalCode\", null);\n setValue(\"movePurpose\", null);\n setValue(\"isDeliveryNote\",false);\n }\n\n const onChangeInvoiceType = val => {\n setValue(\"invoiceType\", val)\n var defaults = Commons.getDefaults();\n\n if (defaults != undefined && defaults.series != undefined && defaults.series.__isNew__) {\n Commons.setDefault(\"series\", null)\n }\n clearDeliveryValues();\n if (!isPreSale) {\n refSalesEntries.current.clearData();\n }\n\n saleEntries = refSalesEntries.current.getData();\n if (content != undefined) {\n changeInvType(val)\n }\n\n\n }\n\n const onChangeCorrelativeInvoice = val => {\n setValue(\"correlativeSale\", val);\n\n if (val.model) {\n var selfPricing = getValues().selfPricing;\n var asExpenses = Commons.isOnGroup(val.model.myDataInvoiceType, \"isExpense\") || selfPricing;\n var companyId = SELECTED_COMPANY.id;\n\n ApiClient.getCompanyCustomerByTaxpayerId(companyId, val.model.customerTaxPayerId, val.model.customerName).then(\n response => {\n var cust = response.data;\n var cust_obj = {\n label: cust.name,\n value: customer,\n taxpayerId: cust.taxpayerId,\n model: cust\n };\n setValue(\"customer\", cust_obj);\n setCustomerValue(cust_obj);\n changeCust(cust_obj);\n },\n error => {\n console.error(\"Error: \" + error.data)\n }\n );\n\n ApiClient.getClassificationCategoriesOfMyDataInvoice(val.model.myDataInvoiceType, asExpenses).then(response => {\n var data = response.data;\n var obj = {}\n data.forEach(element => {\n if (element.classificationCategory) {\n obj[element.classificationCategory] = element.classificationValues;\n }\n else {\n obj[element.classificationCategory] = element.classificationValues;\n }\n });\n var _selectedInvoiceType = getValues().invoiceType;\n\n if (_selectedInvoiceType.myDataInvoiceType != \"invoice8_2\") {\n setDataWithClassifications(val.model, obj, moreTaxesOptions)\n if (val.model.saleInstanceMoreTaxes && val.model.saleInstanceMoreTaxes.length > 0) {\n val.model.saleInstanceMoreTaxes.forEach(tax => {\n if (tax.deduction) {\n tax.myDataMoreTax = tax.deduction;\n }\n\n tax.value = \"TAX_\" + tax.uid;\n tax.label = tax.type == \"DEDUCTION\" ? tax.name : t(\"TAX_\" + tax.uid);\n tax.type = {\n value: tax.myDataMoreTax.type,\n label: t(tax.myDataMoreTax.type)\n }\n\n tax.myDataMoreTax.value = \"TAX_\" + tax.myDataMoreTax.uid;\n tax.myDataMoreTax.label = t(\"TAX_\" + tax.myDataMoreTax.uid);\n\n\n });\n var _data_transformed = saleMoreTaxesGridRef.current.transformData(val.model.saleInstanceMoreTaxes, moreTaxesTypesOptions, moreTaxesOptions)\n saleMoreTaxesGridRef.current.setData(_data_transformed);\n reCalculateTotals();\n setInitiallyCollapsed({ collapsed: false, show: true });\n }\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n }\n\n const getPrintSale = () => {\n var sale = getValues();\n sale.entries = refSalesEntries.current.getData().entries;\n sale.saleInstanceMoreTaxes = saleMoreTaxesGridRef.current.getData();\n sale.totals = totals;\n var psale = iframePrintTemplate.current.getPrintSale(sale);\n var _template = { template };\n if (_template) {\n psale.LOGO = _template.template.logo;\n psale.IBAN = _template.template.iban;\n psale.MOREINFO = _template.template.moreInfo;\n }\n\n return psale;\n }\n\n const handlePrint = e => {\n e.preventDefault();\n var sale = getValues();\n sale.entries = refSalesEntries.current.getData().entries;\n sale.saleInstanceMoreTaxes = saleMoreTaxesGridRef.current.getData();\n sale.totals = totals;\n var psale = iframePrintTemplate.current.getPrintSale(sale);\n var _template = { template };\n if (_template) {\n psale.LOGO = _template.template.logo;\n psale.IBAN = _template.template.iban;\n psale.MOREINFO = _template.template.moreInfo;\n }\n iframePrintTemplate.current.print(psale)\n }\n\n const convertPaymentTypes = types => {\n var optionspaymentTypes = [];\n if (types != undefined) {\n types.forEach(element => {\n optionspaymentTypes.push({\n value: element.value,\n label: t(element.label),\n });\n });\n\n }\n\n\n return optionspaymentTypes\n }\n const convertPaymentType = type => {\n var optionspaymentType = {\n value: type.value,\n label: t(type.label),\n }\n return optionspaymentType\n }\n\n const listenMessage = (msg) => {\n\n var mess = msg.data;\n if (mess.source == \"timologic\") {\n var customerName = mess.sale.customerName;\n if (customerName == null) {\n customerName = mess.sale.customerFirstName + \" \" + mess.sale.customerLastName;\n }\n var customer = { label: customerName, value: customerName }\n var city = mess.sale.customerCity;\n var address = mess.sale.customerAddress;\n var postalCode = mess.sale.postalCode;\n var taxpayerId = mess.sale.customerTaxPayerId;\n var addressNumber = mess.sale.addressNumber;\n var subjectField = mess.sale.subjectField;\n var entries = [];\n if (mess.sale.products) {\n mess.sale.products.forEach(e => {\n var productModel = {\n name: e.name\n }\n var product = {\n label: e.name,\n value: e.name,\n model: productModel\n }\n var vat_enum = \"VAT_\" + e.vat;\n var vat_label = e.vat;\n\n if (mess.sale.vat) {\n vat_enum = \"VAT_\" + mess.sale.vat;\n vat_label = mess.sale.vat;\n }\n\n var vat = {\n label: vat_label,\n value: vat_enum,\n }\n\n var mu = {\n value: e.measurementUnit,\n label: t(e.measurementUnit),\n }\n if (e.unitPriceWithVat) {\n e.unitPrice = parseFloat(e.unitPriceWithVat / (1 + vat_label / 100))\n }\n var priceWithoutVat = parseFloat(e.quantity * e.unitPrice);\n\n // var vat_amount = parseFloat(vat_label * priceWithoutVat / 100)\n\n var unitPriceWithVat = e.unitPrice * (1 + vat_label / 100)\n\n var priceWithVat = parseFloat(unitPriceWithVat * e.quantity).toFixed(2);\n\n\n var entry = {\n product: product,\n unitPrice: parseFloat(e.unitPrice).toFixed(2),\n unitPriceWithVat: parseFloat(unitPriceWithVat).toFixed(4),\n quantity: e.quantity,\n measurementUnit: mu,\n vat: vat,\n discount: \"0.00\",\n priceWithoutVat: priceWithoutVat.toFixed(2),\n priceWithVat: priceWithVat\n }\n if (entry.product.value) {\n entries.push(entry);\n }\n\n })\n }\n\n\n refSalesEntries.current.setData(entries)\n reCalculateTotals()\n\n if (taxpayerId) {\n setValue(\"taxpayerId\", taxpayerId);\n }\n\n setValue(\"country\", defcountry)\n\n if (customer) {\n setValue(\"customer\", customer);\n setCustomerValue(customer);\n }\n if (city) {\n setValue(\"city\", city);\n }\n if (address) {\n setValue(\"fulladdress\", address);\n }\n if (postalCode) {\n setValue(\"postalCode\", postalCode);\n }\n if (addressNumber) {\n setValue(\"addressNumber\", addressNumber);\n }\n if (subjectField) {\n setValue(\"subjectField\", subjectField)\n }\n }\n }\n\n const dismissSalesEditAlertHandle = () => {\n Commons.setDefault(\"dismissSalesEditAlert\", true)\n }\n\n const myDataTokenEmptyToastMessage = () => {\n var _url = \"/usercompany/\" + SELECTED_COMPANY.id;\n return (\n \n )\n };\n const myDataErrorMessageWithLink = (error) => {\n return (\n \n {error.message} showErrorDetailsModal(error)}> {t(\"More\")}
\n )\n }\n\n const showErrorDetailsModal = (error) => {\n refErrorDetailsModal.current.open(error);\n }\n\n const hangleChangeMyData = e => {\n if (SELECTED_COMPANY.myDataToken) {\n if (SELECTED_COMPANY.myDataToken.trim() != \"\") {\n setMyData(e.target.checked)\n Commons.setDefault(\"mydata\", e.target.checked);\n }\n else {\n setMyData(false)\n Commons.setDefault(\"mydata\", false);\n toast.error(myDataTokenEmptyToastMessage, { autoClose: 5000 })\n }\n }\n else {\n\n setMyData(false)\n Commons.setDefault(\"mydata\", false);\n toast.error(myDataTokenEmptyToastMessage, { autoClose: 5000 })\n }\n }\n\n const onChangeContact = data => {\n setSelectedContacts(data);\n }\n const onChangeDispatchDate = (date) => {\n setDispatchDate(date)\n setValue(\"dispatchDate\", date);\n }\n const onChangeDate = (date) => {\n setStartDate(date)\n setValue(\"invoiceDate\", date);\n }\n\n const reCalculateTotals = () => {\n if (refSalesEntries.current) {\n var nodes = refSalesEntries.current.getData();\n var saletaxes = saleMoreTaxesGridRef.current.getData();\n refEntriesSummary.current.calculateAndUpdateUI(nodes, saletaxes);\n }\n }\n\n const onClickFetchTaxPayerId = () => {\n var AFMcalledfor = getValues().taxpayerId;\n var AFMcalledby = SELECTED_COMPANY.taxpayerId;\n setBlockuiLoading(true)\n ApiClient.checkAfm(AFMcalledfor, AFMcalledby).then(\n response => {\n try {\n var res = response.data.Body.rgWsPublicAfmMethodResponse;\n\n var error = res.pErrorRec_out;\n if (error) {\n if (error.errorCode != null) {\n toast.error(error.errorDescr);\n setBlockuiLoading(false)\n return;\n }\n }\n\n\n var basic_rec = res.RgWsPublicBasicRt_out;\n var firm_act_tab = res.arrayOfRgWsPublicFirmActRt_out;\n var _customerName = basic_rec.onomasia.substring(0, 127);\n setValue(\"customer\", { label: _customerName, value: _customerName });\n setCustomerInputValue(_customerName)\n setValue(\"fulladdress\", basic_rec.postalAddress);\n if (firm_act_tab) {\n if (Array.isArray(firm_act_tab.RgWsPublicFirmActRtUser)) {\n setValue(\"subjectField\", firm_act_tab.RgWsPublicFirmActRtUser[0].firmActDescr);\n }\n else {\n setValue(\"subjectField\", firm_act_tab.RgWsPublicFirmActRtUser.firmActDescr);\n\n }\n }\n setValue(\"country\", DefaultCountry)\n setValue(\"postalCode\", basic_rec.postalZipCode);\n setValue(\"city\", basic_rec.postalAreaDescription);\n setValue(\"addressNumber\", basic_rec.postalAddressNo);\n setValue(\"taxOffice\", { \"value\": basic_rec.doy, \"label\": basic_rec.doyDescr });\n var selectedMyDataInvType = getValues().invoiceType.myDataInvoiceType;\n if (selectedMyDataInvType == \"invoice2_01\" || selectedMyDataInvType == \"invoice11_02\") {\n setValue(\"recipientTaxPayerId\", AFMcalledfor);\n setValue(\"recipientName\", _customerName);\n\n setValue(\"senderTaxPayerId\", AFMcalledfor);\n setValue(\"senderName\", _customerName);\n }\n\n document.getElementById(\"saveCustomerForFuture\").style.display = \"unset\";\n trigger();\n setBlockuiLoading(false)\n }\n catch (e) {\n setBlockuiLoading(false)\n }\n\n },\n error => {\n if (error.response) {\n toast.error(error.message + \": \" + error.response.data.message)\n console.error(error.response.data.message);\n }\n setBlockuiLoading(false)\n }\n )\n }\n\n const onChangeCurrency = (currency) => {\n setValue(\"currency\", currency)\n setValue(\"exchangeRate\", parseFloat(currency.rate).toFixed(4))\n }\n\n const onBalanceChange = (e) => {\n var newbalance = e.target.value ? e.target.value : 0.0;\n setValue(\"balance\", parseFloat(newbalance).toFixed(2))\n }\n const onInputChangeContact = (contact) => {\n\n }\n\n const onFooterAddCustomer = () => {\n window.open(\"/customer\", '_blank');\n\n }\n const cleanNotes = () => {\n setValue(\"notes\", \"\");\n }\n const onOtherTaxesSelectChange = (val) => {\n clearErrors(\"otherTaxCategory\");\n\n var rowData = refSalesEntries.current.getData();\n\n var newEntries = rowData.entries;\n var amount = getValues().otherTaxAmount;\n if (amount && amount != \"\") {\n var _amount = amount.toString().replace(\",\", \".\");\n amount = parseFloat(_amount).toFixed(2);\n }\n newEntries[0].taxes = [{\n myDataMoreTax: val,\n myDataMoreTaxes: otherTaxesOptions,\n type: {\n value: \"OTHER_TAXES\",\n label: t(\"OTHER_TAXES\")\n },\n amount: amount\n }];\n\n setValue(\"otherTaxCategory\", val)\n reCalculateTotals()\n refSalesEntries.current.setData(newEntries)\n saleEntries = refSalesEntries.current.getData();\n }\n\n const onOtherTaxAmountChange = (e) => {\n clearErrors(\"otherTaxAmount\");\n\n var rowData = refSalesEntries.current.getData();\n var taxval = e.target.value.toString().replace(\",\", \".\");\n\n var val = parseFloat(taxval).toFixed(2)\n\n var newEntries = rowData.entries;\n if (newEntries[0].taxes) {\n newEntries[0].taxes[0].amount = val\n }\n\n setValue(\"otherTaxAmount\", val)\n reCalculateTotals()\n refSalesEntries.current.setData(newEntries)\n };\n\n const onCloseInvoiceTypeInfo = () => {\n var defaults = Commons.getDefaults();\n var invoice_type = getValues().invoiceType ? getValues().invoiceType.myDataInvoiceType : null;\n if (defaults && invoice_type) {\n var infos = defaults.invoiceTypeMessages;\n if (infos && infos.includes(invoice_type)) {\n var index = infos.indexOf(invoice_type);\n if (index !== -1) {\n infos.splice(index, 1)\n Commons.setDefault(\"invoiceTypeMessages\", infos);\n }\n }\n }\n }\n\n const onSelectTemplateLanguage = (code) => {\n setSelectedTemplateLanguage(code);\n setValue(\"templateLang\", code.toLowerCase(code));\n Commons.setDefault(\"templateLang\", code.toLowerCase(code))\n }\n\n const selectStyles = {\n placeholder: (defaultStyles) => {\n return {\n ...defaultStyles,\n fontSize: 12,\n }\n }\n }\n\n return (\n \n\n\n //
\n //
{t(\"InvoiceType\")}:
\n //
{props.data ? props.data.invoiceType : \"\"}
\n //
\n //
\n //
{t(\"Customer\")}:
\n //
{props.data ? props.data.customerName : \"\"} ({props.data ? props.data.customerTaxPayerId : \"\"})
\n //
\n //
\n //
{t(\"issuerDate\")}:
\n //
{props.data ? moment(props.data.invoiceDate).format('DD/MM/YYYY hh:mm') : \"\"}
\n //
\n //
\n //
{t(\"TotalWithoutVat\")}:
\n //
{props.data ? props.data.totalWithoutVat : \"\"}
\n //
\n //
\n //
{t(\"TotalWithVat\")}:
\n //
{props.data ? props.data.totalWithVat : \"\"}
\n //
\n //
\n //
{t(\"TotalPayment\")}:
\n //
{props.data ? props.data.totalPayment : \"\"}
\n //
\n //
\n //
{t(\"Status\")}:
\n //
{props.data ? props.data.mark ? props.data.cancelationMark ? {t(\"canceled\")} : {t(\"sended\")} : {t(\"notInMyData\")} : \"\"}
\n //
\n //
\n\n
\n
\n \n {/* \n */}\n {props.data ? props.data.name + \" \" : \"\"}\n \n\n
\n
\n\n\n\n
\n\n
\n
\n {\n \n props.data && props.data.contacts && props.data.contacts.length > 0 && props.data.contacts[0].email?
\n \n \n \n {props.data.contacts[0].email}\n \n \n : <> \n }\n\n\n {\n props.data && props.data.taxpayerId? <>
{t(\"taxpayerId\")}: {props.data.taxpayerId} : <>\n }\n \n \n\n
\n\n
\n\n\n
\n\n\n
\n \n
\n \n // {branch != null && branch.label != undefined ? branch.label : \n );\n});\n\nexport default function CustomerSearch() {\n\n const [content, setContent] = useState([]);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t } = useTranslation();\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.innerHeight - 180);\n const detectMobile = useMobileDetect();\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.innerHeight - 180);\n }, 300);\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n const goTo = id => {\n history.push(\"/customer/\" + id);\n }\n\n useEffect(() => {\n\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.getCompanyCustomers(companyId).then(\n response => {\n setContent(response.data);\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n\n\n return (\n \n\n
\n\n\n
\n
\n {\n detectMobile.isDesktop() ?\n
\n \n
goTo(e.data.id)}\n rowData={content}\n // domLayout={'autoHeight'}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n gridOptions={{ suppressMenuHide: true }}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n suppressMovable: true,\n autoHeight: true, icons: {\n menu: ' params.data != null ? (params.data.balance ? params.data.balance.toFixed(2) : 0.00) : 0.00} headerName={t(\"Balance\")} sortable={true} filter=\"agTextColumnFilter\" field=\"balance\"> \n :\n\n
\n \n
goTo(e.data.id)}\n rowData={content}\n // domLayout={'autoHeight'}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n allFieldsRenderer: AllFieldsRenderer\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n rowHeight={66}\n gridOptions={{ suppressMenuHide: true }}\n defaultColDef={{\n wrapText: false,\n suppressMovable: true,\n suppressHorizontalScroll: true,\n icons: {\n menu: ' {branch != null && branch.label != undefined ? branch.label : \n );\n});\n\n\n\n\n\nconst SimpleTextRenderer = forwardRef((props, ref) => {\n\n\n const [name, setName] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setName(val);\n }\n\n }\n };\n });\n return (\n {name ? name : } \n\n );\n});\nconst CustomerContactsGrid = forwardRef((props, ref) => {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const rowStyle = { background: 'white' };\n const { t, i18n } = useTranslation();\n const [hasError, setHasError] = useState(false);\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n });\n });\n\n var data = params.api.gridOptionsWrapper.gridOptions;\n if (data != undefined && data.length > 0) {\n data.push({ id: undefined, name: \"\", email: \"\" })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ id: undefined, name: \"\", email: \"\" })\n params.api.setRowData(data)\n }\n\n };\n\n\n const isValid = (nodeData) => {\n return nodeData.name != \"\"\n && nodeData.name != undefined\n }\n\n // set background colour on even rows again, this looks bad, should be using CSS classes\n const getRowStyle = params => {\n\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return { background: '#d2f6fac7' };\n }\n else {\n if (!isValid(params.node.data)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n return { background: 'white' };\n }\n\n }\n };\n\n\n const onCellValueChanged = (params) => {\n\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var rowNode = gridApi.getRowNode(nodeIndex);\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n addRow(nodeIndex);\n }\n var rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.pop();\n\n }\n const addRow = () => {\n\n var data = { name: \"\", email: \"\" };\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.push(data)\n gridApi.setRowData(rowData)\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n\n useImperativeHandle(ref, () => ({\n\n getData() {\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node.data);\n });\n items.pop();\n return items\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n var newseries = [];\n data.forEach(element => {\n newseries.push(element);\n });\n\n newseries.push({ name: undefined, id: undefined, email: undefined });\n gridApi.setRowData(newseries)\n\n }\n\n }));\n\n return (\n\n \n
\n
\n
\n\n
{t(\"customerContacts\")}\n {t(\"CustomerContactInfo\")}}>\n \n
\n
\n
\n\n
\n\n
\n
\n {t(\"Delete\")}\n \n }\n \n const onClickFetchTaxPayerId = () => {\n var company = JSON.parse(localStorage.getItem(\"company\"));\n var AFMcalledfor = getValues().taxpayerId;\n var AFMcalledby = company.taxpayerId;\n setBlockuiLoading(true)\n ApiClient.checkAfm(AFMcalledfor, AFMcalledby).then(\n response => {\n try {\n var res = response.data.Body.rgWsPublicAfmMethodResponse;\n\n var error = res.pErrorRec_out;\n if (error) {\n if (error.errorCode != null) {\n toast.error(error.errorDescr);\n setBlockuiLoading(false)\n return;\n }\n }\n \n \n var basic_rec = res.RgWsPublicBasicRt_out;\n var firm_act_tab = res.arrayOfRgWsPublicFirmActRt_out;\n \n setValue(\"name\", basic_rec.onomasia);\n setValue(\"address\", basic_rec.postalAddress);\n if (firm_act_tab) {\n if (Array.isArray(firm_act_tab.RgWsPublicFirmActRtUser)) {\n setValue(\"subjectField\", firm_act_tab.RgWsPublicFirmActRtUser[0].firmActDescr);\n }\n else {\n setValue(\"subjectField\", firm_act_tab.RgWsPublicFirmActRtUser.firmActDescr);\n \n }\n }\n setValue(\"postalCode\", basic_rec.postalZipCode);\n setValue(\"city\", basic_rec.postalAreaDescription);\n setValue(\"number\", basic_rec.postalAddressNo);\n setValue(\"taxOffice\", { \"value\": basic_rec.doy, \"label\": basic_rec.doyDescr });\n setBlockuiLoading(false)\n }\n catch(e){\n setBlockuiLoading(false)\n }\n \n },\n error => {\n if (error.response) {\n toast.error(error.message + \": \" + error.response.data.message)\n console.error(error.response.data.message);\n }\n\n setBlockuiLoading(false)\n }\n )\n }\n\n const onBalanceChange = (e) => {\n\n var newbalance = e.target.value ? e.target.value : 0.00;\n setValue(\"balance\", parseFloat(newbalance).toFixed(2))\n\n }\n\n return (\n /* \"handleSubmit\" will validate your inputs before invoking \"onSubmit\" */\n \n\n \n }\n icon={\n \n \n {t(\"Save\")}\n \n {deleteBtn}\n
\n }\n >\n \n
\n
{t(\"Name\")} \n
\n
{errors.name?.message}
\n
\n\n\n
\n
{t(\"taxpayerId\")} \n
\n
\n
\n
\n
{errors.taxpayerId?.message}
\n
\n
\n\n\n
\n
{t(\"Country\")} \n
(\n \n\n \n )}\n control={control}\n rules={{ maxLength: 100 }}\n name=\"country\"\n defaultValue=\"\"\n />\n {errors.country?.message}
\n \n\n
\n
{t(\"taxOffice\")} \n
(\n \n \n )}\n control={control}\n rules={{ maxLength: 100 }}\n name=\"taxOffice\"\n defaultValue=\"\"\n />\n {errors.taxOffice?.message}
\n \n\n
\n
{t(\"subjectField\")} \n
\n
{errors.subjectField?.message}
\n
\n\n\n
\n\n\n
{t(\"Balance\")} \n {t(\"balanceInfo\")}}>\n \n \n\n
onBalanceChange(e)}\n className={`form-control ${errors.balance ? 'is-invalid' : ''}`}\n />\n {errors.balance?.message}
\n \n\n
\n\n
\n
{t(\"City\")} \n
\n
{errors.city?.message}
\n
\n\n
\n
{t(\"Address\")} \n\n
\n
{errors.address?.message}
\n
\n\n
\n
{t(\"Number\")} \n
\n
{errors.number?.message}
\n
\n\n
\n
{t(\"PostalCode\")} \n
\n
{errors.postalCode?.message}
\n
\n\n
\n \n\n
\n \n\n \n\n \n \n );\n}","import React, { useState, useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { useTranslation } from 'react-i18next';\nimport moment from 'moment'\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n }\n };\n\n });\n const onUserEdit = () => {\n console.log(props.data)\n console.log(\"==============================\")\n console.log(\"USER COMPANIES\")\n console.log(\"-----------------\")\n props.data.companies.forEach(element => {\n console.log(element.name + \" - \" + element.taxpayerId)\n });\n console.log(\"-----------------\")\n console.log(\"==============================\")\n }\n return (\n\n {val != undefined ? moment(val).format('DD/MM/YYYY hh:mm') : \"\"} \n );\n});\n\n\n\n\n\nconst CompaniesRenderer = forwardRef((props, ref) => {\n\n const [val, setVal] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setVal(val);\n }\n }\n };\n\n });\n\n const getCompanies = () => {\n var rows = [];\n props.data.companies.forEach(e => {\n var tr = {e.name} - {(e.taxpayerId)} {getCompanies()} \n );\n});\n\n\nconst BooleanRenderer = forwardRef((props, ref) => {\n\n const [val, setVal] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setVal(val);\n }\n }\n };\n\n });\n return (\n\n {val ? \"NO\" : \"YES\"} \n );\n});\nexport default function UserSearch() {\n\n\n const [content, setContent] = useState([]);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t, i18n } = useTranslation();\n\n useEffect(() => {\n\n ApiClient.getUsers().then(\n response => {\n setContent(response.data);\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n const pagination = true;\n const paginationPageSize = 10;\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n params.api.sizeColumnsToFit();\n });\n });\n\n params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n const onClickPay = data => {\n alert(data);\n }\n\n\n return (\n\n \n
\n
\n
\n
\n {/*
\n \n {t(\"invtypeAdd\")} \n
*/}\n
\n\n
\n \n
\n \n
\n \n \n
\n );\n }\n}\n\n","import React, { useState, useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { useTranslation } from 'react-i18next';\nimport useMobileDetect from 'use-mobile-detect-hook';\n\n\nconst AllFieldsRenderer = forwardRef((props, ref) => {\n const { t } = useTranslation();\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n }\n };\n\n });\n\n return (\n\n \n\n
\n
\n \n {/* \n */}\n {props.data ? props.data.name + \" \" : \"\"}\n \n\n
\n
\n\n
\n
\n {t(\"price\")}: {props.data.price} € / {t(props.data.measurementUnit)} \n
\n
\n\n
\n \n
\n \n );\n});\n\n\nexport default function ProductSearch() {\n\n const [content, setContent] = useState([]);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t } = useTranslation();\n const [sheight, setSheight] = useState(window.innerHeight - 180);\n const detectMobile = useMobileDetect();\n\n useEffect(() => {\n\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.getCompanyProducts(companyId).then(\n response => {\n console.debug(response.data)\n setContent(response.data);\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n const pagination = true;\n const paginationPageSize = 20;\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n window.addEventListener('resize', function () {\n setTimeout(function () {\n setSheight(window.innerHeight - 180);\n });\n });\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n\n\n const goTo = id => {\n history.push(\"/product/\" + id);\n }\n return (\n\n \n\n\n\n
\n\n\n
\n\n
\n {\n detectMobile.isDesktop() ?\n
\n \n
goTo(e.data.id)}\n rowData={content}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n gridOptions={{ suppressMenuHide: true }}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n suppressMovable: true,\n autoHeight: true, icons: {\n menu: ' { return t(params.value) }} field=\"measurementUnit\"> \n { return params.value.toFixed(2) }} filter=\"agNumberColumnFilter\" field=\"price\"> \n { return params.value.toFixed(2) }} field=\"priceWithVat\"> \n \n :\n
\n \n
goTo(e.data.id)}\n rowData={content}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n allFieldsRenderer: AllFieldsRenderer\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n gridOptions={{ suppressMenuHide: true }}\n rowHeight={46}\n defaultColDef={{\n wrapText: false,\n suppressMovable: true,\n suppressHorizontalScroll: true,\n icons: {\n menu: ' \n \n );\n});\nconst doubleValRenderer = forwardRef((props, ref) => {\n\n\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n var _val = parseFloat(val.toString().replace(\",\", \".\")).toFixed(2);\n setVal(_val);\n props.node.setDataValue(props.column.colId, _val);\n }\n\n }\n };\n });\n if (props.colDef.field == \"price\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else if (props.colDef.field == \"amount\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else {\n return {val && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n});\nconst CheckboxRenderer = forwardRef((props, ref) => {\n\n\n const [checked, setChecked] = useState(props.value);\n const [disabled, setDisabled] = useState(false);\n\n const onChangeStatus = (e) => {\n props.node.setDataValue(\"isPercent\", e.target.checked);\n }\n\n useImperativeHandle(ref, () => {\n var countDisplayedRows = props.agGridReact.api.getDisplayedRowCount() - 1;\n if (props.rowIndex == countDisplayedRows) {\n setDisabled(true);\n }\n else {\n setDisabled(false);\n }\n\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setChecked(val);\n }\n\n }\n };\n });\n return {mu ? mu.label : } \n\n );\n});\nconst InvoiceTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t, i18n } = useTranslation();\n\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n props.node.setDataValue(\"invoiceType\", val);\n\n var opts = [];\n var expenses = Commons.isOnGroup(val.myDataInvoiceType, \"isExpense\") || props.node.data.selfPricing ;\n expenses=expenses?expenses:false\n\n ApiClient.getClassificationCategoriesOfMyDataInvoice(val.myDataInvoiceType, expenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategoryType;\n var _classificationValueTypes;\n _classificationCategoryType = element.classificationCategory;\n _classificationValueTypes = element.classificationValues;\n var prefix = _classificationCategoryType.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategoryType,\n label: prefix + t(_classificationCategoryType),\n classificationValues: _classificationValueTypes,\n });\n });\n props.node.setDataValue(\"classificationCategoryTypes\", _optionIncClassCategories);\n\n\n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[row-index=\"${props.node.rowIndex}\"][role=\"row\"]`)\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n setTimeout(function () {\n var el = row_dom.querySelector(\"input[type='checkbox']\");\n props.node.setDataValue(\"classificationCategoryTypes\", _optionIncClassCategories);\n\n props.node.setDataValue(\"classificationCategory\", { value: undefined, label: undefined });\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n if ((val)) {\n if (!selfpricing_invoicearr.includes(val.myDataInvoiceType)) {\n\n el.disabled = true;\n }\n else {\n el.disabled = false;\n }\n }\n else {\n el.disabled = false;\n }\n\n\n });\n\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n })\n\n }\n\n\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\n\n\nconst IncomingClassCategoryTypeRenderer = forwardRef((props, ref) => {\n const [mu, setMU] = useState(props.value);\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setMU(val);\n }\n\n }\n };\n });\n return (\n {mu ? mu.label : } \n\n );\n});\n\nconst IncomingClassValueTypeRenderer = forwardRef((props, ref) => {\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n setVal(val);\n }\n\n }\n };\n });\n return (\n {val != null ? val.label : } \n );\n});\n\nconst IncomingClassCategoryTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n useEffect(() => {\n if (props.data.invoiceType == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.invoiceType]);\n useEffect(() => {\n\n\n if (!editing) {\n\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t, i18n } = useTranslation();\n\n const onSelectChange = val => {\n setSelectedVal(val);\n var old_val = props.node.data.classificationCategory.value;\n\n setTimeout(function () {\n props.api.stopEditing();\n props.node.setDataValue(\"classificationCategory\", val);\n\n var opts = [];\n\n\n val.classificationValues.forEach(element => {\n opts.push({\n value: element,\n label: t(element) + \" (\" + element + \")\",\n });\n });\n\n props.node.setDataValue(\"classificationValues\", opts);\n if (old_val != val.value) {\n\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n }\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\n\nconst IncomingClassValueTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n useEffect(() => {\n if (props.data.classificationCategory.value == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.classificationCategory.value]);\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n props.node.setDataValue(\"classificationValue\", val);\n\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst ProductClassificationsGrid = forwardRef((props, ref) => {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n const { t, i18n } = useTranslation();\n const { register, getValues, control, handleSubmit, setValue, reset, formState: { errors }, trigger, clearErrors } = useForm();\n const [hasError, setHasError] = useState(false);\n\n const rowStyle = { background: 'white' };\n\n\n useImperativeHandle(ref, () => ({\n\n transformData(data) {\n var newData = [];\n data.forEach(el => {\n var cats = [];\n var values = [];\n\n el.suggestedInvoiceCategories.forEach(e => {\n\n var prefix = e.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n cats.push({\n value: e.classificationCategory,\n label: prefix + t(e.classificationCategory),\n classificationValues: e.classificationValues\n })\n\n })\n\n el.classificationValues.forEach(e => {\n values.push({\n value: e,\n label: t(e) + \"(\" + e + \")\"\n })\n })\n\n\n\n var prefix = el.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n var fel = {\n id: el.id,\n classificationCategory: { value: el.classificationCategory, label: prefix + t(el.classificationCategory) },\n classificationValue: { value: el.classificationValue, label: t(el.classificationValue) + \"(\" + el.classificationValue + \")\" },\n invoiceType: { value: el.invoiceType.id, label: el.invoiceType.name, myDataInvoiceType: el.invoiceType.myDataInvoiceType },\n classificationCategoryTypes: cats,\n classificationValues: values,\n selfPricing: el.selfPricing,\n isPercent: el.isPercent,\n amount: el.amount\n }\n newData.push(fel)\n });\n return newData;\n },\n hasError() {\n return hasError;\n },\n getData() {\n var items = [];\n var _items = [];\n gridApi.forEachNode(node => {\n\n items.push(node.data);\n\n });\n items.pop();\n items.forEach(element => {\n var obj = {\n \"id\": element.id,\n \"invoiceType\": { id: element.invoiceType.value, myDataInvoiceType: element.invoiceType.myDataInvoiceType, name: element.invoiceType.label },\n \"classificationCategory\": element.classificationCategory.value,\n \"classificationValue\": element.classificationValue.value,\n \"selfPricing\": element.selfPricing ? element.selfPricing : false,\n \"amount\": element.amount,\n \"isPercent\": element.isPercent ? element.isPercent : false,\n }\n _items.push(obj);\n\n });\n return _items;\n },\n setData(data) {\n if (data != undefined) {\n var newdata = [];\n data.forEach(e => {\n if (e.selfPricing) {\n e.classificationCategory = e.classificationCategory;\n e.classificationValue = e.classificationValue;\n }\n newdata.push(e)\n })\n newdata.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined }, amount: undefined, isPercent: false })\n gridApi.setRowData(newdata)\n }\n else {\n data = [];\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined }, amount: undefined, isPercent: false })\n gridApi.setRowData(data)\n }\n }\n\n }));\n\n\n const isValid = (nodeData) => {\n\n\n // var nodeIndex = nodeData.rowIndex;\n // var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n // if (nodeIndex != countDisplayedRows) {\n\n // }\n\n return nodeData.data.classificationCategory.value != \"\"\n && nodeData.data.classificationCategory.value != undefined\n && nodeData.data.classificationValue.value != undefined\n && nodeData.data.classificationValue.value != \"\"\n }\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n\n });\n });\n var data = props.productClassifications;\n if (data != undefined) {\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined }, amount: undefined, isPercent: false })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined }, amount: undefined, isPercent: false })\n params.api.setRowData(data)\n }\n };\n\n const addRow = () => {\n\n // var _data = gridApi.gridOptionsWrapper.gridOptions.rowData;\n var data = { classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined }, amount: undefined, isPercent: false };\n // gridApi.updateRowData({ add: data, addIndex: -1 });\n\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n\n rowData.push(data)\n gridApi.setRowData(rowData)\n\n\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n const toastId = useRef(null);\n\n const onCellValueChanged = (params) => {\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n addRow(nodeIndex);\n }\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node);\n });\n items.pop();\n items.forEach(node => {\n\n\n\n if (params.node.data.invoiceType &&\n params.node.data.classificationCategory &&\n params.node.data.classificationValue &&\n node.data.classificationCategory &&\n node.data.classificationValue &&\n node.data.invoiceType && nodeIndex != node.rowIndex) {\n\n var cond = params.node.data.classificationCategory.value == node.data.classificationCategory.value &&\n params.node.data.classificationValue.value == node.data.classificationValue.value &&\n params.node.data.invoiceType.value == node.data.invoiceType.value\n\n if (cond) {\n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[row-index=\"${params.node.rowIndex}\"][role=\"row\"]`)\n row_dom.style.backgroundColor = '#ffb09c'\n setTimeout(function () {\n if (!toast.isActive(toastId.current)) {\n toastId.current = toast.error(t(\"duplicateInvoiceTypeCategoryTypeCategoryValue\"));\n }\n setHasError(true)\n }, 100)\n return;\n }\n\n }\n });\n }\n\n const getRowStyle = params => {\n\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return {\n background: '#d2f6fac7'\n };\n\n }\n else {\n if (!isValid(params.node)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n if (params.node.data.global) {\n return { background: '#eee' };\n }\n else {\n return { background: 'white' };\n }\n }\n }\n };\n\n const onRemoveRow = () => {\n var rowData = [];\n if (gridApi != undefined) {\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.pop();\n }\n }\n\n return (\n \n\n
\n
\n
\n\n {/* suppressSizeToFit={true} */}\n \n
\n
\n\n
\n \n );\n});\nconst doubleValRenderer = forwardRef((props, ref) => {\n\n\n const [val, setVal] = useState(props.value);\n \n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined && val!=\"\") {\n var _val = parseFloat(val.toString().replace(\",\", \".\")).toFixed(2);\n setVal(_val);\n props.node.setDataValue(props.column.colId, _val);\n }\n\n }\n };\n });\n if (props.colDef.field == \"price\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else {\n return {val && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n});\nconst MyDataMoreTaxesTypeRenderer = forwardRef((props, ref) => {\n const [mu, setMU] = useState(props.value);\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setMU(val);\n }\n\n }\n };\n });\n return (\n {mu ? mu.label : } \n\n );\n});\nconst MyDataMoreTaxesTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t } = useTranslation();\n\n const onSelectChange = val => {\n setSelectedVal(val);\n var old_val=props.node.data.type?props.node.data.type.value:undefined;\n \n setTimeout(function () {\n props.api.stopEditing();\n console.log(props.colDef.cellRendererParams)\n var type = val.value\n var allTaxes = props.colDef.cellRendererParams.moreTaxesOptions;\n\n let groupTaxes = allTaxes.reduce((r, a) => {\n r[a.type] = [...r[a.type] || [], a];\n return r;\n }, {});\n\n var typeTaxes = groupTaxes[type];\n var new_type_options = []\n typeTaxes.forEach(element => {\n new_type_options.push({\n value: \"TAX_\" + element.value,\n label: element.type==\"DEDUCTION\"?element.label:t(\"TAX_\" + element.value),\n amountValue: element.amountValue,\n uid: element.type==\"DEDUCTION\"?element.id:element.uid,\n type: element.type,\n id: element.id\n });\n });\n setTimeout(function () {\n props.node.setDataValue(\"myDataMoreTaxes\", new_type_options);\n if(old_val!=val.value){\n props.node.setDataValue(\"myDataMoreTax\", { value: undefined, label: undefined });\n }\n \n props.node.setDataValue(\"type\", val);\n props.node.setDataValue(\"amount\",\"\");\n })\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst MoreTaxesRenderer = forwardRef((props, ref) => {\n const [mu, setMU] = useState(props.value);\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setMU(val);\n }\n\n }\n };\n });\n return (\n {mu ? mu.label : } \n\n );\n});\nconst MoreTaxesEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n\n useEffect(() => {\n if (props.data.type == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.myDataMoreTaxesType]);\n\n useEffect(() => {\n if (!editing) {\n\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t } = useTranslation();\n\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n setTimeout(function () {\n props.node.setDataValue(\"myDataMoreTax\", val);\n\n },100)\n \n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst AmountEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n\n useEffect(() => {\n if (props.data.myDataMoreTax == undefined) {\n props.api.stopEditing();\n }\n else {\n if (props.data.myDataMoreTax.amountValue) {\n if (props.data.myDataMoreTax.amountValue.includes(\"%\")) {\n props.api.stopEditing();\n }\n }\n }\n }, [props.data.myDataMoreTaxes]);\n\n useEffect(() => {\n if (!editing) {\n\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n container.select();\n }\n });\n };\n\n const onChange = (e) => {\n setSelectedVal(e.target.value)\n props.node.setDataValue(\"amount\", e.target.value);\n \n }\n\n return (\n\n \n \n
\n );\n});\n\nconst MoreTaxesGrid = forwardRef((props, ref) => {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n const { t, i18n } = useTranslation();\n const { formState: { errors }, trigger } = useForm();\n const [hasError, setHasError] = useState(false);\n\n const rowStyle = { background: 'white' };\n\n\n useImperativeHandle(ref, () => ({\n\n transformData(data, moreTaxesTypesOptions, myDataMoreTaxesOptions){\n var newData = [];\n data.forEach(el => {\n var cats = [];\n var moreTaxesOptions = [];\n myDataMoreTaxesOptions.forEach(element => {\n cats.push({\n value: element.value,\n label: element.type==\"DEDUCTION\"?element.label:t(\"TAX_\" + element.value),\n type: element.type,\n key: element.key,\n uid: element.uid,\n amountValue: element.amountValue,\n isSubtracted:element.isSubtracted\n })\n });\n moreTaxesTypesOptions.forEach(element => {\n \n moreTaxesOptions.push({\n value: element.value,\n label: t(element.label)\n })\n });\n let groupTaxes = cats.reduce((r, a) => {\n r[a.type] = [...r[a.type] || [], a];\n return r;\n }, {});\n \n \n if(el.deduction){\n el.myDataMoreTax={\n type:\"DEDUCTION\",\n id:el.deduction.id,\n isSubtracted: el.type == \"DEDUCTION\" ?el.deduction.isSubtracted:null,\n }\n }\n \n var typeTaxes = groupTaxes[el.myDataMoreTax.type];\n var new_type_options = []\n typeTaxes.forEach(element => {\n new_type_options.push({\n value: element.type==\"DEDUCTION\"? element.value:\"TAX_\" + element.value,\n label: element.type==\"DEDUCTION\"?element.label:t(\"TAX_\" + element.value),\n amountValue: element.amountValue,\n uid: element.uid,\n id: element.type==\"DEDUCTION\"? element.value:null,\n isSubtracted: element.type == \"DEDUCTION\" ?element.isSubtracted:null,\n });\n });\n\n var fel = {\n id: el.id,\n type: { value: el.myDataMoreTax.type, label: t(el.myDataMoreTax.type) },\n myDataMoreTax: {\n id:el.deduction?el.deduction.id:null,\n uid:el.myDataMoreTax.uid, \n amountValue: el.myDataMoreTax.amountValue, \n value: \"TAX_\" + el.myDataMoreTax.uid, \n label: el.deduction?el.deduction.name: t(\"TAX_\" + el.myDataMoreTax.uid),\n isSubtracted: el.deduction?el.deduction.isSubtracted:null,\n },\n myDataMoreTaxesTypes: moreTaxesOptions,\n myDataMoreTaxes: new_type_options,\n amount: el.amount,\n }\n newData.push(fel)\n });\n return newData;\n },\n getData() {\n var items = [];\n var _items = [];\n gridApi.forEachNode(node => {\n items.push(node.data);\n });\n items.pop();\n items.forEach(element => {\n element.myDataMoreTax.type=element.type.value\n var obj = {\n \"id\": element.id,\n \"myDataMoreTax\": element.myDataMoreTax,\n \"amount\": element.amount,\n \n }\n _items.push(obj);\n\n });\n return _items;\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n if (data != undefined) {\n data.push({ myDataMoreTax: { value: undefined, label: undefined }, id: undefined, amount: undefined })\n gridApi.setRowData(data)\n }\n else {\n data = [];\n data.push({ myDataMoreTax: { value: undefined, label: undefined }, id: undefined, amount: undefined })\n gridApi.setRowData(data)\n }\n }\n\n }));\n\n\n const isValid = (nodeData) => {\n return nodeData.data.type.value != \"\"\n && nodeData.data.type.value != undefined\n && nodeData.data.myDataMoreTax.value != undefined\n && nodeData.data.myDataMoreTax.value != \"\"\n }\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n\n });\n });\n var data = props.moreTaxes;\n if (data != undefined) {\n data.push({ myDataMoreTax: { value: undefined, label: undefined }, type: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ myDataMoreTax: { value: undefined, label: undefined }, type: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n };\n\n const addRow = () => {\n\n var data = { myDataMoreTax: { value: undefined, label: undefined }, type: { value: undefined, label: undefined } }\n\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n\n rowData.push(data)\n gridApi.setRowData(rowData)\n\n\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n const toastId = useRef(null);\n const onCellValueChanged = (params) => {\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n addRow(nodeIndex);\n }\n\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node);\n });\n items.pop();\n var cond = false;\n items.forEach(node => {\n if (params.node.data.type && nodeIndex != node.rowIndex) {\n cond = params.node.data.type.value == node.data.type.value;\n if (cond) {\n var row_dom = document.querySelector(`.taxesGrid .ag-center-cols-container > div[row-index=\"${params.node.rowIndex}\"][role=\"row\"]`)\n row_dom.style.backgroundColor = '#ffb09c'\n setTimeout(function () {\n if (!toast.isActive(toastId.current)) {\n toastId.current = toast.error(t(\"duplicateMyDataMoreTaxType\"),{\n toastId:\"pmt_toastId\"\n });\n }\n setHasError(true)\n }, 100)\n \n }\n return;\n }\n }); \n\n }\n\n const getRowStyle = params => {\n\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return {\n background: '#d2f6fac7'\n };\n\n }\n else {\n if (!isValid(params.node)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n if (params.node.data.global) {\n return { background: '#eee' };\n }\n else {\n return { background: 'white' };\n }\n }\n }\n };\n\n const onRemoveRow = () => {\n var rowData = [];\n if (gridApi != undefined) {\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.pop();\n }\n }\n\n return (\n \n\n
\n
\n
\n\n {/* suppressSizeToFit={true} */}\n \n
\n
\n\n
\n {t(\"Delete\")}\n \n }\n\n return (\n \n );\n}","import React, { useState, forwardRef, useImperativeHandle, useEffect, useRef } from \"react\";\nimport ApiClient from \"../../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { CustomConfirmAlert as confirmAlert } from '../custom-confirm-alert';\nimport { useTranslation } from 'react-i18next';\nimport { toast } from 'react-toastify';\nimport ReactDOM from 'react-dom';\n\n\nconst IntValRenderer = forwardRef((props, ref) => {\n\n\n const [name, setName] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setName(val);\n }\n\n }\n };\n });\n return (\n {name != undefined ? name : } \n\n );\n});\n\n\nconst IntValEditor = forwardRef((props, ref) => {\n\n\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n\n const onInputChange = val => {\n if (Number.isInteger(parseInt(val.target.value))) {\n setSelectedVal(parseInt(val.target.value).toString());\n }\n\n }\n\n\n\n return (\n\n {name !== undefined ? name : } \n );\n});\n// const ImageRenderer = forwardRef((props, ref) => {\n\n\n// const [logo, setLogo] = useState(props.value);\n\n// useImperativeHandle(ref, () => {\n// return {\n// refresh(params) {\n// var val = props.getValue();\n// if (val !== undefined) {\n// setLogo(val);\n// }\n// }\n// };\n// });\n// return (\n// {logo ? \n// );\n// });\nconst ActionsRenderer = forwardRef((props, ref) => {\n\n\n const [disabled, setDisabled] = useState(false);\n const { t } = useTranslation();\n\n const handleInputChange = (e) => {\n e.preventDefault();\n let rowData = [];\n props.agGridReact.api.forEachNode(node => rowData.push(node.data));\n confirmAlert({\n title: t(\"submitConfirm\"),\n message: t(\"areYouSure\"),\n buttons: [\n {\n label: t('Yes'),\n onClick: () => {\n var id = props.data.id;\n if (id != undefined) {\n var companyId=JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.deleteCompanyBranch(companyId,id).then(\n response => {\n rowData.splice(props.rowIndex, 1)\n props.agGridReact.api.setRowData(rowData)\n toast.success(t(\"deleteSucceded\"))\n\n },\n error => {\n toast.error(\"Error: \" + error.response.data.message)\n console.error(error.response)\n }\n )\n }\n else {\n rowData.splice(props.rowIndex, 1)\n props.agGridReact.api.setRowData(rowData)\n }\n\n }\n },\n {\n label: t('No'),\n onClick: () => {\n }\n }\n ]\n });\n\n\n }\n useImperativeHandle(ref, () => {\n var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n var countDisplayedRows = props.agGridReact.api.getDisplayedRowCount() - 1;\n if (props.rowIndex == countDisplayedRows) {\n setDisabled(true);\n }\n else {\n setDisabled(false);\n }\n return {\n refresh(params) {\n\n }\n };\n });\n return (\n {branch != null && branch.label != undefined ? branch.label : \n );\n});\n// const ImageEditor = forwardRef((props, ref) => {\n\n\n// const [selectedVal, setSelectedVal] = useState(props.value);\n// const [editing, setEditing] = useState(true);\n// const refContainer = useRef(null);\n// useEffect(() => {\n// focus();\n\n// }, []);\n\n// useImperativeHandle(ref, () => {\n// return {\n// getValue() {\n// return selectedVal != null ? selectedVal : props.value;\n// },\n\n// isPopup() {\n// return true;\n// }\n// };\n// });\n\n// useEffect(() => {\n// if (!editing) {\n// props.api.stopEditing();\n// }\n// }, [editing]);\n\n// const focus = () => {\n// window.setTimeout(() => {\n// let container = ReactDOM.findDOMNode(refContainer.current);\n// if (container) {\n// container.focus();\n// }\n// });\n// };\n// const handleChangeStatus = ({ meta, file }, status) => {\n// if (status == \"done\") {\n// setSelectedVal(meta.previewUrl)\n// props.node.setDataValue(\"logo\", meta.previewUrl)\n// props.node.setDataValue(\"logofile\", file)\n// props.api.stopEditing();\n// // setLogoFile(file);\n// // setLogoPath(meta.previewUrl);\n// }\n// }\n\n\n// const refDropZone = useRef();\n// const onMouseOver = e => {\n// // refContainer.current.setState({ isOpen: true })\n// let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n// if (container != undefined) {\n// container.focus();\n\n// }\n// }\n\n// return (\n\n// \n// ('Click to upload logo')}\n// styles={{\n// dropzoneReject: { borderColor: 'red', backgroundColor: '#DAA' },\n// inputLabel: (files, extra) => ({ fontSize: 14 }),\n// }}\n// />\n// \n//
\n// );\n// });\nconst CompanyBranchesGrid = forwardRef((props, ref) => {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const rowStyle = { background: 'white' };\n const { t, i18n } = useTranslation();\n const [hasError, setHasError] = useState(false);\n\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n });\n });\n\n var data = params.api.gridOptionsWrapper.gridOptions;\n if (data != undefined && data.length > 0) {\n data.push({ id: undefined, name: undefined, address: undefined })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ id: undefined, name: undefined, address: undefined })\n params.api.setRowData(data)\n }\n\n };\n\n\n const isValid = (nodeData) => {\n return nodeData.name != undefined\n && nodeData.name != \"\"\n && nodeData.address != undefined\n && nodeData.name != \"\"\n }\n\n const getRowStyle = params => {\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return { background: '#d2f6fac7' };\n }\n else {\n if (!isValid(params.node.data)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n return { background: 'white' };\n }\n\n }\n };\n\n\n\n const onCellValueChanged = (params) => {\n var nodeIndex = params.node.rowIndex;\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n var rowNode = gridApi.getRowNode(nodeIndex);\n\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n if (params.column != undefined) {\n var colid = params.column.colId;\n\n switch (colid) {\n case \"name\": {\n debugger;\n rowNode.setDataValue(\"branchNumber\",\"0\");\n break;\n }\n case \"address\": {\n debugger;\n rowNode.setDataValue(\"branchNumber\",\"0\");\n break;\n }\n \n }\n \n }\n addRow(nodeIndex);\n }\n\n }\n const addRow = () => {\n\n var data = { name: undefined, address: undefined, branchNumber:undefined,subjectField: undefined, email: undefined, phone: undefined };\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.push(data)\n gridApi.setRowData(rowData)\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n\n useImperativeHandle(ref, () => ({\n\n getData() {\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node.data);\n });\n items.pop();\n return items\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n var newseries = [];\n data.forEach(element => {\n newseries.push(element);\n });\n debugger\n newseries.push({ name: undefined, id: undefined, branch: { value: undefined, label: undefined }, branchNumber:undefined,startNumber: undefined, phone: undefined, email: undefined });\n gridApi.setRowData(newseries)\n\n }\n\n }));\n\n\n return (\n\n \n \n\n
\n
\n
\n
{t(\"CompanyBranches\")} \n \n
\n {/*
\n
\n ({t(\"suggestedDims\")}: 340x60 px) \n
\n
*/}\n
\n\n\n
\n
\n \n\n
\n {t(\"Delete\")}\n \n }\n\n const testMyDataKeys = (e) => {\n e.preventDefault();\n var userId = getValues().myDataUserId;\n var token = getValues().myDataToken;\n var taxpayerId = getValues().taxpayerId;\n setBlockuiLoading(true);\n ApiClient.testMyDataKeys(id, userId, token,taxpayerId).then(\n response => {\n if (response.data) {\n toast.success(t(\"rightKeys\"))\n }\n else {\n toast.error(t(\"wrongKeys\"))\n }\n setBlockuiLoading(false);\n },\n error => {\n toast.error(error.message + \": \" + error.response.data.message)\n console.error(error.response);\n setBlockuiLoading(false);\n }\n )\n }\n const createStripeAccount = (e) => {\n e.preventDefault();\n var _selectedCompanyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.createStripeAccount(_selectedCompanyId).then(\n response => {\n debugger\n window.location.href = response.data;\n },\n error => {\n toast.error(error.message + \": \" + error.response.data.message)\n console.error(error.response);\n setBlockuiLoading(false);\n }\n )\n }\n\n return (\n /* \"handleSubmit\" will validate your inputs before invoking \"onSubmit\" */\n \n \n \n );\n}","import React, { useState, useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { useTranslation } from 'react-i18next';\n\n\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n\n\n const history = useHistory();\n\n const handleInputChange = (e) => {\n e.preventDefault();\n var _id = props.data.id;\n history.push(\"/usercompany/\" + _id);\n }\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n }\n };\n });\n return (\n {branch != null && branch.label != undefined ? branch.label : \n );\n});\n\nexport default function CompanySearch() {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const pagination = true;\n const paginationPageSize = 10;\n const { t } = useTranslation();\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n });\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n const goTo = id => {\n history.push(\"/usercompany/\" + id);\n }\n\n useEffect(() => {\n\n ApiClient.getUserCompanies().then(\n response => {\n setContent(response.data);\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n return (\n \n
\n\n\n
\n
\n\n {t(\"companySearchHelp\")}\n\n
\n
\n\n
\n
\n
\n
\n
\n \n {t(\"companyAdd\")} \n
\n
\n\n
\n\n\n\n\n\n\n
\n \n
goTo(e.data.id)}\n rowData={content}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n }}\n >\n \n
{branch != null && branch.label != undefined ? branch.label : \n );\n});\n\n\nconst IntValRenderer = forwardRef((props, ref) => {\n\n\n const [name, setName] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setName(val);\n }\n\n }\n };\n });\n return (\n {name != undefined ? name : } \n\n );\n});\n\n\n\nconst SimpleTextRenderer = forwardRef((props, ref) => {\n\n\n const [name, setName] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setName(val);\n }\n\n }\n };\n });\n return (\n {name != undefined ? name : } \n\n );\n});\n\n\nconst BranchRenderer = forwardRef((props, ref) => {\n\n\n const [branch, setBranch] = useState(props.value);\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n setBranch(val);\n\n }\n\n }\n };\n });\n // var rowNode=props.agGridReact.api.getRowNode(props.rowIndex);\n // var oldval=rowNode.data.product!=undefined?rowNode.data.product.value:null;\n return (\n {branch != null && branch.label != undefined ? branch.label : } \n\n );\n});\n\n\nconst IntValEditor = forwardRef((props, ref) => {\n\n\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n\n const onInputChange = val => {\n if (Number.isInteger(parseInt(val.target.value))) {\n setSelectedVal(parseInt(val.target.value).toString());\n }\n\n }\n\n\n\n return (\n\n \n\n \n \n \n \n
\n );\n});\n\nconst InvoiceTypeSeriesEditableGrid = forwardRef((props, ref) => {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const rowStyle = { background: 'white' };\n const { t } = useTranslation();\n const [hasError, setHasError] = useState(false);\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n\n var data = params.api.gridOptionsWrapper.gridOptions;\n if (data != undefined && data.length > 0) {\n data.push({ name: undefined, id: undefined, branch: { value: undefined, label: undefined }, startNumber: undefined })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ name: undefined, id: undefined, branch: { value: undefined, label: undefined }, startNumber: undefined })\n params.api.setRowData(data)\n }\n\n };\n\n\n const isValid = (nodeData) => {\n return nodeData.name != \"\"\n && nodeData.name != undefined\n && nodeData.startNumber != undefined\n && nodeData.branch != undefined\n && nodeData.branch.value != undefined;\n }\n\n // set background colour on even rows again, this looks bad, should be using CSS classes\n const getRowStyle = params => {\n\n console.log(params.api.rowModel.rowsToDisplay.length )\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return { background: '#d2f6fac7' };\n }\n else {\n if (!isValid(params.node.data)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n return { background: 'white' };\n }\n\n }\n };\n\n const onRowDataUpdated = (params) => {\n // var rowData=[];\n // gridApi.forEachNode(node => rowData.push(node.data));\n // rowData=rowData.pop();\n // props.onUpdateData(rowData)\n }\n\n const onCellValueChanged = (params) => {\n\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var rowNode = gridApi.getRowNode(nodeIndex);\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n \n if (params.column != undefined) {\n var colid = params.column.colId;\n var branchOptions=gridApi.columnController.columnDefs[2].cellRendererParams.options;\n\n switch (colid) {\n case \"name\": {\n debugger;\n rowNode.setDataValue(\"startNumber\",\"0\");\n if(branchOptions.length==1){\n rowNode.setDataValue(\"branch\", {value:branchOptions[0].value,label:branchOptions[0].label});\n }\n \n \n break;\n }\n case \"startNumber\": {\n if(branchOptions.length==1){\n rowNode.setDataValue(\"branch\", {value:branchOptions[0].value,label:branchOptions[0].label});\n }\n \n break;\n }\n \n }\n \n }\n addRow(nodeIndex);\n \n }\n\n\n\n }\n\n const addRow = () => {\n\n var data = { name:undefined,startNumber:undefined, branch: { value: undefined, label: undefined } };\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.push(data)\n gridApi.setRowData(rowData)\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n\n useImperativeHandle(ref, () => ({\n\n getData() {\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node.data);\n });\n items.pop();\n return items\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n var newseries = [];\n data.forEach(element => {\n var _d = {\n value: element.branch.id,\n label: element.branch.name\n }\n element.branch = _d;\n element.startNumber = element.startNumber;\n newseries.push(element);\n });\n\n newseries.push({ name: undefined, id: undefined, branch: { value: undefined, label: undefined }, startNumber: undefined });\n gridApi.setRowData(newseries)\n\n }\n\n }));\n\n\n return (\n\n \n );\n});\n\nexport default InvoiceTypeSeriesEditableGrid \n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport { toast } from 'react-toastify';\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport ReactDOM from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport Select from 'react-select'\nimport { useForm } from \"react-hook-form\";\nimport ApiClient from \"../../services/api-client\"\nimport { CustomConfirmAlert as confirmAlert} from '../custom-confirm-alert';\nimport Commons from '../../util/commons'\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n\n const [disabled, setDisabled] = useState(false);\n\n const { t, i18n } = useTranslation();\n\n const hangleDeleteRow = (e) => {\n e.preventDefault();\n\n let rowData = [];\n props.agGridReact.api.forEachNode(node => rowData.push(node.data));\n debugger\n\n confirmAlert({\n title: t(\"submitConfirm\"),\n message: t(\"areYouSure\"),\n buttons: [\n {\n label: t('Yes'),\n onClick: () => {\n var id = props.data.id;\n if (id != undefined) {\n ApiClient.deleteInvoiceTypeClassification(id).then(\n response => {\n rowData.splice(props.rowIndex, 1)\n props.agGridReact.api.setRowData(rowData)\n props.colDef.cellRendererParams.onRemoveRow();\n toast.success(t(\"deleteSucceded\"))\n\n },\n error => {\n toast.error(\"Error: \" + error.data)\n console.error(error.data)\n }\n )\n }\n else {\n rowData.splice(props.rowIndex, 1)\n props.agGridReact.api.setRowData(rowData)\n props.colDef.cellRendererParams.onRemoveRow();\n }\n\n }\n },\n {\n label: t('No'),\n onClick: () => {\n }\n }\n ]\n });\n\n\n\n\n\n\n }\n\n useImperativeHandle(ref, () => {\n var countDisplayedRows = props.agGridReact.api.getDisplayedRowCount() - 1;\n if (props.rowIndex == countDisplayedRows) {\n setDisabled(true);\n }\n else {\n setDisabled(false);\n }\n return {\n refresh(params) {\n\n }\n };\n });\n return (\n \n \n );\n});\nconst doubleValRenderer = forwardRef((props, ref) => {\n\n\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n var _val = parseFloat(val.toString().replace(\",\", \".\")).toFixed(2);\n setVal(_val);\n props.node.setDataValue(props.column.colId, _val);\n }\n\n }\n };\n });\n if (props.colDef.field == \"price\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else {\n return {val && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n});\nconst SelfPricingrenderer = forwardRef((props, ref) => {\n\n\n const [checked, setChecked] = useState(props.value?props.value:false);\n const [disabled, setDisabled] = useState(false);\n const { t, i18n } = useTranslation();\n\n const onChangeStatus = (e) => {\n props.node.setDataValue(\"selfPricing\", e.target.checked);\n setTimeout(function () {\n props.api.stopEditing();\n\n var opts = [];\n var expenses = Commons.isOnGroup(props.colDef.cellRendererParams.myDataInvoiceType, \"isExpense\") || props.node.data.selfPricing ;\n ApiClient.getClassificationCategoriesOfMyDataInvoice(props.colDef.cellRendererParams.myDataInvoiceType, expenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n \n data.forEach(element => {\n var _classificationCategory;\n var _classificationValues;\n _classificationCategory = element.classificationCategory;\n _classificationValues = element.classificationValues;\n\n var prefix = _classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategory,\n label: prefix + t(_classificationCategory),\n classificationValues: _classificationValues,\n });\n });\n \n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[row-index=\"${props.node.rowIndex}\"][role=\"row\"]`)\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n setTimeout(function () {\n props.colDef.cellRendererParams.setIncomeClassCategories(_optionIncClassCategories)\n props.node.setDataValue(\"classificationCategory\", { value: undefined, label: undefined });\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n\n var el = row_dom.querySelector(\"input[type='checkbox']\");\n\n if ((props.data.invoiceType)) {\n if (!selfpricing_invoicearr.includes(props.colDef.cellRendererParams.myDataInvoiceType)) {\n\n el.disabled = true;\n }\n else {\n el.disabled = false;\n }\n }\n else {\n el.disabled = false;\n }\n\n\n }, 100);\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n })\n }\n\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setChecked(val);\n }\n\n }\n };\n });\n return {mu.label ? mu.label : } \n\n\n );\n});\nconst IncomingClassCategoryEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useEffect(() => {\n if (props.colDef.cellRendererParams.myDataInvoiceType == undefined) {\n props.api.stopEditing();\n }\n }, [props.colDef.cellRendererParams.myDataInvoiceType]);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n\n\n\n useEffect(() => {\n if (!editing) {\n\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t } = useTranslation();\n\n const onSelectChange = val => {\n\n var old_val = props.node.data.classificationCategory.value;\n setSelectedVal(val);\n console.error(val)\n setTimeout(function () {\n props.api.stopEditing();\n\n\n props.node.setDataValue(\"classificationCategory\", val);\n props.node.setDataValue(\"isPercent\", true);\n props.node.setDataValue(\"amount\", 100);\n\n var opts = [];\n\n val.classificationValues.forEach(element => {\n opts.push({\n value: element,\n label: t(element) + \" (\" + element + \")\",\n });\n });\n\n props.node.setDataValue(\"classificationValues\", opts);\n //if classificationCategory changed\n if (old_val != val.value) {\n\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n }\n\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst IncomingClassValueRenderer = forwardRef((props, ref) => {\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n const [editIcon, setEditIcon] = useState(<>);\n \n \n var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n // var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n setVal(val);\n // debugger\n // if(rowNode.data.classificationCategory.value!=null){\n // setEditIcon({val.label ? val.label : rowNode.data.classificationCategory.value!=null ? : } \n );\n});\nconst IncomingClassValueEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n\n focus();\n }, []);\n\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (props.data.classificationCategory.value == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.classificationCategory.value]);\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n props.node.setDataValue(\"classificationValue\", val);\n\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst InvoiceTypeClassificationsGrid = forwardRef((props, ref) => {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n const { t, i18n } = useTranslation();\n const { formState: { errors }, trigger } = useForm();\n const [hasError, setHasError] = useState(false);\n\n const rowStyle = { background: 'white' };\n\n\n useImperativeHandle(ref, () => ({\n\n transformData(data) {\n var newData = [];\n debugger;\n data.forEach(el => {\n\n var values = [];\n el.classificationValues.forEach(e => {\n values.push({\n value: e,\n label: t(e) + \"(\" + e + \")\"\n })\n })\n\n var prefix;\n prefix = el.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n var fel = {\n id: el.id,\n classificationCategory: { value: el.classificationCategory, label: prefix + t(el.classificationCategory) },\n classificationValue: { value: el.classificationValue, label: t(el.classificationValue) + \"(\" + el.classificationValue + \")\" },\n selfPricing: el.selfPricing,\n isPercent: el.isPercent,\n amount: el.amount,\n classificationValues:values\n }\n newData.push(fel)\n });\n return newData;\n },\n toogleCheckbox() {\n // console.log( props.node)\n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[role=\"row\"]`)\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n setTimeout(function () {\n\n var el = row_dom.querySelector(\"input[type='checkbox']\");\n if (el) {\n if ((props.myDataInvoiceType)) {\n if (!selfpricing_invoicearr.includes(props.myDataInvoiceType)) {\n\n el.disabled = true;\n }\n else {\n el.disabled = false;\n }\n }\n else {\n el.disabled = false;\n }\n\n }\n\n }, 100);\n },\n getData() {\n var items = [];\n var _items = [];\n gridApi.forEachNode(node => {\n\n items.push(node.data);\n\n });\n items.pop();\n items.forEach(element => {\n var obj = {}\n obj = {\n \"id\": element.id,\n \"classificationCategory\": element.classificationCategory.value,\n \"classificationValue\": element.classificationValue.value,\n \"selfPricing\": element.selfPricing,\n \"isPercent\": element.isPercent,\n \"amount\": element.amount\n }\n _items.push(obj);\n\n });\n return _items;\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n if (data != undefined) {\n var newdata = [];\n data.forEach(e => {\n if (e.selfPricing) {\n e.classificationCategory = e.classificationCategory;\n e.classificationValue = e.classificationValue;\n }\n newdata.push(e)\n })\n newdata.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } },)\n gridApi.setRowData(newdata)\n }\n else {\n data = [];\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n gridApi.setRowData(data)\n }\n }\n\n }));\n\n\n const isValid = (nodeData) => {\n return nodeData.data.classificationCategory.value != \"\"\n && nodeData.data.classificationCategory.value != undefined\n && nodeData.data.classificationValue.value != undefined\n && nodeData.data.classificationValue.value != \"\"\n }\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n\n });\n });\n var data = props.productClassifications;\n if (data != undefined) {\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n\n };\n\n const addRow = () => {\n\n // var _data = gridApi.gridOptionsWrapper.gridOptions.rowData;\n var data = { classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } };\n // gridApi.updateRowData({ add: data, addIndex: -1 });\n\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n\n rowData.push(data)\n gridApi.setRowData(rowData)\n\n\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n const toastId = useRef(null);\n const onCellValueChanged = (params) => {\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n addRow(nodeIndex);\n }\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node);\n });\n items.pop();\n items.forEach(node => {\n\n\n\n if (params.node.data.invoiceType &&\n params.node.data.classificationCategory &&\n params.node.data.classificationValue &&\n node.data.classificationCategory &&\n node.data.classificationValue &&\n node.data.invoiceType && nodeIndex != node.rowIndex) {\n\n var cond = params.node.data.classificationCategory.value == node.data.classificationCategory.value &&\n params.node.data.classificationValue.value == node.data.classificationValue.value &&\n params.node.data.invoiceType.value == node.data.invoiceType.value\n\n if (cond) {\n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[row-index=\"${params.node.rowIndex}\"][role=\"row\"]`)\n row_dom.style.backgroundColor = '#ffb09c'\n setTimeout(function () {\n if (!toast.isActive(toastId.current)) {\n toastId.current = toast.error(t(\"duplicateInvoiceTypeCategoryCategoryValue\"));\n }\n setHasError(true)\n }, 100)\n return;\n }\n\n }\n });\n\n }\n\n const getRowStyle = params => {\n\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return {\n background: '#d2f6fac7'\n };\n\n }\n else {\n if (!isValid(params.node)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n if (params.node.data.global) {\n return { background: '#eee' };\n }\n else {\n return { background: 'white' };\n }\n }\n }\n };\n\n const onRemoveRow = () => {\n var rowData = [];\n if (gridApi != undefined) {\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.pop();\n }\n }\n\n return (\n \n\n
\n
\n
\n\n {/* suppressSizeToFit={true} */}\n \n
\n
\n\n
\n {t(\"Delete\")}\n \n }\n\n\n\n const getIncomeClassificationCategoriesOfInvoiceType = (myDataInvoiceType, expenses) => {\n var expenses = Commons.isOnGroup(myDataInvoiceType, \"isExpense\")\n ApiClient.getClassificationCategoriesOfMyDataInvoice(myDataInvoiceType, expenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategory;\n var _classificationValues;\n _classificationCategory = element.classificationCategory;\n _classificationValues = element.classificationValues;\n var prefix = _classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategory,\n label: prefix + t(_classificationCategory),\n classificationValues: _classificationValues,\n });\n });\n prodClassificationGridRef.current.toogleCheckbox();\n setIncomeClassCategories(_optionIncClassCategories);\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n const onInvoiceTypeChange = (val) => {\n if (id == undefined) {\n var ind=val.label.indexOf(\" (\")\n var name=val.label.substring(0,ind).trim();\n setValue(\"name\", name);\n setValue(\"myDataInvoiceType\", val)\n setMyDataInvoiceType(val.value)\n getIncomeClassificationCategoriesOfInvoiceType(val.value, false)\n\n }\n else {\n getIncomeClassificationCategoriesOfInvoiceType(content.myDataInvoiceType.value, false)\n }\n }\n\n \n return (\n \n );\n}","import React, { useState, useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { useTranslation } from 'react-i18next';\n\n\n\nconst AllFieldsRenderer = forwardRef((props, ref) => {\n const { t } = useTranslation();\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n }\n };\n\n });\n\n return (\n\n \n\n
\n
\n {t(\"Name\")}: {props.data.name} \n
\n
\n\n
\n\n
\n {t(\"Type\")}: {props.data.myDataInvoiceType.replace(\"invoice\", \"\").replace(\"_\", \".\")} ({t(props.data.myDataInvoiceType)}) \n
\n \n
\n
\n
\n {t(\"mSeries\")}: {props.data.seriesNamesConcat} \n
\n
\n
\n \n
\n \n // {branch != null && branch.label != undefined ? branch.label : \n );\n});\n\n\nconst MyDataInvoiceTypeRenderer = forwardRef((props, ref) => {\n const [val, setVal] = useState(props.data);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setVal(props.data);\n }\n\n }\n };\n });\n const inv_type = () => t(val.myDataInvoiceType) + \" (\" + val.myDataInvoiceTypeKey + \")\";\n return (\n {inv_type()} \n );\n});\n\nexport default function InvoiceTypeSearch() {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t, i18n } = useTranslation();\n const [sheight, setSheight] = useState(window.innerHeight - 190);\n\n useEffect(() => {\n\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.getCompanyInvoiceTypes(companyId).then(\n response => {\n if (response) {\n setContent(response.data);\n }\n\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n const pagination = false;\n const paginationPageSize = 100;\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.innerHeight - 190);\n }, 300);\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n\n\n const goTo = id => {\n history.push(\"/invoicetype/\" + id);\n }\n return (\n\n \n\n\n
\n\n\n\n
\n\n
\n\n
\n \n
goTo(e.data.id)}\n rowData={content}\n rowHeight={74}\n defaultColDef={{\n wrapText: false,\n suppressMovable: true,\n suppressHorizontalScroll: true,\n icons: {\n menu: ' \n
{_inv.mark} {_inv.cancelledByMark} \n \n {t(\"issuerVat\")}: {_inv.issuer ? _inv.issuer.vatNumber : \"\"} {t(\"Country\")}: {_inv.issuer ? _inv.issuer.country : \"\"} \n
\n\n return table;\n }\n }\n\n\n const invoiceHeaderRenderer = (invoice) => {\n if (invoice && invoice.invoice) {\n var _inv = invoice.invoice[0];\n var intype = \"invoice\" + _inv.invoiceHeader.invoiceType.replace(\".\", \"_\")\n var table = \n \n {t(\"InvoiceType\")}: {t(intype)} {t(\"Series\")}: {_inv.invoiceHeader.series} {t(\"invoiceNumber\")}: {_inv.invoiceHeader.aa} {t(\"issuerDate\")}: {moment(_inv.invoiceHeader.issueDate).format('DD/MM/YYYY HH:mm')} \n
\n\n return table;\n }\n }\n const counterPartRenderer = (invoice) => {\n if (invoice && invoice.invoice) {\n var _inv = invoice.invoice[0];\n var table = \n \n {t(\"counterPartVat\")}: {_inv.counterpart ? _inv.counterpart.vatNumber : \"\"} {t(\"Country\")}: {_inv.counterpart ? _inv.counterpart.country : \"\"} \n
\n\n return table;\n }\n }\n\n const invoicePaymentMethodsRenderer = (invoice) => {\n if (invoice && invoice.invoice) {\n var _inv = invoice.invoice[0];\n\n var _rows = [];\n if (_inv.paymentMethods) {\n var counter = 0;\n _inv.paymentMethods.paymentMethodDetails.forEach(pm => {\n var tr = {t(\"PaymentMethod\")}: {t(\"PM_\" + pm.type)} {pm.amount} {t(taxType)} {t(tmaptr)} {tax.taxAmount} {t(\"totalNetValue\")}: {_inv.invoiceSummary.totalNetValue} {t(\"totalVatAmount\")}: {_inv.invoiceSummary.totalVatAmount} {t(\"totalWithheldAmount\")}: {_inv.invoiceSummary.totalWithheldAmount} {t(\"totalFeesAmount\")}: {_inv.invoiceSummary.totalFeesAmount} {t(\"totalStampDutyAmount\")}: {_inv.invoiceSummary.totalStampDutyAmount} {t(\"totalOtherTaxesAmount\")}: {_inv.invoiceSummary.totalOtherTaxesAmount} {t(\"totalDeductionsAmount\")}: {_inv.invoiceSummary.totalDeductionsAmount} {t(\"totalGrossValue\")}: {_inv.invoiceSummary.totalGrossValue} {t(\"invoiceLine\")} {t(\"netvalue\")} {t(\"Vat\")} {t(\"saleEntryClassifications\")} {t(\"moreTaxes\")} {t(classificationCategory)}({classificationCategory}) {t(classificationType)}({classificationType}) {parseFloat(ec.amount).toFixed(2)} {t(classificationCategory)}({classificationCategory}) {t(classificationType)}({classificationType}) {parseFloat(ec.amount).toFixed(2)} {t(\"WITHHOLD_TAXES\")} {t(withheldPercentCategory)} {parseFloat(element.withheldAmount).toFixed(2)} {t(\"OTHER_TAXES\")} {t(otherTaxesPercentCategory)} {parseFloat(element.otherTaxesAmount).toFixed(2)} {t(\"STUMP_DUTY\")} {t(stampDutyPercentCategory)} {parseFloat(element.stampDutyAmount).toFixed(2)} {t(\"FEES\")} {t(feesPercentCategory)} {element.feesAmount} {t(\"DEDUCTION\")} {element.deductionsAmount} {element.lineNumber} ({element.lineComments}) {parseFloat(element.netValue).toFixed(2)} {element.vatAmount} {productRows} ;\n return \n }\n }\n\n\n return (\n\n \n
\n
\n
\n {mainRenderer(props.invoice)}\n
\n\n
\n
\n
\n
\n
\n invoiceHeader\n
\n
\n {invoiceHeaderRenderer(props.invoice)}\n
\n
\n
\n
\n
\n
\n issuer\n
\n
\n {issuerRenderer(props.invoice)}\n
\n
\n
\n\n
\n
\n
\n counterpart\n
\n
\n {counterPartRenderer(props.invoice)}\n
\n
\n
\n\n
\n
\n
\n paymentMethods\n
\n
\n {invoicePaymentMethodsRenderer(props.invoice)}\n
\n
\n
\n
\n
\n
\n invoiceSummary\n
\n
\n {invoiceSummaryRenderer(props.invoice)}\n
\n
\n
\n
\n\n
\n
\n
\n
\n invoiceDetails\n
\n
\n {detailsRenderer(props.invoice)}\n
\n
\n
\n
\n\n\n
\n
\n
\n
\n taxesTotals\n
\n
\n {saleMoreTaxesRenderer(props.invoice)}\n
\n
\n
\n
\n\n
\n\n\n
\n
\n
\n
\n\n
\n\n\n \n
\n
\n\n
\n\n
\n\n
\n \n
\n
\n
\n
\n
\n
No invoice with invoiceUid: {invoiceUid} \n \n
\n
\n
\n
{t(\"accountantAssignInfo2\")}
\n
\n
\n
{t(\"Timologic Accountant Email\")} \n
{ e.key === 'Enter' && e.preventDefault(); }}\n className={`form-control ${errors.name ? 'is-invalid' : ''}`}\n />\n {errors.name?.message}
\n \n\n
\n {t(\"Delete\")}\n \n }\n const onChangeFont = (e) => {\n var val = e.target.value;\n setTemplate(template => ({\n ...template,\n ...{ appFont: val }\n }));\n }\n const showDropZone = () => {\n // refDropZone.current.open()\n var _input = document.getElementsByClassName(\"dzu-input\");\n if (_input.length > 0) {\n _input[0].click();\n }\n }\n const onMouseOver = e => {\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n\n }\n }\n const handleChangeStatus = ({ meta, file }, status) => {\n\n if (status == \"done\") {\n setLogoFile(file);\n setLogoPath(meta.previewUrl);\n setPathPreview(meta.previewUrl);\n\n var dummyPrintSale = iframePrintTemplate.current.getPrintDesign();\n dummyPrintSale.LOGO = meta.previewUrl;\n iframePrintTemplate.current.setPrintSale(dummyPrintSale);\n\n document.getElementById(\"clearLogo\").style.display = \"unset\"\n }\n else {\n document.getElementById(\"clearLogo\").style.display = \"none\"\n }\n }\n const clearLogo = () => {\n setLogoFile(null);\n setLogoPath(null);\n setPathPreview(default_logo)\n document.getElementsByClassName(\"dzu-previewButton\")[0].click();\n }\n\n\n\n const copyClipBoard = (e, elementId) => {\n var copyText = document.getElementById(elementId);\n navigator.clipboard.writeText(copyText.value);\n }\n\n // const st={\n // \"-ms-zoom\": 0.75,\n // \"-moz-transform\": scale(0.75),\n // \"-moz-transform-origin\": \"0 0\",\n // \"-o-transform\": scale(0.75),\n // \"-o-transform-origin\": \"0 0\",\n // \"-webkit-transform\": scale(0.75),\n // \"-webkit-transform-origin\": \"0 0\"\n // }\n\n const hangleZoomChange = (val) => {\n setZoomValue(val);\n var el = document.getElementById('designer-frame-container');\n var h = (el.scrollHeight - el.clientHeight) / 2;\n var w = (el.scrollWidth - el.clientWidth) / 2;\n\n document.getElementById('designer-frame-container').scrollTop = h;\n document.getElementById('designer-frame-container').scrollLeft = w;\n }\n const styles = reactCSS({\n 'default': {\n colorMain: {\n width: '36px',\n height: '14px',\n borderRadius: '2px',\n background: template.mainColor,\n },\n colorSecondary: {\n width: '36px',\n height: '14px',\n borderRadius: '2px',\n background: template.secondaryColor,\n },\n swatch: {\n padding: '5px',\n background: '#fff',\n borderRadius: '1px',\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n display: 'inline-block',\n cursor: 'pointer',\n },\n popover: {\n position: 'absolute',\n zIndex: '2',\n },\n cover: {\n position: 'fixed',\n top: '0px',\n right: '0px',\n bottom: '0px',\n left: '0px',\n },\n },\n });\n\n const handleOpenMainColorPicker = () => {\n setDisplayMainColorPicker(true)\n }\n const handleCloseMainColorPicker = () => {\n setDisplayMainColorPicker(false)\n }\n const handleOpenSecondaryColorPicker = () => {\n setSecondaryMainColorPicker(true)\n }\n const handleCloseSecondaryColorPicker = () => {\n setSecondaryMainColorPicker(false)\n }\n\n return (\n \n \n \n );\n}\n","import React, { useState, useEffect, useRef } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\"\nimport { toast } from 'react-toastify';\n\n\nexport default function TemplateSearch(props) {\n\n\n\n const { t } = useTranslation();\n const history = useHistory();\n const [templateSettingsSearchTable, setTemplateSettingsSearchTable] = useState();\n const getLogo = (logo) => {\n if (logo) {\n return \n
{element.branch.address}
\n
\n {getLogo(element.templateSettings.logo)}\n
{element.branch.name} \n \n
\n editTemplateSetting(e, element)} className=\"btn btn-skin\"> \n
\n
{templateSettingsTableRows}
\n
\n
\n
\n
{t(\"templateSearchInfo\")} \n \n {templateSettingsSearchTable}\n
\n
\n
{cancellationMark} {mark} {seriesNumber} {canceledIcon}\n \n
\n \n setActionElement(actionel)\n\n }, [props.node])\n\n return (\n\n {actionElement} \n );\n});\n\n\nexport default function AadeTransmittedDocsSearch() {\n\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t } = useTranslation();\n const [printSale, setPrintSale] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(0);\n const [fastFilter, setFastFilter] = useState(\"\");\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const [showDetailsModal, setShowDetailsModal] = useState(false);\n const { control, formState: { errors } } = useForm();\n const [lineData, setLineData] = useState({});\n const iframePrintTemplate = useRef();\n var to = null;\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.screen.height * 0.8 - 240);\n\n const [detailsInfo, setDetailsInfo] = useState();\n\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n\n const getRowData = (params) => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n var pageNo = gridApi.paginationGetCurrentPage();\n var sortBy = null;\n var order = \"asc\";\n var filterModel = gridApi.getFilterModel();\n gridApi.columnController.columnApi.getColumnState().map((v) => {\n if (v.sort != null) {\n sortBy = v.colId;\n order = v.sort\n }\n });\n\n\n var simpleColumnFilters = [];\n Object.keys(filterModel).forEach(k => {\n var obj = {\n column: k,\n filter: filterModel[k].filter,\n dateFrom: filterModel[k].dateFrom,\n dateTo: filterModel[k].dateTo,\n filterType: filterModel[k].filterType\n }\n simpleColumnFilters.push(obj);\n })\n\n\n var object = {\n \"quickSearch\": fastFilter,\n \"pageNo\": pageNo,\n \"sortBy\": sortBy,\n \"order\": order,\n \"pageSize\": paginationPageSize,\n \"simpleColumnFilters\": simpleColumnFilters\n }\n\n ApiClient.getCompanyAadeSaleInstancesPage(companyId, object, false).then(\n response => {\n\n var saleInstances = response.data.objectList;\n var newSaleInstances = [];\n saleInstances.forEach(element => {\n var inst = element;\n var postStr = inst.customerTaxPayerId;\n if (inst.customerName) {\n postStr = inst.customerTaxPayerId + \" (\" + inst.customerName + \")\";\n }\n\n inst.seriesNumber = inst.series + inst.invoiceNumber;\n inst.customerTaxPayerId = postStr;\n newSaleInstances.push(inst);\n });\n\n params.successCallback(newSaleInstances, response.data.totalElements);\n if (newSaleInstances.length == 0) {\n gridApi.showNoRowsOverlay();\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n let timer1 = setTimeout(function () {\n gridApi.setDatasource(dataSource);\n }, 1000);\n\n return () => {\n clearTimeout(timer1);\n };\n\n }\n }, [fastFilter]);\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi.setDatasource(dataSource);\n }\n }, [gridApi]);\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n console.log();\n gridApi.fastFilter = e.target.value;\n // gridApi.setQuickFilter(e.target.value);\n setFastFilter(e.target.value);\n\n };\n const print = (psale) => {\n iframePrintTemplate.current.print(psale)\n }\n const onClickPrint = data => {\n console.log(data)\n setPrintSale(data)\n setTimeout(function () {\n print(data);\n })\n }\n const goTo = invoiceUid => {\n history.push(\"/mydata/\" + invoiceUid);\n }\n const onPaginationChanged = (val) => {\n var currentPage = val.api.paginationGetCurrentPage();\n setCurrentPage(currentPage)\n\n }\n const dateFormatter = (params) => {\n if (params.data != undefined) {\n var dateAsString = moment(params.data.invoiceDate).format('DD/MM/YYYY hh:mm')\n return dateAsString\n }\n return \"\"\n }\n\n const getPrintSale = (sale) => {\n var saleClone = JSON.parse(JSON.stringify(sale));\n var cancelmark = sale.mark.props.children[0].props.children;\n var mark = sale.mark.props.children[1].props.children;\n saleClone.cancellationMark = cancelmark;\n saleClone.mark = mark;\n return iframePrintTemplate.current.getPrintSale2(saleClone)\n }\n\n const saleEntriesRender = (saleEntries) => {\n var rows = [];\n var _thead = {t(\"priceWithoutVat\")} {t(\"vat\")} {t(\"priceWithVat\")} {t(\"saleEntryClassifications\")} {entry.priceWithoutVat} {entry.vat} {entry.priceWithVat} {saleEntryClassificationRender(entry.saleEntryClassifications)} {t(\"incomeClassificationCategoryType\")} {t(\"incomeClassificationValueType\")} {t(\"amount\")} {t(classCat)} {t(classType)} {entry.amount} \n \n
\n
\n
\n\n
\n \n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n markRenderer: MarkRenderer,\n agDateInput: CustomDateComponent\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n autoHeight: true,\n suppressMovable:true,\n }}\n >\n { return params.data ? t(params.data.invoiceType) : \"\" }} field=\"invoiceType\"> \n params.data != null ? params.data.totalWithoutVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithoutVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithoutVat\"> \n params.data != null ? params.data.totalWithVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithVat\"> \n
\n \n
\n \n {t(\"Invoice Details\")} \n \n \n \n
\n\n \n \n {t(\"cancel\")} \n \n \n\n\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\"\nimport moment from 'moment'\nimport BlockUi from 'react-block-ui';\nimport CustomDateComponent from './customDateComponent.js';\nimport Modal from 'react-bootstrap/Modal';\nimport { useForm } from \"react-hook-form\";\nimport IFramePrintTemplate from '../iframe-print-template.component';\nimport InvoiceSimpleView from './invoice-simple-view.component';\nimport commons from \"../../util/commons\";\n\nconst MarkRenderer = forwardRef((props, ref) => {\n const [mark, setMark] = useState(props.value);\n const [cancellationMark, setCancellationMark] = useState(\"\");\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val) {\n setMark(val);\n }\n }\n };\n\n });\n\n useEffect(() => {\n if (props.node.data != null) {\n setCancellationMark(props.node.data.cancellationMark)\n\n }\n }, [props.node])\n return (\n\n {cancellationMark} {mark} {seriesNumber} {canceledIcon}\n \n
\n \n setActionElement(actionel)\n\n }, [props.node])\n\n return (\n\n {actionElement} \n );\n});\n\n\nexport default function AadeRequestDocsSearch() {\n\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t } = useTranslation();\n const [printSale, setPrintSale] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(0);\n const [fastFilter, setFastFilter] = useState(\"\");\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const [showDetailsModal, setShowDetailsModal] = useState(false);\n const { control, formState: { errors } } = useForm();\n const [lineData, setLineData] = useState({});\n const iframePrintTemplate = useRef();\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.screen.height * 0.8 - 240);\n\n const [detailsInfo, setDetailsInfo] = useState();\n\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n\n const getRowData = (params) => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n var pageNo = gridApi.paginationGetCurrentPage();\n var sortBy = null;\n var order = \"asc\";\n var filterModel = gridApi.getFilterModel();\n gridApi.columnController.columnApi.getColumnState().map((v) => {\n if (v.sort != null) {\n sortBy = v.colId;\n order = v.sort\n }\n });\n\n\n var simpleColumnFilters = [];\n Object.keys(filterModel).forEach(k => {\n var obj = {\n column: k,\n filter: filterModel[k].filter,\n dateFrom: filterModel[k].dateFrom,\n dateTo: filterModel[k].dateTo,\n filterType: filterModel[k].filterType\n }\n simpleColumnFilters.push(obj);\n })\n\n\n var object = {\n \"quickSearch\": fastFilter,\n \"pageNo\": pageNo,\n \"sortBy\": sortBy,\n \"order\": order,\n \"pageSize\": paginationPageSize,\n \"simpleColumnFilters\": simpleColumnFilters\n }\n\n ApiClient.getCompanyAadeSaleInstancesPage(companyId, object, true).then(\n response => {\n\n var saleInstances = response.data.objectList;\n var newSaleInstances = [];\n saleInstances.forEach(element => {\n var inst = element;\n var postStr = inst.customerTaxPayerId;\n if (inst.customerName) {\n postStr = inst.customerTaxPayerId + \" (\" + inst.customerName + \")\";\n }\n\n inst.seriesNumber = inst.series + inst.invoiceNumber;\n inst.customerTaxPayerId = postStr;\n newSaleInstances.push(inst);\n });\n\n params.successCallback(newSaleInstances, response.data.totalElements);\n if (newSaleInstances.length == 0) {\n gridApi.showNoRowsOverlay();\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n let timer1 = setTimeout(function () {\n gridApi.setDatasource(dataSource);\n }, 1000);\n\n return () => {\n clearTimeout(timer1);\n };\n\n }\n }, [fastFilter]);\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi.setDatasource(dataSource);\n }\n }, [gridApi]);\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n console.log();\n gridApi.fastFilter = e.target.value;\n // gridApi.setQuickFilter(e.target.value);\n setFastFilter(e.target.value);\n\n };\n const print = (psale) => {\n iframePrintTemplate.current.print(psale)\n }\n const onClickPrint = data => {\n console.log(data)\n setPrintSale(data)\n setTimeout(function () {\n print(data);\n })\n }\n const goTo = invoiceUid => {\n history.push(\"/mydata/\" + invoiceUid);\n }\n const onPaginationChanged = (val) => {\n var currentPage = val.api.paginationGetCurrentPage();\n setCurrentPage(currentPage)\n\n }\n const dateFormatter = (params) => {\n if (params.data != undefined) {\n var dateAsString = moment(params.data.invoiceDate).format('DD/MM/YYYY hh:mm')\n return dateAsString\n }\n return \"\"\n }\n\n const getPrintSale = (sale) => {\n var saleClone = JSON.parse(JSON.stringify(sale));\n var cancelmark = sale.mark.props.children[0].props.children;\n var mark = sale.mark.props.children[1].props.children;\n saleClone.cancellationMark = cancelmark;\n saleClone.mark = mark;\n return iframePrintTemplate.current.getPrintSale2(saleClone)\n }\n\n const saleEntriesRender = (saleEntries) => {\n var rows = [];\n var _thead = {t(\"priceWithoutVat\")} {t(\"vat\")} {t(\"priceWithVat\")} {t(\"saleEntryClassifications\")} {entry.priceWithoutVat} {entry.vat} {entry.priceWithVat} {saleEntryClassificationRender(entry.saleEntryClassifications)} {t(\"incomeClassificationCategoryType\")} {t(\"incomeClassificationValueType\")} {t(\"amount\")} {t(classCat)} {t(classType)} {entry.amount} \n \n
\n
\n
\n\n
\n \n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n markRenderer: MarkRenderer,\n agDateInput: CustomDateComponent\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n autoHeight: true,\n suppressMovable:true,\n }}\n >\n { return params.data ? t(params.data.invoiceType) : \"\" }} field=\"invoiceType\"> \n params.data != null ? params.data.totalWithoutVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithoutVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithoutVat\"> \n params.data != null ? params.data.totalWithVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithVat\"> \n
\n \n
\n \n {t(\"Invoice Details\")} \n \n \n \n
\n\n \n \n {t(\"cancel\")} \n \n \n\n\n \n );\n}\n\n\n","import React ,{useState} from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport Tab from 'react-bootstrap/Tab';\nimport Tabs from 'react-bootstrap/Tabs';\nimport AadeTransmittedDocsSearch from '../components/sales/aade-transmitted-docs';\nimport AadeRequestDocsSearch from '../components/sales/aade-request-docs';\nimport ApiClient from \"../services/api-client\"\nimport BlockUi from 'react-block-ui';\n\nexport default function AadeSaleSearch() {\n const { t } = useTranslation();\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n const synchronizeCompany = ()=>{\n setBlockuiLoading(true)\n var companyId=JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.synchronizeCompany(companyId).then(\n response => {\n\n setBlockuiLoading(false)\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString());\n setBlockuiLoading(false)\n }\n );\n }\n return (\n \n \n
\n Synchronize All \n
\n
\n \n \n \n \n\n \n\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport InvoiceSimpleView from '../components/sales/invoice-simple-view.component';\nimport { useTranslation } from 'react-i18next';\nimport BlockUi from 'react-block-ui';\nimport { toast } from 'react-toastify';\n\n\n\nexport default function AadeSaleSearchByMark() {\n\n const { t } = useTranslation();\n const [invoice, setInvoice] = useState();\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n\n const searchOnMydata=()=>{\n setBlockuiLoading(true)\n var mark=document.getElementById(\"searchByMark\").value.trim();\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n\n ApiClient.getTransmittedDoc(companyId,mark).then(\n response => {\n if (response != undefined) {\n if(response.data.responseType.statusCode==\"Failure\"){\n var errors=response.data.responseType.errors.error;\n errors.forEach(error => {\n console.error(error);\n toast.error(error.message)\n setBlockuiLoading(false)\n });\n }\n else{\n var inv=response.data.requestedDoc.invoicesDoc\n console.log(inv)\n setInvoice(inv);\n setBlockuiLoading(false)\n }\n\n \n \n }\n },\n error => {\n setBlockuiLoading(false)\n console.error(error.data)\n }\n )\n }\n\n return (\n \n \n
\n
\n {t(\"Search\")} \n
\n \n
\n\n
\n
\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\"\nimport { CustomConfirmAlert as confirmAlert } from '../components/custom-confirm-alert';\nimport moment from 'moment'\nimport BlockUi from 'react-block-ui';\nimport { toast } from 'react-toastify';\nimport CustomDateComponent from '../components/sales/customDateComponent.js';\nimport Modal from 'react-bootstrap/Modal';\nimport ReactTooltip from \"react-tooltip\";\nimport SelectTable from '../components/select-table'\nimport { useForm, Controller } from \"react-hook-form\";\nimport IFramePrintTemplate from '../components/iframe-print-template.component';\nimport MyDataLogo from \"../img/mydata.png\";\n\nconst MarkRenderer = forwardRef((props, ref) => {\n const [mark, setMark] = useState(props.value);\n const [cancellationMark, setCancellationMark] = useState(\"\");\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val) {\n setMark(val);\n }\n }\n };\n\n });\n // const cancellationMark = rowNode.data.cancellationMark != null ? rowNode.data.cancellationMark : \"\"\n\n useEffect(() => {\n if (props.node.data != null) {\n var cm = props.node.data.cancellationMark;\n setCancellationMark(props.node.data.cancellationMark)\n\n }\n }, [props.node])\n\n const showDetailsModal = (e) => {\n \n \n // props.colDef.cellRendererParams.setDetailsInfo(props.data)\n\n var mark=e.target.innerText.trim();\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n\n\n ApiClient.getCompanySaleInstanceByMark(companyId, mark).then(\n response => {\n console.log(response.data);\n props.colDef.cellRendererParams.setShowDetailsModal(true);\n props.colDef.cellRendererParams.setDetailsInfo(response.data)\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n const formatMark = (mark) => {\n if (mark) {\n var markArray = mark.split(\",\");\n var _fullmark = [];\n if (markArray) {\n markArray.forEach(m => {\n var series = m.match(/\\((.*?)\\)/);\n var mark = m.replace(series[0], \"\").trim();\n\n // var _mark={m} \n _fullmark.push([{\"(\" + series[1] + \")\"} {mark} ] )\n\n })\n }\n\n return _fullmark;\n }\n return <>;\n }\n\n return (\n\n {formatMark(mark)} \n );\n});\nconst SeriesNumberRendener = forwardRef((props, ref) => {\n const [seriesNumber, setSeriesNumber] = useState(props.value);\n const [canceledIcon, setCanceledIcon] = useState(\"\");\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n\n\n if (val) {\n setSeriesNumber(val);\n }\n }\n };\n\n });\n // const canceledIcon = props.node.data.canceled? {seriesNumber} {canceledIcon} {date} \n );\n});\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n const { t } = useTranslation();\n const [actionElement, setActionElement] = useState({cancelMark} {mark} {actionElement} \n );\n});\n\n\nexport default function IncomesSearch() {\n\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const [gridApi2, setGridApi2] = useState(null);\n const { t } = useTranslation();\n const [printSale, setPrintSale] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(0);\n const [fastFilter, setFastFilter] = useState(\"\");\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const { control, formState: { errors } } = useForm();\n const [customerContacts, setCustomerContacts] = useState([]);\n const [selectedCustomerContacts, setSelectedCustomerContacts] = useState([]);\n const [lineData, setLineData] = useState({});\n const iframePrintTemplate = useRef();\n var to = null;\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.screen.height * 0.8 - 240);\n\n const [sendPaymentLink, setSendPaymentLink] = useState(false);\n const [showDetailsModal, setShowDetailsModal] = useState(false);\n\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n\n const getRowData = (params) => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n var pageNo = gridApi.paginationGetCurrentPage();\n var sortBy = null;\n var order = \"asc\";\n var filterModel = gridApi.getFilterModel();\n gridApi.columnController.columnApi.getColumnState().map((v) => {\n if (v.sort != null) {\n sortBy = v.colId;\n order = v.sort\n }\n });\n\n\n var simpleColumnFilters = [];\n Object.keys(filterModel).forEach(k => {\n var obj = {\n column: k,\n filter: filterModel[k].filter,\n dateFrom: filterModel[k].dateFrom,\n dateTo: filterModel[k].dateTo,\n filterType: filterModel[k].filterType,\n searchOperator: filterModel[k].type\n }\n if (obj.column == \"seriesNumber\") {\n obj.column = \"series\";\n obj.concatWith = \"invoiceNumber\";\n }\n simpleColumnFilters.push(obj);\n })\n\n\n var object = {\n \"quickSearch\": fastFilter,\n \"pageNo\": pageNo,\n \"sortBy\": sortBy,\n \"order\": order,\n \"pageSize\": paginationPageSize,\n \"simpleColumnFilters\": simpleColumnFilters\n }\n\n ApiClient.getCompanyIncomesPage(companyId, object).then(\n response => {\n\n var saleInstances = response.data.objectList;\n var newSaleInstances = [];\n saleInstances.forEach(element => {\n var inst = element;\n inst.seriesNumber = inst.series + inst.invoiceNumber;\n newSaleInstances.push(inst);\n });\n\n params.successCallback(newSaleInstances, response.data.totalElements);\n if (newSaleInstances.length == 0) {\n gridApi.showNoRowsOverlay();\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n let timer1 = setTimeout(function () {\n gridApi.setDatasource(dataSource);\n }, 1000);\n\n return () => {\n clearTimeout(timer1);\n };\n\n }\n }, [fastFilter]);\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi.setDatasource(dataSource);\n }\n if (gridApi2) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi2.setDatasource(dataSource);\n }\n }, [gridApi, gridApi2]);\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n };\n\n\n const onGridReady2 = params => {\n setGridApi2(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n };\n\n\n\n const onQuickFilterChanged = e => {\n gridApi.fastFilter = e.target.value;\n setFastFilter(e.target.value);\n\n };\n const print = (psale) => {\n iframePrintTemplate.current.print(psale)\n }\n const onClickPrint = data => {\n console.log(data)\n setPrintSale(data)\n setTimeout(function () {\n print(data);\n })\n }\n const goTo = invoiceUid => {\n history.push(\"/mydata/\" + invoiceUid);\n }\n const onPaginationChanged = (params) => {\n var currentPage = params.api.paginationGetCurrentPage();\n if (gridApi) {\n gridApi.paginationGoToPage(currentPage);\n }\n\n\n }\n const dateFormatter = (params) => {\n if (params.data != undefined) {\n var dateAsString = moment(params.data.invoiceDate).format('DD/MM/YYYY hh:mm')\n console.log(dateAsString)\n return dateAsString\n }\n return \"\"\n }\n const onChangeContact = data => {\n setSelectedCustomerContacts(data);\n }\n const onInputChangeContact = (contact) => {\n\n }\n function getContactEmails(sale, sendPaymentLink) {\n var customerName = sale.customeName;\n var company = JSON.parse(localStorage.getItem(\"company\"));\n var subject = t(\"emailSubject\", { company: company.name });\n\n var contactEmails = [];\n selectedCustomerContacts.forEach(contact => {\n if (contact.email == undefined || contact.email == null) {\n contact.email = contact.value;\n contact.name = contact.value\n }\n var body = \"\" + t(\"emailBody1\", { contactName: contact.name }) + \"
\";\n body += \"\" + t(\"emailBody2\", { company: company.name }) + \"
\";\n var link = \"\" + sale.invoiceType + \" \" + sale.series + sale.invoiceNumber + \" \";\n body += \"\" + t(\"emailBody3\", { link: link }) + \"
\";\n body += \"\" + t(\"emailBody4\") + \"
\";\n var link2 = \"\" + t(\"here\") + \" \";\n if (sendPaymentLink && company.vivaQuickPay) {\n body += \"\" + t(\"emailBody6\", { link: link2 }) + \"
\";\n }\n // body += \"\" + t(\"emailBody5\") + \" \";\n contactEmails.push({\n subject: subject,\n body: body,\n email: contact.email\n });\n })\n return contactEmails;\n\n }\n\n const [detailsInfo, setDetailsInfo] = useState();\n\n const saleEntriesRender = (saleEntries) => {\n var rows = [];\n var _thead = {t(\"priceWithoutVat\")} {t(\"vat\")} {t(\"priceWithVat\")} {t(\"saleEntryClassifications\")} {entry.priceWithoutVat} {entry.vat.value} {entry.priceWithVat} {saleEntryClassificationRender(entry.saleEntryClassifications)} {t(\"incomingClassificationCategoryType\")} {t(\"incomingClassificationValueType\")} {t(\"amount\")} {t(classCat)} {t(classType)} {entry.amount} \n\n \n
\n
\n
\n\n
\n
\n
\n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n dateRendener: DateRendener,\n agDateInput: CustomDateComponent\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n gridOptions={{ suppressMenuHide: true }}\n skipHeaderOnAutoSize={true}\n alwaysShowHorizontalScroll={true}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n suppressMovable:true,\n autoHeight: true, icons: {\n menu: 'params.data?t(\"invoice\"+params.data.invType.replace(\".\",\"_\"))+\" (\"+params.data.invType+\")\":\"\"} sortable={true} filter=\"agTextColumnFilter\" field=\"invType\"> \n params.data ? params.data.netValue.toFixed(2) : 0.00} headerName={t(\"TotalWithoutVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"netValue\"> \n params.data ? params.data.vatAmount.toFixed(2) : 0.00} headerName={t(\"VatAmount\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"vatAmount\"> \n params.data ? params.data.grossValue.toFixed(2) : 0.00} headerName={t(\"TotalWithVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"grossValue\"> \n params.data ? \"(\"+params.data.count+\") \"+ params.data.minMark +\" - \"+params.data.minMark : \"\"} headerName={t(\"MarkRange\")} sortable={true} filter=\"agTextColumnFilter\" field=\"markRange\"> \n\n\n \n \n
\n
\n\n
\n\n
\n
\n \n {t(\"invoiceDetails\")} \n \n \n \n
MARK: {detailsInfo?detailsInfo.mark:\"\"} \n {detailsInfo ? saleEntriesRender(detailsInfo.saleEntries) : \"\"}\n \n \n \n {t(\"cancel\")} \n \n \n\n\n\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\"\nimport { CustomConfirmAlert as confirmAlert } from '../components/custom-confirm-alert';\nimport moment from 'moment'\nimport BlockUi from 'react-block-ui';\nimport { toast } from 'react-toastify';\nimport CustomDateComponent from '../components/sales/customDateComponent.js';\nimport Modal from 'react-bootstrap/Modal';\nimport ReactTooltip from \"react-tooltip\";\nimport SelectTable from '../components/select-table'\nimport { useForm, Controller } from \"react-hook-form\";\nimport IFramePrintTemplate from '../components/iframe-print-template.component';\nimport MyDataLogo from \"../img/mydata.png\";\nimport { Menu, MenuItem, MenuButton } from '@szhsin/react-menu';\nimport '@szhsin/react-menu/dist/index.css';\nimport '@szhsin/react-menu/dist/transitions/slide.css';\nimport Tippy from '@tippyjs/react';\nimport useMobileDetect from 'use-mobile-detect-hook';\nimport 'react-dates/initialize';\nimport { DateRangePicker } from 'react-dates';\n\n\n\nconst LineInfoRenderer = forwardRef((props, ref) => {\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n }\n };\n\n });\n\n return (\n <> \n\n\n
\n
{t(\"InvoiceType\")}:
\n
{props.data ? props.data.invoiceType : \"\"}
\n
\n
\n
{t(\"Customer\")}:
\n
{props.data ? props.data.customerName : \"\"} ({props.data ? props.data.customerTaxPayerId : \"\"})
\n
\n
\n
{t(\"issuerDate\")}:
\n
{props.data ? moment(props.data.invoiceDate).format('DD/MM/YYYY') : \"\"}
\n
\n
\n
{t(\"TotalWithoutVat\")}:
\n
{props.data ? props.data.totalWithoutVat : \"\"}
\n
\n
\n
{t(\"TotalWithVat\")}:
\n
{props.data ? props.data.totalWithVat : \"\"}
\n
\n
\n
{t(\"TotalPayment\")}:
\n
{props.data ? props.data.totalPayment : \"\"}
\n
\n
\n\n
\n
\n \n \n {props.data ? props.data.seriesNumber + \" \" : \"\"} \n {props.data ? props.data.invoiceType : \"\"}
\n
\n\n
\n
{props.data ? props.data.customerName + \" (\" + props.data.customerTaxPayerId + \")\" : \"\"}
\n
\n
\n
{props.data ? moment(props.data.invoiceDate).format('DD/MM/YYYY') : \"\"}
\n
\n\n
\n
{t(\"VatAmount\")}: {props.data ? (props.data.totalWithVat - props.data.totalWithoutVat).toFixed(2) : 0.00}
\n
{t(\"TotalPaymentMin\")}: {props.data ? props.data.totalPayment.toFixed(2) : 0.00}
\n
\n
{seriesNumber} \n\n
\n \n \n\n \n {seriesNumber} {canceledIcon}\n } transition>\n \n \n \n \n );\n});\n\n\nconst DateRendener = forwardRef((props, ref) => {\n const { t } = useTranslation();\n const [date, setDate] = useState(moment(props.value).format('DD/MM/YYYY'));\n\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n\n if (val) {\n setDate(val);\n }\n }\n };\n\n });\n\n const styleDate = (date) => {\n var _date = date.split(\" \")[0]\n var _time = date.split(\" \")[1]\n return <>{_date} {_time} \n }\n\n\n return (\n\n {styleDate(date)} \n );\n});\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n const { t } = useTranslation();\n const [actionElement, setActionElement] = useState({seriesNumber} \n\n
\n \n \n\n
\n \n {actionElement} \n );\n});\n\n\nexport default function PreSaleSearch() {\n\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t } = useTranslation();\n const [printSale, setPrintSale] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(0);\n const [fastFilter, setFastFilter] = useState(\"\");\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const [showEmailModal, setShowEmailModal] = useState(false);\n const { control, formState: { errors } } = useForm();\n const [customerContacts, setCustomerContacts] = useState([]);\n const [selectedCustomerContacts, setSelectedCustomerContacts] = useState([]);\n const [lineData, setLineData] = useState({});\n const iframePrintTemplate = useRef();\n var to = null;\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.innerHeight - 190);\n const detectMobile = useMobileDetect();\n const [sendPaymentLink, setSendPaymentLink] = useState(false);\n const [template, setTemplate] = useState(false);\n const [touchStart, setTouchStart] = useState(null)\n const [touchEnd, setTouchEnd] = useState(null)\n const [startDate, setStartDate] = useState();\n const [endDate, setEndDate] = useState();\n const [focusedInput, setFocusedInput] = useState();\n\n const minSwipeDistance = 200\n\n const onTouchStart = (e) => {\n setTouchEnd(null) // otherwise the swipe is fired even with usual touch events\n setTouchStart(e.targetTouches[0].clientX)\n }\n\n const onTouchMove = (e) => {\n setTouchEnd(e.targetTouches[0].clientX)\n }\n\n const onTouchEnd = () => {\n var currentPage = gridApi.paginationGetCurrentPage();\n var lastpage = gridApi.paginationGetTotalPages();\n\n if (!touchStart || !touchEnd) return\n const distance = touchStart - touchEnd\n const isLeftSwipe = distance > minSwipeDistance\n const isRightSwipe = distance < -minSwipeDistance\n if (isLeftSwipe) {\n if (currentPage != lastpage) {\n gridApi.paginationGoToPage(currentPage + 1);\n }\n\n }\n else if (isRightSwipe) {\n if (currentPage != 0) {\n gridApi.paginationGoToPage(currentPage - 1);\n }\n\n }\n\n }\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n\n var getPageObject = function () {\n var pageNo = gridApi.paginationGetCurrentPage();\n var sortBy = null;\n var order = \"asc\";\n var filterModel = gridApi.getFilterModel();\n gridApi.columnController.columnApi.getColumnState().map((v) => {\n if (v.sort != null) {\n sortBy = v.colId;\n order = v.sort\n }\n });\n\n\n var simpleColumnFilters = [];\n Object.keys(filterModel).forEach(k => {\n var obj = {\n column: k,\n filter: filterModel[k].filter,\n dateFrom: filterModel[k].dateFrom,\n dateTo: filterModel[k].dateTo,\n filterType: filterModel[k].filterType,\n searchOperator: filterModel[k].type\n }\n if (obj.column == \"seriesNumber\") {\n obj.column = \"series\";\n obj.concatWith = \"invoiceNumber\";\n }\n simpleColumnFilters.push(obj);\n })\n\n\n var object = {\n \"quickSearch\": fastFilter,\n \"pageNo\": pageNo,\n \"sortBy\": sortBy,\n \"order\": order,\n \"pageSize\": paginationPageSize,\n \"simpleColumnFilters\": simpleColumnFilters\n }\n return object;\n }\n\n const getRowData = (params) => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n\n\n var object = getPageObject();\n\n\n ApiClient.getCompanyPreSaleInstancesPage(companyId, object).then(\n response => {\n\n var saleInstances = response.data.objectList;\n var newSaleInstances = [];\n saleInstances.forEach(element => {\n var inst = element;\n inst.seriesNumber = inst.series + inst.invoiceNumber;\n newSaleInstances.push(inst);\n });\n\n params.successCallback(newSaleInstances, response.data.totalElements);\n if (newSaleInstances.length == 0) {\n gridApi.showNoRowsOverlay();\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n let timer1 = setTimeout(function () {\n gridApi.setDatasource(dataSource);\n }, 1000);\n\n return () => {\n clearTimeout(timer1);\n };\n\n }\n }, [fastFilter]);\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi.setDatasource(dataSource);\n }\n }, [gridApi]);\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n console.log(window.innerHeight - 190)\n setSheight(window.innerHeight - 190);\n }, 300);\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n console.log();\n gridApi.fastFilter = e.target.value;\n // gridApi.setQuickFilter(e.target.value);\n setFastFilter(e.target.value.trim());\n\n };\n const onClickPrint = data => {\n console.log(data)\n setPrintSale(data)\n iframePrintTemplate.current.print(data)\n }\n\n const goTo = invoiceUid => {\n history.push(\"/mydata/\" + invoiceUid);\n }\n const onPaginationChanged = (val) => {\n var currentPage = val.api.paginationGetCurrentPage();\n setCurrentPage(currentPage)\n\n }\n const dateFormatter = (params) => {\n if (params.data != undefined) {\n var dateAsString = moment(params.data.invoiceDate).format('DD/MM/YYYY')\n return dateAsString\n }\n return \"\"\n }\n const onChangeContact = data => {\n setSelectedCustomerContacts(data);\n }\n const onInputChangeContact = (contact) => {\n\n }\n\n\n\n\n function getContactEmails(sale, sendPaymentLink) {\n var customerName = sale.customeName;\n var company = JSON.parse(localStorage.getItem(\"company\"));\n var subject = t(\"emailSubject\", { company: company.name });\n\n var contactEmails = [];\n selectedCustomerContacts.forEach(contact => {\n if (contact.email == undefined || contact.email == null) {\n contact.email = contact.value;\n contact.name = contact.value\n }\n var body = \"\" + t(\"emailBody1\", { contactName: contact.name }) + \"
\";\n body += \"\" + t(\"emailBody2\", { company: company.name }) + \"
\";\n var link = \"\" + sale.invoiceType + \" \" + sale.series + sale.invoiceNumber + \" \";\n body += \"\" + t(\"emailBody3\", { link: link }) + \"
\";\n // body += \"\" + t(\"emailBody4\") + \"
\";\n var link2 = \"\" + t(\"here\") + \" \";\n if (sendPaymentLink && company.vivaQuickPay) {\n body += \"\" + t(\"emailBody6\", { link: link2 }) + \"
\";\n }\n // body += \"\" + t(\"emailBody5\") + \" \";\n contactEmails.push({\n subject: subject,\n body: body,\n email: contact.email\n });\n })\n return contactEmails;\n\n }\n const getPrintSale = (sale) => {\n var saleClone = JSON.parse(JSON.stringify(sale));\n return iframePrintTemplate.current.getPrintSale2(saleClone)\n }\n const onSendEmail = () => {\n var contactEmails = getContactEmails(lineData, sendPaymentLink);\n document.getElementById(\"template\").style.display = \"unset\";\n const ps = getPrintSale(lineData);\n\n setPrintSale(ps)\n setTimeout(function () {\n setBlockuiLoading(true)\n try {\n var store = false;\n var user=JSON.parse(localStorage.getItem(\"user\"));\n if (lineData.myDataInvoiceType == \"invoice1_1\" || lineData.myDataInvoiceType == \"invoice2_1\") {\n store = true;\n }\n iframePrintTemplate.current._sendEmail({ contacts: contactEmails, store: store, taxpayerId: lineData.company.taxpayerId , fromEmail: user.email }, function (resp) {\n setBlockuiLoading(false)\n document.getElementById(\"template\").style.display = \"none\";\n setShowEmailModal(false);\n if (resp.data.status == \"SUCCESS\") {\n toast.success(t(\"emailSended\"));\n }\n else {\n toast.error(t(\"emailNotSended\"));\n }\n });\n }\n catch (e) {\n console.error(e)\n setBlockuiLoading(false)\n }\n })\n\n }\n const exportToExcel = (e) => {\n e.preventDefault();\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n setBlockuiLoading(true)\n var object = getPageObject();\n ApiClient.exportCompanySalesToExcel(companyId, object).then(\n response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', 'export.xlsx');\n document.body.appendChild(link);\n link.click();\n setBlockuiLoading(false)\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString());\n setBlockuiLoading(false)\n }\n );\n }\n\n const getHeaderTemplate = () => {\n return \n\n \n
\n
\n
\n
\n
\n
\n
\n\n\n
\n\n
\n
\n \n {t(\"PublicationNew\")} \n
\n
\n \n
\n
\n
\n\n {/*
\n {\n if (Array.isArray(options)) {\n setSelectedOptions(options.map((opt) => opt.value));\n }\n }}\n options={allOptions}\n components={{\n Option: InputOption\n }}\n />\n
*/}\n\n
\n
\n false}\n withPortal={true}\n withFullScreenPortal={true}\n onDatesChange={({ startDate, endDate }) => {\n setStartDate(startDate);\n setEndDate(endDate);\n\n if (startDate && endDate) {\n gridApi.setFilterModel({\n \"invoiceDate\": {\n \"dateFrom\": moment(startDate).format('YYYY-MM-DD'),\n \"dateTo\": moment(endDate).format('YYYY-MM-DD'),\n \"type\": \"inRange\",\n \"filterType\": \"date\"\n }\n });\n }\n }}\n focusedInput={focusedInput}\n orientation=\"vertical\"\n onFocusChange={(focusedInput) => {\n setFocusedInput(focusedInput);\n\n }\n }\n />\n
\n
\n
\n {\n detectMobile.isDesktop() ?\n
\n \n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n animateRows={true}\n\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n dateRendener: DateRendener,\n agDateInput: CustomDateComponent\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n gridOptions={{ suppressMenuHide: true }}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n suppressMovable:true,\n autoHeight: true, icons: {\n menu: ' params.data != null ? params.data.totalWithoutVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithoutVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithoutVat\"> \n params.data != null ? params.data.totalWithVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithVat\"> \n :\n \n \n \n
\n \n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n animateRows={true}\n suppressCellSelection={true}\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n dateRendener: DateRendener,\n agDateInput: CustomDateComponent,\n lineInfoRenderer: LineInfoRenderer,\n allFieldsRenderer: AllFieldsRenderer\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n overlayLoadingTemplate={\n '\n \n \n \n {t(\"sendEmail\")} \n\n \n \n \n
\n
{t(\"customerContacts\")}\n \n {t(\"ccInfo2\")}\n \n \n\n
(\n \n\n \n )}\n control={control}\n name=\"customerContacts\"\n defaultValue=\"\"\n />\n {errors.customerContact?.message}
\n \n
\n \n {t(\"cancel\")} \n \n \n \n\n\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from \"react-router-dom\"\nimport { CustomConfirmAlert as confirmAlert } from '../components/custom-confirm-alert';\nimport moment from 'moment'\nimport BlockUi from 'react-block-ui';\nimport { toast } from 'react-toastify';\nimport CustomDateComponent from '../components/sales/customDateComponent.js';\nimport Modal from 'react-bootstrap/Modal';\nimport ReactTooltip from \"react-tooltip\";\nimport SelectTable from '../components/select-table'\nimport { useForm, Controller } from \"react-hook-form\";\nimport IFramePrintTemplate from '../components/iframe-print-template.component';\nimport MyDataLogo from \"../img/mydata.png\";\n\nconst MarkRenderer = forwardRef((props, ref) => {\n const [mark, setMark] = useState(props.value);\n const [cancellationMark, setCancellationMark] = useState(\"\");\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val) {\n setMark(val);\n }\n }\n };\n\n });\n // const cancellationMark = rowNode.data.cancellationMark != null ? rowNode.data.cancellationMark : \"\"\n\n useEffect(() => {\n if (props.node.data != null) {\n var cm = props.node.data.cancellationMark;\n setCancellationMark(props.node.data.cancellationMark)\n\n }\n }, [props.node])\n\n const showDetailsModal = (e) => {\n \n \n // props.colDef.cellRendererParams.setDetailsInfo(props.data)\n\n var mark=e.target.innerText.trim();\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n\n\n ApiClient.getCompanySaleInstanceByMark(companyId, mark).then(\n response => {\n console.log(response.data);\n props.colDef.cellRendererParams.setShowDetailsModal(true);\n props.colDef.cellRendererParams.setDetailsInfo(response.data)\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n const formatMark = (mark) => {\n if (mark) {\n var markArray = mark.split(\",\");\n var _fullmark = [];\n if (markArray) {\n markArray.forEach(m => {\n var series = m.match(/\\((.*?)\\)/);\n var mark = m.replace(series[0], \"\").trim();\n\n // var _mark={m} \n _fullmark.push([{\"(\" + series[1] + \")\"} {mark} ] )\n\n })\n }\n\n return _fullmark;\n }\n return <>;\n }\n\n return (\n\n {formatMark(mark)} \n );\n});\nconst SeriesNumberRendener = forwardRef((props, ref) => {\n const [seriesNumber, setSeriesNumber] = useState(props.value);\n const [canceledIcon, setCanceledIcon] = useState(\"\");\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n\n\n if (val) {\n setSeriesNumber(val);\n }\n }\n };\n\n });\n // const canceledIcon = props.node.data.canceled? {seriesNumber} {canceledIcon}{_date} {_time} \n }\n\n\n return (\n\n {styleDate(date)} \n );\n});\n\nconst ActionsRenderer = forwardRef((props, ref) => {\n const { t } = useTranslation();\n const [actionElement, setActionElement] = useState({seriesNumber} \n \n
\n \n setActionElement(actionel)\n\n setIsCanceled(true)\n }\n else {\n rowNode.gridApi.refreshInfiniteCache()\n }\n\n\n\n toast.success(t(\"invoiceCanceled\", { mark: cancelMark }), { autoClose: 5000 })\n }\n else {\n var errors = response.data.response[0].errors.error;\n errors.forEach(e => {\n toast.error(e.message, { autoClose: 5000 })\n })\n }\n\n props.colDef.cellRendererParams.blockUi(false)\n\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n props.colDef.cellRendererParams.blockUi(false)\n }\n );\n }\n },\n {\n label: t('No'),\n onClick: () => {\n }\n }\n ]\n });\n\n\n\n }\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n\n\n\n }\n };\n\n });\n\n const showEmailModal = () => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.findCompanyCustomerContacts(companyId, props.data.customerTaxPayerId, props.data.customerName).then(\n response => {\n var contacts = response.data;\n var _contacts = []\n contacts.forEach(e => {\n _contacts.push({\n value: e.email,\n name: e.name,\n email: e.email,\n label: e.email\n })\n });\n\n\n var columns = [\n {\n header: t(\"Name\"),\n field: \"name\",\n flex: 6,\n // asLabel: true\n },\n {\n header: t(\"Email\"),\n field: \"email\",\n flex: 6\n }\n ]\n\n var opts = { data: _contacts, columns: columns };\n\n props.colDef.cellRendererParams.setShowEmailModal(true);\n props.colDef.cellRendererParams.setCustomerContacts(opts);\n props.colDef.cellRendererParams.setLineData(props.data);\n\n },\n error => {\n console.log(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n\n }\n\n const hangleEdit = () => {\n history.push(\"/sale/\" + props.node.data.id);\n }\n\n useEffect(() => {\n // \n if (props.node.data != null) {\n var mark = props.node.data.mark;\n var cancelMark = props.node.data.cancellationMark;\n var _htm2 = {cancelMark} {mark} \n \n
\n \n setActionElement(actionel)\n }\n\n\n\n }, [props.node])\n\n return (\n\n {actionElement} \n );\n});\n\n\nexport default function SaleGroupedSearch() {\n\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const [gridApi2, setGridApi2] = useState(null);\n const { t } = useTranslation();\n const [printSale, setPrintSale] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(0);\n const [fastFilter, setFastFilter] = useState(\"\");\n const [blockuiLoading, setBlockuiLoading] = useState(false);\n const [showEmailModal, setShowEmailModal] = useState(false);\n const { control, formState: { errors } } = useForm();\n const [customerContacts, setCustomerContacts] = useState([]);\n const [selectedCustomerContacts, setSelectedCustomerContacts] = useState([]);\n const [lineData, setLineData] = useState({});\n const iframePrintTemplate = useRef();\n var to = null;\n const pagination = true;\n const paginationPageSize = 20;\n const [sheight, setSheight] = useState(window.screen.height * 0.8 - 240);\n\n const [sendPaymentLink, setSendPaymentLink] = useState(false);\n const [showDetailsModal, setShowDetailsModal] = useState(false);\n\n\n const blockUi = (block) => {\n setBlockuiLoading(block)\n }\n\n const getRowData = (params) => {\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n var pageNo = gridApi.paginationGetCurrentPage();\n var sortBy = null;\n var order = \"asc\";\n var filterModel = gridApi.getFilterModel();\n gridApi.columnController.columnApi.getColumnState().map((v) => {\n if (v.sort != null) {\n sortBy = v.colId;\n order = v.sort\n }\n });\n\n\n var simpleColumnFilters = [];\n Object.keys(filterModel).forEach(k => {\n var obj = {\n column: k,\n filter: filterModel[k].filter,\n dateFrom: filterModel[k].dateFrom,\n dateTo: filterModel[k].dateTo,\n filterType: filterModel[k].filterType,\n searchOperator: filterModel[k].type\n }\n if (obj.column == \"seriesNumber\") {\n obj.column = \"series\";\n obj.concatWith = \"invoiceNumber\";\n }\n simpleColumnFilters.push(obj);\n })\n\n\n var object = {\n \"quickSearch\": fastFilter,\n \"pageNo\": pageNo,\n \"sortBy\": sortBy,\n \"order\": order,\n \"pageSize\": paginationPageSize,\n \"simpleColumnFilters\": simpleColumnFilters\n }\n\n ApiClient.getGroupedSaleInstancePage(companyId, object).then(\n response => {\n\n var saleInstances = response.data.objectList;\n var newSaleInstances = [];\n saleInstances.forEach(element => {\n var inst = element;\n inst.seriesNumber = inst.series + inst.invoiceNumber;\n newSaleInstances.push(inst);\n });\n\n params.successCallback(newSaleInstances, response.data.totalElements);\n if (newSaleInstances.length == 0) {\n gridApi.showNoRowsOverlay();\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n }\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n let timer1 = setTimeout(function () {\n gridApi.setDatasource(dataSource);\n }, 1000);\n\n return () => {\n clearTimeout(timer1);\n };\n\n }\n }, [fastFilter]);\n\n\n useEffect(() => {\n if (gridApi) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi.setDatasource(dataSource);\n }\n if (gridApi2) {\n const dataSource = {\n getRows: (params) => {\n let mounted = true;\n if (mounted) {\n getRowData(params);\n }\n return () => mounted = false;\n }\n }\n\n gridApi2.setDatasource(dataSource);\n }\n }, [gridApi, gridApi2]);\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n };\n\n\n const onGridReady2 = params => {\n setGridApi2(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n setSheight(window.screen.height * 0.8 - 240);\n }, 300);\n });\n\n };\n\n\n\n const onQuickFilterChanged = e => {\n gridApi.fastFilter = e.target.value;\n setFastFilter(e.target.value);\n\n };\n const print = (psale) => {\n iframePrintTemplate.current.print(psale)\n }\n const onClickPrint = data => {\n console.log(data)\n setPrintSale(data)\n setTimeout(function () {\n print(data);\n })\n }\n const goTo = invoiceUid => {\n history.push(\"/mydata/\" + invoiceUid);\n }\n const onPaginationChanged = (params) => {\n var currentPage = params.api.paginationGetCurrentPage();\n if (gridApi) {\n gridApi.paginationGoToPage(currentPage);\n }\n\n\n }\n const dateFormatter = (params) => {\n if (params.data != undefined) {\n var dateAsString = moment(params.data.invoiceDate).format('DD/MM/YYYY hh:mm')\n console.log(dateAsString)\n return dateAsString\n }\n return \"\"\n }\n const onChangeContact = data => {\n setSelectedCustomerContacts(data);\n }\n const onInputChangeContact = (contact) => {\n\n }\n function getContactEmails(sale, sendPaymentLink) {\n var customerName = sale.customeName;\n var company = JSON.parse(localStorage.getItem(\"company\"));\n var subject = t(\"emailSubject\", { company: company.name });\n\n var contactEmails = [];\n selectedCustomerContacts.forEach(contact => {\n if (contact.email == undefined || contact.email == null) {\n contact.email = contact.value;\n contact.name = contact.value\n }\n var body = \"\" + t(\"emailBody1\", { contactName: contact.name }) + \"
\";\n body += \"\" + t(\"emailBody2\", { company: company.name }) + \"
\";\n var link = \"\" + sale.invoiceType + \" \" + sale.series + sale.invoiceNumber + \" \";\n body += \"\" + t(\"emailBody3\", { link: link }) + \"
\";\n body += \"\" + t(\"emailBody4\") + \"
\";\n var link2 = \"\" + t(\"here\") + \" \";\n if (sendPaymentLink && company.vivaQuickPay) {\n body += \"\" + t(\"emailBody6\", { link: link2 }) + \"
\";\n }\n // body += \"\" + t(\"emailBody5\") + \" \";\n contactEmails.push({\n subject: subject,\n body: body,\n email: contact.email\n });\n })\n return contactEmails;\n\n }\n const getPrintSale = (sale) => {\n var saleClone = JSON.parse(JSON.stringify(sale));\n return iframePrintTemplate.current.getPrintSale2(saleClone)\n }\n const onSendEmail = () => {\n var contactEmails = getContactEmails(lineData, sendPaymentLink);\n document.getElementById(\"template\").style.display = \"unset\";\n const ps = getPrintSale(lineData);\n\n setPrintSale(ps)\n setTimeout(function () {\n setBlockuiLoading(true)\n try {\n iframePrintTemplate.current._sendEmail(contactEmails, function (resp) {\n setBlockuiLoading(false)\n document.getElementById(\"template\").style.display = \"none\";\n setShowEmailModal(false);\n if (resp.data.status == \"SUCCESS\") {\n toast.success(t(\"emailSended\"));\n }\n else {\n toast.error(t(\"emailNotSended\"));\n }\n });\n }\n catch (e) {\n console.error(e)\n setBlockuiLoading(false)\n }\n })\n\n }\n const exportToExcel = (e) => {\n e.preventDefault();\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n setBlockuiLoading(true)\n ApiClient.exportCompanySalesToExcel(companyId).then(\n response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', 'export.xlsx');\n document.body.appendChild(link);\n link.click();\n setBlockuiLoading(false)\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString());\n setBlockuiLoading(false)\n }\n );\n }\n\n const getHeaderTemplate = () => {\n return {t(\"priceWithoutVat\")} {t(\"vat\")} {t(\"priceWithVat\")} {t(\"saleEntryClassifications\")} {entry.priceWithoutVat} {entry.vat.value} {entry.priceWithVat} {saleEntryClassificationRender(entry.saleEntryClassifications)} {t(\"incomingClassificationCategoryType\")} {t(\"incomingClassificationValueType\")} {t(\"amount\")} {t(classCat)} {t(classType)} {entry.amount} \n\n \n
\n
\n
\n\n
\n
\n
\n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n suppressRowTransform={true}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n seriesNumberRendener: SeriesNumberRendener,\n dateRendener: DateRendener,\n agDateInput: CustomDateComponent\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n gridOptions={{ suppressMenuHide: true }}\n skipHeaderOnAutoSize={true}\n alwaysShowHorizontalScroll={true}\n defaultColDef={{\n flex: 1,\n resizable: true,\n sortable: true,\n wrapText: true,\n suppressMovable:true,\n autoHeight: true, icons: {\n menu: ' params.data != null ? params.data.totalWithoutVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithoutVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithoutVat\"> \n params.data != null ? params.data.totalWithVat.toFixed(2) : 0.00} flex={2} headerName={t(\"TotalWithVat\")} sortable={true} filter=\"agNumberColumnFilter\" field=\"totalWithVat\"> \n \n
\n
\n
\n\n
\n
\n
goTo(e.data.invoiceUid)}\n // rowData={content}\n // domLayout={'autoHeight'}\n suppressRowTransform={true}\n frameworkComponents={{\n markRenderer: MarkRenderer\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n skipHeaderOnAutoSize={true}\n alwaysShowHorizontalScroll={true}\n onPaginationChanged={onPaginationChanged}\n rowModelType={'infinite'}\n cacheBlockSize={paginationPageSize}\n gridOptions={{ suppressMenuHide: true }}\n onBodyScroll={function (e) {\n var el = document.querySelector(\".left-table .ag-body-viewport\");\n if (el) {\n try {\n el.scrollTop = e.top\n }\n catch (e) {\n console.error(e)\n }\n }\n\n }}\n\n >\n \n
\n
\n
\n\n
\n\n
\n
\n \n {t(\"invoiceDetails\")} \n \n \n \n
MARK: {detailsInfo?detailsInfo.mark:\"\"} \n {detailsInfo ? saleEntriesRender(detailsInfo.saleEntries) : \"\"}\n \n \n \n {t(\"cancel\")} \n \n \n\n\n\n \n );\n}\n\n\n","import React, { useState, useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport ApiClient from \"../services/api-client\"\nimport { AgGridColumn, AgGridReact } from 'ag-grid-react';\nimport { useHistory } from \"react-router-dom\"\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\n\n\nexport default function CompanyBusinessCard() {\n\n const [content, setContent] = React.useState(0);\n const history = useHistory();\n const pagination = true;\n const paginationPageSize = 10;\n const { t } = useTranslation();\n const { taxpayerId } = useParams();\n const { branchId } = useParams();\n\n\n useEffect(() => {\n\n ApiClient.getCompanyCard(taxpayerId,branchId).then(\n response => {\n console.log(response.data)\n\n setContent(response.data)\n },\n error => {\n console.log(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n return (\n \n
\n
\n
\n {content.companyName}\n
\n
\n {content ? content.companySubjectField: \"\"}\n
\n
\n {content ? content.companyAddress : \"\"}\n
\n\n
\n
\n
\n \n );\n});\n\nconst DoubleValRenderer = forwardRef((props, ref) => {\n\n\n const [val, setVal] = useState(props.value);\n \n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val !== undefined) {\n var _val;\n if (props.colDef.cellRendererParams && props.colDef.cellRendererParams.precision) {\n _val = parseFloat(val.replace(\",\", \".\")).toFixed(props.colDef.cellRendererParams.precision);\n }\n else {\n _val = parseFloat(val.replace(\",\", \".\")).toFixed(2);\n }\n\n setVal(_val);\n props.node.setDataValue(props.column.colId, _val);\n\n }\n\n }\n };\n });\n if (props.colDef.field == \"price\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else {\n return {val && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n});\n\n\nconst CheckboxRenderer = forwardRef((props, ref) => {\n\n\n const [checked, setChecked] = useState(props.value?props.value:false);\n const [disabled, setDisabled] = useState(false);\n const { t, i18n } = useTranslation();\n\n const onChangeStatus = (e) => {\n \n props.node.setDataValue(props.column.colId, e.target.checked);\n }\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setChecked(val);\n }\n\n }\n };\n });\n return \n\n
\n
\n
\n\n \n
\n
\n
\n {t(\"DeductionsInfo\")}\n
\n
\n \n );\n});\nconst doubleValRenderer = forwardRef((props, ref) => {\n\n\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setVal(val);\n }\n\n }\n };\n });\n if (props.colDef.field == \"price\") {\n return {val != null && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n else {\n return {val && val != \"\" ? parseFloat(val).toFixed(2) : } \n\n }\n});\n\n\nconst InvoiceTypeRenderer = forwardRef((props, ref) => {\n const [mu, setMU] = useState(props.value);\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setMU(val);\n }\n\n }\n };\n });\n return (\n {mu ? mu.label : } \n\n );\n});\nconst InvoiceTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t, i18n } = useTranslation();\n\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n setTimeout(function () {\n props.node.setDataValue(\"invoiceType\", val);\n props.node.setDataValue(\"selfPricing\", false);\n });\n \n var opts = [];\n var expenses = props.node.data.selfPricing ? props.node.data.selfPricing : false;\n\n ApiClient.getClassificationCategoriesOfMyDataInvoice(val.myDataInvoiceType, expenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategoryType;\n var _classificationValueTypes;\n _classificationCategoryType = element.classificationCategory;\n _classificationValueTypes = element.classificationValues;\n var prefix = _classificationCategoryType.replace(\"CATEGORY_\", \"\") + \") \";\n if (props.node.data.selfPricing) {\n _classificationCategoryType = element.classificationCategory;\n _classificationValueTypes = element.classificationValues;\n }\n\n\n _optionIncClassCategories.push({\n value: _classificationCategoryType,\n label: prefix + t(_classificationCategoryType),\n classificationValues: _classificationValueTypes,\n });\n });\n // console.log( props.node)\n var row_dom = document.querySelector(`.ag-center-cols-container > div[row-index=\"${props.node.rowIndex}\"][role=\"row\"]`)\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n setTimeout(function () {\n var el = row_dom.querySelector(\"input[type='checkbox']\");\n props.node.setDataValue(\"classificationCategoryTypes\", _optionIncClassCategories);\n\n props.node.setDataValue(\"classificationCategory\", { value: undefined, label: undefined });\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n if ((val)) {\n if (!selfpricing_invoicearr.includes(val.myDataInvoiceType)) {\n\n el.disabled = true;\n }\n else {\n el.disabled = false;\n }\n }\n else {\n el.disabled = false;\n }\n\n\n });\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\n\nconst CheckboxRenderer = forwardRef((props, ref) => {\n\n\n const [checked, setChecked] = useState(props.value);\n const [disabled, setDisabled] = useState(false);\n const { t, i18n } = useTranslation();\n\n const onChangeStatus = (e) => {\n props.node.setDataValue(\"selfPricing\", e.target.checked);\n setTimeout(function () {\n props.api.stopEditing();\n\n var opts = [];\n var expenses = props.node.data.selfPricing ? props.node.data.selfPricing : false;\n\n ApiClient.getClassificationCategoriesOfMyDataInvoice(props.node.data.invoiceType.myDataInvoiceType, expenses).then(response => {\n var data = response.data;\n var _optionIncClassCategories = [];\n data.forEach(element => {\n var _classificationCategoryType;\n var _classificationValueTypes;\n _classificationCategoryType = element.classificationCategory;\n _classificationValueTypes = element.classificationValues;\n \n\n var prefix = _classificationCategoryType.replace(\"CATEGORY_\", \"\") + \") \";\n _optionIncClassCategories.push({\n value: _classificationCategoryType,\n label: prefix + t(_classificationCategoryType),\n classificationValues: _classificationValueTypes,\n });\n });\n setTimeout(function () {\n \n });\n \n\n // console.log( props.node)\n var row_dom = document.querySelector(`.ag-center-cols-container > div[row-index=\"${props.node.rowIndex}\"][role=\"row\"]`)\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n setTimeout(function () {\n\n props.node.setDataValue(\"classificationCategoryTypes\", _optionIncClassCategories);\n props.node.setDataValue(\"classificationCategory\", { value: undefined, label: undefined });\n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n\n var el = row_dom.querySelector(\"input[type='checkbox']\");\n\n if ((props.data.invoiceType)) {\n if (!selfpricing_invoicearr.includes(props.data.invoiceType.myDataInvoiceType)) {\n\n el.disabled = true;\n }\n else {\n el.disabled = false;\n }\n }\n else {\n el.disabled = false;\n }\n\n\n }, 100);\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n })\n }\n\n\n\n useImperativeHandle(ref, () => {\n var countDisplayedRows = props.agGridReact.api.getDisplayedRowCount() - 1;\n var selfpricing_invoicearr = [\"invoice1_1\", \"invoice1_4\", \"invoice1_5\", \"invoice1_6\", \"invoice2_1\", \"invoice2_4\", \"invoice5_1\", \"invoice5_2\"]\n\n if (props.rowIndex == countDisplayedRows) {\n setDisabled(true);\n }\n else {\n if ((props.data.invoiceType)) {\n if (!selfpricing_invoicearr.includes(props.data.invoiceType.myDataInvoiceType)) {\n\n setDisabled(true);\n }\n else {\n setDisabled(false);\n }\n }\n else {\n setDisabled(false);\n }\n\n }\n\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n setChecked(val);\n }\n\n }\n };\n });\n return {mu ? mu.label : } \n\n );\n});\nconst IncomingClassCategoryTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n focus();\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n\n useEffect(() => {\n if (props.data.invoiceType == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.invoiceType]);\n\n useEffect(() => {\n console.error(props.data.invoiceType);\n\n if (!editing) {\n\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n const { t } = useTranslation();\n\n const onSelectChange = val => {\n\n var old_val=props.node.data.classificationCategory.value;\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n \n \n props.node.setDataValue(\"classificationCategory\", val);\n\n var opts = [];\n\n val.classificationValues.forEach(element => {\n opts.push({\n value: element,\n label: t(element) + \" (\" + element + \")\",\n });\n });\n\n props.node.setDataValue(\"classificationValues\", opts);\n //if classificationCategory changed\n if(old_val!=val.value){\n \n props.node.setDataValue(\"classificationValue\", { value: undefined, label: undefined });\n }\n\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst IncomingClassValueTypeRenderer = forwardRef((props, ref) => {\n const [val, setVal] = useState(props.value);\n const { t, i18n } = useTranslation();\n\n useImperativeHandle(ref, () => {\n return {\n refresh(params) {\n var val = props.getValue();\n if (val != undefined) {\n var rowNode = props.agGridReact.api.getRowNode(props.rowIndex);\n setVal(val);\n }\n\n }\n };\n });\n return (\n {val != null ? val.label : } \n );\n});\nconst IncomingClassValueTypeEditor = forwardRef((props, ref) => {\n const [selectedVal, setSelectedVal] = useState(props.value);\n const [editing, setEditing] = useState(true);\n const refContainer = useRef(null);\n\n\n useEffect(() => {\n\n focus();\n }, []);\n\n\n useImperativeHandle(ref, () => {\n return {\n getValue() {\n return selectedVal != null ? selectedVal : props.value;\n },\n\n isPopup() {\n return true;\n }\n };\n });\n\n console.error(props.data)\n useEffect(() => {\n if (props.data.classificationCategory.value == undefined) {\n props.api.stopEditing();\n }\n }, [props.data.classificationCategory.value]);\n\n useEffect(() => {\n if (!editing) {\n props.api.stopEditing();\n }\n }, [editing]);\n\n const focus = () => {\n window.setTimeout(() => {\n let container = ReactDOM.findDOMNode(refContainer.current);\n if (container) {\n container.focus();\n }\n });\n };\n\n\n const onSelectChange = val => {\n setSelectedVal(val);\n setTimeout(function () {\n props.api.stopEditing();\n // props.node.setDataValue(\"incomingClassificationValueType\", val);\n\n })\n\n }\n const onMouseOver = e => {\n refContainer.current.setState({ isOpen: true })\n let container = ReactDOM.findDOMNode(e.target).parentNode.getElementsByTagName(\"input\")[0];\n if (container != undefined) {\n container.focus();\n }\n }\n\n\n return (\n\n \n \n \n \n
\n );\n});\nconst ProductCategoryClassificationsGrid = forwardRef((props, ref) => {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n const { t, i18n } = useTranslation();\n const { formState: { errors }, trigger } = useForm();\n const [hasError, setHasError] = useState(false);\n\n const rowStyle = { background: 'white' };\n\n\n useImperativeHandle(ref, () => ({\n\n transformData(data){\n var newData = [];\n data.forEach(el => {\n var cats = [];\n var values = [];\n \n el.suggestedInvoiceCategories.forEach(e => {\n var prefix;\n if (el.selfPricing) {\n prefix = e.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n cats.push({\n value: e.classificationCategory,\n label: prefix + t(e.classificationCategory),\n classificationValues: e.classificationValues\n })\n }\n else {\n prefix = e.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n cats.push({\n value: e.classificationCategory,\n label: prefix + t(e.classificationCategory),\n classificationValues: e.classificationValues\n })\n }\n \n })\n \n el.classificationValues.forEach(e => {\n values.push({\n value: e,\n label: t(e) + \"(\" + e + \")\"\n })\n })\n var prefix;\n prefix = el.classificationCategory.replace(\"CATEGORY_\", \"\") + \") \";\n var fel = {\n id: el.id,\n classificationCategory: { value: el.classificationCategory, label: prefix + t(el.classificationCategory) },\n classificationValue: { value: el.classificationValue, label: t(el.classificationValue) + \"(\" + el.classificationValue + \")\" },\n invoiceType: { value: el.invoiceType.id, label: el.invoiceType.name, myDataInvoiceType: el.invoiceType.myDataInvoiceType },\n classificationCategoryTypes: cats,\n classificationValues: values,\n selfPricing: el.selfPricing,\n }\n newData.push(fel)\n });\n return newData;\n },\n getData() {\n var items = [];\n var _items = [];\n gridApi.forEachNode(node => {\n items.push(node.data);\n });\n items.pop();\n items.forEach(element => {\n var obj = {\n \"id\": element.id,\n \"invoiceType\": { id: element.invoiceType.value, myDataInvoiceType: element.invoiceType.myDataInvoiceType, name: element.invoiceType.label },\n \"classificationCategory\": element.classificationCategory.value,\n \"classificationValue\": element.classificationValue.value,\n \"selfPricing\": element.selfPricing\n }\n _items.push(obj);\n\n });\n return _items;\n },\n hasError() {\n return hasError;\n },\n setData(data) {\n if (data != undefined) {\n var newdata = [];\n data.forEach(e => {\n if (e.selfPricing) {\n e.classificationCategory = e.classificationCategory;\n e.classificationValue = e.classificationValue;\n }\n newdata.push(e)\n })\n newdata.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n gridApi.setRowData(newdata)\n }\n else {\n data = [];\n data.push({ classificationValueType: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n gridApi.setRowData(data)\n }\n }\n\n }));\n\n\n const isValid = (nodeData) => {\n return nodeData.data.classificationCategory.value != \"\"\n && nodeData.data.classificationCategory.value != undefined\n && nodeData.data.classificationValue.value != undefined\n && nodeData.data.classificationValue.value != \"\"\n }\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n\n });\n });\n var data = props.productClassifications;\n console.error(data)\n if (data != undefined) {\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n else {\n data = [];\n data.push({ classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } })\n params.api.setRowData(data)\n }\n };\n\n const addRow = () => {\n\n // var _data = gridApi.gridOptionsWrapper.gridOptions.rowData;\n var data = { classificationValue: { value: undefined, label: undefined }, classificationCategory: { value: undefined, label: undefined } };\n // gridApi.updateRowData({ add: data, addIndex: -1 });\n\n let rowData = [];\n gridApi.forEachNode(node => rowData.push(node.data));\n\n rowData.push(data)\n gridApi.setRowData(rowData)\n\n\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n gridApi.ensureIndexVisible(countDisplayedRows, 'top');\n }\n const toastId = useRef(null);\n const onCellValueChanged = (params) => {\n // params.node.rowIndex\n var nodeIndex = params.node.rowIndex;\n var countDisplayedRows = gridApi.getDisplayedRowCount() - 1;\n if (nodeIndex == countDisplayedRows && params.newValue != undefined) {\n addRow(nodeIndex);\n }\n var items = [];\n gridApi.forEachNode(node => {\n items.push(node);\n });\n items.pop();\n items.forEach(node => {\n\n\n\n if (params.node.data.invoiceType &&\n params.node.data.classificationCategory &&\n params.node.data.classificationValue &&\n node.data.classificationCategory &&\n node.data.classificationValue &&\n node.data.invoiceType && nodeIndex != node.rowIndex) {\n\n var cond = params.node.data.classificationCategory.value == node.data.classificationCategory.value &&\n params.node.data.classificationValue.value == node.data.classificationValue.value &&\n params.node.data.invoiceType.value == node.data.invoiceType.value\n\n if (cond) {\n var row_dom = document.querySelector(`.classificationGrid .ag-center-cols-container > div[row-index=\"${params.node.rowIndex}\"][role=\"row\"]`)\n row_dom.style.backgroundColor = '#ffb09c'\n setTimeout(function () {\n if (!toast.isActive(toastId.current)) {\n toastId.current = toast.error(t(\"duplicateInvoiceTypeCategoryTypeCategoryValue\"));\n }\n setHasError(true)\n }, 100)\n return;\n }\n\n }\n });\n\n }\n\n const getRowStyle = params => {\n\n\n if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1) {\n return {\n background: '#d2f6fac7'\n };\n\n }\n else {\n if (!isValid(params.node)) {\n setHasError(true)\n return { background: '#ffb09c' };\n }\n else {\n setHasError(false)\n if (params.node.data.global) {\n return { background: '#eee' };\n }\n else {\n return { background: 'white' };\n }\n }\n }\n };\n\n const onRemoveRow = () => {\n var rowData = [];\n if (gridApi != undefined) {\n gridApi.forEachNode(node => rowData.push(node.data));\n rowData.pop();\n }\n }\n\n return (\n \n\n
\n
\n
\n\n {/* suppressSizeToFit={true} */}\n \n
\n
\n\n
{branch != null && branch.label != undefined ? branch.label : \n );\n});\n\n\nexport default function ProductCategorySearch() {\n\n const [content, setContent] = useState([]);\n const history = useHistory();\n const [gridApi, setGridApi] = useState(null);\n const { t, i18n } = useTranslation();\n\n useEffect(() => {\n\n var companyId = JSON.parse(localStorage.getItem(\"company\")).id;\n ApiClient.getCompanyProductCategories(companyId).then(\n response => {\n console.log(response.data)\n setContent(response.data);\n\n },\n error => {\n setContent(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n );\n\n }, []);\n\n const pagination = true;\n const paginationPageSize = 10;\n\n\n const onGridReady = params => {\n setGridApi(params.api);\n // params.api.sizeColumnsToFit();\n window.addEventListener('resize', function () {\n setTimeout(function () {\n // params.api.sizeColumnsToFit();\n });\n });\n\n // params.api.sizeColumnsToFit();\n };\n const onQuickFilterChanged = e => {\n gridApi.setQuickFilter(e.target.value);\n };\n\n\n const goTo = id => {\n history.push(\"/productCategory/\" + id);\n }\n return (\n\n \n
\n
\n
\n
\n
\n
{t(\"productCategoriesInfo\")}
\n
\n
\n
\n
\n
\n\n
\n \n
goTo(e.data.id)}\n rowData={content}\n frameworkComponents={{\n actionsRenderer: ActionsRenderer,\n }}\n overlayNoRowsTemplate={\n '' + t('noEntries') + ' '\n }\n >\n \n
);\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nclass NotFound extends Component {\n render() {\n return (\n \n
\n 404\n \n
\n The Page you're looking for was not found.\n
\n
Go Back \n
\n \n \n
\n\n );\n\n}\n","import React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport ApiClient from \"../services/api-client\"\nimport { useTranslation } from 'react-i18next';\nimport { VIVA_VIEW_TRANSACTION } from '../util/constants';\n\n\nexport default function ChoosePackage() {\n\n\n\n const { formState: { errors } } = useForm();\n const { t } = useTranslation();\n\n const createReccuringPaymentOrder = (e,packId) => {\n ApiClient.createReccuringPaymentOrder(packId).then(\n (response) => {\n console.log(response)\n if (response.data.Success) {\n localStorage.setItem(\"packId\",packId);\n window.location = VIVA_VIEW_TRANSACTION + \"/web/checkout?ref=\" + response.data.OrderCode;\n }\n },\n error => {\n console.error(\n (error.response &&\n error.response.data &&\n error.response.data.message) ||\n error.message ||\n error.toString())\n }\n )\n }\n \n return (\n \n
\n
{t(\"choosePackage\")} \n
\n
\n\n
\n\n
\n\n \n\n
\n\n
\n\n
\n
\n\n
Μικρές επιχειρήσεις \n
5€ / μήνα
\n
\n 10 Τιμολόγια \n ΑΑΔΕ- Σύνδεση με myDATA \n Απεριόριστα τιμολόγια \n \n
createReccuringPaymentOrder(e,\"PACKAGE_0\")}>{t(\"startNow\")} \n
\n
\n
\n
\n
\n\n
\n\n
\n \n\n\n\n
\n \n {t(\"monthlyPacks\")} \n \n \n {t(\"yearlyPacks\")}-18% \n \n \n
\n
\n
\n
\n Ο παρακάτω τιμές αναφέρονται σε 12 μήνες συνδρομή\n
\n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 25 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_5\")}>Ξεκινήστε με 4.16 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 200 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_6\")}>Ξεκινήστε με 6.66 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 500 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_7\")}>Ξεκινήστε με 9.25 € \n
\n
\n\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 24000 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_8\")}>Ξεκινήστε με 16.66 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Απεριόριστα τιμολόγια \n\n \n\n
createOrder(e, \"PACKAGE_9\")}>Ξεκινήστε με 25.00 € \n
\n
\n\n
\n\n\n\n
\n\n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 25 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_0\")}>Ξεκινήστε με 4.99 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 200 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_1\")}>Ξεκινήστε με 7.99 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 500 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_2\")}>Ξεκινήστε με 10.99 € \n
\n
\n\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Εως και 2000 τιμολόγια/μήνα \n\n \n\n
createOrder(e, \"PACKAGE_3\")}>Ξεκινήστε με 19.99 € \n
\n
\n\n
\n
\n\n
\n
\n Σύνδεση με το \n Απεριόριστα τιμολόγια \n\n \n\n
createOrder(e, \"PACKAGE_4\")}>Ξεκινήστε με 29.99 € \n
\n
\n\n
\n
\n
\n\n
\n
\n\n
\n Τρόποι πληρωμής \n \n ΚΑΡΤΑ (προτεινόμενος) \n ΜΕΤΡΗΤΑ \n e-banking \n \n
\n
\n
Στις τιμές δεν περιλαμβάνεται Φ.Π.Α.
\n\n
\n
\n
\n
Ξεκίνα σήμερα τη συνδρομή σου! Οι συνδρομές στο πρόγραμμα ανανεώνονται αυτόματα εκτός και αν ακυρώσετε τη συνδρομή σας \n
\n\n\n\n
{choosePackageContainer}
\n
\n
\n
\n \n Γίνονται δεκτές πιστωτικές ή χρεωστικές κάρτες Visa, Mastercard ή American express, μετρητά ή E-banking οποιασδήποτε τράπεζας. Για να διασφαλιστεί ή απόλυτη ασφάλεια των ηλεκτρονικών σας συναλλαγών αυτές γίνονται με ανακατεύθυνση, μέσα από το σύστημα ασφαλείας τoυ αδειοδοτημένου από την Τράπεζα της Ελλάδος ιδρύματος πληρωμών Viva Payments η οποία εγγυάται ένα ασφαλές περιβάλλον συναλλαγών στο κορυφαίο σύστημα ηλεκτρονικών πληρωμών. Τα δεδομένα της πιστωτικής σας κάρτας δεν αποθηκεύονται στον διακομιστή μας.\n \n
\n
\n
\n\n
\n
\n
\n { history.goBack(); }} className=\"btn btn-skin\">{t(\"goBackToApplication\")} \n
\n
\n
\n
\n
\n
{t(\"youHaveToPayMess\")}: {amount}€
\n
\n \n
\n {t(\"stripePaymentSuccess\")}\n
);\n break;\n\n case 'processing':\n setMessage(\n \n {t(\"stripePaymentProcessing\")}\n
);\n break;\n\n\n case 'requires_payment_method':\n // Redirect your user back to your payment page to attempt collecting\n // payment again\n setMessage(\n \n {t(\"stripeRequiresPaymentMethod\")}\n\n
);\n break;\n\n default:\n setMessage(\n \n {t(\"stripeUknownPaymentError\")}\n
);\n break;\n }\n });\n }, [stripe]);\n\n\n return message;\n};\n\nexport default PaymentStatus;","import React from 'react';\nimport { Elements } from '@stripe/react-stripe-js';\nimport { loadStripe } from '@stripe/stripe-js';\nimport PaymentStatus from '../components/stripe-payment-status';\nimport { useTranslation } from 'react-i18next';\nimport logo from '../img/timologic_login.png';\nimport { STRIPE_PUBLISHABLE_KEY } from '../util/constants';\n\n\n\nfunction StripePaymentComplete() {\n const { t } = useTranslation();\n\n const params = new URLSearchParams(window.location.search);\n let secret = params.get('secret');\n let accountId = params.get('accountId');\n\n\n const stripePromise = loadStripe(STRIPE_PUBLISHABLE_KEY, {\n stripeAccount: accountId,\n locale: \"el\"\n });\n\n\n const options = {\n clientSecret: secret\n };\n\n return (\n \n
\n
\n \n
\n \n
\n
\n
\n
\n
\n
\n {this.state.code}\n \n
\n {this.state.message}\n
\n
Go Back \n
\n
\n
\n \n
\n\n \n
\n
\n
\n
\n \n
{version} \n {/* {t(\"technical_support_info\")} }>\n
\n */}\n \n {/*
{t(\"footermess\")}
*/}\n {/*
*/}\n
\n
\n \n \n\n {/* \n );\n}\nexport default MainLayout\n\n","import \"bootstrap/dist/css/bootstrap.min.css\";\nimport 'react-confirm-alert/src/react-confirm-alert.css';\nimport 'react-toastify/dist/ReactToastify.css';\nimport \"bootstrap/dist/js/bootstrap.bundle\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport 'font-awesome/css/font-awesome.min.css';\nimport 'react-dropzone-uploader/dist/styles.css'\nimport 'ag-grid-community/dist/styles/ag-grid.css';\nimport 'ag-grid-community/dist/styles/ag-theme-alpine.css';\nimport 'react-block-ui/style.css';\nimport 'loaders.css/loaders.min.css';\nimport \"./styles/App.css\";\nimport \"./styles/skin.css\";\nimport '@szhsin/react-menu/dist/index.css';\nimport '@szhsin/react-menu/dist/transitions/slide.css';\nimport 'react-dates/lib/css/_datepicker.css';\nimport 'tippy.js/dist/tippy.css'; \nimport 'rc-slider/assets/index.css';\nimport 'pace-js'\nimport 'pace-js/themes/blue/pace-theme-minimal.css'\n\n\nimport React, { useEffect } from \"react\";\nimport { useIdleTimer } from 'react-idle-timer'\nimport { getCurrentUser, logout } from './util/AuthUtils';\nimport { useHistory } from \"react-router-dom\"\nimport MainLayout from './components/main-layout'\n\n\nexport default function App() {\n\n const history = useHistory();\n\n const handleOnIdle = event => {\n console.error(\"Iddle 15mins\");\n logout();\n history.push(\"login\")\n }\n\n const handleOnActive = event => {\n }\n\n const handleOnAction = event => {\n }\n\n\n const { getRemainingTime, getLastActiveTime } = useIdleTimer({\n timeout: 1000 * 60 * 15,\n onIdle: handleOnIdle,\n onActive: handleOnActive,\n onAction: handleOnAction,\n debounce: 1000,\n crossTab: true\n });\n\n useEffect(() => {\n let mounted = true;\n getCurrentUser()\n .then(response => {\n if (response == undefined) {\n localStorage.removeItem(\"accessToken\")\n }\n else {\n localStorage.setItem(\"user\", JSON.stringify(response.user))\n if (response.companies && response.companies.length == 1) {\n localStorage.setItem(\"company\", JSON.stringify(response.companies[0]))\n }\n }\n }).catch(error => {\n console.error(error)\n if (error.status === 401) {\n localStorage.removeItem(\"accessToken\")\n history.push(\"login\")\n }\n\n });\n\n return () => mounted = false;\n\n }, []);\n\n return (\n \n
\n );\n}\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","import React from \"react\";\nimport './i18n';\n\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { transitions, positions, Provider as AlertProvider } from 'react-alert'\nimport AlertTemplate from 'react-alert-template-basic'\nimport { ToastContainer } from 'react-toastify';\n\n\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nconst options = {\n // you can also just use 'bottom center'\n position: positions.BOTTOM_CENTER,\n timeout: 5000,\n offset: '30px',\n // you can also just use 'scale'\n transition: transitions.SCALE\n}\n\nReactDOM.render(\n\n \n \n \n \n ,\n document.getElementById(\"root\")\n\n);\n\nserviceWorker.unregister();\n","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/viva_footer.3fc9c306.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,iVBORw0KGgoAAAANSUhEUgAAAX8AAAA7AQMAAACpNBjqAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAABlJREFUSMftwTEBAAAAwiD7p7bDbmAAAEBxC0sAAa+awk0AAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/mydata.9efdb93e.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABdFBMVEUAAADW6PT0+f2Ivd+01ez+/v/9/v7Y6vWMv+GAuN36/P7d7Pfn8vj////z+PvZ6vW72e6r0emax+SIveB3s9yRwuN+ttz8/f/6/f37/f7x+Pv3+/3////////v9vvr9Pr7/f7k8Pji7/fV6PTW6fXf7vfY6fX7/f641+3a6/bL4/L2+v241+zE3u+x0+rS5vP6/f7u9frr8/rA3O+42O2x1Op4tdymzui62e2v0+q52O2s0emUxOSQwuKnzeibyOWBud+fyueSwuJ9t90Kdr/////0+fz5+/32+v3p8/rr9frf7ffo8vnc7Pbv9vvO4/Lf7ffL4vHn8vnK4vHP5PKmzejm8fnc6vPR5fO31+3o8/rn7/Xj7PKx1OukzOjX6fWiy+fx9/unzufF3+/E3OyRwuPG4PDZ6fPG3/C21+zR5vOizOfe7fa/3O6nz+nr9PqZx+TN4/KXxuScyebe7PR6td262Oy42O1RntJGmM7////s9PrAD4PnAAAAenRSTlMAi5dqqJiXyBcR9r+em5qNhV4xMCMiB/37+Pf18urh4dnKwsK7trSyqKaimZeWlZSOi3p6c2xsaWdZVExEQTgsKRwbCwn68+rh2tfX1M3MyMPDwrOtrKqopKOenZ2ampmYlJOSjIyHgH56dXVybWpoWVJRSkA1JR0dFk+69d4AAAGHSURBVDjLddJnV9swFIDht3SEJE3IBMoeZRVoKZRC2at7s/fee4/Ln8eWiJDBPF985fNaPjpHuAbiWZHnrhe3nDESbT/nVmO++JvIxVUhtlf2omwIiIkl0FkmthEYtL9ugWLxSNEpxko28NUbfKAtM4a7cYnXEz7qoaQDpatBr+tG9TOHp+L4vK4PlKy6prdaHAfsFKsdVFA6gLInkj8Ex6UiTTD41wSVaDUiX9TQklcDzJvgN+Ce4KVIwaUq+o6AZyb4T7qiVgdStI1mB5X7InPAtLi+d90LtLdqB+11j0/QAMxKxmrQd4cZMd4/CJaBJTGaHgSLcPJNTYXxTb8dpvrq9PAuG7oDzUCtHYTafugD9KLE+mHsLgg5n6VjIr8+ocT/SMEuayYIJXAlWlGSYXGVB0yQV96O0d/oe2H+9aAdikcOrZlxMqWCszf3gg77girBKivYImitStQhUmHrVRIWxFKdDnp+EcDxU2yF9qLoCkfuuDxi+AIt0RyN1Gd51Uc3TnHcAH/DKReuFluRAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAzFBMVEUAAABVYIBVYIDW2uBUYIBWYoRVYIBVYIBVYIBOZItVX4DY3uPHzNVVYIB4gJlUYoJTYIRTYILn7O3M0tleaYe/xc5VYIC3vclnco5/h57n6+1VYIBWX4BVYILn7O1VYIDn7OxdZoZibIpmcI3m7O1xe5WLk6iDjKNUYIBVX4Dm7O1WYYBUYIBVX4Dn6+7o6Oj////l6uzh5+lWYYDn7O3O1t3n7O2wuMXk6exqc4+YobJWX4Dm7O1XY4B8g5uXn7fl7e3p6elVYIDn7O2I6TXwAAAAQnRSTlMA+eblmQ316scH++nXy8ElIBr03dPS0M7IwIFZVS354tzVzsnFw8C/nZyRjImHSgsE/PXz8d/JycfGwZ6QLCEgHRcTS3ihAAABQElEQVQ4y32S55aCMBBGJ1FAURR17djW3t3e2+T932lVhkyAc7i/SL5LMpMEGKuf9xxXON66b0Ga6spGjb2qJuLiVmAMd1c081oBU7RqnA8kEkJKvdToS/8/orTbUGcaXXIkrWF5lDcV0SSjENaxxZCl0ixpanftz6VRmYVyVNKl2w8kcizkkMgDWHaWYFvQxywBA1jr7xILJeQ9PCQ6ymCKRAEcJCqmUEHCAZEtCBamptBhwcGIF84XGCGBL/qNm3CRi8zrb6EPootGmwEP5pQ3BM8FfNR8XbeIxlEbe2A7FG7MHQB8wSskBeHDmT0Sk7tQeMeIffjkW9fBw+JeEW1ao0VP33cQxbykDJqXQqXPz77zpBK0J3IAmp9nleL1GwxOvWE8HvZOEOev98hxffMLaY6HzWxcr49nn4cjz/4DIr2727kfucIAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAY1BMVEUAAAA/UbU/UbU/UbU0WsM/UbU/UbU/UbVAU7U+UbQ/UbU/ULU/UbU+UbU+UbU/UrY/UbUzTbM/UbU/UbVAUbY/UrU/UbQ/ULU/UbX////x8vqPmtTR1e3Q1O3HzOmzuuKCjs/goGOjAAAAGHRSTlMA7fiYBK3TNxwT47WUWId6dwr65IiGVbtpdmPUAAABGklEQVRIx92V27qCIBBGHRAQJbXjnrJdvf9T1tcFOCCn29at/1JGhqH5SVo1CQmHA0gxqXy8Ox1xRT92ybjmDD0Y1/H8DnAD2MUWzzECb7fy+wGjDPuN9w+Y4C/8BsckPKjXCyz/t+sHtHiVa6D5xydMBdCpBS3XQEBD9pdR4b4hsPWen5DyXf8LKeNK6JHi3r7i6H6twhIBXe9OZcJsBUHTjht5IKwgY8KdPJBWgJjwpH1uBRYTFnqWnJAr2hegTABXdE7wixZlgqjeuOrWqGy+vnGMJcKZHKC8wDpyRPOC8YZATgDtjZmccKkcZCYclSKVH9raYVw37k1bd6FcEleWCa8so9OX4tiT/jl3TRY1CwmMgRSzan6SN00Gc4KKnoDtAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABXFBMVEUAAAD/SgBdsUl6tD7/ZgL/aQKhsi/sigwoesUtfMD/XwKGtTj/gQT/hwD/wAf/ZgL/dAKZti+ptyqZuir/ggCAv4D/RQBZsEtksUbXvheEtDn/UAFnskX/wQj/XAJPiKJWip1bi5n/wAeItjeCtTv/aAOJtTeNtjb/wQf/cAOStjT/wQf/wQj/cwL/eAWdtjD/vwf/ggSkty3/wAn/wQeHmW3/wAmqvCSbr1P/vwB6m3tYsUo8gbQ8grNGhar/WgH/oAV2skBejpH/wQf/wQdplYKDtTn/cQNlj4//awP/bgNukYeUuDJxk4T/dQNrkYr/cgKVtjGVtzL/wAb/wgaInHH/dgWHlnOguS2ltTD/egX/cQD/lgAZdtL/PQBMr1D/wQf/QABQsE9RsE0ed84feMxWjpJgl39in21gpmBZqlixuSftvw70wAz/swb/mQX/iAT/dgP/XQL/RgFWm9DXAAAAXXRSTlMA/f3lz8AIBf795NAkCPnUkIsiHBUE/v39/fr49+3o5drU1M/OxcS0rp6dk4h9Y19IQT84JSMcFRMMC/739+zq6Ofk5OPd0svEuLWznZyZloiCf3p5WjgzMzAwGxESFHymAAABpUlEQVRIx92TV1fCMBhAv7YIMpQhTpAhS1BAUARx7733oAPEvf3/54jQhlISKK/c19yb1RTaEl1sx+CgBKHPYdiO6ZrqFwGKlUEFbhrqJrPAKhA0JrJv6WMxUEcEvcvMEtBgj3LnYolYcPMvkv0OwGBu0bfIT6mJJuz2RFRDkX0TVdUPdGibYYrgwybyDfaaiVx4f7r7W7pBUMU4z3/+lucHdazyPP/xU9r/rTp/ki/zJYRBHad8haUulcGoGIxBlVwdnR40OCIGE9gAMY8Gh8VgqnHQiQa7xWCmcVBsNbhveUutHnpO5bUi3GjwrOK/DWkBQ1YvBruKpzFIcxFcsC+tcA6ItZL/muc4uqfeT0kL6Hvlz/t9iPuHqfN73dICW/IfaHCAq+BX+l70FS5BhpGTYGp21bOek/CCHBuNCnoP3ZU2QucfpK+WghqsXBXaeJJMp5PH/vIsj5XgEBT4OBJPxZLvASW6ZWLxrM8tZKGODEMsXlYygEG7QQqMWsBj7cfp/VYgYvMVlHrBaINGXAUH5DodvIamxEOMky7kZ51MKA5tyR+5rSV/c1pM4gAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/mydata_help1.2852cf1c.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help2.d2884736.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help3.ec406881.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help4.07ecd5e8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help6.b86940b1.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help7.ab08bb35.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help8.b8392aa0.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mydata_help5.05cc080c.jpg\";"],"sourceRoot":""} ![\"line\"](\"assets/img/bg/line_pattern.svg\")
\n ![](\"loading.gif\")
' + t('aggridPageLoadMess') + '