We'll automatically organise and store your income documents.
\nYou can also create and send new invoices in seconds.
`, `Tus facturas listas en segundos. Y tus libros generados solos para que los datos se rellenen una sola vez. Pero oye, que si quieres crear tus facturas de otra forma, \\xA1no hay problema! Las subes aqu\\xED y listo.
`],\n \"tracking.content.expensesIntroductionTitle\": [\"Start by uploading your expense receipts\", \"Digitaliza tus gastos\"],\n \"tracking.content.expensesIntroductionBody\": [`We'll automatically organise and store your expense documents.
`, `Guarda tus facturas en formato digital y olv\\xEDdate de los recibos en papel. Tus gastos siempre accesibles y ordenados, con las cuentas claras.
`],\n \"tracking.content.incompleteRecordsToBeProcessedByAccountant\": [\"Uploaded documents to be processed by your accountant\", \"Documentos subidos para que sean contabilizados por tu asesor\"],\n \"tracking.content.incompleteRecordsNeedingReview\": [\"{count, plural, one {Please review the following # entry} other {Please review the following # entries}}\", \"{count, plural, one {\\xA1Atenci\\xF3n! Falta informaci\\xF3n sobre # factura para que cuente como completada. Por favor, a\\xF1\\xE1dela.} other {\\xA1Atenci\\xF3n! Falta informaci\\xF3n sobre # facturas para que cuenten como completadas. Por favor, a\\xF1\\xE1dela.}}\"],\n \"tracking.content.hasMoreIncompleteRecords\": [\"{count, plural, one {and # more entry} other {and # more entries}}.\", \"{count, plural, one {y # factura m\\xE1s} other {y # facturas m\\xE1s}}.\"]\n};\nvar translationMessages = {\n ...invoicing,\n ...tracking,\n \"common.expenses\": [\"Expenses\", \"Gastos\"],\n \"common.incomes\": [\"Income\", \"Ingresos\"],\n \"common.actions.accept\": [\"Accept\", \"Aceptar\"],\n \"common.actions.add\": [\"Add\", \"A\\xF1adir\"],\n \"common.actions.cancel\": [\"Cancel\", \"Cancelar\"],\n \"common.actions.confirm\": [\"Confirm\", \"Confirmar\"],\n \"common.actions.close\": [\"Close\", \"Cerrar\"],\n \"common.actions.clearFilters\": [\"Clear filters\", \"Borrar filtros\"],\n \"common.actions.delete\": [\"Delete\", \"Eliminar\"],\n \"common.actions.done\": [\"Done\", \"Listo\"],\n \"common.actions.download\": [\"Download\", \"Descargar\"],\n \"common.actions.duplicate\": [\"Duplicate\", \"Duplicar\"],\n \"common.actions.edit\": [\"Edit\", \"Editar\"],\n \"common.actions.save\": [\"Save\", \"Guardar\"],\n \"common.actions.send\": [\"Send\", \"Enviar\"],\n \"common.actions.select\": [\"Select\", \"Selecciona\"],\n \"common.actions.view\": [\"View\", \"Ver\"],\n \"common.actions.setTaxPointDate\": [\"Set tax point date\", \"A\\xF1ade fecha de devengo\"],\n \"common.addFilter\": [\"Add a filter\", \"Filtros\"],\n \"common.areYouSure\": [\"Are you sure?\", \"\\xBFEst\\xE1s seguro?\"],\n \"common.dateOutsideBookkeepingPeriodError\": [`Pick a date between {startDate} and {endDate}`, `Selecciona una fecha que est\\xE9 entre {startDate} y {endDate}`],\n \"common.entries\": [\"{count, plural, one {entry} other {entries}}\", \"{count, plural, one {registro} other {registros}}\"],\n \"common.example\": [\"Example\", \"Ejemplo\"],\n \"common.filters.none\": [\"No filter applied\", \"Sin filtro\"],\n \"common.filters.all\": [\"All\", \"Todo\"],\n \"common.filters.custom\": [\"Custom\", \"Otro\"],\n \"common.filter.foreignCountry\": [\"Foreign\", \"No europeas\"],\n \"common.filter.localCountry\": [\"National\", \"Nacionales\"],\n \"common.filter.europeanUnion\": [\"European\", \"Intracomunitarias\"],\n \"common.filter.readyToReview\": [\"Ready to review\", \"Listo para revisar\"],\n \"common.filter.notFiled\": [\"Not filed\", \"No declarado\"],\n \"common.filter.notDraft\": [\"Not a draft\", \"No borrador\"],\n \"common.filter.notReviewed\": [\"Not reviewed\", \"No revisado\"],\n \"common.from\": [\"From\", \"De\"],\n \"common.fromDate\": [\"From\", \"Desde\"],\n \"common.gross\": [\"Total\", \"Total\"],\n \"common.invoiceDate\": [\"Date\", \"Fecha de factura\"],\n \"common.invoiceDateOutsideBookkeepingPeriodError\": [`common.invoiceDateOutsideBookkeepingPeriodError`, `La fecha de factura est\\xE1 fuera de este trimestre. Si le das a guardar, este registro no ser\\xE1 visible dentro del trimestre en el que est\\xE1s trabajando. Pero no te agobies, siempre puedes encontrarlo en mis facturas`],\n \"common.invoiceNumber\": [\"Invoice number\", \"N\\xFAmero de factura\"],\n \"common.language\": [\"Language\", \"Idioma\"],\n \"common.missingFile\": [\"No document\", \"Sin documento\"],\n \"common.net\": [\"Net\", \"Base\"],\n \"common.amount\": [\"Amount\", \"Importe\"],\n \"common.noFilter\": [\"No filter applied\", \"Sin filtro\"],\n \"common.originalCurrency\": [\"Initial currency\", \"Divisa original\"],\n \"common.other\": [\"Other\", \"Otro\"],\n \"common.recipientAddress\": [\"Customer's address\", \"Direcci\\xF3n del cliente\"],\n \"common.recipientCity\": [\"Customer's city\", \"Ciudad del cliente\"],\n \"common.recipientIdNumber\": [\"Customer's ID number\", \"CIF/NIF/NIE del cliente\"],\n \"common.recipientName\": [\"Customer's name\", \"Nombre del cliente\"],\n \"common.recipientPostcode\": [\"Customer's postcode\", \"C\\xF3digo postal del cliente\"],\n \"common.recipientCountry\": [\"Customer's country\", \"Pa\\xEDs del cliente\"],\n \"common.recordDetails\": [\"Record details\", \"Datos del registro\"],\n \"common.senderAddress\": [\"Your address\", \"Tu direcci\\xF3n\"],\n \"common.senderCity\": [\"Your city\", \"Tu ciudad\"],\n \"common.senderIdNumber\": [\"Your ID number\", \"Tu DNI/NIE\"],\n \"common.senderName\": [\"Your name\", \"Tu nombre y apellidos\"],\n \"common.senderPostcode\": [\"Your postcode\", \"Tu c\\xF3digo postal\"],\n \"common.senderCountry\": [\"Your country\", \"Tu pa\\xEDs\"],\n \"common.senderCompanyAddress\": [\"Your address\", \"Direcci\\xF3n\"],\n \"common.senderCompanyCity\": [\"Your city\", \"Ciudad\"],\n \"common.senderCompanyIdNumber\": [\"Company ID number\", \"CIF\"],\n \"common.senderCompanyName\": [\"Company name\", \"Empresa\"],\n \"common.senderCompanyPostcode\": [\"Company postcode\", \"C\\xF3digo postal\"],\n \"common.country\": [\"Country\", \"Pa\\xEDs\"],\n \"common.sent\": [\"Sent\", \"Enviado\"],\n \"common.settings\": [\"Settings\", \"Ajustes\"],\n \"common.status\": [\"Status\", \"Estado\"],\n \"common.taxPointDate\": [\"Tax point date\", \"Fecha de devengo\"],\n \"common.taxPointDateOutsideBookkeepingPeriodError\": [\"common.taxPointDateOutsideBookkeepingPeriodError\", `La fecha de devengo est\\xE1 fuera de este trimestre. Si le das a guardar, este registro no ser\\xE1 visible dentro del trimestre en el que est\\xE1s trabajando. Pero no te agobies, siempre puedes encontrarlo en mis facturas`],\n \"common.currency\": [\"Currency\", \"Divisa\"],\n \"common.exchangeRate\": [\"Exchange rate\", \"Tipo de cambio\"],\n \"common.taxPointDateNotice\": [\"\", `\n\n La fecha de devengo es el momento en el que la operaci\\xF3n se hace oficial. Por eso, es la fecha que\n se tiene en cuenta a la hora de pagar impuestos (en lugar de la fecha de factura).\n
\n\n Te contamos con detalle qu\\xE9 es la fecha de devengo.\n
\n `],\n \"common.taxPointDateNoticeLink\": [\"\", \"https://taxscouts.es/diccionario/fecha-de-devengo\"],\n \"common.to\": [\"To\", \"Para\"],\n \"common.toDate\": [\"To\", \"Hasta\"],\n \"common.moreActions\": [\"More actions\", \"M\\xE1s acciones\"],\n \"common.customFilter\": [\"custom filter\", \"filtro personalizado\"],\n \"common.successCreate\": [\"Successfully created\", \"Se ha creado con \\xE9xito\"],\n \"common.successDelete\": [\"Successfully deleted\", \"Se ha eliminado con \\xE9xito\"],\n \"common.successUpdate\": [\"Successfully saved\", \"Se ha guardado con \\xE9xito\"],\n \"common.successSend\": [\"Successfully sent\", \"Se ha enviado con \\xE9xito\"],\n \"common.errorCreate\": [\"There was a problem with saving the data\", \"Ha habido un problema al guardar la informaci\\xF3n\"],\n \"common.errorRequest\": [`An error occurred while attempting the request, please contact support`, `Ha habido un error al procesar la solicitud; por favor, contacta con soporte`],\n \"common.errorDelete\": [\"There was a problem with deleting the data\", \"Ha habido un problema al eliminar los datos\"],\n \"common.errorUpdate\": [\"There was a problem with saving the data\", \"Ha habido un problema al guardar la informaci\\xF3n\"],\n \"common.errorDownload\": [`There was a problem downloading the file, please contact support`, `Ha habido un problema al descargar el archivo; por favor, contacta con soporte`],\n \"common.errorDownloadBulk\": [`None of the selected items have files that can be downloaded`, `No hay ning\\xFAn fichero disponible para descargar en los elementos seleccionados`],\n \"common.errorUpload\": [\"There was a problem uploading the file\", \"Ha habido un problema al subir el archivo\"],\n \"common.errorSend\": [`An error occurred while attempting the request, please contact support`, `Ha habido un error al procesar la solicitud; por favor, contacta con soporte`],\n \"common.filed.notice\": [\"Reviewed and filed by the accountant\", \"Revisado y declarado por el asesor\"],\n \"common.review.notice\": [\"Reviewed and locked by the accountant\", \"Revisado y bloqueado por el asesor\"],\n \"common.accountantReview.notice\": [\"Your advisor will review all information and complete for your accounting\", \"Tu asesor revisar\\xE1 toda la informaci\\xF3n y completar\\xE1 tus libros\"],\n \"common.accountantReviewCompany.notice\": [`Your advisor will review all the information and prepare the company's accounting`, \"Tu asesor revisar\\xE1 toda la informaci\\xF3n y elaborar\\xE1 la contabilidad de la empresa\"],\n \"common.review.notice.tooltip\": [\"Contact accountant to make changes\", \"Contacta a tu asesor para hacer cambios\"],\n \"common.year\": [\"Year\", \"A\\xF1o\"],\n \"error.duplicate\": [\"Record is duplicated\", \"Registro duplicado\"],\n \"error.locked\": [\"Can not edit reviewed record\", \"No se puede editar un registro marcado como revisado\"],\n \"error.emptyDate\": [\"Pick a valid date\", \"Seleccione una fecha v\\xE1lida\"],\n \"error.invalidRageDate\": [\"Start date should be before the end date\", \"La fecha de inicio no puede ser posterior a la fecha de fin\"],\n \"error.emptyField\": [\"This field is mandatory\", \"El campo es obligatorio\"],\n \"error.maxLengthExceeded\": [\"The text exceeds the maximum length\", \"El texto excede la longitud m\\xE1xima\"],\n \"error.sameIdCard\": [\"The ID cannot be yours\", \"El DNI/NIE no puede ser el tuyo\"],\n \"error.dateOutOfRange\": [\"Date out of \", \"Fecha fuera del \"],\n \"error.fillHighlighted\": [\"Please fill in the highlighted fields\", \"Completa los campos resaltados\"],\n \"error.invalidValue\": [\"Value not allowed\", \"Valor no permitido\"],\n \"error.maxRangeExceed\": ['Should be lower than \"{maxValue}\"', 'Debe ser menor a \"{maxValue}\"'],\n \"error.maxFileSize\": [\"File size should be less than {maxValue}MB\", \"El l\\xEDmite de tama\\xF1o de los archivos es de {maxValue}MB\"],\n \"error.minRangeExceed\": ['Should be greater than \"{minValue}\"', 'Debe ser mayor a \"{minValue}\"'],\n \"error.rangeExceed\": ['Should be between \"{minValue}\" and \"{maxValue}\"', 'Debe estar entre \"{minValue}\" y \"{maxValue}\"'],\n \"error.unexpected\": [\"Oops! Something went wrong.\", \"Ha ocurrido un error inesperado\"],\n \"error.notesLength\": [\"Make sure the notes will not be longer than 1000 characters\", \"Aseg\\xFArate de que las notas no tengan m\\xE1s de 1000 caracteres\"],\n \"error.wrongFormat\": [\"Wrong format\", \"Formato inv\\xE1lido\"],\n \"error.editingReviewedInvoice\": [\"Contact accountant to make changes to the reviewed invoice\", \"Contacta a tu asesor para hacer cambios en este factura\"],\n \"expense.invoiceDate\": [\"Date\", \"Fecha de factura\"],\n \"expense.invoiceNumber\": [\"Receipt number\", \"N\\xFAmero de factura\"],\n \"expense.senderIdNumber\": [\"Supplier ID number\", \"CIF/NIF/NIE del proveedor\"],\n \"expense.senderName\": [\"Supplier name\", \"Nombre del proveedor\"],\n \"expense.labelIncomplete\": [\"Missing info\", \"Incompleto\"],\n \"expense.labelFixAsset\": [\"Fix asset\", \"Bien inversi\\xF3n\"],\n \"expense.emptyList\": [\"No expenses available\", \"Sin gastos\"],\n \"expense.content.draft\": [\"Draft expense\", \"Borrador de gastos\"],\n \"expenses.content.downloadFileName\": [\"selected_expenses.zip\", \"gastos_seleccionados.zip\"],\n \"export.content.fileName\": [\"income_expense_records\", \"ingresos_gastos_libro\"],\n \"export.content.title\": [\"Export records\", \"Exportar registros\"],\n \"export.exportAll\": [\"Export all income and expense records\", \"Descargar todo el historial\"],\n \"export.content.body\": [`You can export your income and expense records as a spreadsheet and use it to file your self assessment.
Select a time period.
`, \"Tus libros se generan autom\\xE1ticamente en base a los datos de tus ingresos y gastos.
Selecciona el periodo para el que quieres descargar el libro:
\"],\n \"export.content.body.accountant\": [`You can export income and expense records as a spreadsheet.
Select a time period.
`, \"Puede exportar registros de ingresos y gastos como una hoja de c\\xE1lculo.
Selecciona el periodo para el que quieres descargar el libro:
\"],\n \"income.content.draft\": [\"Draft income\", \"Borrador de factura\"],\n \"income.invoiceNumber\": [\"Reference number\", \"N\\xFAmero de factura\"],\n \"income.status.incomplete\": [\"Incomplete\", \"Incompleta\"],\n \"income.status.complete\": [\"Complete\", \"Completa\"],\n \"income.label.incomplete\": [\"Missing info\", \"Incompleto\"],\n \"incomes.content.downloadFileName\": [\"selected_incomes.zip\", \"ingresos_seleccionados.zip\"],\n \"incomes.content.emptyList\": [\"No incomes has been uploaded yet\", \"A\\xFAn no se ha subido ning\\xFAn ingreso\"],\n \"invoice.actions.addLineItem\": [\"Add item\", \"A\\xF1ade otro concepto\"],\n \"invoice.actions.addLineItemDetails\": [\"Add item details\", \"Rellena los datos de la l\\xEDnea\"],\n \"invoice.actions.addNotes\": [\"Add notes\", \"A\\xF1ade notas\"],\n \"invoice.actions.addPaymentTerms\": [\"Add payment terms\", \"A\\xF1ade los t\\xE9rminos de pago\"],\n \"invoice.actions.addRecipientDetails\": [\"Add customer details\", \"A\\xF1ade los datos del cliente\"],\n \"invoice.actions.addSenderDetails\": [\"Add your details\", \"A\\xF1ade tus datos\"],\n \"invoice.actions.create\": [\"Create invoice\", \"Crear factura\"],\n \"invoice.actions.createSeries\": [\"Create your first series\", \"Crea tu primera serie\"],\n \"invoice.actions.downloadQuote\": [\"Download quote\", \"Descargar como presupuesto\"],\n \"invoice.actions.editSeries\": [\"Edit series\", \"Edita las series\"],\n \"invoice.actions.markAsPaid.short\": [\"Mark as paid\", \"Cobrado\"],\n \"invoice.actions.markAsUnpaid.short\": [\"Mark as unpaid\", \"No cobrado\"],\n \"invoice.actions.saveAsDraft\": [\"Save as draft\", \"Guardar borrador\"],\n \"invoice.actions.issue\": [\"Issue invoice\", \"Finalizar factura\"],\n \"invoice.content.addIncomeSeries\": [\"New invoice number series\", \"A\\xF1adir n\\xFAmero de serie\"],\n \"invoice.content.draft\": [\"Draft invoice\", \"Borrador de factura\"],\n \"invoice.content.edit\": [\"Edit invoice\", \"Editar factura\"],\n \"invoice.content.gross\": [\"Total due\", \"Total\"],\n \"invoice.content.incomeSeriesId\": [\"Series\", \"N\\xFAmero de serie\"],\n \"invoice.content.incomeSeriesStartingNumber\": [\"Start from\", \"Numeraci\\xF3n inicial\"],\n \"invoice.content.invalidFormat\": [\"This format is invalid\", \"El formato no es v\\xE1lido\"],\n \"invoice.content.item\": [\"Item description\", \"Descripci\\xF3n de los productos/servicios\"],\n \"invoice.content.languageHelp\": [\"Language will be applied on sent and downloaded invoices\", \"Se aplicar\\xE1 al PDF de las facturas enviadas y descargadas\"],\n \"invoice.content.net\": [\"Sub total\", \"Subtotal\"],\n \"invoice.content.new\": [\"New invoice\", \"Crear factura\"],\n \"invoice.content.notes\": [\"Notes\", \"Notas\"],\n \"invoice.content.notFound\": [\"Invoice not found\", \"Factura no encontrada\"],\n \"invoice.content.price\": [\"Item price\", \"Precio\"],\n \"invoice.content.paymentTerms\": [\"Payment terms\", \"T\\xE9rminos de pago\"],\n \"invoice.content.quantity\": [\"Item quantity\", \"Cantidad\"],\n \"invoice.content.requiredField\": [\"This field is required\", \"Este campo es obligatorio\"],\n \"invoice.content.settings\": [\"Invoice settings\", \"Ajustes de la factura\"],\n \"invoice.content.settings.rateAria\": [\"Select {taxRateName}\", \"Seleccionar {taxRateName}\"],\n \"invoice.email.recipients\": [\"Recipients\", \"Destinatarios\"],\n \"invoice.email.sendToMyself\": [\"Receive a copy of this email\", \"Recibir una copia del email\"],\n \"invoice.email.emailAddress\": [\"Email address\", \"Correo electr\\xF3nico\"],\n \"invoice.email.subject\": [\"Subject\", \"Asunto del email\"],\n \"invoice.email.message\": [\"Message\", \"Mensaje\"],\n \"invoice.email.defaultSubject\": [\"Invoice {invoiceNumber} from {senderName}\", \"Factura {invoiceNumber} de {senderName}\"],\n \"invoice.email.defaultGreeting\": [`Dear {recipientName},\n\n`, `Hola {recipientName},\n\n`],\n \"invoice.email.defaultGreeting.nameless\": [`Hey,\n\n`, `Hola,\n\n`],\n \"invoice.email.defaultMessage\": [`A new invoice for {gross} was issued on {issuedDateUTC}.\nPlease find it attached to this email.\n\nBest regards,\n{senderName}`, `Te env\\xEDo la factura {invoiceNumber} del {issuedDateUTC} por importe de {gross}.\nPuedes descargarla en formato PDF abajo.\nNo dudes en contactar conmigo si tienes cualquier duda.\n\nUn saludo,\n{senderName}`],\n \"invoice.error.failedToSave\": [\"There was a problem saving the invoice, please fill in the highlighted fields\", \"No se ha podido guardar la factura. Por favor, completa los campos resaltados.\"],\n \"invoice.error.emailIncomplete\": [\"Recipients include an incomplete email address. Please amend the address to send the invoice.\", \"Hay un destinatario con un email incompleto. Por favor, corr\\xEDgelo para enviar la factura.\"],\n \"invoice.success.sendToRecipients\": [\"Successfully sent to {count, plural, one {# recipient} other {# recipients}}\", \"Se ha enviado a {count, plural, one {# destinatario} other {# destinatarios}}\"],\n \"invoice.status.Draft\": [\"Draft\", \"Borrador\"],\n \"invoice.status.Issued\": [\"Issued\", \"Finalizado\"],\n \"invoice.status.Paid\": [\"Paid\", \"Cobrado\"],\n \"invoice.status.Quoted\": [\"Quoted\", \"Cotizado\"],\n \"invoice.status.Unpaid\": [\"Unpaid\", \"No cobrado\"],\n \"invoiceSeries.actions.deleteSeries\": [\"Remove {prefix}{suffix}\", \"Eliminar {prefix}{suffix}\"],\n \"invoiceSeries.existingSeries.title\": [\"Existing series\", \"Series disponibles\"],\n \"invoiceSeries.prefix\": [\"Prefix\", \"Prefijo\"],\n \"invoiceSeries.suffix\": [\"Suffix\", \"Sufijo\"],\n \"invoiceSeries.usageConfirmation.title\": [\"Update your invoice series number\", \"Momento de revisar tu serie de facturaci\\xF3n \\u{1F50D}\"],\n \"invoiceSeries.usageConfirmation.body\": [`If your series number includes the year (e.g. {lastYear}) consider creating a new one for {currentYear}. Do you want to keep last year\\u2019s series number or start a new one?
`, `Es conveniente revisar si quieres seguir usando la misma serie que el a\\xF1o anterior o crear una nueva.
\nSi tu serie incluye el a\\xF1o, por ejemplo {lastYear}, te recomendamos crear una nueva que incluya {currentYear}.
\n\\xBFQu\\xE9 hacemos?
`],\n \"invoiceSeries.usageConfirmation.keepCurrent\": [\"Keep current\", \"Seguir esta serie\"],\n \"invoiceSeries.usageConfirmation.createNew\": [\"Create new\", \"Crear nueva serie\"],\n \"invoiceSeries.usageConfirmation.useExisting\": [\"Use existing\", \"Usar otra serie\"],\n \"languages.ca-ES\": [\"Catalan\", \"Catal\\xE1n\"],\n \"languages.de-DE\": [\"German\", \"Alem\\xE1n\"],\n \"languages.en-GB\": [\"English\", \"Ingl\\xE9s\"],\n \"languages.es-ES\": [\"Spanish\", \"Espa\\xF1ol\"],\n \"languages.eu-ES\": [\"Basque\", \"Euskera\"],\n \"languages.fr-FR\": [\"French\", \"Franc\\xE9s\"],\n \"languages.gl-ES\": [\"Galician\", \"Gallego\"],\n \"languages.it-IT\": [\"Italian\", \"Italiano\"],\n \"languages.pt-PT\": [\"Portuguese\", \"Portugu\\xE9s\"],\n \"quote.actions.link\": [\"My quotes\", \"Mis presupuestos\"],\n \"record.actions.add\": [\"Add new\", \"A\\xF1adir nuevo\"],\n \"record.actions.add.expense\": [\"Add expense\", \"A\\xF1adir gasto\"],\n \"record.actions.add.income\": [\"Add income\", \"A\\xF1adir factura\"],\n \"record.actions.add.invoice\": [\"Add invoice\", \"A\\xF1adir factura\"],\n \"record.actions.viewDetails.expense\": [\"Details\", \"Datos\"],\n \"record.actions.viewDetails.income\": [\"Details\", \"Datos\"],\n \"record.actions.addDetails.invoice\": [\"Edit\", \"Editar\"],\n \"record.actions.upload.expense\": [\"Upload receipt\", \"Subir recibo\"],\n \"record.actions.upload.income\": [\"Add a document\", \"Subir facturas\"],\n \"record.content.description\": [\"Description\", \"Descripci\\xF3n\"],\n \"record.content.documentUploaded\": [\"Document uploaded\", \"Documento subido\"],\n \"record.content.textExtraction.inProgress\": [\"One moment, reading info from the file\\u2026\", \"Un segundo, estamos escaneando el documento\\u2026\"],\n \"record.content.textExtraction.inProgress.preAnalysis\": [\"We are running a preliminary analysis of your document...\", \"Estamos intentando agilizar la revisi\\xF3n sacando alg\\xFAn dato de manera autom\\xE1tica\"],\n \"record.content.textExtraction.success\": [\"Look, we got some of the info from the file\", \"Mira, hemos sacado algunos datos del documento\"],\n \"record.content.textExtraction.success.preAnalysis\": [\"The preliminary analysis found some document data\", \"Por ahora hemos sacado algunos datos del documento de manera autom\\xE1tica\"],\n \"record.content.textExtraction.failure\": [\"Sadly we couldn't get the data from the file, please add below\", \"No se pudo obtener los datos del archivo. Por favor, a\\xF1\\xE1delos abajo.\"],\n \"record.content.textExtraction.failure.preAnalysis\": [\"Sadly we couldn't get the data from the preliminary analysis of the file\", \"El an\\xE1lisis preliminar no pudo encontrar datos\"],\n \"record.content.markAsPaid\": [\"This invoice has been paid\", \"Marcar como cobrado\"],\n \"record.content.title.expense\": [\"Expense\", \"Gasto\"],\n \"record.content.title.income\": [\"Income\", \"Ingreso\"],\n \"record.content.title.invoice\": [\"Invoice\", \"Factura\"],\n \"record.content.title.quote\": [\"Quote\", \"Presupuesto\"],\n \"record.content.outstandingRecords\": [\"{count, plural, one {Attention! There is from past periods that needs reviewing.} other {Attention! There are from past periods that need reviewing.}}\", \"{count, plural, one {\\xA1Atenci\\xF3n! Hay de periodos anteriores que necesita ser revisado y/o declarado.} other {\\xA1Atenci\\xF3n! Hay de periodos anteriores que necesitan ser revisados y/o declarados.}}\"],\n \"record.actions.markAsFiled\": [\"Mark as filed\", \"Marcar como declarado\"],\n \"record.actions.markAsUnfiled\": [\"Mark as unfiled\", \"Marcar como no declarado\"],\n \"record.actions.markAsReviewed\": [\"Mark as reviewed\", \"Marcar como revisado\"],\n \"record.actions.markAsUnreviewed\": [\"Mark as unreviewed\", \"Marcar como no revisado\"],\n \"record.actions.markAsPaid\": [\"Mark as paid\", \"Marcar como cobrado\"],\n \"record.actions.markAsUnpaid\": [\"Mark as unpaid\", \"Marcar como no cobrado\"],\n \"record.actions.textExtraction.preFill\": [\"Prefill again\", \"Rellenar otra vez\"],\n \"record.label.accountantReview\": [\"Advisor review\", \"Asesor \\xB7 revisi\\xF3n\"],\n \"record.label.filed\": [\"Filed \\u{1F512}\", \"Declarado \\u{1F512}\"],\n \"record.label.reviewed\": [\"Reviewed \\u{1F512}\", \"Revisado \\u{1F512}\"],\n \"record.status.reviewed\": [\"Reviewed\", \"Revisado\"],\n \"record.status.filed\": [\"Filed\", \"Declarado\"],\n \"record.label.unreviewed\": [\"Unreviewed\", \"No revisado\"],\n \"record.label.finalised\": [\"Finalised\", \"Finalizado\"],\n \"record.label.incomplete\": [\"Needs review\", \"Incompleta\"],\n \"record.label.processing\": [\"Processing\\u2026\", \"Procesando\\u2026\"]\n};\nvar {\n Translation,\n useTranslation\n} = createTranslationWithMessages(translationMessages, \"bookkeeping.\");\n\n// src/i18n/TranslationPlural.tsx\nimport { FormattedPlural } from \"react-intl\";\nimport { Locale as Locale2 } from \"@scouts/helpers\";\nimport { useLocale } from \"@scouts/i18n\";\nimport { jsx as _jsx2 } from \"react/jsx-runtime\";\nvar TranslationPlural = ({\n strings,\n count\n}) => {\n const locale = useLocale();\n const languageIndex = locale === Locale2.ES ? 1 : 0;\n const one = strings.one[languageIndex].replace(/#/g, String(count));\n const other = strings.other[languageIndex].replace(/#/g, String(count));\n return /* @__PURE__ */ _jsx2(FormattedPlural, {\n value: count,\n one,\n other\n });\n};\n\n// src/components/shared/error-boundary/ConfigurationErrorBoundary.tsx\nimport { jsx as _jsx3 } from \"react/jsx-runtime\";\nvar ConfigurationErrorBoundary = class extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n hasError: false\n };\n }\n static getDerivedStateFromError() {\n return {\n hasError: true\n };\n }\n render() {\n if (this.state.hasError) {\n return /* @__PURE__ */ _jsx3(Container, {\n padding: \"12px\",\n children: /* @__PURE__ */ _jsx3(Notice, {\n children: /* @__PURE__ */ _jsx3(Translation, {\n id: \"error.unexpected\"\n })\n })\n });\n }\n return this.props.children;\n }\n};\n\n// src/components/shared/error-boundary/withConfigurationErrorBoundary.tsx\nimport { jsx as _jsx4 } from \"react/jsx-runtime\";\nvar withConfigurationErrorBoundary = (Component) => {\n return (props) => {\n return /* @__PURE__ */ _jsx4(ConfigurationErrorBoundary, {\n children: /* @__PURE__ */ _jsx4(Component, {\n ...props\n })\n });\n };\n};\n\n// src/components/accountant/tracking/expenses/TrackingExpenses.tsx\nimport { useCallback as useCallback22, useEffect as useEffect17, useRef as useRef13, useState as useState26 } from \"react\";\nimport { useHistory as useHistory7, Route, Switch } from \"react-router-dom\";\nimport { colors as colors40, font as font15, Flexer as Flexer28, Line as Line18, Skeleton as Skeleton2, SkeletonLine as SkeletonLine2, Spacer as Spacer15 } from \"@scouts/ui\";\n\n// src/store/expenses/hooks/use-create-blank-expense.ts\nimport { useCallback } from \"react\";\n\n// src/helpers/fp.ts\nvar pipe = (...fns) => (arg) => fns.reduce((soFar, fn) => fn(soFar), arg);\nvar and = (...fns) => (arg) => fns.every((fn) => fn(arg));\nvar negate = (fn) => (value) => !fn(value);\nvar sum = (a, b) => a + b;\nvar isWithinRange = ([targetRangeStart, targetRangeEnd]) => (value) => value >= targetRangeStart && value <= targetRangeEnd;\nvar filterInAndOut = (predicate) => (array) => {\n const filteredIn = [];\n const filteredOut = [];\n array.forEach((element) => {\n if (predicate(element))\n filteredIn.push(element);\n else\n filteredOut.push(element);\n });\n return [filteredIn, filteredOut];\n};\n\n// src/helpers/numbers.ts\nvar isZero = (value) => value === 0;\nvar isNumericLike = pipe((number) => Number(number), and(negate(Number.isNaN), Number.isFinite));\nvar isNumeric = (number) => (!!number || isZero(number)) && isNumericLike(number);\nvar numberOrDefault = (number) => isNumeric(number) ? Number(number) : 0;\nvar round = (digits) => (number) => Math.round(Math.abs(number) * 10 ** digits) / 10 ** digits * Math.sign(number);\nvar limitValue = (value, min, max) => value && Math.min(Math.max(value, min), max);\nvar toCurrency = pipe(numberOrDefault, round(2));\n\n// src/domain/tax.ts\nvar Constants = {\n OTHER_RATE: \"OTHER_RATE\"\n};\nvar createBlank = (taxRate) => ({\n rate: 0,\n amount: 0,\n name: \"\",\n ...taxRate\n});\nvar copyTaxRatesWithDeductiblePercentage = (base, withDeductible) => {\n return base.map((baseTax) => {\n const deductibleTaxRate = withDeductible.find((withDeductibleTax) => withDeductibleTax.name === baseTax.name);\n const deductiblePercentage = deductibleTaxRate?.deductiblePercentage ?? null;\n const deductibleAmount = deductibleTaxRate?.deductibleAmount ?? 0;\n return {\n ...baseTax,\n deductiblePercentage,\n deductibleAmount\n };\n });\n};\nvar Taxes = {\n createBlank,\n Constants,\n copyTaxRatesWithDeductiblePercentage\n};\n\n// src/domain/calculations.ts\nvar calculateTax = ({\n record,\n tax\n}) => ({\n ...tax,\n amount: calculateTaxAmount({\n record,\n tax\n }),\n rate: calculateTaxRate({\n record,\n tax\n })\n});\nvar calculateTaxWithOtherRate = ({\n record,\n tax\n}) => ({\n ...calculateTax({\n record,\n tax\n }),\n ...isOtherRateByText(tax) && {\n rate: Taxes.Constants.OTHER_RATE\n }\n});\nvar calculateTaxAmount = ({\n record,\n tax\n}) => toCurrency(isOtherRateByText(tax) ? tax.amount : calculateNet(record) * calculateTaxRate({\n record,\n tax\n}) / 100);\nvar calculateTaxAmountWithUnroundedNet = ({\n record,\n tax\n}) => toCurrency(isOtherRateByText(tax) ? tax.amount : (record.net ?? 0) * calculateTaxRate({\n record,\n tax\n}) / 100);\nvar calculateTaxRate = ({\n record,\n tax\n}) => toCurrency(!isOtherRateByText(tax) ? Number(tax.rate) : calculateTaxAmount({\n record,\n tax\n}) * 100 / calculateNet(record));\nvar calculateGross = (record) => {\n const taxRateAmounts = Object.values(record.taxRates).map((taxRate) => calculateTaxAmount({\n record,\n tax: taxRate\n }));\n return toCurrency(taxRateAmounts.reduce(sum, calculateNet(record)));\n};\nvar calculateNet = (record) => toCurrency(record.net ?? 0);\nvar reverseCalculateNet = ({\n gross,\n taxRates: recordTaxRates\n}) => {\n const [taxAmounts, taxRates] = filterInAndOut(isOtherRateByText)(recordTaxRates);\n const reducedTaxRate = taxRates.reduce((previousValue, {\n rate\n }) => previousValue + Number(rate), 0);\n const reducedTaxAmount = taxAmounts.reduce((previousValue, {\n amount\n }) => previousValue + amount, 0);\n return (toCurrency(gross ?? 0) - reducedTaxAmount) / ((100 + reducedTaxRate) / 100);\n};\nvar getRecordWithEmptyTaxRates = (record) => ({\n ...record,\n gross: record.net,\n taxRates: record.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: 0,\n rate: 0\n }))\n});\nvar isOtherRateByText = ({\n rate\n}) => rate === Taxes.Constants.OTHER_RATE || rate === null;\nvar isOtherRateByNumber = (taxes) => ({\n name,\n rate\n}) => !taxes[name].includes(Number(rate));\nvar isOtherRate = ({\n taxes,\n tax\n}) => isOtherRateByText(tax) || isOtherRateByNumber(taxes)(tax);\nvar Calculations = {\n tax: calculateTax,\n taxWithOtherRate: calculateTaxWithOtherRate,\n taxAmount: calculateTaxAmount,\n taxAmountWithUnroundedNet: calculateTaxAmountWithUnroundedNet,\n taxRate: calculateTaxRate,\n gross: calculateGross,\n isOtherRate,\n reverseCalculateNet,\n getRecordWithEmptyTaxRates\n};\n\n// src/domain/expense.ts\nimport { getStringDate } from \"@scouts/helpers\";\n\n// src/models/deductibility.ts\nvar DeductibilityType = /* @__PURE__ */ function(DeductibilityType2) {\n DeductibilityType2[\"FullyDeductible\"] = \"FullyDeductible\";\n DeductibilityType2[\"PartiallyDeductible\"] = \"PartiallyDeductible\";\n DeductibilityType2[\"NotDeductible\"] = \"NotDeductible\";\n return DeductibilityType2;\n}({});\n\n// src/domain/expense.ts\nvar counterpartNameKey = () => \"senderName\";\nvar counterpartIdNumberKey = () => \"senderIdNumber\";\nvar counterpartName = (expense) => expense.senderName;\nvar counterpartIdNumber = (expense) => expense.senderIdNumber;\nvar toRecord = (expense) => ({\n ...expense,\n taxRates: expense.taxRates.map((taxRate) => ({\n ...taxRate,\n rate: taxRate.rate === Taxes.Constants.OTHER_RATE ? 0 : taxRate.rate\n }))\n});\nvar duplicate = (expense) => ({\n ...expense,\n id: void 0,\n file: null,\n filedDateUTC: null,\n invoiceDate: getStringDate(),\n invoiceNumber: \"\",\n originalInvoiceId: null,\n reviewedDateUTC: null,\n taxPointDate: getStringDate()\n});\nvar createBlank2 = (expense = {}) => ({\n comment: null,\n createdDateUTC: getStringDate(),\n exchangeRate: 1,\n description: \"\",\n file: null,\n filedDateUTC: null,\n gross: 0,\n invoiceDate: getStringDate(),\n invoiceNumber: \"\",\n isDepreciable: false,\n net: 0,\n originalInvoiceId: null,\n requiresFile: true,\n reviewedDateUTC: null,\n senderIdNumber: \"\",\n senderCountry: null,\n senderCountryId: null,\n senderCountryName: null,\n senderName: \"\",\n taxPointDate: getStringDate(),\n taxRates: [],\n deductibility: DeductibilityType.FullyDeductible,\n deductibleGross: 0,\n deductibleNet: 0,\n deductiblePercentage: 100,\n categoryId: null,\n ...expense\n});\nvar hasData = (expense) => !!expense.senderName;\nvar hasFile = (expense) => !!expense.file;\nvar getRequiresFile = (expense) => !!expense.requiresFile;\nvar isComplete = (expenseOptions) => ({\n description,\n invoiceDate,\n invoiceNumber,\n file,\n requiresFile,\n taxPointDate,\n senderName,\n senderIdNumber,\n net,\n reviewedDateUTC,\n senderCountry\n}) => {\n const hasInvoiceNumberIfNeeded = !!invoiceNumber || !expenseOptions.isInvoiceNumberRequired || expenseOptions.isInvoiceNumberRequired && !requiresFile;\n const hasSenderIdNumberIfNeeded = !!senderIdNumber || !expenseOptions.isSenderIdNumberRequired || expenseOptions.isSenderIdNumberRequired && senderCountry !== null && !senderCountry.isEuropeanUnion || expenseOptions.isSenderIdNumberRequired && !requiresFile;\n const hasFileIfNeeded = !!file || !expenseOptions.isFileRequired || expenseOptions.isFileRequired && !requiresFile;\n return !!invoiceDate && !!taxPointDate && !!senderName && !!description && net != null && (net > 0 || net < 0) && hasInvoiceNumberIfNeeded && hasSenderIdNumberIfNeeded && hasFileIfNeeded || !!reviewedDateUTC;\n};\nvar isReviewed = (expense) => {\n if (!expense)\n return false;\n return Boolean(expense.reviewedDateUTC);\n};\nvar isFiled = (expense) => {\n if (!expense)\n return false;\n return Boolean(expense.filedDateUTC);\n};\nvar sortByInvoiceDateAndNumber = (expenses) => {\n const items = [...expenses];\n return items.sort((a, b) => {\n if (new Date(b.invoiceDate).getTime() === new Date(a.invoiceDate).getTime()) {\n return (a.invoiceNumber || 0) > (b.invoiceNumber || 0) ? -1 : 1;\n }\n return new Date(b.invoiceDate).getTime() - new Date(a.invoiceDate).getTime();\n });\n};\nvar Expense = {\n counterpartName,\n counterpartNameKey,\n counterpartIdNumber,\n counterpartIdNumberKey,\n createBlank: createBlank2,\n duplicate,\n hasData,\n hasFile,\n isComplete,\n isFiled,\n isReviewed,\n getRequiresFile,\n sort: sortByInvoiceDateAndNumber,\n toRecord\n};\n\n// src/domain/expense-validations.ts\nimport { isBetweenDates } from \"@scouts/helpers\";\n\n// src/constants/index.ts\nvar MODE_CREATE = \"CREATE\";\nvar MODE_EDIT = \"EDIT\";\nvar RECORD_TYPE_EXPENSE = \"EXPENSE\";\nvar RECORD_TYPE_INCOME = \"INCOME\";\nvar ApiErrorCodes = /* @__PURE__ */ function(ApiErrorCodes2) {\n ApiErrorCodes2[\"Duplicate\"] = \"Duplicate\";\n ApiErrorCodes2[\"EmptyField\"] = \"EmptyField\";\n ApiErrorCodes2[\"ExceedsRange\"] = \"ExceedsRange\";\n ApiErrorCodes2[\"Unknown\"] = \"Unknown\";\n ApiErrorCodes2[\"Validations\"] = \"Validations\";\n ApiErrorCodes2[\"WrongFormat\"] = \"WrongFormat\";\n ApiErrorCodes2[\"UnauthorizedAction\"] = \"UnauthorizedAction\";\n return ApiErrorCodes2;\n}({});\nvar RECORD_FIELD_MAX_LENGTH = {\n POSTCODE: 25,\n ADDRESS: 500,\n CITY: 50,\n COMMENT: 255,\n DESCRIPTION: 1e3,\n ID_NUMBER: 50,\n NAME: 200,\n NOTES: 2e3,\n PAYMENT_TERMS: 2e3,\n INVOICE_NUMBER: 50\n};\nvar SEARCH_DEBOUNCE_DELAY = 300;\nvar INVOICE_LOGO_SIZE_LIMIT_MEGABYTES = 1;\nvar INVOICE_LOGO_SIZE_LIMIT_BYTES = INVOICE_LOGO_SIZE_LIMIT_MEGABYTES * 1024 * 1024;\nvar INVOICE_DEFAULT_LINE_COLOR = \"#000000\";\nvar INVOICE_DEFAULT_FOOTER_BACKGROUND_COLOR = \"#ffffff\";\nvar SHORT_DATE_PATTERN = \"D MMM\";\nvar MEDIUM_DATE_PATTERN = \"D/M/YY\";\nvar LONG_DATE_PATTERN = \"D MMM YYYY\";\n\n// src/models/banking.ts\nvar bankingTransactionStatus = {\n Personal: \"Personal\",\n Business: \"Business\",\n NotSet: \"NotSet\"\n};\n\n// src/models/error-response.ts\nvar isValidationErrorResponse = (data) => data?.code === ApiErrorCodes.Validations;\nvar isExceedsRangeErrorResponse = (data) => data?.code === ApiErrorCodes.ExceedsRange;\n\n// src/models/expense-text-extractions.ts\nvar ExpenseTextExtractionStatus = /* @__PURE__ */ function(ExpenseTextExtractionStatus2) {\n ExpenseTextExtractionStatus2[\"ERROR\"] = \"Error\";\n ExpenseTextExtractionStatus2[\"FINISHED\"] = \"Finished\";\n ExpenseTextExtractionStatus2[\"IN_PROGRESS\"] = \"InProgress\";\n ExpenseTextExtractionStatus2[\"INVALID_CONTENT_TYPE\"] = \"InvalidContentType\";\n ExpenseTextExtractionStatus2[\"SKIPPED\"] = \"Skipped\";\n ExpenseTextExtractionStatus2[\"NOT_FOUND\"] = \"NotFound\";\n return ExpenseTextExtractionStatus2;\n}({});\n\n// src/models/expense.ts\nvar getIsExpense = (expense) => Boolean(expense?.id);\nvar ExpenseFilter = /* @__PURE__ */ function(ExpenseFilter2) {\n ExpenseFilter2[\"COMPLETE\"] = \"isComplete\";\n ExpenseFilter2[\"INCOMPLETE\"] = \"isIncomplete\";\n ExpenseFilter2[\"FIX_ASSET\"] = \"fixedAsset\";\n ExpenseFilter2[\"FILED\"] = \"isFiled\";\n ExpenseFilter2[\"REVIEWED\"] = \"isReviewed\";\n ExpenseFilter2[\"EUROPEAN_UNION\"] = \"isEuropeanUnion\";\n ExpenseFilter2[\"LOCAL_COUNTRY\"] = \"isLocalCountry\";\n ExpenseFilter2[\"FOREIGN_COUNTRY\"] = \"isForeignCountry\";\n return ExpenseFilter2;\n}({});\nvar ExpenseFilters = [ExpenseFilter.COMPLETE, ExpenseFilter.INCOMPLETE, ExpenseFilter.FIX_ASSET, ExpenseFilter.FILED, ExpenseFilter.REVIEWED, ExpenseFilter.EUROPEAN_UNION, ExpenseFilter.LOCAL_COUNTRY, ExpenseFilter.FOREIGN_COUNTRY];\nvar ExpenseFilterGroup = /* @__PURE__ */ function(ExpenseFilterGroup2) {\n ExpenseFilterGroup2[\"COMPLETE\"] = \"complete\";\n ExpenseFilterGroup2[\"COUNTRY\"] = \"country\";\n ExpenseFilterGroup2[\"INCOMPLETE\"] = \"incomplete\";\n ExpenseFilterGroup2[\"OTHER\"] = \"other\";\n return ExpenseFilterGroup2;\n}({});\nvar ExpenseFiltersGroups = {\n [ExpenseFilterGroup.INCOMPLETE]: [ExpenseFilter.INCOMPLETE],\n [ExpenseFilterGroup.COMPLETE]: [ExpenseFilter.COMPLETE, ExpenseFilter.REVIEWED, ExpenseFilter.FILED],\n [ExpenseFilterGroup.OTHER]: [ExpenseFilter.FIX_ASSET],\n [ExpenseFilterGroup.COUNTRY]: [ExpenseFilter.EUROPEAN_UNION, ExpenseFilter.LOCAL_COUNTRY, ExpenseFilter.FOREIGN_COUNTRY]\n};\n\n// src/models/income-text-extractions.ts\nvar IncomeTextExtractionStatus = /* @__PURE__ */ function(IncomeTextExtractionStatus2) {\n IncomeTextExtractionStatus2[\"ERROR\"] = \"Error\";\n IncomeTextExtractionStatus2[\"FINISHED\"] = \"Finished\";\n IncomeTextExtractionStatus2[\"IN_PROGRESS\"] = \"InProgress\";\n IncomeTextExtractionStatus2[\"INVALID_CONTENT_TYPE\"] = \"InvalidContentType\";\n IncomeTextExtractionStatus2[\"SKIPPED\"] = \"Skipped\";\n IncomeTextExtractionStatus2[\"NOT_FOUND\"] = \"NotFound\";\n return IncomeTextExtractionStatus2;\n}({});\n\n// src/models/income.ts\nvar IncomeStatus = /* @__PURE__ */ function(IncomeStatus2) {\n IncomeStatus2[\"DRAFT\"] = \"Draft\";\n IncomeStatus2[\"ISSUED\"] = \"Issued\";\n IncomeStatus2[\"PAID\"] = \"Paid\";\n return IncomeStatus2;\n}({});\nvar getIsIncome = (income) => {\n if (!income)\n return false;\n return Boolean(income.id);\n};\nvar IncomeFilter = /* @__PURE__ */ function(IncomeFilter2) {\n IncomeFilter2[\"INCOMPLETE\"] = \"isIncomplete\";\n IncomeFilter2[\"COMPLETE\"] = \"isComplete\";\n IncomeFilter2[\"DRAFT\"] = \"isDraft\";\n IncomeFilter2[\"PAID\"] = \"isPaid\";\n IncomeFilter2[\"FILED\"] = \"isFiled\";\n IncomeFilter2[\"REVIEWED\"] = \"isReviewed\";\n IncomeFilter2[\"EUROPEAN_UNION\"] = \"isEuropeanUnion\";\n IncomeFilter2[\"LOCAL_COUNTRY\"] = \"isLocalCountry\";\n IncomeFilter2[\"FOREIGN_COUNTRY\"] = \"isForeignCountry\";\n return IncomeFilter2;\n}({});\nvar IncomeFilters = [IncomeFilter.INCOMPLETE, IncomeFilter.COMPLETE, IncomeFilter.DRAFT, IncomeFilter.PAID, IncomeFilter.FILED, IncomeFilter.REVIEWED, IncomeFilter.EUROPEAN_UNION, IncomeFilter.LOCAL_COUNTRY, IncomeFilter.FOREIGN_COUNTRY];\nvar IncomeFilterGroup = /* @__PURE__ */ function(IncomeFilterGroup2) {\n IncomeFilterGroup2[\"COUNTRY\"] = \"country\";\n IncomeFilterGroup2[\"INCOMPLETE\"] = \"incomplete\";\n IncomeFilterGroup2[\"COMPLETE\"] = \"complete\";\n IncomeFilterGroup2[\"PAID\"] = \"paid\";\n return IncomeFilterGroup2;\n}({});\nvar IncomeFiltersGroups = {\n [IncomeFilterGroup.INCOMPLETE]: [IncomeFilter.DRAFT, IncomeFilter.INCOMPLETE],\n [IncomeFilterGroup.COMPLETE]: [IncomeFilter.COMPLETE, IncomeFilter.REVIEWED, IncomeFilter.FILED],\n [IncomeFilterGroup.PAID]: [IncomeFilter.PAID],\n [IncomeFilterGroup.COUNTRY]: [IncomeFilter.EUROPEAN_UNION, IncomeFilter.LOCAL_COUNTRY, IncomeFilter.FOREIGN_COUNTRY]\n};\n\n// src/models/invoice.ts\nvar InvoiceStatus = /* @__PURE__ */ function(InvoiceStatus2) {\n InvoiceStatus2[\"DRAFT\"] = \"Draft\";\n InvoiceStatus2[\"ISSUED\"] = \"Issued\";\n InvoiceStatus2[\"PAID\"] = \"Paid\";\n InvoiceStatus2[\"QUOTED\"] = \"Quoted\";\n InvoiceStatus2[\"UNPAID\"] = \"Unpaid\";\n return InvoiceStatus2;\n}({});\n\n// src/models/options-flags.ts\nvar AccountingMethod = {\n Accrual: \"Accrual\",\n Cash: \"Cash\"\n};\n\n// src/models/quote.ts\nvar QuoteStatus = /* @__PURE__ */ function(QuoteStatus2) {\n QuoteStatus2[QuoteStatus2[\"Draft\"] = 1] = \"Draft\";\n QuoteStatus2[QuoteStatus2[\"Invoiced\"] = 2] = \"Invoiced\";\n return QuoteStatus2;\n}({});\n\n// src/models/user-profile.ts\nvar BookkeepingTaxRegimeId = {\n Default: 1,\n CanaryIslands: 2\n};\n\n// src/domain/expense-validations.ts\nvar emptyFieldTranslationKey = \"error.emptyField\";\nvar maxLengthTranslationKey = \"error.maxLengthExceeded\";\nvar sameIdCard = \"error.sameIdCard\";\nvar dateOutOfRange = \"error.dateOutOfRange\";\nvar validateMaxLength = (fieldValue, maxLength, translation) => {\n if (fieldValue && fieldValue.length > maxLength) {\n return translation({\n id: maxLengthTranslationKey\n });\n }\n return void 0;\n};\nvar validateDifferentIdNumberFromUser = (idNumber, idNumberUser, isSenderIdNumberRequired, translation) => {\n if (!idNumber || !idNumberUser || !isSenderIdNumberRequired)\n return void 0;\n const trimmedIdNumber = idNumber.trim().toLowerCase();\n const trimmedIdNumberUser = idNumberUser.trim().toLowerCase();\n if (trimmedIdNumber !== trimmedIdNumberUser)\n return void 0;\n return translation({\n id: sameIdCard\n });\n};\nvar validateDateBetweenActiveRange = (invoiceDate, activeFilters, translation) => activeFilters.startDate !== null && !isBetweenDates(invoiceDate, activeFilters.startDate, activeFilters.endDate) ? translation({\n id: dateOutOfRange\n}) : void 0;\nvar validateMandatoryFields = (translation, expense, mandatoryBaseFields, mandatoryFields) => {\n const errors = {};\n const isReviewed4 = Expense.isReviewed(expense);\n if (isReviewed4)\n return errors;\n mandatoryBaseFields.forEach((field) => {\n if (!expense[field])\n errors[field] = translation({\n id: emptyFieldTranslationKey\n });\n });\n if (getIsExpense(expense))\n mandatoryFields.forEach((field) => {\n if (!expense[field])\n errors[field] = translation({\n id: emptyFieldTranslationKey\n });\n });\n return errors;\n};\nvar expenseValidation = (translation, expense, expenseOptions, idNumberUser, activeFilters) => {\n const mandatoryBaseFields = [\"invoiceDate\", \"senderName\", \"description\", \"gross\", \"net\"];\n const mandatoryFields = [];\n const {\n requiresFile,\n senderIdNumber,\n senderCountry\n } = expense;\n const hasSenderIdNumberIfNeeded = !!senderIdNumber || !expenseOptions.isSenderIdNumberRequired || expenseOptions.isSenderIdNumberRequired && senderCountry !== null && !senderCountry.isEuropeanUnion || expenseOptions.isSenderIdNumberRequired && !requiresFile;\n if (expenseOptions.isFileRequired && requiresFile)\n mandatoryFields.push(\"file\");\n if (expenseOptions.isInvoiceNumberRequired && requiresFile)\n mandatoryBaseFields.push(\"invoiceNumber\");\n if (!hasSenderIdNumberIfNeeded)\n mandatoryBaseFields.push(\"senderIdNumber\");\n const errors = validateMandatoryFields(translation, expense, mandatoryBaseFields, mandatoryFields);\n const invoiceNumberMaxLengthError = validateMaxLength(expense.invoiceNumber || \"\", RECORD_FIELD_MAX_LENGTH.INVOICE_NUMBER, translation);\n const sameIdNumberAsUser = validateDifferentIdNumberFromUser(expense.senderIdNumber, idNumberUser, expenseOptions.isSenderIdNumberRequired, translation);\n const dateOutOfRange3 = validateDateBetweenActiveRange(expense.invoiceDate, activeFilters, translation);\n const dateOutOfRangeLabel = activeFilters.label ? activeFilters.label : translation({\n id: \"common.customFilter\"\n });\n if (invoiceNumberMaxLengthError)\n errors.invoiceNumber = invoiceNumberMaxLengthError;\n if (sameIdNumberAsUser)\n errors.senderIdNumber = sameIdNumberAsUser;\n if (dateOutOfRange3)\n errors.invoiceDate = `${dateOutOfRange3} ${dateOutOfRangeLabel}`;\n return {\n errors,\n hasBlockingErrors: !!invoiceNumberMaxLengthError || !!sameIdNumberAsUser\n };\n};\nvar validateExpense = ({\n translation,\n expense,\n expenseOptions,\n idNumberUser,\n activeFilters\n}) => {\n const {\n errors,\n hasBlockingErrors\n } = expenseValidation(translation, expense, expenseOptions, idNumberUser, activeFilters);\n return {\n hasValidationErrors: Object.keys(errors).length > 0,\n hasBlockingErrors,\n validationErrors: errors\n };\n};\n\n// src/domain/income.ts\nimport { getStringDate as getStringDate2 } from \"@scouts/helpers\";\nvar counterpartNameKey2 = () => \"recipientName\";\nvar counterpartIdNumberKey2 = () => \"recipientIdNumber\";\nvar counterpartName2 = (income) => income.recipientName;\nvar counterpartIdNumber2 = (income) => income.recipientIdNumber;\nvar toRecord2 = (income) => ({\n ...income,\n taxRates: income.taxRates.map((taxRate) => ({\n ...taxRate,\n rate: taxRate.rate === Taxes.Constants.OTHER_RATE ? 0 : taxRate.rate\n }))\n});\nvar duplicate2 = (income) => ({\n ...income,\n id: void 0,\n draftedDateUTC: (/* @__PURE__ */ new Date()).toISOString(),\n filedDateUTC: null,\n invoiceDate: (/* @__PURE__ */ new Date()).toISOString(),\n invoiceNumber: \"\",\n issuedDateUTC: null,\n paidDateUTC: null,\n reviewedDateUTC: null,\n status: IncomeStatus.DRAFT,\n taxPointDate: (/* @__PURE__ */ new Date()).toISOString()\n});\nvar createBlank3 = (income = {}) => ({\n comment: \"\",\n createdDateUTC: getStringDate2(),\n description: \"\",\n draftedDateUTC: getStringDate2(),\n exchangeRate: 1,\n file: null,\n filedDateUTC: null,\n gross: 0,\n incomeSeriesId: null,\n invoiceDate: getStringDate2(),\n invoiceDetails: null,\n invoiceNumber: null,\n issuedDateUTC: getStringDate2(),\n isInvoice: false,\n net: 0,\n originalInvoiceId: null,\n paidDateUTC: getStringDate2(),\n recipientIdNumber: \"\",\n recipientName: \"\",\n recipientCountryId: null,\n recipientCountryName: null,\n reviewedDateUTC: null,\n status: IncomeStatus.PAID,\n taxPointDate: getStringDate2(),\n taxRates: [{\n name: \"\",\n rate: 0,\n amount: 0\n }],\n ...income\n});\nvar hasFile2 = (income) => !!income.file;\nvar hasData2 = (income) => !!income.recipientName;\nvar isComplete2 = (incomeOptions) => ({\n description,\n invoiceDate,\n taxPointDate,\n invoiceNumber,\n net,\n file,\n reviewedDateUTC\n}) => !!invoiceDate && !!taxPointDate && !!description && net != null && (net > 0 || net < 0) && (!incomeOptions.isInvoiceNumberRequired || !!invoiceNumber) && (!incomeOptions.isFileRequired || !!file) || !!reviewedDateUTC;\nvar isReviewed2 = (income) => {\n if (!income)\n return false;\n return Boolean(income.reviewedDateUTC);\n};\nvar isFiled2 = (income) => {\n if (!income)\n return false;\n return Boolean(income.filedDateUTC);\n};\nvar compareDateAndNumber = (getRecordTime) => (a, b) => {\n const aTime = getRecordTime(a);\n const bTime = getRecordTime(b);\n if (aTime === bTime) {\n return (a.invoiceNumber || 0) > (b.invoiceNumber || 0) ? -1 : 1;\n }\n if (aTime === 0)\n return -1;\n if (bTime === 0)\n return 1;\n return bTime - aTime;\n};\nvar sortByInvoiceDateAndNumber2 = (records) => {\n const items = [...records];\n return items.sort(compareDateAndNumber((record) => new Date(record.invoiceDate ?? 0).getTime()));\n};\nvar sortByPaidDateAndNumber = (records) => {\n const items = [...records];\n return items.sort(compareDateAndNumber((record) => new Date(record.paidDateUTC ?? record.invoiceDate ?? 0).getTime()));\n};\nvar isDraft = ({\n status\n}) => status === IncomeStatus.DRAFT;\nvar isIssued = ({\n status\n}) => status === IncomeStatus.ISSUED;\nvar isPaid = (income) => {\n if (!income)\n return false;\n return Boolean(income.paidDateUTC);\n};\nvar displayDate = (record, accountingMethod) => {\n record;\n return accountingMethod === AccountingMethod.Accrual ? record.taxPointDate : record.paidDateUTC ?? record.taxPointDate;\n};\nvar isInvoice = (record) => {\n const {\n isInvoice: invoiceRecord\n } = record;\n return invoiceRecord === void 0 || invoiceRecord;\n};\nvar Income = {\n counterpartIdNumber: counterpartIdNumber2,\n counterpartIdNumberKey: counterpartIdNumberKey2,\n counterpartName: counterpartName2,\n counterpartNameKey: counterpartNameKey2,\n createBlank: createBlank3,\n displayDate,\n duplicate: duplicate2,\n hasData: hasData2,\n hasFile: hasFile2,\n isComplete: isComplete2,\n isDraft,\n isFiled: isFiled2,\n isInvoice,\n isIssued,\n isPaid,\n isReviewed: isReviewed2,\n sortByInvoiceDateAndNumber: sortByInvoiceDateAndNumber2,\n sortByPaidDateAndNumber,\n toRecord: toRecord2\n};\n\n// src/domain/income-validations.ts\nimport { isBetweenDates as isBetweenDates2 } from \"@scouts/helpers\";\nvar emptyFieldTranslationKey2 = \"error.emptyField\";\nvar maxLengthTranslationKey2 = \"error.maxLengthExceeded\";\nvar sameIdCard2 = \"error.sameIdCard\";\nvar dateOutOfRange2 = \"error.dateOutOfRange\";\nvar validateMaxLength2 = (fieldValue, maxLength, translation) => {\n if (fieldValue && fieldValue.length > maxLength) {\n return translation({\n id: maxLengthTranslationKey2\n });\n }\n return void 0;\n};\nvar validateDifferentIdNumberFromUser2 = (idNumber, idNumberUser, hasSenderIdNumber, translation) => {\n if (!idNumber || !idNumberUser || !hasSenderIdNumber)\n return void 0;\n const trimmedIdNumber = idNumber.trim().toLowerCase();\n const trimmedIdNumberUser = idNumberUser.trim().toLowerCase();\n if (trimmedIdNumber !== trimmedIdNumberUser)\n return void 0;\n return translation({\n id: sameIdCard2\n });\n};\nvar validateDateBetweenActiveRange2 = (invoiceDate, activeFilters, translation) => activeFilters.startDate !== null && !isBetweenDates2(invoiceDate, activeFilters.startDate, activeFilters.endDate) ? translation({\n id: dateOutOfRange2\n}) : void 0;\nvar validateMandatoryFields2 = (translation, income, mandatoryBaseFields, mandatoryFields) => {\n const errors = {};\n const isReviewed4 = Income.isReviewed(income);\n if (isReviewed4)\n return errors;\n mandatoryBaseFields.forEach((field) => {\n if (!income[field])\n errors[field] = translation({\n id: emptyFieldTranslationKey2\n });\n });\n if (getIsIncome(income))\n mandatoryFields.forEach((field) => {\n if (!income[field])\n errors[field] = translation({\n id: emptyFieldTranslationKey2\n });\n });\n return errors;\n};\nvar incomeValidation = (translation, income, incomeOptions, idNumberUser, activeFilters) => {\n const mandatoryBaseFields = [\"invoiceDate\", \"description\", \"gross\", \"net\"];\n const mandatoryFields = [];\n if (incomeOptions.isFileRequired)\n mandatoryFields.push(\"file\");\n if (incomeOptions.isInvoiceNumberRequired)\n mandatoryFields.push(\"invoiceNumber\");\n const errors = validateMandatoryFields2(translation, income, mandatoryBaseFields, mandatoryFields);\n const invoiceNumberMaxLengthError = validateMaxLength2(income.invoiceNumber || \"\", RECORD_FIELD_MAX_LENGTH.INVOICE_NUMBER, translation);\n const sameIdNumberAsUser = validateDifferentIdNumberFromUser2(income.recipientIdNumber, idNumberUser, incomeOptions.hasSenderIdNumber, translation);\n const dateOutOfRange3 = validateDateBetweenActiveRange2(income.invoiceDate, activeFilters, translation);\n const dateOutOfRangeLabel = activeFilters.label ? activeFilters.label : translation({\n id: \"common.customFilter\"\n });\n if (invoiceNumberMaxLengthError)\n errors.invoiceNumber = invoiceNumberMaxLengthError;\n if (sameIdNumberAsUser)\n errors.recipientIdNumber = sameIdNumberAsUser;\n if (dateOutOfRange3)\n errors.invoiceDate = `${dateOutOfRange3} ${dateOutOfRangeLabel}`;\n return {\n errors,\n hasBlockingErrors: !!invoiceNumberMaxLengthError || !!sameIdNumberAsUser\n };\n};\nvar validateIncome = ({\n translation,\n income,\n incomeOptions,\n idNumberUser,\n activeFilters\n}) => {\n const {\n errors,\n hasBlockingErrors\n } = incomeValidation(translation, income, incomeOptions, idNumberUser, activeFilters);\n return {\n hasValidationErrors: Object.keys(errors).length > 0,\n hasBlockingErrors,\n validationErrors: errors\n };\n};\n\n// src/domain/invoice.ts\nimport { getStringDate as getStringDate3 } from \"@scouts/helpers\";\nvar counterpartNameKey3 = () => \"recipientName\";\nvar counterpartIdNumberKey3 = () => \"recipientIdNumber\";\nvar counterpartName3 = (invoice) => invoice.recipientName;\nvar counterpartIdNumber3 = (invoice) => invoice.recipientIdNumber;\nvar hasRecipientData = ({\n recipientIdNumber,\n recipientName,\n recipientCity,\n recipientAddress\n}) => !!recipientIdNumber || !!recipientName || !!recipientCity || !!recipientAddress;\nvar hasSenderData = ({\n senderIdNumber,\n senderName,\n senderCity,\n senderAddress\n}) => !!senderIdNumber || !!senderName || !!senderCity || !!senderAddress;\nvar isLineComplete = ({\n description,\n unitPrice,\n quantity\n}) => !!description && unitPrice != null && (unitPrice > 0 || unitPrice < 0) && quantity != null && quantity > 0;\nvar isLineDraftable = ({\n unitPrice,\n quantity\n}) => unitPrice != null && quantity != null && quantity > 0;\nvar duplicateLineBase = (line) => ({\n ...line\n});\nvar duplicateLineWithExtra = (line, extra) => ({\n ...Invoice.Line.duplicate(line),\n ...extra\n});\nvar Line = {\n isComplete: isLineComplete,\n isDraftable: isLineDraftable,\n duplicate: duplicateLineBase,\n duplicateWithExtra: duplicateLineWithExtra\n};\nvar toRecord3 = (invoice) => {\n return {\n ...invoice,\n gross: 0,\n net: 0\n };\n};\nvar areLinesComplete = (invoice) => {\n const {\n lines,\n invoiceDetails\n } = invoice;\n if (invoiceDetails)\n return invoiceDetails.lines.every(Line.isComplete);\n return lines.every(Line.isComplete);\n};\nvar areLinesDraftable = ({\n lines\n}) => lines.every(Line.isDraftable);\nvar prefill = ({\n address,\n ...user\n} = {}) => {\n return {\n senderName: user?.name,\n senderIdNumber: user?.idNumber,\n senderAddress: address?.street,\n senderCity: address?.city,\n senderPostcode: address?.postcode,\n senderCountryName: address?.country\n };\n};\nvar sortByInvoiceDateAndNumber3 = (invoices) => {\n const items = [...invoices];\n return items.sort((a, b) => {\n if (new Date(b.invoiceDate).getTime() === new Date(a.invoiceDate).getTime()) {\n return (a.invoiceNumber || 0) > (b.invoiceNumber || 0) ? -1 : 1;\n }\n return new Date(b.invoiceDate).getTime() - new Date(a.invoiceDate).getTime();\n });\n};\nvar isComplete3 = (incomeOptions) => (invoice) => !!invoice.invoiceDate && !!invoice.taxPointDate && !!invoice.invoiceNumber && (!!invoice.senderName || !!invoice.invoiceDetails?.senderName) && (!!invoice.senderAddress || !!invoice.invoiceDetails?.senderAddress) && (!!invoice.senderCity || !!invoice.invoiceDetails?.senderCity) && (!incomeOptions.hasSenderIdNumber || !!invoice.senderIdNumber || !!invoice.invoiceDetails?.senderIdNumber) && areLinesComplete(invoice) && (!incomeOptions.isRecipientNameRequired || !!invoice.recipientName) && (!incomeOptions.isRecipientAddressRequired || !!invoice.recipientAddress || !!invoice.invoiceDetails?.recipientAddress) && (!incomeOptions.isRecipientCityRequired || !!invoice.recipientAddress || !!invoice.invoiceDetails?.recipientAddress);\nvar isReviewed3 = (invoice) => {\n if (!invoice)\n return false;\n return Boolean(invoice.reviewedDateUTC);\n};\nvar isFiled3 = (invoice) => {\n if (!invoice)\n return false;\n return Boolean(invoice.filedDateUTC);\n};\nvar createBlank4 = (invoice = {}) => ({\n createdDateUTC: getStringDate3(),\n description: \"\",\n draftedDateUTC: getStringDate3(),\n exchangeRate: 1,\n filedDateUTC: null,\n gross: 0,\n hasTaxRatesPerLine: false,\n incomeSeriesId: null,\n invoiceDate: getStringDate3(),\n issuedDateUTC: null,\n language: \"\",\n lastEmailedToRecipientDateUTC: null,\n lines: [{\n description: \"\",\n unitPrice: 0,\n quantity: 1,\n gross: 0,\n net: 0,\n taxRates: [...invoice.taxRates ?? []],\n feId: Math.random()\n }],\n net: 0,\n notes: \"\",\n originalInvoiceId: null,\n paidDateUTC: null,\n quotedDateUTC: null,\n paymentTerms: \"\",\n recipientAddress: \"\",\n recipientCity: \"\",\n recipientIdNumber: \"\",\n recipientName: \"\",\n recipientPostcode: \"\",\n recipientCountryId: null,\n recipientCountryName: null,\n reviewedDateUTC: null,\n sendDateUTC: null,\n senderAddress: \"\",\n senderCity: \"\",\n senderIdNumber: \"\",\n senderName: \"\",\n senderPostcode: \"\",\n senderCountryId: null,\n senderCountryName: null,\n seriesNumber: null,\n status: InvoiceStatus.DRAFT,\n taxPointDate: getStringDate3(),\n taxRates: [],\n ...invoice\n});\nvar isDraft2 = ({\n status\n}) => status === InvoiceStatus.DRAFT;\nvar isIssued2 = ({\n status\n}) => status === InvoiceStatus.ISSUED;\nvar isPaid2 = (invoice) => {\n if (!invoice)\n return false;\n return Boolean(invoice.paidDateUTC);\n};\nvar getTotalTaxAmounts = (taxes, {\n net,\n taxRates\n}) => Object.keys(taxes || {}).map((taxNameKey) => {\n const amount = taxRates.reduce((acc, curr) => {\n if (curr.name === taxNameKey) {\n acc += curr.amount;\n }\n return acc;\n }, 0);\n const rate = amount === 0 ? taxRates.find((tr) => tr.name === taxNameKey)?.rate : amount / (net || 0) * 100;\n return {\n amount,\n name: taxNameKey,\n rate\n };\n});\nvar Invoice = {\n areLinesComplete,\n areLinesDraftable,\n counterpartName: counterpartName3,\n counterpartNameKey: counterpartNameKey3,\n counterpartIdNumber: counterpartIdNumber3,\n counterpartIdNumberKey: counterpartIdNumberKey3,\n createBlank: createBlank4,\n hasRecipientData,\n hasSenderData,\n isComplete: isComplete3,\n isDraft: isDraft2,\n isIssued: isIssued2,\n isPaid: isPaid2,\n isFiled: isFiled3,\n isReviewed: isReviewed3,\n prefill,\n sort: sortByInvoiceDateAndNumber3,\n toRecord: toRecord3,\n totalTaxAmount: getTotalTaxAmounts,\n Line\n};\n\n// src/domain/invoice-validations.ts\nvar emptyFieldTranslationKey3 = \"error.emptyField\";\nvar validateMandatoryFields3 = (translation, invoice, mandatoryFields) => {\n const errors = {};\n mandatoryFields.forEach((field) => {\n if (!invoice[field])\n errors[field] = translation({\n id: emptyFieldTranslationKey3\n });\n });\n return errors;\n};\nvar draftValidation = (translation, invoice) => {\n const mandatoryFields = [\"invoiceDate\", \"incomeSeriesId\"];\n const errors = validateMandatoryFields3(translation, invoice, mandatoryFields);\n invoice.lines.forEach((line, index) => {\n if (!(line.unitPrice === 0 || (line.unitPrice || 0) > 0 || (line.unitPrice || 0) < 0))\n errors[`lines.${index}.unitPrice`] = translation({\n id: \"error.invalidValue\"\n });\n if (!line.quantity)\n errors[`lines.${index}.quantity`] = translation({\n id: \"error.minRangeExceed\"\n }, {\n minValue: 0\n });\n });\n return errors;\n};\nvar issuedValidation = (translation, invoice, incomeOptions) => {\n const mandatoryFields = [\"invoiceDate\", \"invoiceNumber\", \"senderName\", \"senderAddress\", \"senderCity\", \"lines\"];\n if (incomeOptions.hasSenderIdNumber)\n mandatoryFields.push(\"senderIdNumber\");\n if (incomeOptions.isRecipientNameRequired)\n mandatoryFields.push(\"recipientName\");\n if (incomeOptions.isRecipientAddressRequired)\n mandatoryFields.push(\"recipientAddress\");\n if (incomeOptions.isRecipientCityRequired)\n mandatoryFields.push(\"recipientCity\");\n const errors = validateMandatoryFields3(translation, invoice, mandatoryFields);\n invoice.lines.forEach((line, index) => {\n if (!line.description)\n errors[`lines.${index}.description`] = translation({\n id: emptyFieldTranslationKey3\n });\n if (!((line.unitPrice || 0) > 0 || (line.unitPrice || 0) < 0))\n errors[`lines.${index}.unitPrice`] = translation({\n id: \"error.invalidValue\"\n });\n if ((line.quantity || 0) <= 0)\n errors[`lines.${index}.quantity`] = translation({\n id: \"error.minRangeExceed\"\n }, {\n minValue: 0\n });\n });\n return errors;\n};\nvar validateInvoice = ({\n translation,\n invoice,\n asDraft,\n incomeOptions\n}) => {\n const validationErrors = asDraft ? draftValidation(translation, invoice) : issuedValidation(translation, invoice, incomeOptions);\n return {\n hasValidationErrors: Object.keys(validationErrors).length > 0,\n validationErrors\n };\n};\n\n// src/domain/deductibility.ts\nvar deductibilityTypesStrings = {\n [DeductibilityType.FullyDeductible]: [\"Fully deductible\", \"Totalmente deducible\"],\n [DeductibilityType.NotDeductible]: [\"Not claimable\", \"No aplicable\"],\n [DeductibilityType.PartiallyDeductible]: [\"% claimable\", \"% aplicable\"]\n};\nvar DeductibilityDomain = {\n getDeductibilityTranslationStrings: (deductibilityType) => {\n return deductibilityTypesStrings[deductibilityType];\n }\n};\nvar getTaxesThatAllowCustomDeductibility = (taxRates, taxRatesDefinitionsThatAllowCustomDeductibility) => {\n return taxRates.filter((taxRate) => taxRatesDefinitionsThatAllowCustomDeductibility.some((taxRateDefinition) => taxRateDefinition.name === taxRate.name));\n};\n\n// src/store/records-default-values/hooks.ts\nimport { useEffect as useEffect2 } from \"react\";\nimport { addErrorToast } from \"@scouts/ui\";\n\n// src/context/browserStorage.ts\nvar HIDE_CONNECT_BANK_BANNER_STORAGE_KEY = \"hideConnectBankBannerStorageKey\";\n\n// src/context/data-context.ts\nimport { createContext as createContext2 } from \"react\";\nvar DataContext = /* @__PURE__ */ createContext2(null);\n\n// src/context/use-data.ts\nimport { useContext as useContext2 } from \"react\";\nvar useData = () => {\n const data = useContext2(DataContext);\n if (!data) {\n throw new Error(\"useContext(DataContext): `data` is not set\");\n }\n return data;\n};\nvar useUser = () => {\n const data = useData();\n const user = data?.user;\n return user;\n};\n\n// src/context/DataLoader.tsx\nimport { Fragment as _Fragment, jsx as _jsx5 } from \"react/jsx-runtime\";\nvar DataLoader = ({\n children\n}) => {\n const user = useUser();\n if (!user?.id)\n return /* @__PURE__ */ _jsx5(_Fragment, {\n children: \"No user ID\"\n });\n return /* @__PURE__ */ _jsx5(_Fragment, {\n children\n });\n};\n\n// src/context/DataProvider.tsx\nimport { jsx as _jsx6 } from \"react/jsx-runtime\";\nvar DataProvider = ({\n data,\n children\n}) => /* @__PURE__ */ _jsx6(DataContext.Provider, {\n value: data,\n children: /* @__PURE__ */ _jsx6(DataLoader, {\n children\n })\n});\n\n// src/store/records-default-values/api.ts\nimport { generateApiPath } from \"@scouts/helpers\";\n\n// src/store/api-slice.ts\nimport { createApi } from \"@reduxjs/toolkit/query/react\";\n\n// src/store/tags.ts\nvar Tags = {\n AvailableBankingProviders: \"availableBankingProviders\",\n Balance: \"balance\",\n ConnectedBankingProviders: \"bankingProviders\",\n BankingTransactions: \"bankingTransactions\",\n BankingTransactionsRules: \"bankingTransactionsRules\",\n Expense: \"expense\",\n Expenses: \"expenses\",\n ExpensesSearch: \"expensesSearch\",\n ExpensesMergeSuggestions: \"expensesMergeSuggestions\",\n ExpenseTextExtraction: \"expenseTextExtraction\",\n Income: \"income\",\n Incomes: \"incomes\",\n IncomesSearch: \"incomesSearch\",\n IncomesMergeSuggestions: \"incomesMergeSuggestions\",\n IncomeSeries: \"IncomeSeries\",\n IncomeTextExtraction: \"incomeTextExtraction\",\n Invoice: \"invoice\",\n InvoiceAppearanceSettings: \"invoiceAppearanceSettings\",\n Invoices: \"invoices\",\n Logo: \"logo\",\n TaxRates: \"TaxRates\",\n TaxRateDefinitions: \"TaxRateDefinitions\",\n UserProfile: \"UserProfile\"\n};\n\n// src/store/api-slice.ts\nvar clientBaseQuery = () => async ({\n url,\n method,\n data,\n params,\n headers\n}) => {\n try {\n const client = Client.getInstance();\n const result = await client({\n url,\n method,\n data,\n params,\n headers\n });\n return {\n data: result.data,\n meta: {\n headers: result.headers\n }\n };\n } catch (axiosError) {\n const err = axiosError;\n return {\n error: {\n status: err.response?.status,\n data: err.response?.data || err.message\n }\n };\n }\n};\nvar apiSlice = createApi({\n baseQuery: clientBaseQuery(),\n endpoints: () => ({}),\n reducerPath: \"api-bookkeeping\",\n tagTypes: Object.values(Tags)\n});\n\n// src/store/records-default-values/api.ts\nvar extendedApi = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncomeDefaultValues: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath(ENDPOINTS.INCOMES.DEFAULT_VALUES, {\n userId\n })\n }),\n providesTags: [Tags.Income, Tags.Incomes, Tags.Incomes, Tags.Invoices]\n }),\n getExpenseDefaultValues: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath(ENDPOINTS.EXPENSES.DEFAULT_VALUES, {\n userId\n })\n }),\n keepUnusedDataFor: Infinity\n })\n })\n});\nvar {\n useGetIncomeDefaultValuesQuery,\n useGetExpenseDefaultValuesQuery\n} = extendedApi;\n\n// src/store/records-default-values/hooks.ts\nvar useIncomeDefaultValues = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const {\n data,\n isSuccess,\n isError\n } = useGetIncomeDefaultValuesQuery({\n userId\n });\n useEffect2(() => {\n if (!isError)\n return;\n addErrorToast({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n return {\n incomeDefaultValues: data,\n isSuccess\n };\n};\nvar useExpenseDefaultValues = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const {\n data,\n isSuccess,\n isError\n } = useGetExpenseDefaultValuesQuery({\n userId\n });\n useEffect2(() => {\n if (!isError)\n return;\n addErrorToast({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n return {\n expenseDefaultValues: data,\n isSuccess\n };\n};\n\n// src/store/taxes/hooks.ts\nimport _cloneDeep from \"lodash/cloneDeep\";\nimport _isEmpty from \"lodash/isEmpty\";\nimport { useEffect as useEffect3, useMemo as useMemo3 } from \"react\";\nimport { addErrorToast as addErrorToast2 } from \"@scouts/ui\";\n\n// src/store/taxes/api.ts\nimport { generateApiPath as generateApiPath2 } from \"@scouts/helpers\";\nvar extendedApi2 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getTaxes: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath2(ENDPOINTS.TAX_RATES.GET, {\n userId\n })\n }),\n providesTags: [Tags.TaxRates],\n keepUnusedDataFor: Infinity\n }),\n getTaxRatesDefinitions: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath2(ENDPOINTS.TAX_RATES.GET_V2, {\n userId\n })\n }),\n providesTags: [Tags.TaxRateDefinitions],\n keepUnusedDataFor: Infinity\n })\n })\n});\nvar {\n useGetTaxesQuery,\n useGetTaxRatesDefinitionsQuery\n} = extendedApi2;\n\n// src/store/taxes/hooks.ts\nvar useTaxes = () => {\n const {\n id: userId\n } = useUser();\n const {\n data: taxes,\n isError,\n isSuccess\n } = useGetTaxesQuery({\n userId\n });\n const translation = useTranslation();\n useEffect3(() => {\n if (!isError)\n return;\n addErrorToast2({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n const taxesOrdered = useMemo3(() => {\n const copyOfTaxes = taxes ? _cloneDeep(taxes) : {};\n const sorted = Object.keys(copyOfTaxes).reduce((acc, key) => {\n acc[key] = copyOfTaxes[key].sort((a, b) => Math.abs(b) - Math.abs(a));\n return acc;\n }, {});\n return !_isEmpty(sorted) ? sorted : taxes;\n }, [taxes]);\n return {\n taxes: taxesOrdered,\n hasTaxes: taxes !== void 0 && Object.keys(taxes).length >= 1,\n taxesCount: Object.keys(taxes ?? {}).length,\n isError,\n isSuccess\n };\n};\nvar useTaxRatesDefinitions = () => {\n const {\n id: userId\n } = useUser();\n const {\n data: taxRatesDefinitions,\n isError,\n isSuccess,\n isLoading\n } = useGetTaxRatesDefinitionsQuery({\n userId\n });\n const translation = useTranslation();\n useEffect3(() => {\n if (!isError)\n return;\n addErrorToast2({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n const taxesOrdered = useMemo3(() => {\n const copyOfTaxes = _cloneDeep(taxRatesDefinitions);\n copyOfTaxes?.forEach((tax) => tax.rates.sort((a, b) => Math.abs(b ?? 0) - Math.abs(a ?? 0)));\n return copyOfTaxes;\n }, [taxRatesDefinitions]);\n const taxRatesDefinitionsThatAllowCustomDeductibility = useMemo3(() => taxesOrdered?.filter((taxRate) => taxRate.allowCustomDeductibility), [taxesOrdered]);\n return {\n taxRatesDefinitions: taxesOrdered,\n taxRatesDefinitionsThatAllowCustomDeductibility,\n hasTaxes: Boolean(taxRatesDefinitions && taxRatesDefinitions?.length > 0),\n taxesCount: taxRatesDefinitions?.length ?? 0,\n isError,\n isSuccess,\n isLoading\n };\n};\n\n// src/store/expenses/hooks/use-create-blank-expense.ts\nvar useCreateBlankExpense = () => {\n const {\n hasTaxes,\n taxes,\n isSuccess: isSuccessTaxes\n } = useTaxes();\n const {\n expenseDefaultValues,\n isSuccess: isSuccessDefaultValues\n } = useExpenseDefaultValues();\n const createBlankExpense = useCallback(() => {\n const taxRates = !hasTaxes ? [] : Object.entries(taxes ?? {}).reduce((acc, [taxName]) => {\n const rate = expenseDefaultValues?.taxRateDefinitions?.find(({\n name\n }) => name === taxName)?.rate ?? 0;\n return [...acc, {\n name: taxName,\n amount: 0,\n deductibleAmount: 0,\n deductiblePercentage: 100,\n rate\n }];\n }, []);\n return Expense.createBlank({\n ...!!taxRates && {\n taxRates\n }\n });\n }, [expenseDefaultValues, hasTaxes, taxes]);\n return {\n createBlankExpense,\n isReady: isSuccessTaxes && isSuccessDefaultValues\n };\n};\n\n// src/store/expenses/hooks/use-create-expense.ts\nimport { useCallback as useCallback2 } from \"react\";\nimport { formatDateQuery } from \"@scouts/helpers\";\n\n// src/store/use-normalize-rtk-error.ts\nimport { useMemo as useMemo4 } from \"react\";\nimport { addErrorToast as addErrorToast3 } from \"@scouts/ui\";\n\n// src/helpers/normalize-error-responses.ts\nvar normalizeRegularError = (error) => ({\n errors: {\n errors: [error],\n validationErrors: []\n }\n});\nvar normalizeValidationError = ({\n metadata\n}) => {\n const validationErrors = [];\n Object.entries(metadata).forEach(([field, {\n code,\n message,\n metadata: fieldMetadata\n }]) => {\n validationErrors.push({\n field,\n code,\n message,\n ...!!fieldMetadata && {\n metadata: fieldMetadata\n }\n });\n });\n return {\n errors: {\n validationErrors,\n errors: []\n }\n };\n};\nvar normalizeErrorResponses = ({\n data\n}) => {\n if (!data)\n return normalizeRegularError({\n code: ApiErrorCodes.Unknown,\n message: \"UnknownError\"\n });\n if (!data.code) {\n const error = {\n message: data.message\n };\n return {\n ...error,\n ...normalizeRegularError(error)\n };\n }\n return isValidationErrorResponse(data) ? normalizeValidationError(data) : normalizeRegularError(data);\n};\n\n// src/store/use-normalize-rtk-error.ts\nvar useNormalizeRTKError = (errorTranslationKey) => {\n const translation = useTranslation();\n return useMemo4(() => ({\n // @TODO:\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n normalizeError: (apiError) => {\n const normalizedErrorResponse = normalizeErrorResponses(apiError);\n if (normalizedErrorResponse.errors.errors.some((error) => error.code === ApiErrorCodes.UnauthorizedAction))\n addErrorToast3({\n body: translation({\n id: \"error.locked\"\n })\n });\n else\n addErrorToast3({\n body: translation({\n id: errorTranslationKey\n })\n });\n return normalizedErrorResponse;\n }\n }), [errorTranslationKey, translation]);\n};\n\n// src/tracker.ts\nimport { mixpanelTrack } from \"@scouts/helpers\";\n\n// src/TrackingData.ts\nvar TrackingDataHolder = class _TrackingDataHolder {\n static getInstance() {\n if (!_TrackingDataHolder.instance)\n _TrackingDataHolder.instance = new _TrackingDataHolder();\n return _TrackingDataHolder.instance;\n }\n constructor() {\n }\n setData(data) {\n this.data = data;\n }\n getData() {\n return this.data;\n }\n};\n\n// src/tracker.ts\nvar EVENTS = /* @__PURE__ */ function(EVENTS2) {\n EVENTS2[\"INCOME_BULK_UPLOAD\"] = \"BOOKKEEPING_INCOME_BULK_UPLOAD\";\n EVENTS2[\"INCOME_CREATE\"] = \"BOOKKEEPING_INCOME_CREATE\";\n EVENTS2[\"INCOME_EDIT\"] = \"BOOKKEEPING_INCOME_EDIT\";\n EVENTS2[\"INCOME_MARK_AS_PAID\"] = \"BOOKKEEPING_INCOME_MARK_AS_PAID\";\n EVENTS2[\"EXPENSE_BULK_UPLOAD\"] = \"BOOKKEEPING_EXPENSE_BULK_UPLOAD\";\n EVENTS2[\"EXPENSE_CREATE\"] = \"BOOKKEEPING_EXPENSE_CREATE\";\n EVENTS2[\"EXPENSE_EDIT\"] = \"BOOKKEEPING_EXPENSE_EDIT\";\n EVENTS2[\"INVOICE_CREATE\"] = \"BOOKKEEPING_INVOICE_CREATE\";\n EVENTS2[\"INVOICE_EDIT\"] = \"BOOKKEEPING_INVOICE_EDIT\";\n EVENTS2[\"INVOICE_ISSUED\"] = \"BOOKKEEPING_INVOICE_ISSUED\";\n EVENTS2[\"INVOICE_DOWNLOAD\"] = \"BOOKKEEPING_INVOICE_DOWNLOAD\";\n EVENTS2[\"INVOICE_MARK_AS_PAID\"] = \"BOOKKEEPING_INVOICE_MARK_AS_PAID\";\n EVENTS2[\"INVOICE_SEND\"] = \"BOOKKEEPING_INVOICE_SEND\";\n EVENTS2[\"INVOICE_DOWNLOAD_QUOTE\"] = \"BOOKKEEPING_INVOICE_DOWNLOAD_QUOTE\";\n EVENTS2[\"INVOICE_DELETE_ISSUED\"] = \"BOOKKEEPING_DELETE_ISSUED_INVOICE\";\n EVENTS2[\"BANKING_INITIATE_CONNECT\"] = \"BOOKKEEPING_BANKING_INITIATE_CONNECT\";\n EVENTS2[\"BANKING_CONNECT\"] = \"BOOKKEEPING_BANKING_CONNECT\";\n EVENTS2[\"BANKING_CONNECT_ERROR\"] = \"BOOKKEEPING_BANKING_CONNECT_ERROR\";\n EVENTS2[\"BANKING_REVIEW\"] = \"BOOKKEEPING_BANKING_REVIEW\";\n EVENTS2[\"BANKING_DISCONNECT\"] = \"BOOKKEEPING_BANKING_DISCONNECT\";\n return EVENTS2;\n}({});\nvar getTrackingData = (data = {}) => {\n return {\n ...TrackingDataHolder.getInstance().getData(),\n ...data\n };\n};\nvar track = (event, data = {}) => {\n switch (event) {\n case EVENTS.INCOME_BULK_UPLOAD:\n mixpanelTrack(EVENTS.INCOME_BULK_UPLOAD, getTrackingData({\n numberOfFiles: data?.numberOfFiles\n }));\n break;\n case EVENTS.INCOME_CREATE:\n mixpanelTrack(EVENTS.INCOME_CREATE, getTrackingData({\n id: data?.id,\n hasRecipientData: !!data?.recipientName || !!data?.recipientIdNumber\n }));\n break;\n case EVENTS.INCOME_EDIT:\n mixpanelTrack(EVENTS.INCOME_EDIT, getTrackingData({\n id: data?.id,\n hasRecipientData: !!data?.recipientName || !!data?.recipientIdNumber\n }));\n break;\n case EVENTS.INCOME_MARK_AS_PAID:\n mixpanelTrack(EVENTS.INCOME_MARK_AS_PAID, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.EXPENSE_BULK_UPLOAD:\n mixpanelTrack(EVENTS.EXPENSE_BULK_UPLOAD, getTrackingData({\n numberOfFiles: data?.numberOfFiles\n }));\n break;\n case EVENTS.EXPENSE_CREATE:\n mixpanelTrack(EVENTS.EXPENSE_CREATE, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.EXPENSE_EDIT:\n mixpanelTrack(EVENTS.EXPENSE_EDIT, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.INVOICE_CREATE:\n mixpanelTrack(EVENTS.INVOICE_CREATE, getTrackingData({\n id: data?.id,\n hasRecipientData: !!data?.recipientName || !!data?.recipientIdNumber,\n hasSenderData: !!data?.senderName || !!data?.senderIdNumber\n }));\n break;\n case EVENTS.INVOICE_EDIT:\n mixpanelTrack(EVENTS.INVOICE_EDIT, getTrackingData({\n id: data?.id,\n hasRecipientData: !!data?.recipientName || !!data?.recipientIdNumber,\n hasSendarData: !!data?.senderName || !!data?.senderIdNumber\n }));\n break;\n case EVENTS.INVOICE_ISSUED:\n mixpanelTrack(EVENTS.INVOICE_ISSUED, getTrackingData({\n id: data?.id,\n hasRecipientData: !!data?.recipientName || !!data?.recipientIdNumber,\n hasSenderData: !!data?.senderName || !!data?.senderIdNumber\n }));\n break;\n case EVENTS.INVOICE_MARK_AS_PAID:\n mixpanelTrack(EVENTS.INVOICE_MARK_AS_PAID, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.INVOICE_SEND:\n mixpanelTrack(EVENTS.INVOICE_SEND, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.INVOICE_DOWNLOAD:\n mixpanelTrack(EVENTS.INVOICE_DOWNLOAD, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.INVOICE_DOWNLOAD_QUOTE:\n mixpanelTrack(EVENTS.INVOICE_DOWNLOAD_QUOTE, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.INVOICE_DELETE_ISSUED:\n mixpanelTrack(EVENTS.INVOICE_DELETE_ISSUED, getTrackingData({\n id: data?.id\n }));\n break;\n case EVENTS.BANKING_INITIATE_CONNECT:\n mixpanelTrack(EVENTS.BANKING_INITIATE_CONNECT, getTrackingData({\n bankingProviderId: data?.bankingProviderId\n }));\n break;\n case EVENTS.BANKING_CONNECT:\n mixpanelTrack(EVENTS.BANKING_CONNECT, getTrackingData({\n bankingProviderId: data?.bankingProviderId\n }));\n break;\n case EVENTS.BANKING_CONNECT_ERROR:\n mixpanelTrack(EVENTS.BANKING_CONNECT_ERROR, getTrackingData({\n bankingProviderId: data?.bankingProviderId\n }));\n break;\n case EVENTS.BANKING_REVIEW:\n mixpanelTrack(EVENTS.BANKING_REVIEW, getTrackingData());\n break;\n default:\n }\n};\n\n// src/store/expenses/api.ts\nimport { generateApiPath as generateApiPath4 } from \"@scouts/helpers\";\n\n// src/store/mapPaginatedResponse.ts\nvar mapPaginatedResponse = (response, meta) => {\n const result = {\n data: response,\n totalCount: Number(meta?.headers[\"x-pagination-total-count\"]),\n currentPage: Number(meta?.headers[\"x-pagination-current-page\"]),\n pageCount: Number(meta?.headers[\"x-pagination-page-count\"]),\n perPageCount: Number(meta?.headers[\"x-pagination-per-page\"])\n };\n return result;\n};\n\n// src/store/expenses/queries.ts\nimport { generateApiPath as generateApiPath3 } from \"@scouts/helpers\";\nvar updateExpenseQuery = ({\n userId,\n expense\n}) => ({\n method: \"PUT\",\n url: generateApiPath3(ENDPOINTS.EXPENSES.PUT.UPDATE, {\n userId,\n expenseId: expense.id\n }),\n data: expense\n});\nvar updateExpenseReviewedStatusQuery = ({\n userId,\n expenseId,\n isReviewed: isReviewed4\n}) => ({\n method: \"PUT\",\n url: generateApiPath3(ENDPOINTS.EXPENSES.PUT.UPDATE_REVIEWED_SINGLE, {\n userId,\n expenseId,\n value: String(isReviewed4)\n })\n});\n\n// src/store/expenses/api.ts\nvar completedValueBookkeepingOptedIn = \"completedValueBookkeepingOptedIn\";\nvar extendedApi3 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getExpense: builder.query({\n query: ({\n expenseId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.GET.SINGLE, {\n userId,\n expenseId\n })\n }),\n providesTags: (result) => result ? [{\n type: Tags.Expense,\n id: result?.id\n }, {\n type: Tags.Expense,\n id: \"DETAILS\"\n }] : [{\n type: Tags.Expense,\n id: \"DETAILS\"\n }]\n }),\n // @TODO: Unused\n getExpenses: builder.query({\n query: ({\n startTaxPointDate,\n endTaxPointDate,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.GET.ALL, {\n userId\n }, {\n queryParameters: {\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n }\n }\n })\n }),\n providesTags: [Tags.Expenses]\n }),\n getExpenseBalances: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.GET.BALANCES, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Balance, Tags.Expenses, Tags.Expense]\n }),\n getPaginatedExpenses: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.SEARCH.TEXT, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Expenses],\n transformResponse: mapPaginatedResponse\n }),\n createExpense: builder.mutation({\n query: ({\n userId,\n expense\n }) => ({\n method: \"POST\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.POST.SINGLE, {\n userId\n }),\n data: expense\n }),\n invalidatesTags: [Tags.Balance, Tags.Expenses]\n }),\n createExpensesFromFiles: builder.mutation({\n query: ({\n userId,\n data\n }) => ({\n method: \"POST\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.POST.BULK, {\n userId\n }),\n data\n }),\n invalidatesTags: [Tags.Expenses]\n }),\n updateExpense: builder.mutation({\n query: updateExpenseQuery,\n invalidatesTags: [Tags.Balance, Tags.Expenses, Tags.Expense]\n }),\n updateExpenseAndUpdateReviewedStatus: builder.mutation({\n queryFn: async (params, _1, _2, baseQuery) => {\n const updateResponse = await baseQuery(updateExpenseQuery(params));\n if (updateResponse.error)\n return {\n error: updateResponse.error\n };\n const updateReviewedStatusResponse = await baseQuery(updateExpenseReviewedStatusQuery(params));\n if (updateReviewedStatusResponse.error)\n return {\n error: updateReviewedStatusResponse.error\n };\n return {\n data: updateReviewedStatusResponse.data\n };\n },\n invalidatesTags: [Tags.Balance, Tags.Expenses, Tags.Expense]\n }),\n updateExpenseReviewedStatus: builder.mutation({\n query: updateExpenseReviewedStatusQuery,\n invalidatesTags: [Tags.Expenses, Tags.Expense]\n }),\n updateExpensesReviewStatus: builder.mutation({\n query: ({\n userId,\n expenseIds,\n isReviewed: isReviewed4\n }) => ({\n method: \"PUT\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.PUT.UPDATE_REVIEWED_BULK, {\n userId,\n value: String(isReviewed4)\n }, {\n queryParameters: {\n ids: expenseIds\n }\n })\n }),\n invalidatesTags: [Tags.Expenses, Tags.Expense]\n }),\n updateExpensesFiledStatus: builder.mutation({\n query: ({\n userId,\n expenseIds,\n isFiled: isFiled4\n }) => ({\n method: \"PUT\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.PUT.UPDATE_FILED_BULK, {\n userId,\n value: String(isFiled4)\n }, {\n queryParameters: {\n ids: expenseIds\n }\n })\n }),\n invalidatesTags: [Tags.Expenses, Tags.Expense]\n }),\n updateExpenseFiledStatus: builder.mutation({\n query: ({\n userId,\n expenseId,\n isFiled: isFiled4\n }) => ({\n method: \"PUT\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.PUT.UPDATE_FILED_SINGLE, {\n userId,\n expenseId,\n value: String(isFiled4)\n })\n }),\n invalidatesTags: [Tags.Expenses, Tags.Expense]\n }),\n updateExpenseDeductibility: builder.mutation({\n query: ({\n userId,\n expense\n }) => ({\n method: \"PUT\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.PUT.UPDATE_DEDUCTIBILITY, {\n userId,\n expenseId: expense.id\n }),\n data: expense\n }),\n invalidatesTags: [Tags.Balance, Tags.Expenses, Tags.Expense]\n }),\n deleteExpense: builder.mutation({\n query: ({\n userId,\n expense\n }) => ({\n method: \"DELETE\",\n url: generateApiPath4(ENDPOINTS.EXPENSES.DELETE, {\n userId,\n expenseId: expense.id\n })\n }),\n invalidatesTags: [Tags.Balance, Tags.Expenses]\n })\n })\n});\nvar invalidateExpense = () => apiSlice.util.invalidateTags([Tags.Expense]);\nvar invalidateExpenses = () => apiSlice.util.invalidateTags([Tags.Expenses]);\nvar {\n useCreateExpenseMutation,\n useCreateExpensesFromFilesMutation,\n useDeleteExpenseMutation,\n useGetExpenseQuery,\n useGetExpensesQuery,\n // @TODO: Unused\n useGetExpenseBalancesQuery,\n useGetPaginatedExpensesQuery,\n useUpdateExpenseMutation,\n useUpdateExpenseReviewedStatusMutation,\n useUpdateExpensesReviewStatusMutation,\n useUpdateExpensesFiledStatusMutation,\n useUpdateExpenseFiledStatusMutation,\n useUpdateExpenseAndUpdateReviewedStatusMutation,\n useUpdateExpenseDeductibilityMutation\n} = extendedApi3;\n\n// src/store/expenses/hooks/use-create-expense.ts\nvar useCreateExpense = () => {\n const {\n id: userId\n } = useUser();\n const [createExpenseAction, {\n isLoading: isCreateLoading\n }] = useCreateExpenseMutation();\n const [createExpensesFromFilesAction, {\n isLoading: isCreateExpensesFromFiles\n }] = useCreateExpensesFromFilesMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorCreate\");\n const createExpense = useCallback2(async (expense) => {\n return createExpenseAction({\n userId,\n expense: Expense.toRecord(expense)\n }).unwrap().then((response) => {\n track(EVENTS.EXPENSE_CREATE, response);\n return response;\n }).catch(normalizeError);\n }, [createExpenseAction, normalizeError, userId]);\n const duplicateExpense = useCallback2(async (expense) => {\n return createExpense(Expense.duplicate(expense));\n }, [createExpense]);\n const createExpensesFromFiles = useCallback2(async ({\n files,\n taxPointDate = \"\"\n }) => {\n const data = new FormData();\n if (taxPointDate) {\n const formattedDate = formatDateQuery(taxPointDate);\n if (formattedDate)\n data.append(\"taxPointDate\", formattedDate);\n }\n files.forEach((file) => {\n data.append(\"files\", file);\n });\n return createExpensesFromFilesAction({\n userId,\n data\n }).unwrap().then((response) => {\n track(EVENTS.EXPENSE_BULK_UPLOAD, {\n numberOfFiles: files.length\n });\n return response;\n }).catch(normalizeError);\n }, [createExpensesFromFilesAction, normalizeError, userId]);\n return {\n createExpense,\n createExpensesFromFiles,\n duplicateExpense,\n isLoading: isCreateLoading || isCreateExpensesFromFiles\n };\n};\n\n// src/store/expenses/hooks/use-create-expense-from-files.ts\nvar useCreateExpenseFromFiles = () => {\n const {\n createExpensesFromFiles,\n isLoading\n } = useCreateExpense();\n return {\n createExpensesFromFiles,\n isLoading\n };\n};\n\n// src/store/expenses/hooks/use-delete-expense.ts\nimport { useCallback as useCallback3 } from \"react\";\nvar useDeleteExpense = () => {\n const {\n id: userId\n } = useUser();\n const [deleteExpenseAction, {\n isLoading\n }] = useDeleteExpenseMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteExpense = useCallback3(async (expense) => deleteExpenseAction({\n userId,\n expense\n }).unwrap().catch(normalizeError), [deleteExpenseAction, normalizeError, userId]);\n return {\n deleteExpense,\n isLoading\n };\n};\n\n// src/store/expenses/hooks/use-expense-balances.ts\nimport { useMemo as useMemo6 } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery2 } from \"@scouts/helpers\";\n\n// src/components/shared/filters/use-filters.ts\nimport { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo5, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { isBetweenDates as isBetweenDates3, localStorageGet, localStorageRemove, localStorageSet, useQueryParams } from \"@scouts/helpers\";\nvar LOCAL_STORAGE_FILTER_LAST_USED = \"filter_last_used\";\nvar useFilters = (skipPersistFilterInLocalStorage = false) => {\n const history = useHistory();\n const {\n bookkeepingPeriod\n } = useConfig();\n const {\n queryParams,\n updateQueryParams\n } = useQueryParams();\n const {\n startDate: boundaryStartDate,\n endDate: boundaryEndDate\n } = bookkeepingPeriod || {};\n const getIsDateRangeWithinBoundaries = useCallback4((dateRange) => {\n if (!boundaryStartDate && !boundaryEndDate)\n return true;\n const isStartWithinBoundary = isBetweenDates3(dateRange.startDate, boundaryStartDate, boundaryEndDate);\n const isEndWithinBoundary = isBetweenDates3(dateRange.endDate, boundaryStartDate, boundaryEndDate);\n return isStartWithinBoundary && isEndWithinBoundary;\n }, [boundaryEndDate, boundaryStartDate]);\n const activeFilters = useMemo5(() => {\n const {\n filter\n } = queryParams;\n if (!filter) {\n const savedFilter = localStorageGet(LOCAL_STORAGE_FILTER_LAST_USED);\n if (savedFilter && !skipPersistFilterInLocalStorage) {\n try {\n const parsedFilter = JSON.parse(decodeURIComponent(atob(savedFilter)));\n const isWithinBoundary = getIsDateRangeWithinBoundaries(parsedFilter);\n if (!isWithinBoundary) {\n return {\n startDate: boundaryStartDate,\n endDate: boundaryEndDate\n };\n }\n return {\n ...parsedFilter,\n search: void 0\n };\n } catch {\n return {\n startDate: boundaryStartDate,\n endDate: boundaryStartDate\n };\n }\n }\n return {\n startDate: boundaryStartDate,\n endDate: boundaryEndDate\n };\n }\n try {\n const parsedFilter = JSON.parse(decodeURIComponent(atob(filter)));\n const isWithinBoundary = getIsDateRangeWithinBoundaries(parsedFilter);\n if (!isWithinBoundary) {\n return {\n startDate: boundaryStartDate,\n endDate: boundaryEndDate\n };\n }\n if (!skipPersistFilterInLocalStorage)\n localStorageSet(LOCAL_STORAGE_FILTER_LAST_USED, filter);\n return parsedFilter;\n } catch {\n return {\n startDate: null,\n endDate: null\n };\n }\n }, [boundaryEndDate, boundaryStartDate, getIsDateRangeWithinBoundaries, queryParams, skipPersistFilterInLocalStorage]);\n const applyFilter = ({\n updatedFilter\n }) => {\n const filter = btoa(encodeURIComponent(JSON.stringify({\n ...activeFilters,\n ...updatedFilter\n })));\n if (!skipPersistFilterInLocalStorage)\n localStorageSet(LOCAL_STORAGE_FILTER_LAST_USED, filter);\n history.replace(updateQueryParams({\n filter\n }));\n };\n const applyFilters = (updatedFilters, shouldOverride = false) => {\n const filters = shouldOverride ? {\n ...updatedFilters\n } : {\n ...activeFilters,\n ...updatedFilters\n };\n const filter = btoa(encodeURIComponent(JSON.stringify(filters)));\n if (!skipPersistFilterInLocalStorage)\n localStorageSet(LOCAL_STORAGE_FILTER_LAST_USED, filter);\n history.replace(updateQueryParams({\n filter\n }));\n };\n const clearFilters = () => {\n const filter = btoa(encodeURIComponent(JSON.stringify({\n startDate: boundaryStartDate || null,\n endDate: boundaryEndDate || null\n })));\n localStorageRemove(LOCAL_STORAGE_FILTER_LAST_USED);\n history.replace(updateQueryParams({\n filter\n }));\n };\n const removeFilter = ({\n updatedFilter\n }) => {\n const currentlyActiveFilters = {\n ...activeFilters\n };\n Object.keys(updatedFilter).map((filter2) => delete currentlyActiveFilters[filter2]);\n const filter = btoa(encodeURIComponent(JSON.stringify({\n ...currentlyActiveFilters\n })));\n localStorageSet(LOCAL_STORAGE_FILTER_LAST_USED, filter);\n history.replace(updateQueryParams({\n filter\n }));\n };\n return {\n activeFilters,\n applyFilter,\n applyFilters,\n clearFilters,\n removeFilter,\n getIsDateRangeWithinBoundaries\n };\n};\nvar useFilterChangeHandler = (onChange) => {\n const {\n queryParams\n } = useQueryParams();\n const filter = queryParams.filter;\n const prevFilterRef = useRef(filter);\n useEffect4(() => {\n const hasFilterChanged = filter !== prevFilterRef.current;\n if (hasFilterChanged) {\n onChange();\n prevFilterRef.current = filter;\n }\n }, [filter, onChange]);\n};\n\n// src/store/expenses/hooks/use-expense-balances.ts\nvar useExpenseBalances = () => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod,\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n isComplete: isComplete4,\n isIncomplete,\n fixedAsset,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isLocalCountry,\n isEuropeanUnion,\n isForeignCountry,\n search\n } = activeFilters;\n const [debouncedSearch] = useDebounce(search, SEARCH_DEBOUNCE_DELAY);\n const isCompletedValue = useMemo6(() => {\n if (isComplete4)\n return isAccountant && isBookkeepingDoneByAccountant ? completedValueBookkeepingOptedIn : true;\n if (isIncomplete)\n return false;\n return null;\n }, [isComplete4, isIncomplete, isAccountant, isBookkeepingDoneByAccountant]);\n const startTaxPointDate = formatDateQuery2(startDate || bookkeepingPeriod?.startDate);\n const endTaxPointDate = formatDateQuery2(endDate || bookkeepingPeriod?.endDate);\n const params = {\n userId,\n ...debouncedSearch && {\n search: debouncedSearch\n },\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n },\n ...fixedAsset != null && {\n fixedAsset\n },\n ...isFiled4 != null && {\n isFiled: isFiled4\n },\n ...isReviewed4 != null && {\n isReviewed: isReviewed4\n },\n ...isCompletedValue != null && {\n isCompletedValue: isCompletedValue === completedValueBookkeepingOptedIn ? void 0 : isCompletedValue,\n isFiled: false,\n isReviewed: false\n },\n ...isEuropeanUnion != null && {\n isEuropeanUnion,\n isLocalCountry: false\n },\n ...isLocalCountry != null && {\n isLocalCountry\n },\n ...isForeignCountry != null && {\n isEuropeanUnion: false,\n isLocalCountry: false\n }\n };\n const {\n data: expenseBalances,\n isLoading,\n isError,\n isFetching,\n isSuccess\n } = useGetExpenseBalancesQuery(params);\n return {\n expenseBalances,\n isLoading,\n isError,\n isFetching,\n isSuccess\n };\n};\n\n// src/store/expenses/hooks/use-expense.ts\nvar useExpense = ({\n expenseId\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n } = useGetExpenseQuery({\n userId,\n expenseId: expenseId || 0\n // @INFO: below skip will not trigger this, but the id is still needed\n }, {\n skip: !expenseId\n });\n const {\n createBlankExpense,\n isReady\n } = useCreateBlankExpense();\n if (!expenseId) {\n return {\n expense: createBlankExpense(),\n isLoading: !isReady\n };\n }\n return {\n expense: data,\n isLoading,\n isFetching,\n isError,\n isSuccess,\n refetch\n };\n};\n\n// src/store/expenses/hooks/use-expenses-all.ts\nimport { useMemo as useMemo7 } from \"react\";\nimport { useDebounce as useDebounce2 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery3 } from \"@scouts/helpers\";\nvar useAllExpenses = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod,\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n isComplete: isComplete4,\n isIncomplete,\n fixedAsset,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isLocalCountry,\n isEuropeanUnion,\n isForeignCountry,\n search\n } = activeFilters;\n const [debouncedSearch] = useDebounce2(search, SEARCH_DEBOUNCE_DELAY);\n const isCompletedValue = useMemo7(() => {\n if (isComplete4)\n return isAccountant && isBookkeepingDoneByAccountant ? completedValueBookkeepingOptedIn : true;\n if (isIncomplete)\n return false;\n return null;\n }, [isComplete4, isIncomplete, isAccountant, isBookkeepingDoneByAccountant]);\n const startDateTime = formatDateQuery3(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery3(endDate || bookkeepingPeriod?.endDate);\n const params = {\n userId,\n pageNumber,\n pageSize,\n ...debouncedSearch && {\n search: debouncedSearch\n },\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...fixedAsset != null && {\n fixedAsset\n },\n ...isFiled4 != null && {\n isFiled: isFiled4\n },\n ...isReviewed4 != null && {\n isReviewed: isReviewed4\n },\n ...isCompletedValue != null && {\n isCompletedValue: isCompletedValue === completedValueBookkeepingOptedIn ? void 0 : isCompletedValue,\n isFiled: false,\n isReviewed: false\n },\n ...isEuropeanUnion != null && {\n isEuropeanUnion,\n isLocalCountry: false\n },\n ...isLocalCountry != null && {\n isLocalCountry\n },\n ...isForeignCountry != null && {\n isEuropeanUnion: false,\n isLocalCountry: false\n }\n };\n const {\n data: paginatedResponse,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetPaginatedExpensesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const expenses = useMemo7(() => data || [], [data]);\n const pagination = useMemo7(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n return {\n expenses,\n pagination,\n isError,\n isLoading,\n isFetching,\n isSuccess\n };\n};\n\n// src/store/expenses/hooks/use-expenses-complete.ts\nimport { useMemo as useMemo8 } from \"react\";\nimport { useDebounce as useDebounce3 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery4 } from \"@scouts/helpers\";\n\n// src/store/expense-categories/use-expense-categories.ts\nimport { useCallback as useCallback5 } from \"react\";\n\n// src/store/expense-categories/api.ts\nimport { generateApiPath as generateApiPath5 } from \"@scouts/helpers\";\nvar extendedApi4 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getExpenseCategories: builder.query({\n query: () => ({\n method: \"GET\",\n url: generateApiPath5(ENDPOINTS.EXPENSE_CATEGORIES.GET)\n }),\n keepUnusedDataFor: Infinity\n })\n })\n});\nvar {\n useGetExpenseCategoriesQuery\n} = extendedApi4;\n\n// src/store/expense-categories/use-expense-categories.ts\nvar useExpenseCategories = () => {\n const {\n data,\n isFetching,\n isLoading\n } = useGetExpenseCategoriesQuery();\n const isLoadingExpenseCategories = isFetching || isLoading;\n const mapCategoryNameToExpense = useCallback5((currentExpense) => {\n const expenseCategory = data?.find((category) => category.id === currentExpense.categoryId);\n const {\n name: categoryName\n } = expenseCategory || {};\n return {\n ...currentExpense,\n categoryName\n };\n }, [data]);\n return {\n mapCategoryNameToExpense,\n expenseCategories: data,\n isLoadingExpenseCategories\n };\n};\n\n// src/components/customer/tracking/records-list/expenses-list/hooks/use-map-expenses-with-banking-transaction-link.ts\nimport { useCallback as useCallback8 } from \"react\";\n\n// src/components/shared/tracking/hooks/use-record-linked-banking-provider.ts\nimport { useCallback as useCallback7 } from \"react\";\n\n// src/store/banking-providers/slice.ts\nimport { generateApiPath as generateApiPath7 } from \"@scouts/helpers\";\n\n// src/store/banking-providers/queries.ts\nimport { generateApiPath as generateApiPath6 } from \"@scouts/helpers\";\nvar bankingTransactionsQuery = ({\n userId,\n ...params\n}) => ({\n method: \"GET\",\n url: generateApiPath6(ENDPOINTS.BANKING_TRANSACTIONS.GET.ALL, {\n userId\n }, {\n queryParameters: {\n ...params\n }\n })\n});\nvar bankingTransactionsOptions = ({\n groupTagId\n}) => ({\n providesTags: (result) => result ? [...result.data.map(({\n id\n }) => ({\n type: Tags.BankingTransactions,\n id\n })), {\n type: Tags.BankingTransactions,\n id: groupTagId\n }] : [{\n type: Tags.BankingTransactions,\n id: groupTagId\n }],\n transformResponse: (response, meta) => mapPaginatedResponse(response, meta)\n});\n\n// src/store/banking-providers/slice.ts\nvar extendedApi5 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getAvailableBankingProviders: builder.query({\n query: () => ({\n method: \"GET\",\n url: ENDPOINTS.AVAILABLE_BANKING_PROVIDERS.GET.LIST\n }),\n providesTags: [Tags.AvailableBankingProviders]\n }),\n getBankingProviderAuthLink: builder.query({\n query: ({\n userId,\n bankingProviderId,\n redirectUri\n }) => ({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.AVAILABLE_BANKING_PROVIDERS.GET.AUTH_LINK, {\n userId,\n bankingProviderId\n }, {\n queryParameters: {\n redirectUri\n }\n })\n })\n }),\n getBankingProviderReauthLink: builder.query({\n query: ({\n userId,\n bankingProviderId,\n redirectUri\n }) => ({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.AVAILABLE_BANKING_PROVIDERS.GET.REAUTH_LINK, {\n userId,\n bankingProviderId\n }, {\n queryParameters: {\n redirectUri\n }\n })\n })\n }),\n connectBankingProvider: builder.mutation({\n query: ({\n userId,\n bankingProviderId,\n code,\n redirectUri\n }) => ({\n method: \"POST\",\n url: generateApiPath7(ENDPOINTS.AVAILABLE_BANKING_PROVIDERS.POST.CONNECTION, {\n userId,\n bankingProviderId\n }, {\n queryParameters: {\n code,\n redirectUri\n }\n })\n }),\n invalidatesTags: [Tags.ConnectedBankingProviders]\n }),\n getConnectedBankingProviders: builder.query({\n query: (userId) => ({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.CONNECTED_BANKING_PROVIDERS.GET.ALL, {\n userId\n })\n }),\n providesTags: [Tags.ConnectedBankingProviders]\n }),\n getConnectedBankingProviderById: builder.query({\n query: ({\n userId,\n bankingProviderId\n }) => ({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.CONNECTED_BANKING_PROVIDERS.GET.SINGLE, {\n bankingProviderId,\n userId\n })\n }),\n providesTags: (result) => [{\n type: Tags.ConnectedBankingProviders,\n id: result?.bankingProviderId\n }, {\n type: Tags.ConnectedBankingProviders,\n id: \"DETAILS\"\n }]\n }),\n deleteConnectedBankingProvider: builder.mutation({\n query: ({\n bankingProviderId,\n userId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath7(ENDPOINTS.CONNECTED_BANKING_PROVIDERS.DELETE.SINGLE, {\n userId,\n bankingProviderId\n })\n }),\n invalidatesTags: [Tags.ConnectedBankingProviders, Tags.BankingTransactions, Tags.Incomes, Tags.Expenses]\n }),\n getBankingTransactions: builder.query({\n query: ({\n userId,\n pageNumber = 1,\n pageSize = 10,\n ...params\n }) => bankingTransactionsQuery({\n userId,\n pageNumber,\n pageSize,\n ...params\n }),\n ...bankingTransactionsOptions({\n groupTagId: \"LIST\"\n })\n }),\n // Gets the total count of unreviewed transactions (from headers)\n // Fetches only one transaction to minimise the size of the response\n getTotalUnreviewedBankingTransactions: builder.query({\n query: ({\n userId,\n isBusiness = bankingTransactionStatus.NotSet,\n pageNumber = 1,\n pageSize = 1,\n ...params\n }) => bankingTransactionsQuery({\n userId,\n isBusiness,\n pageNumber,\n pageSize,\n ...params\n }),\n ...bankingTransactionsOptions({\n groupTagId: \"UNREVIEWED_TOTAL\"\n })\n }),\n getBankingTransactionById: builder.query({\n query: ({\n userId,\n transactionId\n }) => ({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.BANKING_TRANSACTIONS.GET.SINGLE, {\n userId,\n transactionId\n })\n }),\n providesTags: (result) => [{\n type: Tags.BankingTransactions,\n id: result?.id\n }, {\n type: Tags.BankingTransactions,\n id: \"DETAILS\"\n }]\n }),\n getBankingTransactionByIdList: builder.query({\n queryFn: async (arg, _1, _2, baseQuery) => {\n const requests = arg.transactionIds.map(async (transactionId) => {\n const bankingTransactionDetailsResponse = await baseQuery({\n method: \"GET\",\n url: generateApiPath7(ENDPOINTS.BANKING_TRANSACTIONS.GET.SINGLE, {\n userId: arg.userId,\n transactionId\n })\n });\n if (bankingTransactionDetailsResponse.error)\n return Promise.reject({\n error: bankingTransactionDetailsResponse.error\n });\n return bankingTransactionDetailsResponse.data;\n });\n return Promise.all(requests).then((results) => {\n const flattenedTransactionDetails = results.flat();\n return {\n data: flattenedTransactionDetails\n };\n }).catch((err) => ({\n error: err\n }));\n },\n providesTags: (result) => result ? [...result.map(({\n id\n }) => ({\n type: Tags.BankingTransactions,\n id\n })), {\n type: Tags.BankingTransactions,\n id: \"DETAILS\"\n }] : [{\n type: Tags.BankingTransactions,\n id: \"DETAILS\"\n }]\n }),\n updateBankingTransaction: builder.mutation({\n query: ({\n isBusiness,\n transactionId,\n userId\n }) => ({\n method: \"PUT\",\n url: generateApiPath7(ENDPOINTS.BANKING_TRANSACTIONS.PUT.SINGLE, {\n userId,\n transactionId,\n isBusiness\n })\n }),\n invalidatesTags: (_1, _2, {\n preventInvalidation = false,\n transactionId\n }) => preventInvalidation ? [Tags.Balance, Tags.Incomes, Tags.Expenses, {\n type: Tags.BankingTransactions,\n id: \"UNREVIEWED_TOTAL\"\n }] : [Tags.Balance, Tags.Incomes, Tags.Expenses, {\n type: Tags.BankingTransactions,\n id: transactionId\n }, {\n type: Tags.BankingTransactions,\n id: \"UNREVIEWED_TOTAL\"\n }]\n }),\n bulkUpdateBankingTransactions: builder.mutation({\n query: ({\n isBusiness,\n transactionIds,\n userId\n }) => ({\n method: \"PUT\",\n url: generateApiPath7(ENDPOINTS.BANKING_TRANSACTIONS.PUT.BULK, {\n userId,\n isBusiness\n }, {\n queryParameters: {\n transactionIds\n }\n })\n }),\n invalidatesTags: (_1, _2, {\n preventInvalidation = false,\n transactionIds\n }) => preventInvalidation ? [Tags.Balance, Tags.Incomes, Tags.Expenses, {\n type: Tags.BankingTransactions,\n id: \"UNREVIEWED_TOTAL\"\n }] : [Tags.Balance, Tags.Incomes, Tags.Expenses, ...transactionIds.map((id) => ({\n type: Tags.BankingTransactions,\n id\n })), {\n type: Tags.BankingTransactions,\n id: \"UNREVIEWED_TOTAL\"\n }]\n })\n })\n});\nvar {\n useConnectBankingProviderMutation,\n useDeleteConnectedBankingProviderMutation,\n useGetAvailableBankingProvidersQuery,\n useGetBankingProviderAuthLinkQuery,\n useGetBankingProviderReauthLinkQuery,\n useGetConnectedBankingProvidersQuery,\n useGetConnectedBankingProviderByIdQuery,\n useGetBankingTransactionsQuery,\n useGetBankingTransactionByIdQuery,\n useGetBankingTransactionByIdListQuery,\n useGetTotalUnreviewedBankingTransactionsQuery,\n useLazyGetBankingTransactionsQuery,\n useUpdateBankingTransactionMutation,\n useBulkUpdateBankingTransactionsMutation\n} = extendedApi5;\n\n// src/store/banking-providers/hooks/use-available-banking-providers.ts\nvar useAvailableBankingProviders = () => {\n const {\n data,\n isError,\n isFetching,\n isLoading\n } = useGetAvailableBankingProvidersQuery();\n return {\n data,\n isError,\n isFetching,\n isLoading\n };\n};\n\n// src/components/customer/banking/BankingContext.tsx\nimport { createContext as createContext3, useContext as useContext3, useState as useState2 } from \"react\";\nimport { jsx as _jsx7 } from \"react/jsx-runtime\";\nvar BankingContext = /* @__PURE__ */ createContext3(void 0);\nvar BankingContextProvider = ({\n children,\n config\n}) => {\n const [bankingConfig] = useState2(config);\n return /* @__PURE__ */ _jsx7(BankingContext.Provider, {\n value: bankingConfig,\n children\n });\n};\nvar useBankingContext = () => {\n const config = useContext3(BankingContext);\n if (!config)\n throw new Error(\"useBankingContext must be used within a BankingContextProvider\");\n return config;\n};\n\n// src/store/banking-providers/hooks/use-redirect-uri.ts\nvar useRedirectUri = () => {\n const config = useConfig();\n const {\n routes\n } = useBankingContext();\n const redirectUri = new URL(`${config.appBasename}${routes.connectCallback}`, config.baseUrl).href;\n return {\n redirectUri\n };\n};\n\n// src/store/banking-providers/hooks/use-banking-provider-auth-link.ts\nvar useBankingProviderAuthLink = ({\n bankingProviderId\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n redirectUri\n } = useRedirectUri();\n const {\n data,\n isError,\n isFetching\n } = useGetBankingProviderAuthLinkQuery({\n userId,\n bankingProviderId,\n redirectUri: `${redirectUri}`\n });\n return {\n data,\n isError,\n isFetching\n };\n};\n\n// src/store/banking-providers/hooks/use-connected-banking-providers.ts\nvar useConnectedBankingProviders = () => {\n const {\n id: userId\n } = useUser();\n const {\n isBankingDisabled\n } = useConfig();\n const {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetConnectedBankingProvidersQuery(userId, {\n skip: isBankingDisabled\n });\n return {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n };\n};\n\n// src/store/banking-providers/hooks/use-connect-banking-provider.ts\nimport { useCallback as useCallback6 } from \"react\";\nvar useConnectBankingProvider = ({\n bankingProviderId\n}) => {\n const [action, {\n isLoading,\n isError,\n isSuccess\n }] = useConnectBankingProviderMutation();\n const {\n id: userId\n } = useUser();\n const {\n redirectUri\n } = useRedirectUri();\n const {\n normalizeError\n } = useNormalizeRTKError(\"error.unexpected\");\n const connectBankingProvider = useCallback6(async ({\n code\n }) => action({\n userId,\n bankingProviderId,\n code,\n redirectUri\n }).unwrap().catch(normalizeError), [action, bankingProviderId, normalizeError, redirectUri, userId]);\n return {\n connectBankingProvider,\n isLoading,\n isError,\n isSuccess\n };\n};\n\n// src/components/shared/tracking/hooks/use-record-linked-banking-provider.ts\nvar useRecordLinkedBankingProvider = () => {\n const {\n data: connectedBankingProviders\n } = useConnectedBankingProviders();\n const getLinkedBankingProviders = useCallback7((record) => {\n const transactionLinks = record.transactionLinks || [];\n const linkedBankingProviders = transactionLinks.reduce((result, transaction) => {\n const linkedBankingProvider = connectedBankingProviders?.find((bankingProvider) => bankingProvider.bankingProviderId === transaction.bankingProviderId);\n if (linkedBankingProvider) {\n result.push({\n ...linkedBankingProvider,\n linkedTransaction: transaction\n });\n }\n return result;\n }, []);\n return linkedBankingProviders;\n }, [connectedBankingProviders]);\n return {\n getLinkedBankingProviders\n };\n};\n\n// src/components/customer/tracking/records-list/expenses-list/hooks/use-map-expenses-with-banking-transaction-link.ts\nvar useMapExpensesWithBankingTransactionLink = () => {\n const {\n getLinkedBankingProviders\n } = useRecordLinkedBankingProvider();\n return useCallback8((expense) => {\n const linkedBankingProviders = getLinkedBankingProviders(expense);\n return {\n ...expense,\n linkedBankingProviders\n };\n }, [getLinkedBankingProviders]);\n};\n\n// src/store/expenses/hooks/use-expenses-complete.ts\nvar useCompleteExpenses = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n search\n } = activeFilters;\n const startDateTime = formatDateQuery4(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery4(endDate || bookkeepingPeriod?.endDate);\n const [debouncedSearch] = useDebounce3(search, SEARCH_DEBOUNCE_DELAY);\n const params = {\n userId,\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...debouncedSearch && {\n search: debouncedSearch\n },\n pageNumber,\n pageSize,\n isCompletedValue: true\n };\n const {\n data: paginatedResponse,\n isError,\n isLoading\n } = useGetPaginatedExpensesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const expenses = useMemo8(() => data || [], [data]);\n const pagination = useMemo8(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n const {\n mapCategoryNameToExpense\n } = useExpenseCategories();\n const mapExpensesWithBankingTransactionLink = useMapExpensesWithBankingTransactionLink();\n const completeExpenses = useMemo8(() => expenses.map(mapCategoryNameToExpense).map(mapExpensesWithBankingTransactionLink), [expenses, mapCategoryNameToExpense, mapExpensesWithBankingTransactionLink]);\n const {\n totalCount: completeExpensesCount\n } = pagination;\n const hasCompleteExpenses = !!completeExpensesCount && completeExpensesCount > 0;\n return {\n completeExpenses,\n pagination,\n isLoading,\n isError,\n hasCompleteExpenses\n };\n};\n\n// src/store/expenses/hooks/use-expenses-incomplete.ts\nimport { useMemo as useMemo9 } from \"react\";\nimport { useDebounce as useDebounce4 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery5 } from \"@scouts/helpers\";\nvar incompleteExpensesDefaultProps = {\n pageSize: 50\n};\nvar useIncompleteExpenses = ({\n pageSize\n} = incompleteExpensesDefaultProps) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n search\n } = activeFilters;\n const startDateTime = formatDateQuery5(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery5(endDate || bookkeepingPeriod?.endDate);\n const [debouncedSearch] = useDebounce4(search, SEARCH_DEBOUNCE_DELAY);\n const params = {\n userId,\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...debouncedSearch && {\n search: debouncedSearch\n },\n pageSize,\n isCompletedValue: false\n };\n const {\n data: paginatedResponse,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetPaginatedExpensesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const expenses = useMemo9(() => data || [], [data]);\n const pagination = useMemo9(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n const {\n mapCategoryNameToExpense\n } = useExpenseCategories();\n const mapExpensesWithBankingTransactionLink = useMapExpensesWithBankingTransactionLink();\n const incompleteExpenses = useMemo9(() => expenses.map(mapCategoryNameToExpense).map(mapExpensesWithBankingTransactionLink), [expenses, mapCategoryNameToExpense, mapExpensesWithBankingTransactionLink]);\n const {\n totalCount: incompleteExpensesCount\n } = pagination;\n const hasIncompleteExpenses = Number(incompleteExpensesCount) > 0;\n const hasMoreResults = Number(incompleteExpensesCount) > Number(perPageCount);\n const hasMoreResultsCount = Number(incompleteExpensesCount) - Number(perPageCount);\n return {\n incompleteExpenses,\n pagination,\n isError,\n isFetching,\n isLoading,\n isSuccess,\n incompleteExpensesCount,\n hasIncompleteExpenses,\n hasMoreResults,\n hasMoreResultsCount\n };\n};\n\n// src/store/expenses/hooks/use-recent-expenses.ts\nimport { useMemo as useMemo10, useState as useState3 } from \"react\";\nimport { formatDateQuery as formatDateQuery6, getDateFromTimeAgo, useToggle } from \"@scouts/helpers\";\nvar DAYS_TO_DISPLAY = 30;\nvar useRecentExpenses = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const [isOpen, , , toggle] = useToggle(false);\n const [currentDate] = useState3(/* @__PURE__ */ new Date());\n const startDateTime = formatDateQuery6(getDateFromTimeAgo({\n amount: DAYS_TO_DISPLAY,\n unit: \"day\",\n referenceDate: currentDate\n })) ?? \"\";\n const endDate = new Date(currentDate);\n endDate.setDate(currentDate.getDate() + 1);\n const endDateTime = formatDateQuery6(endDate) ?? \"\";\n const {\n data,\n isError,\n isLoading\n } = useGetPaginatedExpensesQuery({\n userId,\n dateQueryType: \"createdDateTime\",\n orderByDateType: \"createdDateTime\",\n startDateTime,\n endDateTime,\n pageNumber,\n pageSize\n });\n const {\n data: expenses,\n ...pagination\n } = data || {};\n const mapExpensesWithBankingTransactionLink = useMapExpensesWithBankingTransactionLink();\n const recentExpenses = useMemo10(() => expenses?.map(mapExpensesWithBankingTransactionLink), [expenses, mapExpensesWithBankingTransactionLink]);\n return {\n recentExpenses,\n isOpen,\n toggle,\n numberOfRecentExpenses: data?.totalCount,\n hasRecentExpenses: data?.totalCount ?? 0 > 0,\n isError,\n isLoading,\n pagination\n };\n};\n\n// src/store/expenses/hooks/use-update-expense.ts\nimport { useCallback as useCallback9 } from \"react\";\nvar useUpdateExpense = () => {\n const {\n id: userId\n } = useUser();\n const [updateExpenseAction, {\n isLoading: isLoadingUpdate\n }] = useUpdateExpenseMutation();\n const [updateExpenseReviewedStatusAction, {\n isLoading: isLoadingUpdateReviewedStatus\n }] = useUpdateExpenseReviewedStatusMutation();\n const [updateExpenseFiledStatusAction, {\n isLoading: isLoadingUpdateFiledStatus\n }] = useUpdateExpenseFiledStatusMutation();\n const [updateExpenseAndReviewedStatusAction, {\n isLoading: isLoadingUpdateExpenseAndReviewedStatus\n }] = useUpdateExpenseAndUpdateReviewedStatusMutation();\n const [updateExpenseDeductibilityAction, {\n isLoading: isLoadingUpdateExpenseDeductibility\n }] = useUpdateExpenseDeductibilityMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateExpense = useCallback9(async (expense) => updateExpenseAction({\n userId,\n expense: Expense.toRecord(expense)\n }).unwrap().catch(normalizeError), [updateExpenseAction, normalizeError, userId]);\n const updateExpenseReviewedStatus = useCallback9(async ({\n id,\n status\n }) => updateExpenseReviewedStatusAction({\n userId,\n expenseId: id,\n isReviewed: status\n }).unwrap().catch(normalizeError), [updateExpenseReviewedStatusAction, normalizeError, userId]);\n const updateExpenseFiledStatus = useCallback9(async ({\n id,\n status\n }) => updateExpenseFiledStatusAction({\n userId,\n expenseId: id,\n isFiled: status\n }).unwrap().catch(normalizeError), [updateExpenseFiledStatusAction, normalizeError, userId]);\n const updateExpenseAndReviewedStatus = useCallback9(async (params) => updateExpenseAndReviewedStatusAction({\n userId,\n expense: Expense.toRecord(params.expense),\n isReviewed: params.isReviewed,\n expenseId: params.expense.id\n }).unwrap().catch(normalizeError), [updateExpenseAndReviewedStatusAction, normalizeError, userId]);\n const updateExpenseDeductibility = useCallback9(async (expense) => updateExpenseDeductibilityAction({\n userId,\n expense: Expense.toRecord(expense)\n }).unwrap().catch(normalizeError), [updateExpenseDeductibilityAction, normalizeError, userId]);\n return {\n updateExpense,\n updateExpenseReviewedStatus,\n updateExpenseFiledStatus,\n updateExpenseAndReviewedStatus,\n updateExpenseDeductibility,\n isLoading: isLoadingUpdate || isLoadingUpdateReviewedStatus || isLoadingUpdateFiledStatus || isLoadingUpdateExpenseAndReviewedStatus || isLoadingUpdateExpenseDeductibility\n };\n};\n\n// src/store/expenses/hooks/use-update-expenses.ts\nimport { useCallback as useCallback10 } from \"react\";\nvar useUpdateExpenses = () => {\n const {\n id: userId\n } = useUser();\n const [updateExpensesReviewStatusAction, {\n isLoading: isLoadingUpdateExpensesReviewStatus\n }] = useUpdateExpensesReviewStatusMutation();\n const [updateExpensesFiledStatusAction, {\n isLoading: isLoadingUpdateExpensesFiledStatus\n }] = useUpdateExpensesFiledStatusMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateExpensesReviewStatus = useCallback10(async ({\n status,\n expenseIds\n }) => updateExpensesReviewStatusAction({\n userId,\n expenseIds,\n isReviewed: status\n }).unwrap().catch(normalizeError), [updateExpensesReviewStatusAction, normalizeError, userId]);\n const updateExpensesFiledStatus = useCallback10(async ({\n status,\n expenseIds\n }) => updateExpensesFiledStatusAction({\n userId,\n expenseIds,\n isFiled: status\n }).unwrap().catch(normalizeError), [updateExpensesFiledStatusAction, normalizeError, userId]);\n return {\n updateExpensesReviewStatus,\n updateExpensesFiledStatus,\n isLoading: isLoadingUpdateExpensesReviewStatus || isLoadingUpdateExpensesFiledStatus\n };\n};\n\n// src/hooks/use-generate-path-with-params-and-search.ts\nimport { useCallback as useCallback12 } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\n// src/hooks/use-generate-path-with-params.ts\nimport { useCallback as useCallback11 } from \"react\";\nimport { generatePath, useParams } from \"react-router-dom\";\nvar useGeneratePathWithParams = () => {\n const params = useParams();\n return useCallback11((path, newParams) => generatePath(path, {\n ...params,\n ...newParams\n }), [params]);\n};\n\n// src/hooks/use-generate-path-with-params-and-search.ts\nvar useGeneratePathWithParamsAndSearch = () => {\n const {\n search\n } = useLocation();\n const generatePath4 = useGeneratePathWithParams();\n return useCallback12((...args) => generatePath4(...args) + search, [generatePath4, search]);\n};\n\n// src/components/customer/tracking/records-list/hooks/use-record-list-pagination.ts\nimport { useCallback as useCallback13 } from \"react\";\nimport { getScrollableAncestor, scrollToTarget, sessionStorageRemove, useSessionStorage, STORAGE_KEY_PREFIX } from \"@scouts/helpers\";\nvar DEFAULT_PAGE_NUMBER = 1;\nvar DEFAULT_PAGE_SIZE = 25;\nvar PaginationTypes = {\n COMPLETE_INCOMES: \"complete-incomes\",\n COMPLETE_EXPENSES: \"complete-expenses\",\n ALL_INCOMES: \"all-incomes\",\n ALL_EXPENSES: \"all-expenses\",\n RECENT_EXPENSES: \"recent-expenses\",\n RECENT_INCOMES: \"recent-incomes\"\n};\nvar getStorageKeyFor = (prefix, key) => `${prefix}-${key}`;\nvar resetAllPaginationTypes = () => {\n const allPaginationTypes = Object.values(PaginationTypes);\n allPaginationTypes.forEach((paginationPrefix) => {\n const prefixBase = STORAGE_KEY_PREFIX;\n const prefix = prefixBase + paginationPrefix;\n const pageStorageKey = getStorageKeyFor(prefix, \"page\");\n const pageSizeStorageKey = getStorageKeyFor(prefix, \"page-size\");\n sessionStorageRemove(pageStorageKey);\n sessionStorageRemove(pageSizeStorageKey);\n });\n};\nvar useRecordListPagination = (prefix) => {\n const pageStorageKey = getStorageKeyFor(prefix, \"page\");\n const pageSizeStorageKey = getStorageKeyFor(prefix, \"page-size\");\n const [pageNumber, setPageNumber] = useSessionStorage(pageStorageKey, DEFAULT_PAGE_NUMBER);\n const [pageSize, setPageSize] = useSessionStorage(pageSizeStorageKey, DEFAULT_PAGE_SIZE);\n const onPaginationScrollToTop = useCallback13((scrollTargetElement) => {\n getScrollableAncestor(scrollTargetElement)?.scrollTo({\n top: 0,\n behavior: \"smooth\"\n });\n }, []);\n const onPaginationScroll = useCallback13((scrollTargetElement, scrollPositionBuffer) => {\n scrollToTarget(scrollTargetElement, scrollPositionBuffer, \"smooth\");\n }, []);\n const onPaginationChange = useCallback13(({\n selectedPageItem,\n selectedPageSize\n }) => {\n setPageNumber(selectedPageItem);\n setPageSize(selectedPageSize);\n }, [setPageNumber, setPageSize]);\n const resetPagination = useCallback13(() => {\n resetAllPaginationTypes();\n setPageNumber(DEFAULT_PAGE_NUMBER);\n setPageSize(DEFAULT_PAGE_SIZE);\n }, [setPageNumber, setPageSize]);\n useFilterChangeHandler(resetPagination);\n return {\n pageNumber,\n pageSize,\n onPaginationChange,\n onPaginationScroll,\n onPaginationScrollToTop\n };\n};\n\n// src/components/shared/pagination-nav/PaginationNav.tsx\nimport { Flexer, Pagination, Select } from \"@scouts/ui\";\n\n// src/components/shared/pagination-nav/use-pagination-nav.ts\nimport { useMemo as useMemo11 } from \"react\";\nimport { getRange } from \"@scouts/helpers\";\nvar PAGINATION_SEPARATOR = \"...\";\nvar LEFT_PAGE_COUNT_LIMIT_BEFORE_SEPARATOR = 3;\nvar RIGHT_PAGE_COUNT_LIMIT_BEFORE_SEPARATOR = 3;\nvar getRightRange = (totalPageCount, maxLeftOrRightCount) => {\n const result = [];\n for (let i = maxLeftOrRightCount; i >= 1; i--) {\n result.push(totalPageCount - i + 1);\n }\n return result;\n};\nvar usePaginationNav = ({\n currentPage,\n maxLeftmostCount = 1,\n maxRightmostCount = 1,\n siblingPageCount = 1,\n totalPageCount\n}) => {\n const paginationRange = useMemo11(() => {\n const totalDisplayedItems = siblingPageCount + 5;\n if (totalDisplayedItems >= totalPageCount) {\n return getRange(1, totalPageCount);\n }\n const leftmostSiblingPageNum = Math.max(currentPage - siblingPageCount, 1);\n const rightmostSiblingPageNum = Math.min(currentPage + siblingPageCount, totalPageCount);\n const isLeftSeparatorDisplayed = leftmostSiblingPageNum > LEFT_PAGE_COUNT_LIMIT_BEFORE_SEPARATOR;\n const isRightSeparatorDisplayed = rightmostSiblingPageNum < totalPageCount - RIGHT_PAGE_COUNT_LIMIT_BEFORE_SEPARATOR;\n if (isLeftSeparatorDisplayed && !isRightSeparatorDisplayed) {\n const rightSidePagesCount = 3 + 2 * siblingPageCount;\n const rightRange = getRange(totalPageCount - rightSidePagesCount + 1, totalPageCount);\n const leftRange = getRange(1, maxLeftmostCount);\n return [...leftRange, PAGINATION_SEPARATOR, ...rightRange];\n }\n if (!isLeftSeparatorDisplayed && isRightSeparatorDisplayed) {\n const leftSidePagesCount = 3 + 2 * siblingPageCount;\n const rightRange = getRightRange(totalPageCount, maxRightmostCount);\n const leftRange = getRange(1, leftSidePagesCount);\n return [...leftRange, PAGINATION_SEPARATOR, ...rightRange];\n }\n if (isLeftSeparatorDisplayed && isRightSeparatorDisplayed) {\n const leftRange = getRange(1, maxLeftmostCount);\n const middleRange = getRange(leftmostSiblingPageNum, rightmostSiblingPageNum);\n const rightRange = getRightRange(totalPageCount, maxRightmostCount);\n return [...leftRange, PAGINATION_SEPARATOR, ...middleRange, PAGINATION_SEPARATOR, ...rightRange];\n }\n if (!isLeftSeparatorDisplayed && !isRightSeparatorDisplayed) {\n return getRange(1, totalPageCount);\n }\n return [];\n }, [totalPageCount, siblingPageCount, currentPage, maxLeftmostCount, maxRightmostCount]);\n return paginationRange;\n};\n\n// src/components/shared/pagination-nav/PaginationNav.tsx\nimport { jsx as _jsx8, jsxs as _jsxs } from \"react/jsx-runtime\";\nvar PAGE_SIZE_OPTIONS = [{\n value: 25\n}, {\n value: 50\n}, {\n value: 100\n}];\nvar MINIMUM_PAGE_SIZE = 25;\nvar PaginationNav = ({\n currentPage,\n onPaginationChange,\n pageSize,\n totalPageCount,\n totalResultCount\n}) => {\n const pageItems = usePaginationNav({\n currentPage,\n maxLeftmostCount: 2,\n maxRightmostCount: 2,\n siblingPageCount: 2,\n totalPageCount\n });\n const handlePageChange = (selectedPageItem) => onPaginationChange({\n selectedPageItem,\n selectedPageSize: pageSize\n });\n const handlePageSizeChange = ({\n value\n }) => {\n const selectedPageSize = Number(value);\n const willShowEmptyList = currentPage > Math.ceil(totalResultCount / selectedPageSize);\n onPaginationChange({\n selectedPageItem: willShowEmptyList ? 1 : currentPage,\n selectedPageSize\n });\n };\n const shouldHidePagination = totalResultCount <= MINIMUM_PAGE_SIZE && totalPageCount <= 1;\n if (shouldHidePagination)\n return null;\n return /* @__PURE__ */ _jsx8(Flexer, {\n justifyCenter: true,\n children: /* @__PURE__ */ _jsxs(Pagination, {\n children: [/* @__PURE__ */ _jsx8(Pagination.Items, {\n children: pageItems.map((pageItem, i) => {\n if (pageItem === PAGINATION_SEPARATOR) {\n return /* @__PURE__ */ _jsx8(Pagination.Separator, {\n children: \"\\u2026\"\n }, `separator-${i}`);\n }\n return /* @__PURE__ */ _jsx8(Pagination.Item, {\n isActive: pageItem === currentPage,\n onClick: () => handlePageChange(pageItem),\n children: pageItem\n }, pageItem);\n })\n }), /* @__PURE__ */ _jsxs(Pagination.Actions, {\n children: [/* @__PURE__ */ _jsx8(Pagination.Actions.Label, {\n children: /* @__PURE__ */ _jsx8(Translation, {\n strings: [\"Per page\", \"Por p\\xE1gina\"]\n })\n }), /* @__PURE__ */ _jsx8(Select, {\n name: \"perPage\",\n onChange: handlePageSizeChange,\n value: pageSize,\n options: PAGE_SIZE_OPTIONS\n })]\n })]\n })\n });\n};\n\n// src/components/shared/pagination-nav/use-pagination-query-params.ts\nimport { useCallback as useCallback14 } from \"react\";\nimport { useHistory as useHistory2 } from \"react-router-dom\";\nimport { useQueryParams as useQueryParams2 } from \"@scouts/helpers\";\n\n// src/components/customer/tracking/records-list/RecordListPaginationNav.tsx\nimport { jsx as _jsx9 } from \"react/jsx-runtime\";\nvar RecordListPaginationNav = ({\n pagination,\n onPaginationChange\n}) => /* @__PURE__ */ _jsx9(PaginationNav, {\n currentPage: pagination.currentPage || 0,\n pageSize: pagination.perPageCount || 0,\n totalPageCount: pagination.pageCount || 0,\n totalResultCount: pagination.totalCount || 0,\n onPaginationChange\n});\n\n// src/components/shared/pagination/PaginationResultsCount.tsx\nimport { jsx as _jsx10 } from \"react/jsx-runtime\";\nvar PaginationResultsCount = ({\n pagination\n}) => {\n const {\n currentPage,\n totalCount,\n perPageCount\n } = pagination;\n if (!currentPage || !totalCount || !perPageCount)\n return null;\n if (totalCount < perPageCount)\n return null;\n const pageResultsStart = (currentPage - 1) * perPageCount + 1;\n const pageResultsEnd = Math.min(totalCount, currentPage * perPageCount);\n const pageRange = `${pageResultsStart}-${pageResultsEnd}`;\n return /* @__PURE__ */ _jsx10(Translation, {\n strings: [`${pageRange} of ${totalCount} records`, `${pageRange} de ${totalCount} facturas`]\n });\n};\n\n// src/components/accountant/tracking/shared/Statistics.tsx\nimport styled from \"styled-components\";\nimport { formatCurrency } from \"@scouts/helpers\";\nimport { useLocale as useLocale2 } from \"@scouts/i18n\";\nimport { colors, font, radius, Loadable as Loadable2 } from \"@scouts/ui\";\nimport { jsx as _jsx11, jsxs as _jsxs2, Fragment as _Fragment2 } from \"react/jsx-runtime\";\nvar Statistics = ({\n isLoading,\n recordLabel,\n gross,\n net,\n amountOfRecords,\n taxRates\n}) => {\n const {\n defaultCurrency: currency\n } = useConfig();\n const locale = useLocale2();\n const hasTaxRates = taxRates && taxRates?.length > 0;\n if (!amountOfRecords)\n return null;\n return /* @__PURE__ */ _jsx11(Loadable2, {\n isLoading,\n children: /* @__PURE__ */ _jsxs2(Container2, {\n children: [/* @__PURE__ */ _jsxs2(Item, {\n children: [/* @__PURE__ */ _jsx11(Label, {\n children: recordLabel\n }), /* @__PURE__ */ _jsxs2(Value, {\n children: [amountOfRecords || 0, \" \", /* @__PURE__ */ _jsx11(Translation, {\n id: \"common.entries\",\n values: {\n count: amountOfRecords || 0\n }\n })]\n })]\n }), /* @__PURE__ */ _jsxs2(Item, {\n children: [/* @__PURE__ */ _jsx11(Label, {\n children: /* @__PURE__ */ _jsx11(Translation, {\n id: \"common.net\"\n })\n }), /* @__PURE__ */ _jsx11(Value, {\n children: formatCurrency(net || 0, {\n currency,\n locale\n })\n })]\n }), hasTaxRates && /* @__PURE__ */ _jsxs2(_Fragment2, {\n children: [taxRates.map((rate) => /* @__PURE__ */ _jsxs2(Item, {\n children: [/* @__PURE__ */ _jsx11(Label, {\n children: rate.name\n }), /* @__PURE__ */ _jsx11(Value, {\n children: formatCurrency(rate.amountToDisplay, {\n currency,\n locale\n })\n })]\n }, rate.name)), /* @__PURE__ */ _jsxs2(Item, {\n children: [/* @__PURE__ */ _jsx11(Label, {\n children: /* @__PURE__ */ _jsx11(Translation, {\n id: \"common.gross\"\n })\n }), /* @__PURE__ */ _jsx11(Value, {\n children: formatCurrency(gross || 0, {\n currency,\n locale\n })\n })]\n })]\n })]\n })\n });\n};\nvar Container2 = styled.div.withConfig({\n displayName: \"Statistics__Container\",\n componentId: \"sc-1pspd3q-0\"\n})([\"padding:12px 18px;display:flex;justify-content:space-between;border:1px solid \", \";border-radius:\", \";margin-bottom:12px;\"], colors.neutralLight, radius.medium);\nvar Item = styled.div.withConfig({\n displayName: \"Statistics__Item\",\n componentId: \"sc-1pspd3q-1\"\n})([\"line-height:1.3;margin-right:36px;&:first-child{margin-right:auto;}\"]);\nvar Label = styled.div.withConfig({\n displayName: \"Statistics__Label\",\n componentId: \"sc-1pspd3q-2\"\n})([\"font-size:\", \";\"], font.smaller);\nvar Value = styled.div.withConfig({\n displayName: \"Statistics__Value\",\n componentId: \"sc-1pspd3q-3\"\n})([\"font-size:\", \";font-weight:\", \";\"], font.normal, font.weight.medium);\n\n// src/components/accountant/tracking/expenses/ExpenseAccountantModal.tsx\nimport { Container as Container21, Flexer as Flexer24, ModalBodyLegacy as ModalBody9, ModalFooterLegacy as ModalFooter9, Spacer as Spacer10 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/expenses/expense-form/ExpenseForm.tsx\nimport { useMemo as useMemo13, useState as useState9 } from \"react\";\nimport { getNextYear as getNextYear2, getYear as getYear2, isSameDay, toAlphaNumerical, toUpperCase, useToggle as useToggle2 } from \"@scouts/helpers\";\nimport { colors as colors3, Container as Container5, DatePickerWithLabel as DatePickerWithLabel2, DropdownButton, Flexer as Flexer3, Form as Form3, Input as Input3, Notice as Notice2, Spacer as Spacer2 } from \"@scouts/ui\";\n\n// src/components/shared/TaxPointDateModal.tsx\nimport { useState as useState4 } from \"react\";\nimport { getNextYear, getYear } from \"@scouts/helpers\";\nimport { Button, DatePickerWithLabel, Form, InlineLink, ModalActionsLegacy as ModalActions, ModalBodyLegacy as ModalBody, ModalFooterLegacy as ModalFooter, ModalHeaderLegacy as ModalHeader, ModalLegacy as Modal, ModalTitleLegacy as ModalTitle, Paragraph } from \"@scouts/ui\";\nimport { jsx as _jsx12, jsxs as _jsxs3 } from \"react/jsx-runtime\";\nvar TaxPointDateModal = ({\n initialDate,\n onClose,\n onSave,\n title\n}) => {\n const translation = useTranslation();\n const nextYear = getNextYear();\n const [date, setDate] = useState4(initialDate);\n const config = useConfig();\n const {\n bookkeepingPeriod\n } = config;\n const handleChange = ({\n value\n }) => {\n setDate(value);\n };\n const handleSave = () => {\n onSave({\n value: date\n });\n };\n return /* @__PURE__ */ _jsxs3(Modal, {\n onClose,\n children: [/* @__PURE__ */ _jsx12(ModalHeader, {\n children: /* @__PURE__ */ _jsx12(ModalTitle, {\n children: title\n })\n }), /* @__PURE__ */ _jsxs3(ModalBody, {\n children: [/* @__PURE__ */ _jsx12(Form.Row, {\n children: /* @__PURE__ */ _jsx12(Form.Columns, {\n children: /* @__PURE__ */ _jsx12(Form.Column, {\n width: \"50%\",\n children: /* @__PURE__ */ _jsx12(Form.Row.Content, {\n children: /* @__PURE__ */ _jsx12(DatePickerWithLabel, {\n id: \"modalTaxPointDate\",\n name: \"modalTaxPointDate\",\n value: date || \"\",\n onChange: handleChange,\n label: \"\",\n maxDate: bookkeepingPeriod?.endDate ? `${getYear(bookkeepingPeriod.endDate)}-12-31` : `${nextYear}-12-31`,\n minDate: bookkeepingPeriod?.startDate ? `${getYear(bookkeepingPeriod.startDate)}-01-01` : \"2010-01-01\",\n locale: config.locale\n })\n })\n })\n })\n }), /* @__PURE__ */ _jsx12(Translation, {\n id: \"common.taxPointDateNotice\",\n values: {\n p: (chunks) => /* @__PURE__ */ _jsx12(Paragraph, {\n children: chunks\n }),\n a: (chunks) => /* @__PURE__ */ _jsx12(InlineLink, {\n href: translation({\n id: \"common.taxPointDateNoticeLink\"\n }),\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n children: chunks\n })\n }\n })]\n }), /* @__PURE__ */ _jsx12(ModalFooter, {\n children: /* @__PURE__ */ _jsxs3(ModalActions, {\n children: [/* @__PURE__ */ _jsx12(Button, {\n isSecondary: true,\n onClick: onClose,\n children: /* @__PURE__ */ _jsx12(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx12(Button, {\n onClick: handleSave,\n children: /* @__PURE__ */ _jsx12(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })\n })]\n });\n};\nvar TaxPointDateModal_default = TaxPointDateModal;\n\n// src/components/shared/tracking/records/RecordAmountsForm.tsx\nimport { useRef as useRef2 } from \"react\";\nimport { useIsDesktopLarge, Container as Container3, Flexer as Flexer2, Form as Form2, Input, SelectWithLabel, Spacer } from \"@scouts/ui\";\n\n// src/helpers/arrays.ts\nvar updateOrAddItemByName = (array, element) => {\n const {\n name\n } = element;\n const index = array.findIndex((item2) => item2.name === name);\n if (index === -1) {\n return [...array, element];\n }\n const item = {\n ...array[index],\n ...element\n };\n return [...array.slice(0, index), item, ...array.slice(index + 1)];\n};\n\n// src/helpers/strings.ts\nvar toCurrencyFormatter = (value) => {\n if (typeof value !== \"string\")\n return value;\n if (value === \"\")\n return value;\n const separator = value.includes(\",\") ? \",\" : \".\";\n const parts = value.split(separator).filter((part) => part != \"\");\n const hasDecimals = parts.length > 1;\n if (hasDecimals) {\n return `${parts[0]}.${parts[1].substring(0, 2)}`;\n }\n return value;\n};\nvar inputValueToNumber = (value) => Number(value.replace(\",\", \".\"));\n\n// src/hooks/use-other-rates-state.ts\nimport { useCallback as useCallback15, useState as useState5 } from \"react\";\nvar useOtherRatesState = () => {\n const [otherRates, setOtherRates] = useState5({});\n const {\n taxes\n } = useTaxes();\n const updateOtherRates = useCallback15(({\n name,\n value\n }) => {\n setOtherRates((prev) => {\n const newOtherRates = {\n ...prev\n };\n newOtherRates[name] = value;\n return newOtherRates;\n });\n }, [setOtherRates]);\n const getTaxAmountToDisplay = useCallback15(({\n tax\n }) => {\n const isOtherRate2 = taxes && Calculations.isOtherRate({\n taxes,\n tax\n });\n const taxRateAmountToDisplay = isOtherRate2 ? otherRates[tax.name] ?? tax.amount : tax.amount;\n return taxRateAmountToDisplay;\n }, [otherRates, taxes]);\n return {\n updateOtherRates,\n getTaxAmountToDisplay\n };\n};\n\n// src/components/shared/tracking/records/RecordAmountsForm.tsx\nimport { jsx as _jsx13, Fragment as _Fragment3, jsxs as _jsxs4 } from \"react/jsx-runtime\";\nvar TAX_TYPE_RATE = \"rate\";\nvar TAX_TYPE_AMOUNT = \"amount\";\nvar RecordAmountsForm = ({\n record,\n readOnly,\n updateRecord,\n shouldDisplayValidationErrors,\n validationErrors\n}) => {\n const taxAmountInputRefs = useRef2([]);\n const {\n defaultCurrencySymbol: defaultCurrencySymbolConfig\n } = useConfig();\n const isDesktopLarge = useIsDesktopLarge();\n const translation = useTranslation();\n const {\n taxes,\n hasTaxes\n } = useTaxes();\n const {\n getTaxAmountToDisplay,\n updateOtherRates\n } = useOtherRatesState();\n const defaultCurrencySymbol = record.currency?.symbol || defaultCurrencySymbolConfig;\n const getTaxRatesDropdownOptions = (taxesForOptions) => [...taxesForOptions.map((rate) => ({\n value: String(rate),\n title: `${rate}%`\n })), {\n title: translation({\n id: \"common.other\"\n }),\n value: Taxes.Constants.OTHER_RATE\n }];\n const handleNetChange = ({\n value\n }) => {\n const net = inputValueToNumber(value);\n const {\n taxRates: recordTaxRates\n } = record;\n const updatedTaxRates = recordTaxRates.map((taxRate) => ({\n ...taxRate,\n amount: Calculations.taxAmount({\n record: {\n ...record,\n net\n },\n tax: taxRate\n })\n }));\n const updatedGross = Calculations.gross({\n ...record,\n net,\n taxRates: updatedTaxRates\n });\n updateRecord({\n ...record,\n gross: updatedGross,\n net: value ? net : null,\n taxRates: updatedTaxRates\n });\n };\n const handleGrossChange = ({\n value\n }) => {\n const gross = inputValueToNumber(value);\n const updatedNet = Calculations.reverseCalculateNet({\n ...record,\n gross\n });\n const updatedTaxRates = record.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: Calculations.taxAmountWithUnroundedNet({\n record: {\n ...record,\n net: updatedNet\n },\n tax: taxRate\n })\n }));\n updateRecord({\n ...record,\n gross: value ? gross : null,\n net: toCurrency(updatedNet),\n taxRates: updatedTaxRates\n });\n };\n const handleTaxRateChange = (taxType, index) => ({\n name,\n value\n }) => {\n const isOtherRate2 = value === Taxes.Constants.OTHER_RATE;\n if (taxType === TAX_TYPE_AMOUNT)\n updateOtherRates({\n name,\n value\n });\n if (taxType === TAX_TYPE_RATE && isOtherRate2) {\n updateOtherRates({\n name,\n value: \"\"\n });\n taxAmountInputRefs.current[index]?.focus();\n }\n const {\n taxRates: recordTaxRates\n } = record;\n const newTaxRateItem = taxType === TAX_TYPE_RATE ? {\n name,\n rate: isOtherRate2 ? Taxes.Constants.OTHER_RATE : inputValueToNumber(value),\n amount: 0\n } : {\n name,\n rate: Taxes.Constants.OTHER_RATE,\n amount: inputValueToNumber(value)\n };\n const updatedTaxRates = updateOrAddItemByName(recordTaxRates, newTaxRateItem);\n if (record.transactionLinks && record.transactionLinks.length > 0) {\n const updatedNet = Calculations.reverseCalculateNet({\n ...record,\n taxRates: updatedTaxRates\n });\n const updatedTaxRatesWithCalculations = updatedTaxRates.map((taxRate) => ({\n ...taxRate,\n amount: Calculations.taxAmountWithUnroundedNet({\n record: {\n ...record,\n net: updatedNet\n },\n tax: taxRate\n })\n }));\n updateRecord({\n ...record,\n net: toCurrency(updatedNet),\n taxRates: updatedTaxRatesWithCalculations\n });\n } else {\n const updatedTaxRatesWithCalculations = updatedTaxRates.map((recordTaxRate) => Calculations.taxWithOtherRate({\n record,\n tax: recordTaxRate\n }));\n const updatedGross = Calculations.gross({\n ...record,\n taxRates: updatedTaxRatesWithCalculations\n });\n updateRecord({\n ...record,\n gross: updatedGross,\n taxRates: updatedTaxRatesWithCalculations\n });\n }\n };\n return /* @__PURE__ */ _jsxs4(_Fragment3, {\n children: [hasTaxes && /* @__PURE__ */ _jsx13(Container3, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs4(Flexer2, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs4(_Fragment3, {\n children: [/* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\"\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx13(Input, {\n floatingLabel: translation({\n id: \"common.net\"\n }),\n name: \"net\",\n formatter: toCurrencyFormatter,\n type: \"number\",\n value: record.net ?? \"\",\n onChange: handleNetChange,\n step: \"any\",\n shouldAlwaysDisplayFloatingLabel: true,\n suffix: defaultCurrencySymbol,\n hasError: !!validationErrors.net && shouldDisplayValidationErrors,\n readOnly,\n width: \"100%\"\n })\n })]\n })\n }), hasTaxes && Object.entries(taxes ?? {}).map(([taxName, applicableTaxes], index) => {\n const recordTaxRate = record.taxRates.find(({\n name\n }) => name === taxName) || Taxes.createBlank({\n name: taxName\n });\n const {\n rate: recordTaxRateRate\n } = recordTaxRate;\n const options = getTaxRatesDropdownOptions(applicableTaxes);\n const isOtherRate2 = taxes && Calculations.isOtherRate({\n taxes,\n tax: recordTaxRate\n });\n const taxRateAmountToDisplay = getTaxAmountToDisplay({\n tax: recordTaxRate\n });\n return /* @__PURE__ */ _jsx13(Container3, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs4(Flexer2, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs4(_Fragment3, {\n children: [/* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx13(Form2.Row.Content, {\n children: /* @__PURE__ */ _jsx13(SelectWithLabel, {\n name: taxName,\n value: isOtherRate2 ? Taxes.Constants.OTHER_RATE : String(recordTaxRateRate),\n onChange: handleTaxRateChange(TAX_TYPE_RATE, index),\n options,\n label: `% ${taxName}`,\n width: \"100%\",\n isSecondary: true,\n readOnly\n })\n })\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx13(Form2.Row.Content, {\n children: /* @__PURE__ */ _jsx13(Input, {\n type: \"number\",\n name: taxName,\n value: taxRateAmountToDisplay,\n formatter: toCurrencyFormatter,\n onChange: handleTaxRateChange(TAX_TYPE_AMOUNT, index),\n step: \"any\",\n floatingLabel: taxName,\n shouldAlwaysDisplayFloatingLabel: true,\n suffix: defaultCurrencySymbol,\n readOnly: !isOtherRate2 || readOnly,\n ref: (element) => {\n taxAmountInputRefs.current[index] = element;\n },\n width: \"100%\"\n })\n })\n })]\n })\n }, taxName);\n }), /* @__PURE__ */ _jsx13(Container3, {\n padding: \"9px 0 0\",\n children: /* @__PURE__ */ _jsxs4(Flexer2, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs4(_Fragment3, {\n children: [/* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx13(Spacer, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\"\n }), /* @__PURE__ */ _jsx13(Spacer, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx13(Form2.Row.Content, {\n children: /* @__PURE__ */ _jsx13(Input, {\n name: \"gross\",\n type: \"number\",\n value: record.gross ?? \"\",\n onChange: handleGrossChange,\n formatter: toCurrencyFormatter,\n step: \"any\",\n floatingLabel: translation({\n id: \"common.gross\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n suffix: defaultCurrencySymbol,\n hasError: !!validationErrors.gross && shouldDisplayValidationErrors,\n readOnly,\n width: \"100%\"\n })\n })\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/expense-context/ExpenseContextProvider.tsx\nimport { useCallback as useCallback16, useLayoutEffect, useMemo as useMemo12, useRef as useRef3, useState as useState6 } from \"react\";\n\n// src/components/shared/tracking/expenses/expense-context/expense-context.ts\nimport { createContext as createContext4 } from \"react\";\nvar ExpenseContext = /* @__PURE__ */ createContext4(null);\n\n// src/components/shared/tracking/expenses/expense-context/ExpenseContextProvider.tsx\nimport { jsx as _jsx14 } from \"react/jsx-runtime\";\nvar ExpenseContextProvider = ({\n children,\n expense: initialExpense,\n ...props\n}) => {\n const translation = useTranslation();\n const {\n expenseOptions\n } = useConfig();\n const {\n idNumber: idNumberUser\n } = useUser();\n const {\n activeFilters\n } = useFilters();\n const [expense, setExpense] = useState6(initialExpense);\n const [isFileAdded, setIsFileAdded] = useState6(false);\n const [hasChanges, setHasChanges] = useState6(false);\n const expenseRef = useRef3(expense);\n const isFiledAddedRef = useRef3(isFileAdded);\n isFiledAddedRef.current = isFileAdded;\n expenseRef.current = expense;\n const updateExpense = useCallback16((data) => {\n setHasChanges(true);\n setExpense((current) => ({\n ...current,\n ...data\n }));\n }, []);\n useLayoutEffect(() => {\n const computeNewIncome = () => {\n const hasIncomeChanged = initialExpense.id !== expenseRef.current.id || initialExpense.file?.id !== expenseRef.current.file?.expenseId;\n if (hasIncomeChanged) {\n return isFiledAddedRef.current ? {\n ...expenseRef.current,\n file: initialExpense.file\n } : initialExpense;\n }\n return expenseRef.current;\n };\n const newIncome = computeNewIncome();\n setExpense(newIncome);\n setIsFileAdded(false);\n }, [initialExpense]);\n const {\n validationErrors,\n hasValidationErrors,\n hasBlockingErrors\n } = validateExpense({\n translation,\n expense,\n expenseOptions,\n idNumberUser,\n activeFilters\n });\n const contextValue = useMemo12(() => ({\n initialExpense,\n expense,\n setExpense,\n setIsFileAdded,\n hasValidationErrors,\n validationErrors,\n hasBlockingErrors,\n isEditing: getIsExpense(expense),\n updateExpense,\n hasChanges,\n ...props\n }), [initialExpense, expense, setExpense, setIsFileAdded, hasValidationErrors, hasBlockingErrors, validationErrors, updateExpense, hasChanges, props]);\n return /* @__PURE__ */ _jsx14(ExpenseContext.Provider, {\n value: contextValue,\n children\n });\n};\n\n// src/components/shared/tracking/expenses/expense-context/use-expense-context.ts\nimport { useContext as useContext4 } from \"react\";\nvar useExpenseContext = () => {\n const context = useContext4(ExpenseContext);\n if (context === null)\n throw new Error(\"`useExpenseContext` must be used within a `ExpenseContextProvider`\");\n return context;\n};\n\n// src/components/shared/tracking/expenses/expense-form/ExpenseFormCategory.tsx\nimport { useRef as useRef4 } from \"react\";\nimport { Container as Container4, SelectWithLabel as SelectWithLabel2 } from \"@scouts/ui\";\nimport { jsx as _jsx15 } from \"react/jsx-runtime\";\nvar DEFAULT_CATEGORY_VALUE = \"general\";\nvar ExpenseFormCategory = ({\n expense,\n expenseCategories,\n isAccountant,\n isReadOnly,\n label,\n onSelect\n}) => {\n const {\n categoryId,\n description,\n requiresFile,\n senderName,\n taxRates,\n gross,\n net,\n transactionLinks\n } = expense;\n const translation = useTranslation();\n const initialCategoryId = useRef4(categoryId);\n const defaultCategoryId = expenseCategories?.find(({\n id\n }) => initialCategoryId.current === id)?.id || null;\n const defaultCategoryOption = {\n title: translation([\"General\", \"General\"]),\n value: DEFAULT_CATEGORY_VALUE\n };\n const getExpenseCategoriesDropdownOptions = () => expenseCategories?.flatMap(({\n id,\n isAvailableToCustomers,\n name\n }) => {\n if (name && (isAccountant || isAvailableToCustomers || defaultCategoryId === id || categoryId === id)) {\n return {\n title: name,\n value: id\n };\n }\n return [];\n }) || [];\n const handleExpenseCategoryChange = ({\n value\n }) => {\n const selectedCategoryId = Number(value);\n const categoryDetails = expenseCategories?.find(({\n id\n }) => id === selectedCategoryId);\n const {\n descriptionOverride,\n requiresFile: requiresFileOverride,\n senderNameOverride,\n taxRatesOverride\n } = categoryDetails || {};\n const updatedTaxAmount = transactionLinks?.length ? gross : net;\n const isGeneralCategory = value === DEFAULT_CATEGORY_VALUE;\n const updatedRequiresFile = isGeneralCategory || (requiresFileOverride ?? requiresFile);\n onSelect({\n categoryId: selectedCategoryId,\n description: descriptionOverride || description,\n // General category and categories with no taxRatesOverride won't impact the gross\n gross: isGeneralCategory || !taxRatesOverride ? gross : updatedTaxAmount,\n net: isGeneralCategory ? net : updatedTaxAmount,\n requiresFile: updatedRequiresFile,\n senderName: senderNameOverride || senderName,\n taxRates: taxRatesOverride || taxRates\n });\n };\n const expenseCategoryOptions = getExpenseCategoriesDropdownOptions();\n const allExpenseCategoryOptions = expenseCategoryOptions.length > 1 ? [defaultCategoryOption, ...expenseCategoryOptions] : expenseCategoryOptions;\n if (!expenseCategoryOptions || expenseCategoryOptions.length === 0)\n return null;\n return /* @__PURE__ */ _jsx15(Container4, {\n padding: \"0 0 9px 0\",\n children: /* @__PURE__ */ _jsx15(SelectWithLabel2, {\n label,\n name: \"categoryId\",\n onChange: handleExpenseCategoryChange,\n options: allExpenseCategoryOptions,\n readOnly: isReadOnly || expenseCategoryOptions.length === 1,\n value: categoryId || DEFAULT_CATEGORY_VALUE\n })\n });\n};\n\n// src/components/shared/tracking/expenses/expense-form/ExpenseFormSenderName.tsx\nimport { useState as useState8 } from \"react\";\nimport { Input as Input2 } from \"@scouts/ui\";\n\n// src/store/expense-search/hooks/use-expense-sender-search.ts\nimport { useDebounce as useDebounce5 } from \"use-debounce\";\n\n// src/store/expense-search/api.ts\nimport { generateApiPath as generateApiPath8 } from \"@scouts/helpers\";\nvar extendedApi6 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getExpensesSearch: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath8(ENDPOINTS.EXPENSES.SEARCH.TEXT, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Expenses, Tags.ExpensesSearch],\n transformResponse: (response, meta) => mapPaginatedResponse(response, meta)\n }),\n getExpenseSenderSearch: builder.query({\n query: ({\n searchQuery,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath8(ENDPOINTS.EXPENSES.SEARCH.SENDER, {\n userId\n }, {\n queryParameters: {\n filter: searchQuery\n }\n })\n })\n })\n })\n});\nvar {\n useGetExpensesSearchQuery,\n useGetExpenseSenderSearchQuery\n} = extendedApi6;\n\n// src/store/expense-search/hooks/use-expense-sender-search.ts\nvar useExpenseSenderSearch = ({\n search\n}) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce5(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isFetching\n } = useGetExpenseSenderSearchQuery({\n userId,\n searchQuery: debouncedSearch\n }, {\n refetchOnMountOrArgChange: true,\n skip: debouncedSearch.length === 0\n });\n return {\n data,\n isFetching\n };\n};\n\n// src/store/expense-search/hooks/use-search-expenses.ts\nimport { useDebounce as useDebounce6 } from \"use-debounce\";\nvar useSearchExpenses = ({\n search,\n ...params\n}, skip) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce6(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isError,\n isFetching,\n isSuccess\n } = useGetExpensesSearchQuery({\n userId,\n search: debouncedSearch,\n ...params\n }, {\n skip: skip || search !== void 0 && (!debouncedSearch || debouncedSearch.length < 2)\n });\n return {\n data,\n isError,\n isFetching,\n isSuccess\n };\n};\n\n// src/components/ui/Autocomplete.tsx\nimport { useEffect as useEffect5, useRef as useRef5, useState as useState7 } from \"react\";\nimport styled2 from \"styled-components\";\nimport useOnClickOutside from \"use-onclickoutside\";\nimport { colors as colors2, shadows } from \"@scouts/ui\";\nimport { jsx as _jsx16, jsxs as _jsxs5 } from \"react/jsx-runtime\";\nvar ENTER_KEY = \"Enter\";\nvar ESCAPE_KEY = \"Escape\";\nvar ARROW_DOWN_KEY = \"ArrowDown\";\nvar ARROW_UP_KEY = \"ArrowUp\";\nvar Autocomplete = ({\n children,\n isOpen,\n onClose,\n onOptionClick,\n options,\n width\n}) => {\n const ref = useRef5(null);\n const itemsRefs = useRef5([]);\n const [currentIndex, setCurrentIndex] = useState7(-1);\n useOnClickOutside(ref, onClose);\n const hasOptions = Boolean(options?.length);\n useEffect5(() => {\n setCurrentIndex(-1);\n }, [options, setCurrentIndex]);\n const handleKeyboard = (e) => {\n if (!isOpen || !hasOptions)\n return;\n if (e.key === ESCAPE_KEY) {\n e.preventDefault();\n onClose();\n }\n if (e.key === ENTER_KEY) {\n e.preventDefault();\n const currentOption = options?.[currentIndex];\n if (currentOption)\n onOptionClick(currentOption);\n }\n if (e.key === ARROW_DOWN_KEY || e.key === ARROW_UP_KEY) {\n e.preventDefault();\n const optionsLength = options?.length ?? 0;\n let nextIndex = currentIndex + (e.key === ARROW_DOWN_KEY ? 1 : -1);\n nextIndex = nextIndex < 0 ? optionsLength - 1 : nextIndex % optionsLength;\n itemsRefs.current[nextIndex]?.scrollIntoView?.({\n block: \"nearest\"\n });\n setCurrentIndex(nextIndex);\n }\n };\n return /* @__PURE__ */ _jsxs5(AutocompleteWrapper, {\n onKeyDown: handleKeyboard,\n ref,\n width,\n children: [children, isOpen && hasOptions && /* @__PURE__ */ _jsx16(AutocompleteList, {\n children: options?.map((option, index) => /* @__PURE__ */ _jsx16(AutocompleteItem, {\n ref: (element) => {\n itemsRefs.current[index] = element;\n },\n isSelected: index === currentIndex,\n onClick: () => {\n onOptionClick(option);\n },\n children: option.name\n }, JSON.stringify(option)))\n })]\n });\n};\nvar AutocompleteWrapper = styled2.div.withConfig({\n displayName: \"Autocomplete__AutocompleteWrapper\",\n componentId: \"sc-1jaew6t-0\"\n})([\"position:relative;width:\", \";\"], ({\n width\n}) => width || \"auto\");\nvar AutocompleteList = styled2.div.withConfig({\n displayName: \"Autocomplete__AutocompleteList\",\n componentId: \"sc-1jaew6t-1\"\n})([\"display:flex;flex-direction:column;overflow-y:auto;position:absolute;z-index:10;width:100%;max-height:200px;padding:12px 0;background-color:\", \";border-radius:4px;box-shadow:\", \";\"], colors2.neutralLightest, shadows.medium);\nvar AutocompleteItem = styled2.button.attrs({\n type: \"button\"\n}).withConfig({\n displayName: \"Autocomplete__AutocompleteItem\",\n componentId: \"sc-1jaew6t-2\"\n})([\"color:\", \";text-align:start;padding:12px 18px;&:hover{color:\", \";}\"], ({\n isSelected\n}) => isSelected ? colors2.blue : \"inherit\", colors2.blue);\n\n// src/components/shared/tracking/expenses/expense-form/ExpenseFormSenderName.tsx\nimport { jsx as _jsx17 } from \"react/jsx-runtime\";\nvar ExpenseFormSenderName = ({\n senderName,\n onChange,\n onContactChange,\n hasError,\n readOnly\n}) => {\n const translation = useTranslation();\n const [searchSenderName, setSearchSenderName] = useState8(\"\");\n const {\n data: searchResults,\n isFetching\n } = useExpenseSenderSearch({\n search: searchSenderName\n });\n const handleSearchResultsClose = () => {\n setSearchSenderName(\"\");\n };\n const handleSenderNameChange = ({\n name,\n value\n }) => {\n setSearchSenderName(value);\n onChange({\n name,\n value\n });\n };\n const handleContactChange = (data) => {\n setSearchSenderName(\"\");\n onContactChange(data);\n };\n const shouldDisplaySearchResults = searchSenderName !== \"\" && !isFetching;\n return /* @__PURE__ */ _jsx17(Autocomplete, {\n options: searchResults,\n isOpen: shouldDisplaySearchResults,\n onClose: handleSearchResultsClose,\n onOptionClick: handleContactChange,\n width: \"100%\",\n children: /* @__PURE__ */ _jsx17(Input2, {\n floatingLabel: translation({\n id: \"expense.senderName\"\n }),\n name: \"senderName\",\n onChange: handleSenderNameChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: senderName ?? \"\",\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.NAME,\n hasError,\n readOnly,\n autoComplete: \"off\",\n width: \"100%\"\n })\n });\n};\n\n// src/components/shared/tracking/expenses/expense-form/ExpenseForm.tsx\nimport { jsx as _jsx18, jsxs as _jsxs6 } from \"react/jsx-runtime\";\nvar ExpenseForm = (props) => {\n const [isCategoryFieldDirty, setIsCategoryFieldDirty] = useState9(false);\n const nextYear = getNextYear2();\n const {\n bookkeepingPeriod,\n expenseOptions: {\n hasTaxPointDate,\n isSenderIdNumberRequired\n },\n isAccountant,\n locale\n } = useConfig();\n const translation = useTranslation();\n const {\n expense,\n expenseCategories,\n updateExpense,\n validationErrors,\n shouldHideBookkeepingPeriodWarnings,\n shouldDisplayValidationErrors,\n handleSubmit,\n isReadOnly\n } = useExpenseContext();\n const [isModalOpen, , , toggleModal] = useToggle2();\n const handleChange = ({\n name,\n value\n }) => {\n updateExpense({\n [name]: value\n });\n };\n const handleExpenseCategoryChange = (data) => {\n setIsCategoryFieldDirty(true);\n updateExpense(data);\n };\n const handleInvoiceDateChange = ({\n value: invoiceDate2\n }) => {\n const {\n invoiceDate: previousInvoiceDate,\n taxPointDate: previousTaxPointDate\n } = expense;\n const taxPointDate2 = !previousTaxPointDate || isSameDay(new Date(previousInvoiceDate), new Date(previousTaxPointDate)) ? invoiceDate2 : previousTaxPointDate;\n updateExpense({\n taxPointDate: taxPointDate2,\n invoiceDate: invoiceDate2\n });\n };\n const handleContactChange = (data) => {\n updateExpense({\n senderName: data.name ?? \"\",\n senderIdNumber: data.idNumber ?? \"\"\n });\n };\n const handleTaxPointDateChange = ({\n value: taxPointDate2\n }) => {\n updateExpense({\n taxPointDate: taxPointDate2\n });\n };\n const getErrorMessage = (fieldError) => fieldError !== translation({\n id: \"error.emptyField\"\n }) ? fieldError : \"\";\n const {\n description,\n invoiceDate,\n invoiceNumber,\n taxPointDate\n } = expense;\n const isWithinBookkeepingPeriod = useMemo13(() => {\n if (shouldHideBookkeepingPeriodWarnings)\n return true;\n const isBookkeepingPeriodSet = !!bookkeepingPeriod?.startDate && !!bookkeepingPeriod?.endDate;\n if (!isBookkeepingPeriodSet)\n return true;\n const compareDate = !taxPointDate ? invoiceDate : taxPointDate;\n if (!compareDate)\n return true;\n return isWithinRange([bookkeepingPeriod?.startDate, bookkeepingPeriod?.endDate])(new Date(compareDate));\n }, [bookkeepingPeriod?.endDate, bookkeepingPeriod?.startDate, shouldHideBookkeepingPeriodWarnings, invoiceDate, taxPointDate]);\n const shouldDisplayTaxPointDate = !!taxPointDate && !isSameDay(new Date(invoiceDate), new Date(taxPointDate));\n const shouldDisplayCounterpartIdInputField = isSenderIdNumberRequired;\n const shouldDisplayValidationErrorsWhenCategoryChanges = !isAccountant && isCategoryFieldDirty;\n return /* @__PURE__ */ _jsxs6(Form3, {\n ...props,\n onSubmit: () => handleSubmit(expense),\n children: [!!expenseCategories?.length && /* @__PURE__ */ _jsx18(ExpenseFormCategory, {\n expense,\n expenseCategories,\n isAccountant,\n isReadOnly,\n label: translation([\"Category\", \"Categor\\xEDa\"]),\n onSelect: handleExpenseCategoryChange\n }), /* @__PURE__ */ _jsx18(Container5, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs6(Flexer3, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx18(Flexer3, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx18(Input3, {\n floatingLabel: translation({\n id: \"expense.invoiceNumber\"\n }),\n name: \"invoiceNumber\",\n onChange: handleChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: invoiceNumber || \"\",\n hasError: !!validationErrors.invoiceNumber && (shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges),\n errorMessage: getErrorMessage(validationErrors.invoiceNumber),\n readOnly: isReadOnly,\n width: \"100%\"\n })\n }), /* @__PURE__ */ _jsxs6(Flexer3, {\n justifyEnd: true,\n gap: \"12px\",\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: [/* @__PURE__ */ _jsx18(Spacer2, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx18(DatePickerWithLabel2, {\n name: \"invoiceDate\",\n value: invoiceDate || \"\",\n onChange: handleInvoiceDateChange,\n defaultDate: /* @__PURE__ */ new Date(),\n label: translation({\n id: \"expense.invoiceDate\"\n }),\n id: \"invoiceDate\",\n locale,\n hasError: !!validationErrors.invoiceDate && (shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges),\n errorMessage: getErrorMessage(validationErrors.invoiceDate),\n minDate: \"2010-01-01\",\n maxDate: `${nextYear}-12-31`,\n readOnly: isReadOnly\n })\n }), !shouldDisplayTaxPointDate && hasTaxPointDate && !isReadOnly && /* @__PURE__ */ _jsxs6(Spacer2, {\n children: [/* @__PURE__ */ _jsx18(DropdownButton, {\n actions: [{\n title: translation({\n id: \"common.actions.setTaxPointDate\"\n }),\n onClick: toggleModal,\n disabled: !invoiceDate\n }],\n alignRight: true\n }), isModalOpen && /* @__PURE__ */ _jsx18(TaxPointDateModal_default, {\n title: /* @__PURE__ */ _jsx18(Translation, {\n id: \"common.taxPointDate\"\n }),\n initialDate: invoiceDate,\n onClose: toggleModal,\n onSave: (data) => {\n handleTaxPointDateChange(data);\n toggleModal();\n }\n })]\n })]\n })]\n })\n }), shouldDisplayTaxPointDate && /* @__PURE__ */ _jsx18(Container5, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx18(Flexer3, {\n width: \"100%\",\n justifyEnd: true,\n gap: \"12px\",\n children: /* @__PURE__ */ _jsxs6(Flexer3, {\n width: \"100%\",\n desktopLargeWidth: \"calc(50% - 6px)\",\n justifyEnd: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx18(Spacer2, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx18(DatePickerWithLabel2, {\n defaultDate: /* @__PURE__ */ new Date(),\n id: \"taxPointDate\",\n label: translation({\n id: \"common.taxPointDate\"\n }),\n locale,\n maxDate: bookkeepingPeriod?.endDate ? `${getYear2(new Date(bookkeepingPeriod.endDate))}-12-31` : `${nextYear}-12-31`,\n minDate: bookkeepingPeriod?.startDate ? `${getYear2(new Date(bookkeepingPeriod.startDate))}-01-01` : \"2010-01-01\",\n name: \"taxPointDate\",\n onChange: handleTaxPointDateChange,\n value: taxPointDate || \"\",\n readOnly: isReadOnly\n })\n }), !isReadOnly && /* @__PURE__ */ _jsx18(Spacer2, {\n children: /* @__PURE__ */ _jsx18(DropdownButton, {\n actions: [{\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: () => handleTaxPointDateChange({\n value: invoiceDate\n })\n }],\n alignRight: true\n })\n })]\n })\n })\n }), !isWithinBookkeepingPeriod && /* @__PURE__ */ _jsx18(Spacer2, {\n margin: \"0 0 12px\",\n children: /* @__PURE__ */ _jsx18(Notice2, {\n background: colors3.redLighter,\n children: /* @__PURE__ */ _jsx18(Translation, {\n id: !taxPointDate || isSameDay(new Date(taxPointDate), new Date(invoiceDate)) ? \"common.invoiceDateOutsideBookkeepingPeriodError\" : \"common.taxPointDateOutsideBookkeepingPeriodError\"\n })\n })\n }), /* @__PURE__ */ _jsx18(Container5, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs6(Flexer3, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx18(Flexer3, {\n width: \"100%\",\n desktopLargeWidth: shouldDisplayCounterpartIdInputField ? \"50%\" : \"100%\",\n children: /* @__PURE__ */ _jsx18(ExpenseFormSenderName, {\n readOnly: isReadOnly,\n hasError: Boolean(!!validationErrors.senderName && (shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges)),\n senderName: expense.senderName,\n onChange: handleChange,\n onContactChange: handleContactChange\n })\n }), shouldDisplayCounterpartIdInputField && /* @__PURE__ */ _jsx18(Flexer3, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx18(Input3, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ID_NUMBER,\n autoComplete: \"one-time-code\",\n floatingLabel: translation({\n id: \"expense.senderIdNumber\"\n }),\n formatter: pipe(toAlphaNumerical, toUpperCase),\n name: \"senderIdNumber\",\n onChange: handleChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: expense.senderIdNumber ?? \"\",\n hasError: !!validationErrors.senderIdNumber && (shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges),\n errorMessage: getErrorMessage(validationErrors.senderIdNumber),\n readOnly: isReadOnly,\n width: \"100%\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsx18(Container5, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx18(Input3, {\n floatingLabel: translation({\n id: `record.content.description`\n }),\n id: \"description\",\n name: \"description\",\n onChange: handleChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: description || \"\",\n maxLength: RECORD_FIELD_MAX_LENGTH.DESCRIPTION,\n type: \"text\",\n hasError: !!validationErrors.description && (shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges),\n readOnly: isReadOnly\n })\n }), /* @__PURE__ */ _jsx18(RecordAmountsForm, {\n record: expense,\n updateRecord: updateExpense,\n readOnly: isReadOnly,\n validationErrors,\n shouldDisplayValidationErrors: shouldDisplayValidationErrors || shouldDisplayValidationErrorsWhenCategoryChanges\n })]\n });\n};\n\n// src/store/expense-files/hooks.ts\nimport { useMemo as useMemo14 } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { getIsMobileAppMode, saveBlobAsFile } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast4 } from \"@scouts/ui\";\n\n// src/store/expense-text-extractions/api.ts\nimport { generateApiPath as generateApiPath9 } from \"@scouts/helpers\";\nvar extendedApi7 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getExpenseTextExtraction: builder.query({\n query: ({\n expenseId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath9(ENDPOINTS.EXPENSE_TEXT_EXTRACTION.GET, {\n expenseId,\n userId\n })\n }),\n providesTags: (_1, _2, params) => [{\n type: Tags.ExpenseTextExtraction,\n id: params.expenseId\n }]\n })\n })\n});\nvar invalidateExpenseTextExtraction = (id) => apiSlice.util.invalidateTags([{\n type: Tags.ExpenseTextExtraction,\n id\n}]);\nvar {\n useGetExpenseTextExtractionQuery\n} = extendedApi7;\n\n// src/store/expense-files/actions.ts\nimport { generateApiPath as generateApiPath10 } from \"@scouts/helpers\";\nvar uploadExpenseFileAction = ({\n userId,\n expenseId,\n file\n}) => {\n const formData = new FormData();\n formData.append(\"file\", file);\n const url = generateApiPath10(ENDPOINTS.EXPENSE_FILES.POST, {\n userId,\n expenseId\n });\n return Client.getInstance().post(url, formData).then((response) => {\n const responseData = response.data;\n return responseData;\n }).catch(normalizeErrorResponses);\n};\nvar deleteExpenseFileAction = ({\n userId,\n expenseId,\n id: fileId\n}) => {\n const url = generateApiPath10(ENDPOINTS.EXPENSE_FILES.DELETE, {\n userId,\n expenseId,\n fileId\n });\n return Client.getInstance().delete(url).then((response) => response.data).catch(normalizeErrorResponses);\n};\nvar requestExpenseFileLinkAction = ({\n userId,\n expenseId,\n id: fileId,\n inlineContentDisposition\n}) => {\n const url = generateApiPath10(ENDPOINTS.EXPENSE_FILES.GET.SINGLE, {\n userId,\n fileId,\n expenseId\n }, {\n queryParameters: {\n inlineContentDisposition\n }\n });\n return Client.getInstance().get(url).then((response) => response.data).catch(normalizeErrorResponses);\n};\nvar downloadExpensesFilesAction = ({\n userId,\n expenseIds\n}) => {\n const url = generateApiPath10(ENDPOINTS.EXPENSE_FILES.GET.BULK, {\n userId\n }, {\n queryParameters: {\n ids: expenseIds\n }\n });\n return Client.getInstance().get(url, {\n responseType: \"blob\"\n }).then((response) => response.data).catch(normalizeErrorResponses);\n};\n\n// src/store/expense-files/hooks.ts\nvar isMobileAppMode = getIsMobileAppMode();\nvar useExpenseFilesActions = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const dispatch = useDispatch();\n return useMemo14(() => ({\n deleteExpenseFile: (params) => deleteExpenseFileAction({\n ...params,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast4({\n body: translation({\n id: \"common.errorDelete\"\n })\n });\n return response;\n }\n dispatch(invalidateExpenses());\n dispatch(invalidateExpense());\n dispatch(invalidateExpenseTextExtraction(params.expenseId));\n return response;\n }),\n downloadExpenseFile: (params) => requestExpenseFileLinkAction({\n ...params,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast4({\n body: translation({\n id: \"common.errorDownload\"\n })\n });\n return;\n }\n if (isMobileAppMode) {\n window.location.assign(response);\n return;\n }\n window.open(response);\n }),\n downloadExpensesFiles: ({\n expenseIds,\n fileName\n }) => downloadExpensesFilesAction({\n expenseIds,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast4({\n body: translation({\n id: \"common.errorDownloadBulk\"\n })\n });\n return response;\n }\n return saveBlobAsFile({\n blob: response,\n fileName\n });\n }),\n requestExpenseFileLinkInline: (params) => requestExpenseFileLinkAction({\n ...params,\n userId,\n inlineContentDisposition: true\n }).then((response) => {\n if (response?.errors) {\n addErrorToast4({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }\n return response;\n }),\n uploadExpenseFile: (params) => uploadExpenseFileAction({\n ...params,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast4({\n body: translation({\n id: \"common.errorUpload\"\n })\n });\n return response;\n }\n dispatch(invalidateExpenses());\n dispatch(invalidateExpense());\n dispatch(invalidateExpenseTextExtraction(params.expenseId));\n return response;\n })\n }), [userId, dispatch, translation]);\n};\n\n// src/components/shared/RecordFile.tsx\nimport { useMemo as useMemo15 } from \"react\";\nimport { openFileDialog } from \"@scouts/helpers\";\nimport { colors as colors4, radius as radius2, ButtonLink, Container as Container6, DropdownButton as DropdownButton2, Flexer as Flexer4, Icon, IconFileCheck, IconFolderUpload, Line as Line2, Loadable as Loadable3 } from \"@scouts/ui\";\nimport { jsx as _jsx19, jsxs as _jsxs7 } from \"react/jsx-runtime\";\nvar RecordFile = ({\n file,\n hasError,\n isDisabled,\n isLoading,\n onDelete,\n onDownload,\n onUpload,\n type,\n children\n}) => {\n const {\n isBookkeepingDoneByAccountant,\n isAccountant\n } = useConfig();\n const isBookkeepingDoneByAccountantCustomer = isBookkeepingDoneByAccountant && !isAccountant;\n const translation = useTranslation();\n const {\n id: fileId\n } = file || {};\n const hasFile3 = !!fileId;\n const dropdownActions = useMemo15(() => [{\n title: translation({\n id: \"common.actions.download\"\n }),\n onClick: onDownload\n }, {\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: onDelete,\n color: colors4.red,\n shouldHide: isDisabled\n }].filter((action) => !action.shouldHide), [translation, isDisabled, onDelete, onDownload]);\n const background = getBackground({\n hasError,\n hasFile: hasFile3,\n isDisabled,\n isBookkeepingDoneByAccountantCustomer\n });\n return /* @__PURE__ */ _jsx19(Loadable3, {\n isLoading,\n isSmall: true,\n children: hasFile3 ? /* @__PURE__ */ _jsx19(Container6, {\n background,\n padding: \"15px 24px\",\n radius: radius2.large,\n children: /* @__PURE__ */ _jsxs7(Flexer4, {\n gap: \"12px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsxs7(Flexer4, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx19(Icon, {\n Component: IconFileCheck\n }), /* @__PURE__ */ _jsx19(Translation, {\n id: \"record.content.documentUploaded\"\n })]\n }), /* @__PURE__ */ _jsx19(DropdownButton2, {\n isSecondary: true,\n actions: dropdownActions,\n alignRight: true\n })]\n })\n }) : children ? /* @__PURE__ */ _jsx19(Container6, {\n background,\n padding: \"18px 24px\",\n radius: radius2.large,\n children: /* @__PURE__ */ _jsxs7(Flexer4, {\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx19(ButtonLink, {\n onClick: () => openFileDialog({\n onChange: onUpload\n }),\n disabled: isDisabled,\n children: /* @__PURE__ */ _jsxs7(Flexer4, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx19(Icon, {\n Component: IconFolderUpload,\n color: colors4.blue\n }), /* @__PURE__ */ _jsx19(Line2, {\n children: /* @__PURE__ */ _jsx19(Translation, {\n id: `record.actions.upload.${type === RECORD_TYPE_EXPENSE ? \"expense\" : \"income\"}`\n })\n })]\n })\n }), children]\n })\n }) : /* @__PURE__ */ _jsx19(Container6, {\n onClick: () => openFileDialog({\n onChange: onUpload\n }),\n background,\n padding: \"18px 24px\",\n radius: radius2.large,\n style: {\n cursor: \"pointer\"\n },\n children: /* @__PURE__ */ _jsx19(Flexer4, {\n alignCenter: true,\n spaceBetween: true,\n children: /* @__PURE__ */ _jsx19(ButtonLink, {\n disabled: isDisabled,\n children: /* @__PURE__ */ _jsxs7(Flexer4, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx19(Icon, {\n Component: IconFolderUpload,\n color: colors4.blue\n }), /* @__PURE__ */ _jsx19(Line2, {\n children: /* @__PURE__ */ _jsx19(Translation, {\n id: `record.actions.upload.${type === RECORD_TYPE_EXPENSE ? \"expense\" : \"income\"}`\n })\n })]\n })\n })\n })\n })\n });\n};\nvar RecordFile_default = RecordFile;\nvar getBackground = ({\n hasFile: hasFile3,\n hasError,\n isDisabled,\n isBookkeepingDoneByAccountantCustomer\n}) => {\n if (isBookkeepingDoneByAccountantCustomer && !hasFile3 && !isDisabled)\n return colors4.redLighter;\n if (isBookkeepingDoneByAccountantCustomer)\n return colors4.neutralLightest;\n if (isDisabled || !hasFile3 && !hasError)\n return colors4.neutralLightest;\n if (!hasFile3 && hasError)\n return colors4.redLighter;\n if (hasFile3 && !hasError)\n return colors4.mintLighter;\n return colors4.yellow;\n};\n\n// src/components/shared/tracking/expenses/ExpenseFile.tsx\nimport { jsx as _jsx20 } from \"react/jsx-runtime\";\nvar ExpenseFile = ({\n children\n}) => {\n const {\n expense,\n updateExpense,\n setIsFileAdded,\n shouldDisplayValidationErrors,\n validationErrors,\n isLoading,\n isReadOnly,\n handleUploadFile\n } = useExpenseContext();\n const {\n expenseOptions: {\n isFileRequired\n }\n } = useConfig();\n const {\n deleteExpenseFile,\n downloadExpenseFile\n } = useExpenseFilesActions();\n const isEditing = getIsExpense(expense);\n const {\n file: expenseFile = null,\n id: expenseId = null\n } = isEditing ? expense : {};\n const {\n id: fileId\n } = expenseFile || {};\n const handleDeleteFile = () => {\n if (fileId && expenseId) {\n deleteExpenseFile({\n id: fileId,\n expenseId\n });\n updateExpense({\n ...expense,\n file: null\n });\n }\n };\n const handleDownloadFile = () => {\n if (fileId && expenseId)\n downloadExpenseFile({\n id: fileId,\n expenseId\n });\n };\n const shouldDisplayNoFileRequiredCheckbox = !fileId && isFileRequired;\n if (!expenseFile && isReadOnly)\n return null;\n return /* @__PURE__ */ _jsx20(RecordFile_default, {\n file: expenseFile,\n onDelete: handleDeleteFile,\n onDownload: handleDownloadFile,\n onUpload: (files) => {\n handleUploadFile({\n files,\n expense\n });\n setIsFileAdded(true);\n },\n type: RECORD_TYPE_EXPENSE,\n hasError: !!validationErrors.file && shouldDisplayValidationErrors,\n isDisabled: isReadOnly,\n isLoading,\n children: shouldDisplayNoFileRequiredCheckbox ? children : null\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseFilePreview.tsx\nimport styled5 from \"styled-components\";\nimport { useIsDesktop, Skeleton, SkeletonLine } from \"@scouts/ui\";\n\n// src/components/shared/record-file-preview/RecordFilePreview.tsx\nimport styled3 from \"styled-components\";\nimport { getIsFileType } from \"@scouts/helpers\";\nimport { colors as colors5, font as font2, radius as radius3 } from \"@scouts/ui\";\nimport { jsx as _jsx21 } from \"react/jsx-runtime\";\nvar RecordFilePreview = ({\n fileName,\n previewUrl\n}) => {\n const hasPreview = !!previewUrl && !!fileName;\n if (!hasPreview)\n return /* @__PURE__ */ _jsx21(Container7, {\n children: /* @__PURE__ */ _jsx21(Unavailable, {\n children: /* @__PURE__ */ _jsx21(Translation, {\n strings: [\"No document uploaded\", \"Sin documento subido\"]\n })\n })\n });\n if (getIsFileType(fileName, [\"pdf\"]))\n return /* @__PURE__ */ _jsx21(Container7, {\n children: /* @__PURE__ */ _jsx21(PDF, {\n src: previewUrl,\n title: fileName\n })\n });\n if (getIsFileType(fileName, [\"jpg\", \"jpeg\", \"png\"]))\n return /* @__PURE__ */ _jsx21(Container7, {\n isImage: true,\n children: /* @__PURE__ */ _jsx21(ImageWrapper, {\n children: /* @__PURE__ */ _jsx21(Image, {\n src: previewUrl,\n alt: fileName\n })\n })\n });\n return /* @__PURE__ */ _jsx21(Container7, {\n children: /* @__PURE__ */ _jsx21(Unavailable, {\n children: /* @__PURE__ */ _jsx21(Translation, {\n strings: [\"Preview unavailable for this file type\", \"Vista previa no disponible para este tipo de archivo\"]\n })\n })\n });\n};\nvar Container7 = styled3.div.withConfig({\n displayName: \"RecordFilePreview__Container\",\n componentId: \"sc-1tcl8x2-0\"\n})([\"display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:\", \";background-color:\", \";\", \"\"], radius3.large, colors5.neutralLightest, ({\n isImage\n}) => isImage && `\n overflow: hidden;\n position: relative;\n `);\nvar PDF = styled3.iframe.withConfig({\n displayName: \"RecordFilePreview__PDF\",\n componentId: \"sc-1tcl8x2-1\"\n})([\"width:100%;height:100%;border:0;border-radius:\", \";\"], radius3.large);\nvar ImageWrapper = styled3.div.withConfig({\n displayName: \"RecordFilePreview__ImageWrapper\",\n componentId: \"sc-1tcl8x2-2\"\n})([\"position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:scroll;\"]);\nvar Image = styled3.img.withConfig({\n displayName: \"RecordFilePreview__Image\",\n componentId: \"sc-1tcl8x2-3\"\n})([\"width:100%;border-radius:\", \";\"], radius3.large);\nvar Unavailable = styled3.div.withConfig({\n displayName: \"RecordFilePreview__Unavailable\",\n componentId: \"sc-1tcl8x2-4\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;text-align:center;\"], colors5.neutralDarker, font2.normal);\n\n// src/components/shared/tracking/records/RecordFileUploadZone.tsx\nimport styled4 from \"styled-components\";\nimport { openFileDialog as openFileDialog2 } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast5, colors as colors6, radius as radius4, useFileDragAndDrop, Flexer as Flexer5, Line as Line3, Loadable as Loadable4 } from \"@scouts/ui\";\n\n// src/assets/svg/upload-file.svg\nimport * as React2 from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SvgUploadFile = (props) => /* @__PURE__ */ jsxs(\"svg\", { width: 80, height: 83, viewBox: \"0 0 80 83\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx(\"path\", { d: \"M52.6071 -3.26657e-07C36.6401 -5.17061e-07 7.53954e-07 16.7747 4.41418e-07 42.9835C1.60786e-07 66.5168 13.7465 80 36.1714 80C58.5963 80 80 55.3892 80 38.5366C80 17.544 68.5741 -1.36252e-07 52.6071 -3.26657e-07Z\", fill: \"#F4F1F1\" }),\n /* @__PURE__ */ jsx(\"g\", { filter: \"url(#filter0_d_397_117)\", children: /* @__PURE__ */ jsx(\"rect\", { x: 11, y: 6, width: 58, height: 74, fill: \"white\" }) }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M18.291 34.9805L49.2771 34.9805L49.2771 37.9805L18.291 37.9805L18.291 34.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M55.2773 34.9805L64.3909 34.9805L64.3909 37.9805L55.2773 37.9805L55.2773 34.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M47.3975 14.3101L63.8588 14.3101L63.8588 17.3101L47.3975 17.3101L47.3975 14.3101Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M54.7451 20.5645L63.8587 20.5645L63.8587 23.5645L54.7451 23.5645L54.7451 20.5645Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M18.291 43.9805H49.2771V46.9805H18.291V43.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M55.2773 43.9805H64.3909V46.9805H55.2773V43.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M18.291 52.9805H49.2771V55.9805H18.291V52.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M55.2773 52.9805H64.3909V55.9805H55.2773V52.9805Z\", fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"rect\", { x: 46.3906, y: 66.1006, width: 18, height: 7, fill: \"#16CF98\" }),\n /* @__PURE__ */ jsx(\"rect\", { x: 16.4688, y: 14.0923, width: 20, height: 9, fill: \"#ECE9E9\" }),\n /* @__PURE__ */ jsx(\"circle\", { cx: 14.7108, cy: 14.7108, r: 14.7108, fill: \"#16CF98\" }),\n /* @__PURE__ */ jsx(\"path\", { d: \"M13.5503 21.5461V7.87573H15.8701V21.5461H13.5503ZM7.875 15.8708V13.551H21.5453V15.8708H7.875Z\", fill: \"white\" }),\n /* @__PURE__ */ jsx(\"defs\", { children: /* @__PURE__ */ jsxs(\"filter\", { id: \"filter0_d_397_117\", x: 9.17729, y: 5.08864, width: 61.6454, height: 77.6454, filterUnits: \"userSpaceOnUse\", colorInterpolationFilters: \"sRGB\", children: [\n /* @__PURE__ */ jsx(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }),\n /* @__PURE__ */ jsx(\"feColorMatrix\", { in: \"SourceAlpha\", type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\", result: \"hardAlpha\" }),\n /* @__PURE__ */ jsx(\"feOffset\", { dy: 0.911355 }),\n /* @__PURE__ */ jsx(\"feGaussianBlur\", { stdDeviation: 0.911355 }),\n /* @__PURE__ */ jsx(\"feComposite\", { in2: \"hardAlpha\", operator: \"out\" }),\n /* @__PURE__ */ jsx(\"feColorMatrix\", { type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0\" }),\n /* @__PURE__ */ jsx(\"feBlend\", { mode: \"normal\", in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_397_117\" }),\n /* @__PURE__ */ jsx(\"feBlend\", { mode: \"normal\", in: \"SourceGraphic\", in2: \"effect1_dropShadow_397_117\", result: \"shape\" })\n ] }) })\n] });\nvar upload_file_default = SvgUploadFile;\n\n// src/components/shared/tracking/records/RecordFileUploadZone.tsx\nimport { jsx as _jsx22, jsxs as _jsxs8 } from \"react/jsx-runtime\";\nvar RecordFileUploadZone = ({\n onUpload,\n isLoading,\n label\n}) => {\n const translation = useTranslation();\n const dragAndDropProps = useFileDragAndDrop({\n onDropHandler: (files) => {\n if (files.length !== 1)\n return addErrorToast5({\n body: translation([\"Please drop one file at a time.\", \"Por favor, sube solo un archivo a la vez.\"])\n });\n const file = files[0];\n if (file === null)\n return addErrorToast5({\n body: translation([\"We could not handle that file, please try with another one.\", \"No pudimos procesar el archivo, por favor prueba con otro.\"])\n });\n return onUpload([file]);\n }\n });\n return /* @__PURE__ */ _jsx22(Loadable4, {\n isLoading,\n children: /* @__PURE__ */ _jsx22(Container8, {\n ...dragAndDropProps,\n onClick: () => openFileDialog2({\n onChange: onUpload\n }),\n children: /* @__PURE__ */ _jsx22(NoEvents, {\n children: /* @__PURE__ */ _jsxs8(Flexer5, {\n column: true,\n alignCenter: true,\n gap: \"18px\",\n children: [/* @__PURE__ */ _jsx22(upload_file_default, {}), /* @__PURE__ */ _jsx22(Line3, {\n color: colors6.neutralDarker,\n children: label ? label : /* @__PURE__ */ _jsx22(Translation, {\n strings: [\"Drop a file\", \"Arrastra aqu\\xED tu archivo\"]\n })\n })]\n })\n })\n })\n });\n};\nvar Container8 = styled4.div.withConfig({\n displayName: \"RecordFileUploadZone__Container\",\n componentId: \"sc-z13p9p-0\"\n})([\"display:grid;place-content:center;border-radius:\", \";border:2px solid \", \";border-style:dashed;cursor:pointer;width:100%;height:100%;background-color:\", \";\"], radius4.large, colors6.neutralLightest, ({\n isDragging\n}) => isDragging ? colors6.neutralLightest : \"inherit\");\nvar NoEvents = styled4.div.withConfig({\n displayName: \"RecordFileUploadZone__NoEvents\",\n componentId: \"sc-z13p9p-1\"\n})([\"pointer-events:none;\"]);\n\n// src/components/shared/tracking/expenses/ExpenseFilePreview.tsx\nimport { jsx as _jsx23 } from \"react/jsx-runtime\";\nvar ExpenseFilePreview = () => {\n const isDesktop = useIsDesktop();\n const {\n filePreview: {\n previewUrl,\n fileName,\n isLoading: isLoadingPreview\n },\n expense,\n setIsFileAdded,\n handleUploadFile,\n isReadOnly,\n isLoading\n } = useExpenseContext();\n const hasFile3 = !!expense.file;\n if (!isDesktop)\n return null;\n return /* @__PURE__ */ _jsx23(Container9, {\n children: isLoadingPreview ? /* @__PURE__ */ _jsx23(Skeleton, {\n children: /* @__PURE__ */ _jsx23(SkeletonLine, {\n height: \"100%\"\n })\n }) : !hasFile3 && !isReadOnly ? /* @__PURE__ */ _jsx23(RecordFileUploadZone, {\n isLoading,\n onUpload: (files) => {\n handleUploadFile({\n files,\n expense\n });\n setIsFileAdded(true);\n }\n }) : /* @__PURE__ */ _jsx23(RecordFilePreview, {\n fileName,\n previewUrl\n })\n });\n};\nvar Container9 = styled5.div.withConfig({\n displayName: \"ExpenseFilePreview__Container\",\n componentId: \"sc-1wtzawj-0\"\n})([\"display:grid;\"]);\n\n// src/components/shared/tracking/expenses/ExpenseLabels.tsx\nimport { useState as useState19 } from \"react\";\nimport { useToggle as useToggle4 } from \"@scouts/helpers\";\nimport { ChipButton as ChipButton2, DropdownButton as DropdownButton3, Flexer as Flexer16 } from \"@scouts/ui\";\n\n// src/store/countries/hooks/use-countries.ts\nimport { useEffect as useEffect6, useMemo as useMemo16 } from \"react\";\nimport { addErrorToast as addErrorToast6 } from \"@scouts/ui\";\n\n// src/store/countries/api.ts\nvar extendedApi8 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getCountries: builder.query({\n query: () => ({\n method: \"GET\",\n url: ENDPOINTS.COUNTRIES.GET\n }),\n keepUnusedDataFor: Infinity\n })\n })\n});\nvar {\n useGetCountriesQuery\n} = extendedApi8;\n\n// src/store/countries/hooks/use-countries.ts\nvar useCountries = () => {\n const {\n data,\n isSuccess,\n isError,\n isLoading\n } = useGetCountriesQuery();\n const translation = useTranslation();\n useEffect6(() => {\n if (!isError)\n return;\n addErrorToast6({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n const defaultCountry = useMemo16(() => data?.find(({\n isDefault\n }) => isDefault), [data]);\n const getCountryById = (id) => {\n if (!id)\n return null;\n return data?.find((country) => country.id === id) || null;\n };\n return {\n countries: data,\n defaultCountry,\n getCountryById,\n isLoading,\n isSuccess\n };\n};\n\n// src/components/shared/tracking/records/RecordForeignCurrencyModal.tsx\nimport { useEffect as useEffect11 } from \"react\";\nimport { Button as Button8, Form as Form4, Input as Input12, ModalActionsLegacy as ModalActions2, ModalBodyLegacy as ModalBody2, ModalFooterLegacy as ModalFooter2, ModalHeaderLegacy as ModalHeader2, ModalLegacy as Modal2, ModalTitleLegacy as ModalTitle2, Select as Select2 } from \"@scouts/ui\";\n\n// src/store/currencies/hooks.ts\nimport { useEffect as useEffect7 } from \"react\";\nimport { addErrorToast as addErrorToast7 } from \"@scouts/ui\";\n\n// src/store/currencies/api.ts\nvar extendedApi9 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getCurrencies: builder.query({\n query: () => ({\n method: \"GET\",\n url: ENDPOINTS.CURRENCIES.GET\n }),\n keepUnusedDataFor: Infinity\n })\n })\n});\nvar {\n useGetCurrenciesQuery\n} = extendedApi9;\n\n// src/store/currencies/hooks.ts\nvar useCurrencies = () => {\n const {\n data,\n isSuccess,\n isError\n } = useGetCurrenciesQuery();\n const translation = useTranslation();\n useEffect7(() => {\n if (!isError)\n return;\n addErrorToast7({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n const defaultCurrency = data?.find(({\n isDefault\n }) => isDefault);\n return {\n currencies: data,\n defaultCurrency,\n isSuccess\n };\n};\n\n// src/hooks/use-form.ts\nimport { useCallback as useCallback17, useState as useState10 } from \"react\";\nvar useForm = (initialState) => {\n const [formData, setFormData] = useState10(initialState);\n const [validationErrors, setValidationErrorsState] = useState10({});\n const [hasChanges, setHasChanges] = useState10(false);\n const cleanForm = useCallback17(() => {\n setValidationErrorsState({});\n setHasChanges(false);\n }, []);\n const clearErrorOnFields = useCallback17((fields) => {\n setValidationErrorsState((currentValidationErrors) => {\n const newValidationErrors = {\n ...currentValidationErrors\n };\n fields.forEach((field) => delete newValidationErrors[field]);\n return newValidationErrors;\n });\n }, []);\n const handleFieldChange = useCallback17(({\n name,\n value\n }) => {\n clearErrorOnFields([name]);\n setHasChanges(true);\n setFormData((currentFormData) => ({\n ...currentFormData,\n [name]: value\n }));\n }, [clearErrorOnFields]);\n const handleFormChange = useCallback17((formDataValues) => {\n clearErrorOnFields(Object.keys(formDataValues));\n setHasChanges(true);\n setFormData((currentFormData) => ({\n ...currentFormData,\n ...formDataValues\n }));\n }, [clearErrorOnFields]);\n const setValidationErrors = useCallback17((fields) => {\n setValidationErrorsState(fields);\n }, []);\n return {\n hasValidationErrors: Object.keys(validationErrors).length > 0,\n validationErrors,\n formData,\n hasChanges,\n setValidationErrors,\n cleanForm,\n handleFieldChange,\n handleFormChange,\n clearErrorOnFields\n };\n};\n\n// src/components/customer/invoicing/shared/ui.ts\nimport styled6 from \"styled-components\";\nimport { colors as colors7, font as font3, media, radius as radius5, shadows as shadows2, Input as Input4, TextArea } from \"@scouts/ui\";\nvar FormContainer = styled6.section.withConfig({\n displayName: \"ui__FormContainer\",\n componentId: \"sc-16fkbw0-0\"\n})([\"margin:0 auto;\", \"{width:672px;padding:42px;background:\", \";border-radius:\", \";box-shadow:\", \";}\", \"{width:768px;padding:48px;}\"], media.tablet, colors7.white, radius5.large, shadows2.high, media.desktop);\nvar FormItem = styled6.div.withConfig({\n displayName: \"ui__FormItem\",\n componentId: \"sc-16fkbw0-1\"\n})([\"width:100%;\", \"\"], ({\n isInline\n}) => !isInline && `\n &:not(:last-child) {\n margin-bottom: 18px;\n }\n `);\nvar FormInvalidMessage = styled6.p.withConfig({\n displayName: \"ui__FormInvalidMessage\",\n componentId: \"sc-16fkbw0-2\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;margin-top:6px;\"], colors7.red, font3.smaller);\nvar FormSectionActions = styled6.div.withConfig({\n displayName: \"ui__FormSectionActions\",\n componentId: \"sc-16fkbw0-3\"\n})([\"display:flex;gap:12px;justify-content:end;\"]);\nvar FormText = styled6.p.withConfig({\n displayName: \"ui__FormText\",\n componentId: \"sc-16fkbw0-4\"\n})([\"font-size:\", \";line-height:1.5;white-space:pre-line;word-break:break-word;overflow-wrap:break-word;&:not(:last-child){margin-bottom:8px;}\"], font3.smaller);\nvar FormTextHighlighted = styled6.span.withConfig({\n displayName: \"ui__FormTextHighlighted\",\n componentId: \"sc-16fkbw0-5\"\n})([\"font-size:\", \";font-weight:\", \";\"], font3.small, font3.weight.medium);\nvar FormLayout = styled6.div.withConfig({\n displayName: \"ui__FormLayout\",\n componentId: \"sc-16fkbw0-6\"\n})([\"display:grid;grid-template-columns:1fr;gap:9px;\", \"{grid-template-columns:1fr 1fr;gap:30px;}\"], media.tablet);\nvar FormLayoutItem = styled6.div.withConfig({\n displayName: \"ui__FormLayoutItem\",\n componentId: \"sc-16fkbw0-7\"\n})([\"\", \"{\", \"}\"], media.tablet, ({\n spanned\n}) => spanned && \"grid-column: 1 / 3;\");\nvar FormLineItemInput = styled6(Input4).withConfig({\n displayName: \"ui__FormLineItemInput\",\n componentId: \"sc-16fkbw0-8\"\n})([\"padding-left:0;border:0;border-bottom:\", \";border-radius:0;height:\", \";&:focus{border-bottom:1px solid \", \";outline:0;}\"], ({\n borderColor\n}) => borderColor ? `2px solid ${borderColor}` : `1px solid ${colors7.black}`, ({\n height\n}) => height ? `${height}px` : \"auto\", colors7.mint);\nvar FormLineItemTextArea = styled6(TextArea).withConfig({\n displayName: \"ui__FormLineItemTextArea\",\n componentId: \"sc-16fkbw0-9\"\n})([\"resize:none;overflow-y:hidden;border-radius:0;&:focus{border-bottom:1px solid \", \";outline:0;}\", \"{border:1px solid \", \";}\", \"{padding-left:0;border:0;border-bottom:1px solid \", \";}\"], colors7.mint, !media.tablet, colors7.black, media.tablet, colors7.black);\nvar ReviewedLineItem = styled6.div.withConfig({\n displayName: \"ui__ReviewedLineItem\",\n componentId: \"sc-16fkbw0-10\"\n})([\"\", \"{line-height:1.35;padding:7px 9px 7px 0;border-bottom:2px solid \", \";}\"], media.tablet, colors7.neutralLightest);\n\n// src/components/customer/invoicing/shared/FormSectionLines.tsx\nimport { cloneDeep } from \"lodash\";\nimport { useMemo as useMemo17, useState as useState11 } from \"react\";\nimport styled9 from \"styled-components\";\nimport { formatCurrency as formatCurrency3 } from \"@scouts/helpers\";\nimport { useLocale as useLocale3 } from \"@scouts/i18n\";\nimport { colors as colors13, font as font5, media as media3, useIsTablet, Button as Button2, ButtonLink as ButtonLink2, Input as Input8 } from \"@scouts/ui\";\n\n// src/domain/invoice-calculations.ts\nimport _cloneDeep2 from \"lodash/cloneDeep\";\nvar getTaxRatePosition = ({\n name,\n taxRates\n}) => {\n return taxRates.findIndex((taxRate) => taxRate.name === name);\n};\nvar calculateGross2 = ({\n net,\n taxRates\n}) => {\n return taxRates.reduce((acc, taxRate) => acc + taxRate.amount, net);\n};\nvar updateInvoiceTaxRates = ({\n invoice,\n taxRates\n}) => {\n const newInvoice = _cloneDeep2(invoice);\n const newTaxRates = _cloneDeep2(taxRates);\n newInvoice.taxRates = newTaxRates;\n newTaxRates.forEach((taxRate) => {\n const rate = taxRate.rate;\n const taxRatePosition = getTaxRatePosition({\n name: taxRate.name,\n taxRates: newInvoice.taxRates\n });\n if (taxRatePosition === -1)\n return;\n newInvoice.taxRates[taxRatePosition].rate = rate;\n newInvoice.taxRates[taxRatePosition].amount = Number(newInvoice.net) * Number(rate ?? 0) / 100;\n newInvoice.lines.forEach((line) => {\n const lineTaxRatePositon = getTaxRatePosition({\n name: taxRate.name,\n taxRates: line.taxRates\n });\n if (lineTaxRatePositon === -1)\n return;\n line.taxRates[lineTaxRatePositon].rate = rate;\n line.taxRates[lineTaxRatePositon].amount = line.net * Number(rate ?? 0) / 100;\n line.gross = calculateGross2({\n net: line.net,\n taxRates: line.taxRates\n });\n });\n });\n newInvoice.gross = calculateGross2({\n net: Number(newInvoice.net),\n taxRates: newInvoice.taxRates\n });\n return newInvoice;\n};\nvar applyLineTaxRatesToGlobalTaxRates = ({\n invoice\n}) => {\n invoice.net = invoice.lines.reduce((acc, line) => acc + line.net, 0);\n invoice.taxRates = [];\n const taxRateMap = /* @__PURE__ */ new Map();\n invoice.lines.forEach((_line) => {\n _line.taxRates.forEach((lineTaxRate) => {\n const taxNameWithRate = `${lineTaxRate.name}_${lineTaxRate.rate}`;\n const taxRatePosition = taxRateMap.get(taxNameWithRate);\n if (taxRatePosition === void 0) {\n const insertedAt = invoice.taxRates.push({\n name: lineTaxRate.name,\n rate: lineTaxRate.rate,\n amount: lineTaxRate.amount\n });\n taxRateMap.set(taxNameWithRate, insertedAt - 1);\n } else {\n invoice.taxRates[taxRatePosition].amount += lineTaxRate.amount;\n }\n });\n });\n invoice.gross = calculateGross2({\n net: invoice.net,\n taxRates: invoice.taxRates\n });\n};\nvar updateInvoiceLine = ({\n invoice,\n lineIndex,\n line\n}) => {\n const newInvoice = _cloneDeep2(invoice);\n newInvoice.lines[lineIndex] = _cloneDeep2(line);\n applyLineTaxRatesToGlobalTaxRates({\n invoice: newInvoice\n });\n return newInvoice;\n};\nvar removeInvoiceLine = ({\n invoice,\n lineIndex\n}) => {\n const newInvoice = _cloneDeep2(invoice);\n newInvoice.lines = newInvoice.lines.filter((_line, index) => index !== lineIndex);\n applyLineTaxRatesToGlobalTaxRates({\n invoice: newInvoice\n });\n return newInvoice;\n};\nvar updateLinePrice = ({\n line,\n unitPrice,\n quantity\n}) => {\n const newLine = _cloneDeep2(line);\n newLine.unitPrice = unitPrice;\n newLine.quantity = quantity;\n newLine.net = (unitPrice ?? 0) * (quantity ?? 0);\n newLine.taxRates = newLine.taxRates.map((taxRate) => {\n return {\n ...taxRate,\n amount: newLine.net * Number(taxRate.rate ?? 0) / 100\n };\n });\n newLine.gross = calculateGross2({\n net: newLine.net,\n taxRates: newLine.taxRates\n });\n return newLine;\n};\nvar getInvoiceWithZeroOutTaxRates = (invoice) => {\n const newInvoice = _cloneDeep2(invoice);\n newInvoice.lines = newInvoice.lines.map((line) => ({\n ...line,\n gross: line.net,\n taxRates: line.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: 0,\n rate: 0\n }))\n }));\n applyLineTaxRatesToGlobalTaxRates({\n invoice: newInvoice\n });\n return newInvoice;\n};\n\n// src/store/invoice-search/use-invoice-line-search.ts\nimport { useDebounce as useDebounce7 } from \"use-debounce\";\n\n// src/store/invoice-search/api.ts\nimport { generateApiPath as generateApiPath11 } from \"@scouts/helpers\";\nvar extendedApi10 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getInvoiceRecipientSearch: builder.query({\n query: ({\n searchQuery,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath11(ENDPOINTS.INVOICES.SEARCH.RECIPIENT, {\n userId\n }, {\n queryParameters: {\n filter: searchQuery\n }\n })\n })\n }),\n getInvoiceLineSearch: builder.query({\n query: ({\n searchQuery,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath11(ENDPOINTS.INVOICES.SEARCH.LINE, {\n userId\n }, {\n queryParameters: {\n filter: searchQuery\n }\n })\n })\n })\n })\n});\nvar {\n useGetInvoiceRecipientSearchQuery,\n useGetInvoiceLineSearchQuery\n} = extendedApi10;\n\n// src/store/invoice-search/use-invoice-line-search.ts\nvar useInvoiceLineSearch = ({\n search,\n skip\n}) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce7(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isFetching\n } = useGetInvoiceLineSearchQuery({\n userId,\n searchQuery: debouncedSearch\n }, {\n skip: debouncedSearch.length === 0 || skip,\n refetchOnMountOrArgChange: true\n });\n return {\n data,\n isFetching\n };\n};\n\n// src/components/ui/Collapsible.tsx\nimport styled7 from \"styled-components\";\nimport { colors as colors8, font as font4, media as media2, radius as radius6, shadows as shadows3 } from \"@scouts/ui\";\nimport { Fragment as _Fragment4, jsx as _jsx24, jsxs as _jsxs9 } from \"react/jsx-runtime\";\nvar Collapsible = ({\n children,\n collapsed,\n expanded,\n isExpanded,\n ...props\n}) => /* @__PURE__ */ _jsxs9(Container10, {\n ...props,\n children: [children, isExpanded && /* @__PURE__ */ _jsx24(_Fragment4, {\n children: expanded\n }), !isExpanded && /* @__PURE__ */ _jsx24(_Fragment4, {\n children: collapsed\n })]\n});\nvar Container10 = styled7.section.withConfig({\n displayName: \"Collapsible__Container\",\n componentId: \"sc-1cfr8tg-0\"\n})([\"background:\", \";border-radius:\", \";box-shadow:\", \";\", \"{box-shadow:none;}\"], colors8.white, radius6.medium, ({\n isShadowless\n}) => !isShadowless && shadows3.low, media2.tablet);\nvar CollapsibleContent = styled7.div.withConfig({\n displayName: \"Collapsible__CollapsibleContent\",\n componentId: \"sc-1cfr8tg-1\"\n})([\"position:relative;padding:18px 15px;border-radius:\", \";\", \"{padding:21px;border:2px solid \", \";}\", \" \", \"\"], radius6.medium, media2.tablet, colors8.neutralLightest, ({\n onClick\n}) => !!onClick && `\n cursor: pointer;\n padding: 18px 60px 18px 15px;\n\n ${media2.tablet} {\n padding: 21px 60px 21px 21px;\n }\n\n ${media2.pointer} {\n &:hover {\n border-color: ${colors8.neutralLight};\n }\n }\n `, ({\n isDisabled\n}) => isDisabled && `\n pointer-events: none;\n user-select: none;\n `);\nvar CollapsibleContentCollapsed = ({\n isClickable,\n children\n}) => /* @__PURE__ */ _jsxs9(_Fragment4, {\n children: [isClickable && /* @__PURE__ */ _jsx24(CollapsibleArrow, {\n children: /* @__PURE__ */ _jsx24(Caret, {})\n }), children]\n});\nvar CollapsibleEmpty = styled7.div.withConfig({\n displayName: \"Collapsible__CollapsibleEmpty\",\n componentId: \"sc-1cfr8tg-2\"\n})([\"color:\", \";font-size:\", \";font-weight:\", \";\", \"{\", \":hover &{opacity:0.75;}}\"], ({\n isDisabled\n}) => isDisabled ? colors8.neutralDarker : colors8.blue, font4.small, font4.weight.medium, media2.pointer, CollapsibleContent);\nvar CollapsibleArrow = styled7.div.attrs({\n role: \"button\",\n tabindex: 0\n}).withConfig({\n displayName: \"Collapsible__CollapsibleArrow\",\n componentId: \"sc-1cfr8tg-3\"\n})([\"position:absolute;right:24px;top:18px;\", \"{top:21px;right:21px;}\", \"{\", \":hover &{opacity:0.75;}}\"], media2.tablet, media2.pointer, CollapsibleContent);\nvar Caret = styled7.div.withConfig({\n displayName: \"Collapsible__Caret\",\n componentId: \"sc-1cfr8tg-4\"\n})([\"width:8px;height:8px;position:relative;top:-1px;border-style:solid;border-width:0 2px 2px 0;border-color:\", \";transform:rotate(45deg);\"], colors8.black);\n\n// src/components/customer/invoicing/shared/FormSectionLine/FormSectionLineDescription.tsx\nimport { useEffect as useEffect8, useRef as useRef6 } from \"react\";\nimport { FloatingLabel } from \"@scouts/ui\";\nimport { jsx as _jsx25, jsxs as _jsxs10 } from \"react/jsx-runtime\";\nvar FormSectionLineDescription = ({\n index,\n isDisabled,\n isSearchOpen,\n isTablet,\n line,\n onChange,\n onSearchClose,\n onSearchOptionSelect,\n searchOptions,\n validationErrors\n}) => {\n const translation = useTranslation();\n const descriptionId = `lines.${index}.description`;\n const descriptionRef = useRef6(null);\n useEffect8(() => {\n if (descriptionRef.current) {\n descriptionRef.current.style.height = \"auto\";\n descriptionRef.current.style.height = `${descriptionRef.current.scrollHeight}px`;\n }\n }, [line.description]);\n const renderTabletFormItem = () => /* @__PURE__ */ _jsxs10(FormItem, {\n isInline: true,\n children: [isDisabled && /* @__PURE__ */ _jsx25(ReviewedLineItem, {\n children: line.description\n }), !isDisabled && /* @__PURE__ */ _jsx25(Autocomplete, {\n isOpen: isSearchOpen,\n onClose: onSearchClose,\n onOptionClick: onSearchOptionSelect,\n options: searchOptions,\n children: /* @__PURE__ */ _jsx25(FormLineItemTextArea, {\n id: descriptionId,\n name: descriptionId,\n maxLength: RECORD_FIELD_MAX_LENGTH.DESCRIPTION,\n ref: descriptionRef,\n placeholder: translation({\n id: \"invoicing.content.lineItemDescription\"\n }),\n \"aria-label\": translation({\n id: \"invoicing.content.lineItemDescription\"\n }),\n value: line.description ?? \"\",\n onChange: ({\n value\n }) => onChange({\n index,\n id: descriptionId,\n line: Invoice.Line.duplicateWithExtra(line, {\n description: value\n })\n }),\n autoComplete: \"off\",\n rows: 1\n })\n }), validationErrors[descriptionId] && /* @__PURE__ */ _jsx25(FormInvalidMessage, {\n children: validationErrors[descriptionId]\n })]\n });\n const renderMobileFormItem = () => /* @__PURE__ */ _jsxs10(FormItem, {\n children: [/* @__PURE__ */ _jsxs10(Autocomplete, {\n isOpen: isSearchOpen,\n onClose: onSearchClose,\n onOptionClick: onSearchOptionSelect,\n options: searchOptions,\n children: [/* @__PURE__ */ _jsx25(FormLineItemTextArea, {\n id: descriptionId,\n name: descriptionId,\n maxLength: RECORD_FIELD_MAX_LENGTH.DESCRIPTION,\n ref: descriptionRef,\n floatingLabel: translation({\n id: \"invoicing.content.lineItemDescription\"\n }),\n value: line.description ?? \"\",\n onChange: ({\n value\n }) => onChange({\n index,\n id: descriptionId,\n line: Invoice.Line.duplicateWithExtra(line, {\n description: value\n })\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n autoComplete: \"off\",\n rows: 1\n }), /* @__PURE__ */ _jsx25(FloatingLabel, {\n isVisible: true,\n children: translation({\n id: \"invoicing.content.lineItemDescription\"\n })\n })]\n }), validationErrors[descriptionId] && /* @__PURE__ */ _jsx25(FormInvalidMessage, {\n children: validationErrors[descriptionId]\n })]\n });\n return isTablet ? renderTabletFormItem() : renderMobileFormItem();\n};\n\n// src/components/customer/invoicing/shared/FormSectionLine/FormSectionLineGross.tsx\nimport styled8 from \"styled-components\";\nimport { formatCurrency as formatCurrency2 } from \"@scouts/helpers\";\nimport { colors as colors9 } from \"@scouts/ui\";\nimport { jsx as _jsx26, jsxs as _jsxs11 } from \"react/jsx-runtime\";\nvar FormSectionLineGross = ({\n currencyCode,\n hasTaxRatesPerLine,\n index,\n isDisabled,\n line,\n locale,\n onChange,\n validationErrors\n}) => {\n const translation = useTranslation();\n const unitGrossId = `lines.${index}.gross`;\n const handleLineGrossChange = (value, {\n index: index2,\n id,\n line: line2\n }) => {\n const updatedGross = Number(value) || null;\n const updatedNet = Calculations.reverseCalculateNet({\n ...line2,\n gross: updatedGross\n });\n const duplicatedLine = Invoice.Line.duplicateWithExtra(line2, {\n gross: updatedGross,\n net: updatedNet,\n unitPrice: updatedNet,\n quantity: 1,\n taxRates: line2.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: updatedNet * (Number(taxRate.rate) / 100)\n }))\n });\n onChange({\n index: index2,\n id,\n line: duplicatedLine\n });\n };\n return /* @__PURE__ */ _jsx26(GrossContainer, {\n hasTaxRatesPerLine,\n children: hasTaxRatesPerLine ? /* @__PURE__ */ _jsxs11(FormItem, {\n isInline: true,\n children: [isDisabled && /* @__PURE__ */ _jsx26(ReviewedLineItem, {\n children: formatCurrency2(Number(line.gross), {\n currency: currencyCode,\n locale\n })\n }), !isDisabled && /* @__PURE__ */ _jsx26(FormLineItemInput, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: unitGrossId,\n name: unitGrossId,\n step: \"any\",\n borderColor: colors9.neutralLightest,\n \"aria-label\": translation({\n id: \"common.amount\"\n }),\n value: line.gross ? toCurrency(line.gross) : \"\",\n onChange: ({\n value\n }) => handleLineGrossChange(value, {\n index,\n id: unitGrossId,\n line\n })\n }), validationErrors[unitGrossId] && /* @__PURE__ */ _jsx26(FormInvalidMessage, {\n children: validationErrors[unitGrossId]\n })]\n }) : /* @__PURE__ */ _jsx26(\"p\", {\n children: formatCurrency2(line.net, {\n currency: currencyCode,\n locale\n })\n })\n });\n};\nvar GrossContainer = styled8.div.withConfig({\n displayName: \"FormSectionLineGross__GrossContainer\",\n componentId: \"sc-rbue49-0\"\n})([\"padding-top:\", \";margin-left:auto;\"], ({\n hasTaxRatesPerLine\n}) => !hasTaxRatesPerLine ? \"9px\" : \"0\");\n\n// src/components/customer/invoicing/shared/FormSectionLine/FormSectionLineQuantity.tsx\nimport { colors as colors10, Input as Input5 } from \"@scouts/ui\";\nimport { jsx as _jsx27, jsxs as _jsxs12, Fragment as _Fragment5 } from \"react/jsx-runtime\";\nvar FormSectionLineQuantity = ({\n index,\n isDisabled,\n isTablet,\n line,\n onChange,\n validationErrors\n}) => {\n const translation = useTranslation();\n const quantityId = `lines.${index}.quantity`;\n const handleLineQuantityChange = (value, {\n index: index2,\n id,\n line: line2\n }) => {\n const updatedQuantity = value ? Number(value) : null;\n onChange({\n index: index2,\n id,\n line: updateLinePrice({\n line: line2,\n quantity: updatedQuantity,\n unitPrice: line2.unitPrice\n })\n });\n };\n const renderTabletFormItem = () => /* @__PURE__ */ _jsxs12(FormItem, {\n isInline: true,\n children: [isDisabled && /* @__PURE__ */ _jsx27(ReviewedLineItem, {\n children: line.quantity\n }), !isDisabled && /* @__PURE__ */ _jsx27(FormLineItemInput, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: quantityId,\n name: quantityId,\n min: 1,\n step: \"any\",\n borderColor: colors10.neutralLightest,\n \"aria-label\": translation({\n id: \"invoicing.content.lineItemQuantity\"\n }),\n value: line.quantity ?? \"\",\n onChange: ({\n value\n }) => handleLineQuantityChange(value, {\n index,\n id: quantityId,\n line\n })\n }), validationErrors[quantityId] && /* @__PURE__ */ _jsx27(FormInvalidMessage, {\n children: validationErrors[quantityId]\n })]\n });\n const renderMobileFormItem = () => /* @__PURE__ */ _jsxs12(FormItem, {\n children: [/* @__PURE__ */ _jsx27(Input5, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: quantityId,\n name: quantityId,\n min: 1,\n step: \"any\",\n floatingLabel: translation({\n id: \"invoicing.content.lineItemQuantity\"\n }),\n value: line.quantity ?? \"\",\n onChange: ({\n value\n }) => handleLineQuantityChange(value, {\n index,\n id: quantityId,\n line\n })\n }), validationErrors[quantityId] && /* @__PURE__ */ _jsx27(FormInvalidMessage, {\n children: validationErrors[quantityId]\n })]\n });\n return /* @__PURE__ */ _jsx27(_Fragment5, {\n children: isTablet ? renderTabletFormItem() : renderMobileFormItem()\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionLine/FormSectionLineTaxRate.tsx\nimport { colors as colors11, Input as Input6 } from \"@scouts/ui\";\nimport { jsx as _jsx28, jsxs as _jsxs13, Fragment as _Fragment6 } from \"react/jsx-runtime\";\nvar FormSectionLineTaxRate = ({\n index,\n inputId,\n isDisabled,\n isTablet,\n line,\n onChange,\n taxRate,\n validationErrors\n}) => {\n const handleLineTaxRateChange = (value, {\n index: index2,\n id,\n line: line2\n }) => {\n const updatedValue = value ? Number(value) : void 0;\n const updatedLineTaxRates = [...line2.taxRates];\n const taxRateIndex = line2.taxRates.findIndex((tr) => tr.name === taxRate.name);\n const updatedTaxRate = {\n ...line2.taxRates[taxRateIndex],\n rate: updatedValue,\n amount: line2.net * ((updatedValue ?? 0) / 100)\n };\n updatedLineTaxRates[taxRateIndex] = updatedTaxRate;\n const duplicatedLine = Invoice.Line.duplicateWithExtra(line2, {\n taxRates: updatedLineTaxRates,\n gross: calculateGross2({\n net: line2.net,\n taxRates: updatedLineTaxRates\n })\n });\n onChange({\n index: index2,\n id,\n line: duplicatedLine\n });\n };\n const renderTabletFormItem = () => /* @__PURE__ */ _jsxs13(FormItem, {\n isInline: true,\n children: [isDisabled && /* @__PURE__ */ _jsx28(ReviewedLineItem, {\n children: taxRate.rate ?? 0\n }), !isDisabled && /* @__PURE__ */ _jsx28(FormLineItemInput, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: inputId,\n name: inputId,\n step: \"any\",\n borderColor: colors11.neutralLightest,\n \"aria-label\": taxRate.name,\n value: taxRate.rate ?? \"\",\n onChange: ({\n value\n }) => handleLineTaxRateChange(value, {\n index,\n id: inputId,\n line\n }),\n suffix: \"%\"\n }), validationErrors[inputId] && /* @__PURE__ */ _jsx28(FormInvalidMessage, {\n children: validationErrors[inputId]\n })]\n });\n const renderMobileFormItem = () => /* @__PURE__ */ _jsxs13(FormItem, {\n children: [/* @__PURE__ */ _jsx28(Input6, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: inputId,\n name: inputId,\n step: \"any\",\n floatingLabel: taxRate.name,\n value: taxRate.rate ?? \"\",\n onChange: ({\n value\n }) => handleLineTaxRateChange(value, {\n index,\n id: inputId,\n line\n }),\n suffix: \"%\"\n }), validationErrors[inputId] && /* @__PURE__ */ _jsx28(FormInvalidMessage, {\n children: validationErrors[inputId]\n })]\n });\n return /* @__PURE__ */ _jsx28(_Fragment6, {\n children: isTablet ? renderTabletFormItem() : renderMobileFormItem()\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionLine/FormSectionLineUnitPrice.tsx\nimport { colors as colors12, Input as Input7 } from \"@scouts/ui\";\nimport { jsx as _jsx29, jsxs as _jsxs14, Fragment as _Fragment7 } from \"react/jsx-runtime\";\nvar FormSectionLineUnitPrice = ({\n index,\n isDisabled,\n isTablet,\n line,\n onChange,\n validationErrors\n}) => {\n const translation = useTranslation();\n const unitPriceId = `lines.${index}.unitPrice`;\n const handleLineUnitPriceChange = (value, {\n index: index2,\n id,\n line: line2\n }) => {\n const updatedUnitPrice = value ? Number(value) : null;\n onChange({\n index: index2,\n id,\n line: updateLinePrice({\n line: line2,\n unitPrice: updatedUnitPrice,\n quantity: line2.quantity\n })\n });\n };\n const renderTabletFormItem = () => /* @__PURE__ */ _jsxs14(FormItem, {\n isInline: true,\n children: [isDisabled && /* @__PURE__ */ _jsx29(ReviewedLineItem, {\n children: line.unitPrice\n }), !isDisabled && /* @__PURE__ */ _jsx29(FormLineItemInput, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: unitPriceId,\n name: unitPriceId,\n step: \"any\",\n borderColor: colors12.neutralLightest,\n \"aria-label\": translation({\n id: \"invoicing.content.lineItemPrice\"\n }),\n value: line.unitPrice ? toCurrency(line.unitPrice) : \"\",\n onChange: ({\n value\n }) => handleLineUnitPriceChange(value, {\n index,\n id: unitPriceId,\n line\n })\n }), validationErrors[unitPriceId] && /* @__PURE__ */ _jsx29(FormInvalidMessage, {\n children: validationErrors[unitPriceId]\n })]\n });\n const renderMobileFormItem = () => /* @__PURE__ */ _jsxs14(FormItem, {\n children: [/* @__PURE__ */ _jsx29(Input7, {\n type: \"number\",\n formatter: toCurrencyFormatter,\n id: unitPriceId,\n name: unitPriceId,\n min: 0,\n step: \"any\",\n floatingLabel: translation({\n id: \"invoicing.content.lineItemPrice\"\n }),\n value: line.unitPrice ? toCurrency(line.unitPrice) : \"\",\n onChange: ({\n value\n }) => handleLineUnitPriceChange(value, {\n index,\n id: unitPriceId,\n line\n }),\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors[unitPriceId] && /* @__PURE__ */ _jsx29(FormInvalidMessage, {\n children: validationErrors[unitPriceId]\n })]\n });\n return /* @__PURE__ */ _jsx29(_Fragment7, {\n children: isTablet ? renderTabletFormItem() : renderMobileFormItem()\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionLines.tsx\nimport { jsx as _jsx30, Fragment as _Fragment8, jsxs as _jsxs15 } from \"react/jsx-runtime\";\nvar getBlankFormLineItem = ({\n taxes,\n invoice\n}) => ({\n description: \"\",\n unitPrice: 0,\n quantity: 1,\n gross: 0,\n net: 0,\n taxRates: invoice.hasTaxRatesPerLine ? Object.keys(taxes).map((taxRateKey) => ({\n amount: 0,\n name: taxRateKey,\n rate: 0\n })) : invoice.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: 0\n })),\n feId: Math.random()\n});\nvar FormSectionLines = ({\n form,\n isDisabled\n}) => {\n const translation = useTranslation();\n const locale = useLocale3();\n const {\n taxes\n } = useTaxes();\n const {\n defaultCurrency\n } = useConfig();\n const {\n formData,\n handleFormChange,\n validationErrors,\n clearErrorOnFields\n } = form;\n const [openSections, setOpenSections] = useState11([0]);\n const isTablet = useIsTablet();\n const [searchLine, setSearchLine] = useState11(\"\");\n const [openSearchLineIndex, setOpenSearchLineIndex] = useState11(-1);\n const {\n data: linesSearchResult,\n isFetching: isSearchFetching\n } = useInvoiceLineSearch({\n search: searchLine,\n skip: openSearchLineIndex === -1\n });\n const {\n lines,\n hasTaxRatesPerLine = false,\n currency\n } = formData;\n const {\n code: invoiceCurrencyCode\n } = currency || {};\n const currencyCode = invoiceCurrencyCode || defaultCurrency;\n const shouldDisplayLinesSearchResult = !isSearchFetching;\n const linesSearchResultWithNames = useMemo17(() => linesSearchResult?.map((line) => ({\n ...line,\n name: line.description\n })), [linesSearchResult]);\n const duplicateLines = () => lines.map((line) => ({\n ...line\n }));\n const availableTaxRates = taxes ? Object.keys(taxes) : [];\n const handleSearchClose = (index) => () => {\n if (openSearchLineIndex === index)\n setOpenSearchLineIndex(-1);\n };\n const handleAddFormLineItem = () => {\n if (!taxes)\n return;\n const newLines = duplicateLines();\n handleFormChange({\n lines: [...newLines, getBlankFormLineItem({\n taxes,\n invoice: formData\n })]\n });\n setOpenSections([...openSections, newLines.length]);\n };\n const handleDeleteFormLineItem = (lineIndex) => () => {\n handleFormChange(removeInvoiceLine({\n invoice: formData,\n lineIndex\n }));\n setOpenSections(openSections.filter((i) => i !== lineIndex));\n };\n const handleLineChange = ({\n index,\n id,\n line\n }) => {\n clearErrorOnFields([id]);\n handleFormChange(updateInvoiceLine({\n invoice: formData,\n lineIndex: index,\n line\n }));\n };\n const handleDescriptionLineChange = ({\n index,\n id,\n line\n }) => {\n handleLineChange({\n index,\n id,\n line\n });\n setSearchLine(line.description);\n setOpenSearchLineIndex(index);\n };\n const handleEntireLineChange = (index) => (line) => {\n const updatedLine = cloneDeep(line);\n updatedLine.id = lines[index].id;\n updatedLine.feId = lines[index].feId;\n if (!formData.hasTaxRatesPerLine)\n updatedLine.taxRates = formData.taxRates.map((taxRate) => ({\n ...taxRate,\n amount: Number(taxRate.rate ?? 0) / 100 * updatedLine.net\n }));\n updatedLine.gross = calculateGross2({\n net: updatedLine.net,\n taxRates: updatedLine.taxRates\n });\n handleFormChange(updateInvoiceLine({\n invoice: formData,\n lineIndex: index,\n line: updatedLine\n }));\n setSearchLine(\"\");\n setOpenSearchLineIndex(-1);\n };\n return /* @__PURE__ */ _jsxs15(Container11, {\n children: [isTablet && /* @__PURE__ */ _jsx30(FormLineItemsHeader, {\n children: /* @__PURE__ */ _jsxs15(FormLineItemLayout, {\n \"data-full-price-breakdown\": hasTaxRatesPerLine,\n children: [/* @__PURE__ */ _jsx30(FormLabel, {\n htmlFor: \"lines.0.description\",\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"invoicing.content.lineItem\"\n })\n }), /* @__PURE__ */ _jsx30(FormLabel, {\n htmlFor: \"lines.0.quantity\",\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"invoicing.content.lineItemQuantity\"\n })\n }), /* @__PURE__ */ _jsx30(FormLabel, {\n htmlFor: \"lines.0.unitPrice\",\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"invoicing.content.lineItemPrice\"\n })\n }), hasTaxRatesPerLine && /* @__PURE__ */ _jsxs15(_Fragment8, {\n children: [/* @__PURE__ */ _jsx30(FormLabel, {\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"common.amount\"\n })\n }), taxes && availableTaxRates.map((taxRateKey, i) => /* @__PURE__ */ _jsx30(FormLabel, {\n htmlFor: `lines.0.taxRates.${i}.rate`,\n children: taxRateKey\n }, `label-${taxRateKey}`))]\n }), /* @__PURE__ */ _jsx30(FormLabel, {\n textAlign: hasTaxRatesPerLine ? \"inherit\" : \"right\",\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: hasTaxRatesPerLine ? \"invoicing.content.lineItemTotal\" : \"common.amount\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsx30(FormLineItemsList, {\n children: lines.map((line, index) => {\n const hasData3 = !!line.description;\n const isLast = index === lines.length - 1;\n const descriptionId = `lines.${index}.description`;\n const netId = `lines.${index}.net`;\n const quantityId = `lines.${index}.quantity`;\n const unitPriceId = `lines.${index}.unitPrice`;\n const hasHighlightedFields = [descriptionId, quantityId, unitPriceId].some((field) => field in validationErrors);\n const isSectionOpen = openSections.includes(index) && !isDisabled;\n const toggle = () => {\n if (isSectionOpen) {\n if (!hasHighlightedFields)\n setOpenSections(openSections.filter((i) => i !== index));\n } else {\n setOpenSections([...openSections, index]);\n }\n };\n return /* @__PURE__ */ _jsx30(FormLineItem, {\n \"data-divider\": !isTablet && !isLast,\n children: /* @__PURE__ */ _jsxs15(_Fragment8, {\n children: [isTablet && /* @__PURE__ */ _jsxs15(FormLineItemLayout, {\n \"data-full-price-breakdown\": hasTaxRatesPerLine,\n children: [/* @__PURE__ */ _jsx30(FormSectionLineDescription, {\n isSearchOpen: shouldDisplayLinesSearchResult && openSearchLineIndex === index,\n onSearchClose: handleSearchClose(index),\n onSearchOptionSelect: handleEntireLineChange(index),\n searchOptions: linesSearchResultWithNames,\n index,\n isDisabled,\n isTablet,\n onChange: handleDescriptionLineChange,\n line,\n validationErrors\n }), /* @__PURE__ */ _jsx30(FormSectionLineQuantity, {\n index,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n validationErrors\n }), /* @__PURE__ */ _jsx30(FormSectionLineUnitPrice, {\n index,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n validationErrors\n }), hasTaxRatesPerLine && /* @__PURE__ */ _jsxs15(_Fragment8, {\n children: [/* @__PURE__ */ _jsx30(FormItem, {\n isInline: true,\n children: /* @__PURE__ */ _jsx30(ReviewedLineItem, {\n children: formatCurrency3(line.net, {\n currency: currencyCode,\n locale\n })\n })\n }), taxes && availableTaxRates.map((taxRateKey, taxRateKeyIndex) => /* @__PURE__ */ _jsx30(FormSectionLineTaxRate, {\n index,\n inputId: `lines.${index}.taxRates.${taxRateKeyIndex}.rate`,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n taxRate: line.taxRates[taxRateKeyIndex],\n validationErrors\n }, `formSectionLineTaxRate-${taxRateKey}`))]\n }), /* @__PURE__ */ _jsx30(FormSectionLineGross, {\n currencyCode,\n hasTaxRatesPerLine,\n index,\n isDisabled,\n onChange: handleLineChange,\n line,\n locale,\n validationErrors\n }), lines.length > 1 && !isDisabled && /* @__PURE__ */ _jsx30(TabletDeleteButton, {\n children: /* @__PURE__ */ _jsx30(RoundButton, {\n onClick: handleDeleteFormLineItem(index),\n children: \"\\u2715\"\n })\n })]\n }), !isTablet && /* @__PURE__ */ _jsx30(Collapsible, {\n isShadowless: true,\n isExpanded: isSectionOpen,\n expanded: /* @__PURE__ */ _jsxs15(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsxs15(FormLineItemLayout, {\n \"data-full-price-breakdown\": hasTaxRatesPerLine,\n children: [/* @__PURE__ */ _jsx30(FullWidth, {\n children: /* @__PURE__ */ _jsx30(FormSectionLineDescription, {\n isSearchOpen: shouldDisplayLinesSearchResult && openSearchLineIndex === index,\n onSearchClose: handleSearchClose(index),\n onSearchOptionSelect: handleEntireLineChange(index),\n searchOptions: linesSearchResultWithNames,\n index,\n isDisabled,\n isTablet,\n onChange: handleDescriptionLineChange,\n line,\n validationErrors\n })\n }), /* @__PURE__ */ _jsx30(FormSectionLineQuantity, {\n index,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n validationErrors\n }), /* @__PURE__ */ _jsx30(FormSectionLineUnitPrice, {\n index,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n validationErrors\n }), hasTaxRatesPerLine && /* @__PURE__ */ _jsxs15(_Fragment8, {\n children: [/* @__PURE__ */ _jsx30(FormItem, {\n isInline: true,\n children: /* @__PURE__ */ _jsx30(Input8, {\n floatingLabel: translation({\n id: \"common.amount\"\n }),\n readOnly: true,\n onChange: () => {\n },\n name: netId,\n value: line.net\n })\n }), /* @__PURE__ */ _jsx30(FormSectionLineTaxRate, {\n index,\n inputId: `lines.${index}.taxRates.0.rate`,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n taxRate: line.taxRates[0],\n validationErrors\n }), /* @__PURE__ */ _jsx30(FormSectionLineTaxRate, {\n index,\n inputId: `lines.${index}.taxRates.1.rate`,\n isDisabled,\n isTablet,\n onChange: handleLineChange,\n line,\n taxRate: line.taxRates[1],\n validationErrors\n })]\n })]\n }), /* @__PURE__ */ _jsxs15(FormSectionActions, {\n children: [lines.length > 1 && !isDisabled && /* @__PURE__ */ _jsx30(ButtonLink2, {\n color: colors13.red,\n onClick: handleDeleteFormLineItem(index),\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsx30(Button2, {\n onClick: toggle,\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n }),\n collapsed: /* @__PURE__ */ _jsx30(CollapsibleContent, {\n onClick: toggle,\n isDisabled,\n children: hasData3 ? /* @__PURE__ */ _jsxs15(CollapsibleContentCollapsed, {\n isClickable: !isDisabled,\n children: [/* @__PURE__ */ _jsxs15(SpaceBetween, {\n children: [/* @__PURE__ */ _jsx30(FormText, {\n children: /* @__PURE__ */ _jsx30(FormTextHighlighted, {\n children: line.description\n })\n }), !!line.unitPrice && /* @__PURE__ */ _jsx30(FormText, {\n children: /* @__PURE__ */ _jsx30(FormTextHighlighted, {\n children: formatCurrency3(line.net, {\n currency: currencyCode,\n locale\n })\n })\n })]\n }), /* @__PURE__ */ _jsxs15(FormText, {\n children: [toCurrency(line.quantity || 0), \" \", /* @__PURE__ */ _jsx30(_Fragment8, {\n children: \" \\xD7 \"\n }), formatCurrency3(line.unitPrice || 0, {\n currency: currencyCode,\n locale\n })]\n })]\n }) : /* @__PURE__ */ _jsxs15(CollapsibleEmpty, {\n isDisabled,\n children: [\"+ \", /* @__PURE__ */ _jsx30(Translation, {\n id: \"invoice.actions.addLineItemDetails\"\n })]\n })\n })\n })]\n })\n }, `invoice-line-${line.id ?? line.feId}`);\n })\n }), !isDisabled && /* @__PURE__ */ _jsx30(AddItemButtonContainer, {\n children: /* @__PURE__ */ _jsx30(ButtonLink2, {\n onClick: handleAddFormLineItem,\n icon: \"plus\",\n children: /* @__PURE__ */ _jsx30(Translation, {\n id: \"invoice.actions.addLineItem\"\n })\n })\n })]\n });\n};\nvar Container11 = styled9.section.withConfig({\n displayName: \"FormSectionLines__Container\",\n componentId: \"sc-1h14na4-0\"\n})([\"\", \"{box-shadow:none;border:none;}\"], media3.tablet);\nvar FormLineItemsHeader = styled9.div.withConfig({\n displayName: \"FormSectionLines__FormLineItemsHeader\",\n componentId: \"sc-1h14na4-1\"\n})([\"color:\", \";font-size:\", \";line-height:1.5;margin-bottom:12px;padding-bottom:6px;border-bottom:2px \", \" solid;\"], colors13.neutralDarker, font5.small, colors13.neutralLightest);\nvar FormLabel = styled9.label.withConfig({\n displayName: \"FormSectionLines__FormLabel\",\n componentId: \"sc-1h14na4-2\"\n})([\"text-align:\", \";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;\"], ({\n textAlign\n}) => textAlign || \"left\");\nvar FormLineItemsList = styled9.ul.withConfig({\n displayName: \"FormSectionLines__FormLineItemsList\",\n componentId: \"sc-1h14na4-3\"\n})([\"list-style-type:none;margin:0;padding:0;background:\", \";border-radius:4px;\", \"{background:transparent;border-radius:none;}\"], colors13.white, media3.tablet);\nvar FormLineItem = styled9.li.withConfig({\n displayName: \"FormSectionLines__FormLineItem\",\n componentId: \"sc-1h14na4-4\"\n})([\"position:relative;\", \"{&:not(:last-child){margin-bottom:6px;}}&[data-divider='true']:after{content:'';display:block;width:calc(100% - 30px);margin:0 auto;border-bottom:1px solid \", \";}\"], media3.tablet, colors13.neutralLightest);\nvar FormLineItemLayout = styled9.div.withConfig({\n displayName: \"FormSectionLines__FormLineItemLayout\",\n componentId: \"sc-1h14na4-5\"\n})([\"display:grid;grid-template-columns:1fr 1fr;gap:18px;\", \"{grid-template-columns:50% 1fr 1fr 1fr;}&[data-full-price-breakdown='true']{grid-template-columns:1fr 1fr 1fr;\", \"{grid-template-columns:30% 1fr 1fr 1fr 1fr 1fr 1fr;}}\"], media3.tablet, media3.tablet);\nvar TabletDeleteButton = styled9.div.withConfig({\n displayName: \"FormSectionLines__TabletDeleteButton\",\n componentId: \"sc-1h14na4-6\"\n})([\"position:absolute;top:6px;right:-60px;\"]);\nvar AddItemButtonContainer = styled9.div.withConfig({\n displayName: \"FormSectionLines__AddItemButtonContainer\",\n componentId: \"sc-1h14na4-7\"\n})([\"margin-top:24px;padding-left:15px;\", \"{padding-left:0;}\"], media3.tablet);\nvar FullWidth = styled9.div.withConfig({\n displayName: \"FormSectionLines__FullWidth\",\n componentId: \"sc-1h14na4-8\"\n})([\"grid-column:1 / 4;\"]);\nvar SpaceBetween = styled9.div.withConfig({\n displayName: \"FormSectionLines__SpaceBetween\",\n componentId: \"sc-1h14na4-9\"\n})([\"display:flex;justify-content:space-between;\"]);\nvar RoundButton = styled9.button.attrs({\n type: \"button\"\n}).withConfig({\n displayName: \"FormSectionLines__RoundButton\",\n componentId: \"sc-1h14na4-10\"\n})([\"background:\", \";height:24px;width:24px;color:\", \";border:none;display:grid;place-items:center;border-radius:50%;user-select:none;opacity:\", \";\", \"{&:hover{opacity:\", \";}}\"], colors13.red, colors13.white, ({\n disabled\n}) => disabled ? 0.3 : 1, media3.pointer, ({\n disabled\n}) => disabled ? 0.3 : 0.6);\n\n// src/components/customer/invoicing/shared/FormSectionLogo.tsx\nimport styled10 from \"styled-components\";\nimport { Flexer as Flexer7, Loadable as Loadable5, Spacer as Spacer3 } from \"@scouts/ui\";\n\n// src/store/logo/api.ts\nimport { generateApiPath as generateApiPath12 } from \"@scouts/helpers\";\nvar extendedApi11 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getLogo: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath12(ENDPOINTS.LOGO.GET, {\n userId\n })\n }),\n providesTags: [Tags.Logo]\n }),\n uploadLogo: builder.mutation({\n query: ({\n file,\n userId\n }) => {\n const formData = new FormData();\n formData.append(\"file\", file);\n return {\n method: \"POST\",\n url: generateApiPath12(ENDPOINTS.LOGO.POST, {\n userId\n }),\n data: formData,\n headers: {\n \"Content-Type\": \"multipart/form-data\"\n }\n };\n },\n invalidatesTags: [Tags.Logo]\n }),\n deleteLogo: builder.mutation({\n query: ({\n userId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath12(ENDPOINTS.LOGO.DELETE, {\n userId\n })\n }),\n invalidatesTags: [Tags.Logo]\n })\n })\n});\nvar {\n useGetLogoQuery,\n useUploadLogoMutation,\n useDeleteLogoMutation\n} = extendedApi11;\n\n// src/store/logo/hooks.ts\nvar useLogo = () => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isFetching,\n isLoading,\n isError\n } = useGetLogoQuery({\n userId\n });\n return {\n hasLogo: !!data && !isError,\n isFetching,\n isLoading,\n logoUri: data\n };\n};\nvar useUploadLogo = () => {\n const {\n id: userId\n } = useUser();\n const [action, {\n isLoading\n }] = useUploadLogoMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpload\");\n const uploadLogo = (file) => action({\n file,\n userId\n }).unwrap().catch(normalizeError);\n return {\n uploadLogo,\n isLoading\n };\n};\nvar useDeleteLogo = () => {\n const {\n id: userId\n } = useUser();\n const [action, {\n isLoading\n }] = useDeleteLogoMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteLogo = () => action({\n userId\n }).unwrap().catch(normalizeError);\n return {\n deleteLogo,\n isLoading\n };\n};\n\n// src/components/customer/invoicing/shared/FormSectionLogoActions.tsx\nimport { openFileDialog as openFileDialog3 } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast8, colors as colors14, Button as Button3, ButtonLink as ButtonLink3, Flexer as Flexer6 } from \"@scouts/ui\";\nimport { jsx as _jsx31 } from \"react/jsx-runtime\";\nvar FormSectionLogoActions = () => {\n const translation = useTranslation();\n const {\n hasLogo,\n isLoading\n } = useLogo();\n const {\n uploadLogo,\n isLoading: isLoadingUploadLogo\n } = useUploadLogo();\n const {\n deleteLogo,\n isLoading: isLoadingDeleteLogo\n } = useDeleteLogo();\n const handleUpload = (uploadedImages) => {\n const [file] = uploadedImages;\n if (file.size > INVOICE_LOGO_SIZE_LIMIT_BYTES) {\n addErrorToast8({\n body: translation({\n id: \"error.maxFileSize\"\n }, {\n maxValue: INVOICE_LOGO_SIZE_LIMIT_MEGABYTES\n })\n });\n return;\n }\n uploadLogo(file);\n };\n const handleDelete = () => {\n deleteLogo();\n };\n if (hasLogo)\n return /* @__PURE__ */ _jsx31(Flexer6, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx31(ButtonLink3, {\n color: colors14.neutralDarker,\n onClick: handleDelete,\n disabled: isLoadingDeleteLogo,\n children: /* @__PURE__ */ _jsx31(Translation, {\n strings: [\"Remove\", \"Eliminar\"]\n })\n })\n });\n return /* @__PURE__ */ _jsx31(Button3, {\n onClick: () => openFileDialog3({\n onChange: handleUpload,\n accept: \"image/jpeg,image/png\"\n }),\n isLoading: isLoading || isLoadingUploadLogo,\n isOutlined: true,\n isFullWidth: true,\n children: /* @__PURE__ */ _jsx31(Translation, {\n strings: [\"Click to add logo\", \"A\\xF1ade tu logo\"]\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionLogo.tsx\nimport { jsx as _jsx32, jsxs as _jsxs16 } from \"react/jsx-runtime\";\nvar FormSectionLogo = ({\n isDisabled\n}) => {\n const {\n logoUri,\n hasLogo,\n isFetching\n } = useLogo();\n return /* @__PURE__ */ _jsxs16(Flexer7, {\n column: true,\n gap: \"18px\",\n alignEnd: true,\n children: [hasLogo && /* @__PURE__ */ _jsx32(Loadable5, {\n isSmall: true,\n isLoading: isFetching,\n children: /* @__PURE__ */ _jsx32(Flexer7, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx32(Logo, {\n src: logoUri,\n alt: \"Logo\"\n })\n })\n }), !isDisabled && /* @__PURE__ */ _jsx32(Spacer3, {\n children: /* @__PURE__ */ _jsx32(FormSectionLogoActions, {})\n })]\n });\n};\nvar Logo = styled10.img.withConfig({\n displayName: \"FormSectionLogo__Logo\",\n componentId: \"sc-1s81go1-0\"\n})([\"width:75%;max-height:270px;object-fit:contain;\"]);\n\n// src/components/customer/invoicing/shared/FormSectionNotes.tsx\nimport { useRef as useRef8 } from \"react\";\nimport { AutoScrolled, Button as Button4, TextArea as TextArea2 } from \"@scouts/ui\";\n\n// src/hooks/use-initial.ts\nimport { useRef as useRef7 } from \"react\";\nvar useInitial = (value) => useRef7(value).current;\n\n// src/hooks/use-section-toggle.ts\nimport { useEffect as useEffect9 } from \"react\";\nimport { useToggle as useToggle3 } from \"@scouts/helpers\";\nvar useSectionToggle = ({\n shouldKeepOpen,\n initialValue\n}) => {\n const [isOpen, , , toggle] = useToggle3(initialValue);\n useEffect9(() => {\n if (shouldKeepOpen && !isOpen)\n toggle();\n }, [shouldKeepOpen, isOpen, toggle]);\n return [isOpen, toggle];\n};\n\n// src/components/ui/Focusable.tsx\nimport React3, { forwardRef } from \"react\";\nimport styled11 from \"styled-components\";\nimport { jsx as _jsx33 } from \"react/jsx-runtime\";\nvar Focusable = /* @__PURE__ */ forwardRef(({\n children,\n onFocus\n}, ref) => {\n return /* @__PURE__ */ _jsx33(Container12, {\n ref,\n tabIndex: 0,\n onFocus,\n children\n });\n});\nvar Container12 = styled11.div.withConfig({\n displayName: \"Focusable__Container\",\n componentId: \"sc-58jxoo-0\"\n})([\"&:focus{outline:none;}\"]);\n\n// src/components/customer/invoicing/shared/FormSectionNotes.tsx\nimport { jsx as _jsx34, jsxs as _jsxs17 } from \"react/jsx-runtime\";\nvar FormSectionNotes = ({\n form,\n isDisabled,\n onSave\n}) => {\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n handleFieldChange,\n validationErrors\n } = form;\n const initialValues = useInitial(formData);\n const {\n notes\n } = formData;\n const restore = () => {\n handleFormChange({\n notes: initialValues.notes\n });\n };\n const hasHighlightedFields = \"notes\" in validationErrors;\n const [isSectionOpen, toggleSection] = useSectionToggle({\n shouldKeepOpen: hasHighlightedFields\n });\n const sectionRef = useRef8(null);\n return /* @__PURE__ */ _jsx34(Focusable, {\n ref: sectionRef,\n children: /* @__PURE__ */ _jsx34(Collapsible, {\n isExpanded: isSectionOpen && !isDisabled,\n expanded: /* @__PURE__ */ _jsx34(AutoScrolled, {\n block: \"end\",\n children: /* @__PURE__ */ _jsxs17(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsxs17(FormItem, {\n children: [/* @__PURE__ */ _jsx34(TextArea2, {\n maxLength: RECORD_FIELD_MAX_LENGTH.NOTES,\n id: \"notes\",\n name: \"notes\",\n height: \"90px\",\n floatingLabel: translation({\n id: \"invoice.content.notes\"\n }),\n value: notes ?? \"\",\n onChange: handleFieldChange,\n autoFocus: true,\n shouldAlwaysDisplayFloatingLabel: true,\n resize: \"vertical\"\n }), validationErrors.notes && /* @__PURE__ */ _jsx34(FormInvalidMessage, {\n children: validationErrors.notes\n })]\n }), /* @__PURE__ */ _jsxs17(FormSectionActions, {\n children: [/* @__PURE__ */ _jsx34(Button4, {\n onClick: () => {\n restore();\n toggleSection();\n },\n isSecondary: true,\n children: /* @__PURE__ */ _jsx34(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx34(Button4, {\n onClick: () => {\n onSave();\n toggleSection();\n },\n children: /* @__PURE__ */ _jsx34(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n })\n }),\n collapsed: /* @__PURE__ */ _jsx34(CollapsibleContent, {\n onClick: toggleSection,\n isDisabled,\n children: notes ? /* @__PURE__ */ _jsxs17(CollapsibleContentCollapsed, {\n isClickable: !isDisabled,\n children: [/* @__PURE__ */ _jsx34(FormText, {\n children: /* @__PURE__ */ _jsx34(FormTextHighlighted, {\n children: /* @__PURE__ */ _jsx34(Translation, {\n id: \"invoice.content.notes\"\n })\n })\n }), /* @__PURE__ */ _jsx34(FormText, {\n children: notes\n })]\n }) : /* @__PURE__ */ _jsxs17(CollapsibleEmpty, {\n isDisabled,\n children: [\"+ \", /* @__PURE__ */ _jsx34(Translation, {\n id: \"invoice.actions.addNotes\"\n })]\n })\n })\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionPaymentTerms.tsx\nimport { useRef as useRef9 } from \"react\";\nimport { AutoScrolled as AutoScrolled2, Button as Button5, TextArea as TextArea3 } from \"@scouts/ui\";\nimport { jsx as _jsx35, jsxs as _jsxs18 } from \"react/jsx-runtime\";\nvar FormSectionPaymentTerms = ({\n form,\n isDisabled,\n onSave\n}) => {\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n handleFieldChange,\n validationErrors\n } = form;\n const initialValues = useInitial(formData);\n const {\n paymentTerms\n } = formData;\n const restore = () => {\n handleFormChange({\n paymentTerms: initialValues.paymentTerms\n });\n };\n const hasHighlightedFields = \"paymentTerms\" in validationErrors;\n const [isSectionOpen, toggleSection] = useSectionToggle({\n shouldKeepOpen: hasHighlightedFields\n });\n const sectionRef = useRef9(null);\n return /* @__PURE__ */ _jsx35(Focusable, {\n ref: sectionRef,\n children: /* @__PURE__ */ _jsx35(Collapsible, {\n isExpanded: isSectionOpen && !isDisabled,\n expanded: /* @__PURE__ */ _jsx35(AutoScrolled2, {\n block: \"end\",\n children: /* @__PURE__ */ _jsxs18(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsxs18(FormItem, {\n children: [/* @__PURE__ */ _jsx35(TextArea3, {\n maxLength: RECORD_FIELD_MAX_LENGTH.PAYMENT_TERMS,\n id: \"paymentTerms\",\n name: \"paymentTerms\",\n height: \"90px\",\n floatingLabel: translation({\n id: \"invoice.content.paymentTerms\"\n }),\n value: paymentTerms ?? \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true,\n autoFocus: true,\n resize: \"vertical\"\n }), validationErrors.paymentTerms && /* @__PURE__ */ _jsx35(FormInvalidMessage, {\n children: validationErrors.paymentTerms\n })]\n }), /* @__PURE__ */ _jsxs18(FormSectionActions, {\n children: [/* @__PURE__ */ _jsx35(Button5, {\n onClick: () => {\n restore();\n toggleSection();\n },\n isSecondary: true,\n children: /* @__PURE__ */ _jsx35(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx35(Button5, {\n onClick: () => {\n onSave();\n toggleSection();\n },\n children: /* @__PURE__ */ _jsx35(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n })\n }),\n collapsed: /* @__PURE__ */ _jsx35(CollapsibleContent, {\n onClick: toggleSection,\n isDisabled,\n children: paymentTerms ? /* @__PURE__ */ _jsxs18(CollapsibleContentCollapsed, {\n isClickable: !isDisabled,\n children: [/* @__PURE__ */ _jsx35(FormText, {\n children: /* @__PURE__ */ _jsx35(FormTextHighlighted, {\n children: /* @__PURE__ */ _jsx35(Translation, {\n id: \"invoice.content.paymentTerms\"\n })\n })\n }), /* @__PURE__ */ _jsx35(FormText, {\n children: paymentTerms\n })]\n }) : /* @__PURE__ */ _jsxs18(CollapsibleEmpty, {\n isDisabled,\n children: [\"+ \", /* @__PURE__ */ _jsx35(Translation, {\n id: \"invoice.actions.addPaymentTerms\"\n })]\n })\n })\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionRecipient.tsx\nimport { useRef as useRef10 } from \"react\";\nimport { toAlphaNumerical as toAlphaNumerical2, toUpperCase as toUpperCase2 } from \"@scouts/helpers\";\nimport { AutoScrolled as AutoScrolled3, Button as Button6, Input as Input10, SelectWithLabel as SelectWithLabel3 } from \"@scouts/ui\";\n\n// src/store/countries/hooks/use-country-options.ts\nvar useCountryOptions = () => {\n const {\n countries,\n defaultCountry\n } = useCountries();\n const translation = useTranslation();\n if (!countries)\n return [];\n const options = countries.map(({\n name,\n id\n }) => ({\n title: name,\n value: id\n }));\n return [{\n title: translation([\"Choose...\", \"Elige...\"]),\n value: \"\"\n }, {\n title: defaultCountry?.name,\n value: defaultCountry?.id,\n key: `duplicate-${defaultCountry?.id}`\n }, {\n title: \"--------------\",\n disabled: true\n }, ...options];\n};\n\n// src/hooks/use-enter-key-for-save.ts\nimport { useEffect as useEffect10 } from \"react\";\nvar useEnterKeyForSave = (onSave, toggleSection, isSectionOpen, ref) => {\n useEffect10(() => {\n const handleKeyDown = (event) => {\n if (event.key === \"Enter\" && isSectionOpen && (ref.current === document.activeElement || ref.current?.contains(document.activeElement))) {\n onSave();\n toggleSection();\n }\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [onSave, toggleSection, isSectionOpen, ref]);\n};\n\n// src/components/customer/invoicing/shared/FormSectionRecipientName.tsx\nimport { useState as useState12 } from \"react\";\nimport { Input as Input9 } from \"@scouts/ui\";\n\n// src/store/invoice-search/use-invoice-recipient-search.ts\nimport { useDebounce as useDebounce8 } from \"use-debounce\";\nvar useInvoiceRecipientSearch = ({\n search,\n skip\n}) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce8(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isFetching\n } = useGetInvoiceRecipientSearchQuery({\n userId,\n searchQuery: debouncedSearch\n }, {\n skip: debouncedSearch.length === 0 || skip,\n refetchOnMountOrArgChange: true\n });\n return {\n data,\n isFetching\n };\n};\n\n// src/components/customer/invoicing/shared/FormSectionRecipientName.tsx\nimport { jsx as _jsx36 } from \"react/jsx-runtime\";\nvar FormSectionRecipientName = ({\n form\n}) => {\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n handleFieldChange\n } = form;\n const [isOpen, setIsOpen] = useState12(false);\n const [searchName, setSearchName] = useState12(\"\");\n const {\n data: recipientSearchResults,\n isFetching: isFetchingRecipientSearch\n } = useInvoiceRecipientSearch({\n search: searchName,\n skip: !isOpen\n });\n const handleClose = () => {\n setIsOpen(false);\n };\n const handleRecipientNameChange = ({\n name,\n value\n }) => {\n handleFieldChange({\n name,\n value\n });\n setSearchName(value);\n setIsOpen(true);\n };\n const handleRecipientContactChange = (contact) => {\n setIsOpen(false);\n setSearchName(\"\");\n handleFormChange({\n recipientName: contact.name ?? \"\",\n recipientIdNumber: contact.idNumber ?? \"\",\n recipientAddress: contact.address ?? \"\",\n recipientCity: contact.city,\n recipientPostcode: contact.postcode,\n recipientCountryId: contact.countryId\n });\n };\n const shouldDisplayRecipientSearchResults = isOpen && !isFetchingRecipientSearch;\n return /* @__PURE__ */ _jsx36(Autocomplete, {\n isOpen: shouldDisplayRecipientSearchResults,\n onClose: handleClose,\n onOptionClick: handleRecipientContactChange,\n options: recipientSearchResults,\n children: /* @__PURE__ */ _jsx36(Input9, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.NAME,\n name: \"recipientName\",\n floatingLabel: translation({\n id: \"common.recipientName\"\n }),\n value: formData.recipientName,\n onChange: handleRecipientNameChange,\n shouldAlwaysDisplayFloatingLabel: true,\n autoFocus: true,\n autoComplete: \"off\"\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionRecipient.tsx\nimport { jsx as _jsx37, jsxs as _jsxs19 } from \"react/jsx-runtime\";\nvar FormSectionRecipient = ({\n form,\n hasRecipientIdNumber,\n isDisabled,\n onSave\n}) => {\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n handleFieldChange,\n validationErrors\n } = form;\n const initialValues = useInitial(formData);\n const {\n countryCode,\n incomeOptions: {\n hasSenderIdNumber\n }\n } = useConfig();\n const {\n defaultCountry\n } = useCountries();\n const options = useCountryOptions();\n const restore = () => {\n handleFormChange({\n recipientName: initialValues.recipientName,\n recipientIdNumber: initialValues.recipientIdNumber,\n recipientAddress: initialValues.recipientAddress,\n recipientCity: initialValues.recipientCity,\n recipientPostcode: initialValues.recipientPostcode,\n recipientCountryId: initialValues.recipientCountryId,\n senderIdNumber: initialValues.senderIdNumber,\n taxRates: initialValues.taxRates,\n gross: initialValues.gross,\n net: initialValues.net,\n lines: initialValues.lines\n });\n };\n const prefixSenderIdNumber = ({\n value\n }) => {\n if (!hasSenderIdNumber)\n return formData.senderIdNumber;\n if (Number(value) !== defaultCountry?.id) {\n return formData.senderIdNumber.slice(0, 2) !== countryCode ? countryCode + formData.senderIdNumber : formData.senderIdNumber;\n }\n return formData.senderIdNumber.slice(0, 2) === countryCode ? formData.senderIdNumber.slice(2) : formData.senderIdNumber;\n };\n const handleCountryChange = ({\n value\n }) => {\n const updatedInvoiceParams = {\n recipientCountryId: value ? Number(value) : null,\n senderIdNumber: prefixSenderIdNumber({\n value\n })\n };\n if (Number(value) === defaultCountry?.id)\n handleFormChange(updatedInvoiceParams);\n else\n handleFormChange(getInvoiceWithZeroOutTaxRates({\n ...formData,\n ...updatedInvoiceParams\n }));\n };\n const hasHighlightedFields = [\"recipientName\", \"recipientIdNumber\", \"recipientAddress\", \"recipientCity\", \"recipientPostcode\", \"recipientCountryId\"].some((field) => field in validationErrors);\n const [isSectionOpen, toggleSection] = useSectionToggle({\n shouldKeepOpen: hasHighlightedFields\n });\n const sectionRef = useRef10(null);\n useEnterKeyForSave(onSave, toggleSection, isSectionOpen, sectionRef);\n const hasRecipientData2 = !!formData.recipientName || !!formData.recipientIdNumber || !!formData.recipientAddress || !!formData.recipientCity || !!formData.recipientCountryId;\n const shouldDisplayRecipientIdNumber = hasRecipientIdNumber;\n return /* @__PURE__ */ _jsx37(Focusable, {\n ref: sectionRef,\n children: /* @__PURE__ */ _jsx37(Collapsible, {\n isExpanded: isSectionOpen && !isDisabled,\n expanded: /* @__PURE__ */ _jsx37(AutoScrolled3, {\n block: \"end\",\n children: /* @__PURE__ */ _jsxs19(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(FormSectionRecipientName, {\n form\n }), validationErrors.recipientName && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientName\n })]\n }), shouldDisplayRecipientIdNumber && /* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(Input10, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ID_NUMBER,\n name: \"recipientIdNumber\",\n autoComplete: \"one-time-code\",\n formatter: pipe(toAlphaNumerical2, toUpperCase2),\n floatingLabel: translation({\n id: \"common.recipientIdNumber\"\n }),\n value: formData.recipientIdNumber || \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.recipientIdNumber && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientIdNumber\n })]\n }), /* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(Input10, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ADDRESS,\n name: \"recipientAddress\",\n floatingLabel: translation({\n id: \"common.recipientAddress\"\n }),\n value: formData.recipientAddress || \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.recipientAddress && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientAddress\n })]\n }), /* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(Input10, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.POSTCODE,\n name: \"recipientPostcode\",\n floatingLabel: translation({\n id: \"common.recipientPostcode\"\n }),\n value: formData.recipientPostcode || \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.recipientPostcode && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientPostcode\n })]\n }), /* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(Input10, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.CITY,\n name: \"recipientCity\",\n floatingLabel: translation({\n id: \"common.recipientCity\"\n }),\n value: formData.recipientCity || \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.recipientCity && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientCity\n })]\n }), /* @__PURE__ */ _jsxs19(FormItem, {\n children: [/* @__PURE__ */ _jsx37(SelectWithLabel3, {\n options,\n label: translation({\n id: \"common.recipientCountry\"\n }),\n onChange: handleCountryChange,\n value: formData.recipientCountryId || \"\",\n name: \"recipientCountry\"\n }), validationErrors.recipientCountryId && /* @__PURE__ */ _jsx37(FormInvalidMessage, {\n children: validationErrors.recipientCountryId\n })]\n }), /* @__PURE__ */ _jsxs19(FormSectionActions, {\n children: [/* @__PURE__ */ _jsx37(Button6, {\n onClick: () => {\n restore();\n toggleSection();\n },\n isSecondary: true,\n children: /* @__PURE__ */ _jsx37(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx37(Button6, {\n onClick: () => {\n onSave();\n toggleSection();\n },\n children: /* @__PURE__ */ _jsx37(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n })\n }),\n collapsed: /* @__PURE__ */ _jsx37(CollapsibleContent, {\n onClick: toggleSection,\n isDisabled,\n children: hasRecipientData2 ? /* @__PURE__ */ _jsxs19(CollapsibleContentCollapsed, {\n isClickable: !isDisabled,\n children: [formData.recipientName && /* @__PURE__ */ _jsxs19(FormText, {\n children: [/* @__PURE__ */ _jsx37(Translation, {\n id: \"common.to\"\n }), \"\\xA0\", /* @__PURE__ */ _jsx37(FormTextHighlighted, {\n children: formData.recipientName\n })]\n }), formData.recipientIdNumber && /* @__PURE__ */ _jsx37(FormText, {\n children: formData.recipientIdNumber\n }), formData.recipientAddress && /* @__PURE__ */ _jsx37(FormText, {\n children: formData.recipientAddress\n }), formData.recipientPostcode && /* @__PURE__ */ _jsx37(FormText, {\n children: formData.recipientPostcode\n }), formData.recipientCity && /* @__PURE__ */ _jsx37(FormText, {\n children: formData.recipientCity\n }), formData.recipientCountryName && /* @__PURE__ */ _jsx37(FormText, {\n children: formData.recipientCountryName\n })]\n }) : /* @__PURE__ */ _jsxs19(CollapsibleEmpty, {\n isDisabled,\n children: [\"+ \", /* @__PURE__ */ _jsx37(Translation, {\n id: \"invoice.actions.addRecipientDetails\"\n })]\n })\n })\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionSender.tsx\nimport { useRef as useRef11 } from \"react\";\nimport { toAlphaNumerical as toAlphaNumerical3, toUpperCase as toUpperCase3 } from \"@scouts/helpers\";\nimport { AutoScrolled as AutoScrolled4, Button as Button7, Input as Input11, SelectWithLabel as SelectWithLabel4 } from \"@scouts/ui\";\nimport { jsx as _jsx38, jsxs as _jsxs20 } from \"react/jsx-runtime\";\nvar FormSectionSender = ({\n form,\n hasSenderIdNumber,\n isDisabled,\n onSave\n}) => {\n const {\n isCompany\n } = useConfig();\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n handleFieldChange,\n validationErrors\n } = form;\n const initialValues = useInitial(formData);\n const options = useCountryOptions();\n const restore = () => {\n handleFormChange({\n senderName: initialValues.senderName,\n senderIdNumber: initialValues.senderIdNumber,\n senderAddress: initialValues.senderAddress,\n senderCity: initialValues.senderCity,\n senderCountryId: initialValues.senderCountryId\n });\n };\n const handleCountryChange = ({\n value\n }) => {\n handleFormChange({\n senderCountryId: value ? Number(value) : null\n });\n };\n const hasHighlightedFields = [\"senderName\", \"senderIdNumber\", \"senderAddress\", \"senderCity\", \"senderPostcode\", \"senderCountryId\"].some((field) => field in validationErrors);\n const [isSectionOpen, toggleSection] = useSectionToggle({\n shouldKeepOpen: hasHighlightedFields\n });\n const sectionRef = useRef11(null);\n useEnterKeyForSave(onSave, toggleSection, isSectionOpen, sectionRef);\n const hasSenderData2 = !!formData.senderName || !!formData.senderIdNumber || !!formData.senderAddress || !!formData.senderCity || !!formData.senderCountryId;\n return /* @__PURE__ */ _jsx38(Focusable, {\n ref: sectionRef,\n children: /* @__PURE__ */ _jsx38(Collapsible, {\n isExpanded: isSectionOpen && !isDisabled,\n expanded: /* @__PURE__ */ _jsx38(AutoScrolled4, {\n block: \"end\",\n children: /* @__PURE__ */ _jsxs20(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(Input11, {\n name: \"senderName\",\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.NAME,\n floatingLabel: translation({\n id: isCompany ? \"common.senderCompanyName\" : \"common.senderName\"\n }),\n value: formData.senderName,\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true,\n autoFocus: true\n }), validationErrors.senderName && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderName\n })]\n }), hasSenderIdNumber && /* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(Input11, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ID_NUMBER,\n name: \"senderIdNumber\",\n autoComplete: \"one-time-code\",\n formatter: pipe(toAlphaNumerical3, toUpperCase3),\n floatingLabel: translation({\n id: isCompany ? \"common.senderCompanyIdNumber\" : \"common.senderIdNumber\"\n }),\n value: formData.senderIdNumber,\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.senderIdNumber && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderIdNumber\n })]\n }), /* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(Input11, {\n name: \"senderAddress\",\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ADDRESS,\n floatingLabel: translation({\n id: isCompany ? \"common.senderCompanyAddress\" : \"common.senderAddress\"\n }),\n value: formData.senderAddress,\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.senderAddress && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderAddress\n })]\n }), /* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(Input11, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.POSTCODE,\n name: \"senderPostcode\",\n floatingLabel: translation({\n id: isCompany ? \"common.senderCompanyPostcode\" : \"common.senderPostcode\"\n }),\n value: formData.senderPostcode || \"\",\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.senderPostcode && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderPostcode\n })]\n }), /* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(Input11, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.CITY,\n name: \"senderCity\",\n floatingLabel: translation({\n id: isCompany ? \"common.senderCompanyCity\" : \"common.senderCity\"\n }),\n value: formData.senderCity,\n onChange: handleFieldChange,\n shouldAlwaysDisplayFloatingLabel: true\n }), validationErrors.senderCity && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderCity\n })]\n }), !isCompany && /* @__PURE__ */ _jsxs20(FormItem, {\n children: [/* @__PURE__ */ _jsx38(SelectWithLabel4, {\n options,\n label: translation({\n id: \"common.senderCountry\"\n }),\n onChange: handleCountryChange,\n value: formData.senderCountryId || \"\",\n name: \"senderCountry\"\n }), validationErrors.senderCountryId && /* @__PURE__ */ _jsx38(FormInvalidMessage, {\n children: validationErrors.senderCountryId\n })]\n }), /* @__PURE__ */ _jsxs20(FormSectionActions, {\n children: [/* @__PURE__ */ _jsx38(Button7, {\n onClick: () => {\n restore();\n toggleSection();\n },\n isSecondary: true,\n children: /* @__PURE__ */ _jsx38(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx38(Button7, {\n onClick: () => {\n onSave();\n toggleSection();\n },\n children: /* @__PURE__ */ _jsx38(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n })\n }),\n collapsed: /* @__PURE__ */ _jsx38(CollapsibleContent, {\n onClick: toggleSection,\n isDisabled,\n children: hasSenderData2 ? /* @__PURE__ */ _jsxs20(CollapsibleContentCollapsed, {\n isClickable: !isDisabled,\n children: [formData.senderName && /* @__PURE__ */ _jsxs20(FormText, {\n children: [/* @__PURE__ */ _jsx38(Translation, {\n id: \"common.from\"\n }), \"\\xA0\", /* @__PURE__ */ _jsx38(FormTextHighlighted, {\n children: formData.senderName\n })]\n }), formData.senderIdNumber && hasSenderIdNumber && /* @__PURE__ */ _jsx38(FormText, {\n children: formData.senderIdNumber\n }), formData.senderAddress && /* @__PURE__ */ _jsx38(FormText, {\n children: formData.senderAddress\n }), formData.senderPostcode && /* @__PURE__ */ _jsx38(FormText, {\n children: formData.senderPostcode\n }), formData.senderCity && /* @__PURE__ */ _jsx38(FormText, {\n children: formData.senderCity\n }), formData.senderCountryName && /* @__PURE__ */ _jsx38(FormText, {\n children: formData.senderCountryName\n })]\n }) : /* @__PURE__ */ _jsxs20(CollapsibleEmpty, {\n isDisabled,\n children: [\"+ \", /* @__PURE__ */ _jsx38(Translation, {\n id: \"invoice.actions.addSenderDetails\"\n })]\n })\n })\n })\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionSummary.tsx\nimport { orderBy } from \"lodash\";\nimport styled12 from \"styled-components\";\nimport { formatCurrency as formatCurrency4, formatPercentage } from \"@scouts/helpers\";\nimport { useLocale as useLocale4 } from \"@scouts/i18n\";\nimport { font as font6, media as media4, ButtonLink as ButtonLink4 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/InvoiceContext.tsx\nimport { createContext as createContext5, useContext as useContext5, useMemo as useMemo18 } from \"react\";\nimport { jsx as _jsx39 } from \"react/jsx-runtime\";\nvar InvoiceContext = /* @__PURE__ */ createContext5(null);\nvar useInvoiceForm = () => useContext5(InvoiceContext);\nvar InvoiceProvider = ({\n children,\n invoice,\n ...props\n}) => {\n const formReducer = useForm(invoice);\n const context = useMemo18(() => ({\n ...formReducer,\n ...props\n }), [formReducer, props]);\n return /* @__PURE__ */ _jsx39(InvoiceContext.Provider, {\n value: context,\n children\n });\n};\n\n// src/components/customer/invoicing/shared/FormSectionSummary.tsx\nimport { jsx as _jsx40, jsxs as _jsxs21 } from \"react/jsx-runtime\";\nvar FormSectionSummary = ({\n onOpenDetailsClick,\n isDisabled\n}) => {\n const locale = useLocale4();\n const {\n defaultCurrency\n } = useConfig();\n const {\n formData\n } = useInvoiceForm();\n const {\n currency,\n taxRates,\n gross,\n net,\n hasTaxRatesPerLine\n } = formData;\n const {\n taxes,\n hasTaxes\n } = useTaxes();\n const taxesOrder = Object.keys(taxes ?? {});\n const {\n code: invoiceCurrencyCode\n } = currency || {};\n const currencyCode = invoiceCurrencyCode || defaultCurrency;\n const orderedTaxRates = orderBy(taxRates, (taxRate) => taxesOrder.indexOf(taxRate.name));\n const orderdedFilteredTaxRates = orderedTaxRates.filter((taxRate) => taxRate.rate !== 0 && taxRate.rate !== void 0);\n return /* @__PURE__ */ _jsxs21(FormSummaryContainer, {\n children: [hasTaxes && /* @__PURE__ */ _jsxs21(FormSummaryRow, {\n children: [/* @__PURE__ */ _jsx40(FormSummaryRowLabel, {\n children: /* @__PURE__ */ _jsx40(Translation, {\n id: \"invoice.content.net\"\n })\n }), /* @__PURE__ */ _jsx40(FormSummaryRowDescription, {\n children: formatCurrency4(net ?? 0, {\n currency: currencyCode,\n locale\n })\n })]\n }), hasTaxes && (hasTaxRatesPerLine ? orderdedFilteredTaxRates : orderedTaxRates).map((taxRate) => {\n const {\n rate: taxRateRate,\n amount: taxRateAmount,\n name: taxRateName\n } = taxRate;\n const taxRateRateValue = Number(taxRateRate) ? Number(taxRateRate) : 0;\n return /* @__PURE__ */ _jsxs21(FormSummaryRow, {\n children: [/* @__PURE__ */ _jsxs21(FormSummaryRowLabel, {\n children: [taxRateName, \"\\xA0\", /* @__PURE__ */ _jsx40(ButtonLink4, {\n onClick: onOpenDetailsClick,\n disabled: isDisabled,\n children: formatPercentage(taxRateRateValue, {\n locale\n })\n })]\n }), /* @__PURE__ */ _jsx40(FormSummaryRowDescription, {\n children: formatCurrency4(taxRateAmount || 0, {\n currency: currencyCode,\n locale\n })\n })]\n }, `${taxRateName}_${taxRateRate}`);\n }), /* @__PURE__ */ _jsxs21(FormSummaryRow, {\n children: [/* @__PURE__ */ _jsx40(FormSummaryRowTotal, {\n children: /* @__PURE__ */ _jsx40(Translation, {\n id: \"invoice.content.gross\"\n })\n }), /* @__PURE__ */ _jsx40(FormSummaryRowTotalAmount, {\n children: formatCurrency4(gross ?? 0, {\n currency: currencyCode,\n locale\n })\n })]\n })]\n });\n};\nvar FormSummaryContainer = styled12.div.withConfig({\n displayName: \"FormSectionSummary__FormSummaryContainer\",\n componentId: \"sc-1hhxain-0\"\n})([\"padding:15px;\", \"{padding:0;}\"], media4.tablet);\nvar FormSummaryRow = styled12.div.withConfig({\n displayName: \"FormSectionSummary__FormSummaryRow\",\n componentId: \"sc-1hhxain-1\"\n})([\"display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-items:center end;margin-bottom:12px;\"]);\nvar FormSummaryRowDescription = styled12.p.withConfig({\n displayName: \"FormSectionSummary__FormSummaryRowDescription\",\n componentId: \"sc-1hhxain-2\"\n})([\"font-size:\", \";line-height:1.5;\"], font6.small);\nvar FormSummaryRowLabel = styled12(FormSummaryRowDescription).withConfig({\n displayName: \"FormSectionSummary__FormSummaryRowLabel\",\n componentId: \"sc-1hhxain-3\"\n})([\"width:100%;\"]);\nvar FormSummaryRowTotal = styled12(FormSummaryRowLabel).withConfig({\n displayName: \"FormSectionSummary__FormSummaryRowTotal\",\n componentId: \"sc-1hhxain-4\"\n})([\"font-size:\", \";font-weight:\", \";\"], font6.normal, font6.weight.medium);\nvar FormSummaryRowTotalAmount = styled12(FormSummaryRowTotal).withConfig({\n displayName: \"FormSectionSummary__FormSummaryRowTotalAmount\",\n componentId: \"sc-1hhxain-5\"\n})([\"font-size:\", \";text-align:right;\"], font6.larger);\n\n// src/components/shared/tracking/records/RecordForeignCurrencyModal.tsx\nimport { jsx as _jsx41, jsxs as _jsxs22, Fragment as _Fragment9 } from \"react/jsx-runtime\";\nvar RecordForeignCurrencyModal = ({\n isDisabled,\n onClose,\n onSubmit,\n record\n}) => {\n const {\n currencies,\n defaultCurrency,\n isSuccess: isSuccessCurrencies\n } = useCurrencies();\n const {\n formData,\n handleFormChange\n } = useForm({\n currency: record.currency,\n currencyId: record.currencyId,\n exchangeRate: record.exchangeRate\n });\n const getCurrenciesDropdownOptions = () => currencies?.map(({\n id,\n code\n }) => ({\n value: id,\n title: code\n }));\n const handleCurrencyChange = ({\n value\n }) => {\n const updatedCurrency = currencies?.find(({\n id: currencyId\n }) => currencyId === Number(value));\n handleFormChange({\n currency: updatedCurrency,\n currencyId: Number(value),\n exchangeRate: 1\n });\n };\n const handleExchangeRateChange = ({\n name,\n value\n }) => {\n handleFormChange({\n [name]: value\n });\n };\n useEffect11(() => {\n if (!defaultCurrency || formData.currencyId)\n return;\n handleFormChange({\n currencyId: defaultCurrency.id,\n currency: defaultCurrency\n });\n }, [defaultCurrency, formData, handleFormChange]);\n return /* @__PURE__ */ _jsxs22(Modal2, {\n onClose,\n children: [/* @__PURE__ */ _jsx41(ModalHeader2, {\n children: /* @__PURE__ */ _jsx41(ModalTitle2, {\n children: /* @__PURE__ */ _jsx41(Translation, {\n strings: [\"Foreign currency\", \"Moneda extranjera\"]\n })\n })\n }), /* @__PURE__ */ _jsx41(ModalBody2, {\n children: /* @__PURE__ */ _jsx41(Form4.Row, {\n children: /* @__PURE__ */ _jsxs22(Form4.Columns, {\n children: [/* @__PURE__ */ _jsxs22(Form4.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsx41(Form4.Row.Title, {\n children: /* @__PURE__ */ _jsx41(Translation, {\n id: \"common.currency\"\n })\n }), /* @__PURE__ */ _jsx41(Form4.Row.Content, {\n children: /* @__PURE__ */ _jsx41(FormItem, {\n children: /* @__PURE__ */ _jsx41(Select2, {\n disabled: !isSuccessCurrencies || isDisabled,\n id: \"currencyId\",\n name: \"currencyId\",\n onChange: handleCurrencyChange,\n options: getCurrenciesDropdownOptions() || [],\n width: \"100%\",\n value: formData.currencyId\n })\n })\n })]\n }), !formData.currency?.isDefault && /* @__PURE__ */ _jsxs22(Form4.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsxs22(Form4.Row.Title, {\n children: [/* @__PURE__ */ _jsx41(Translation, {\n id: \"common.exchangeRate\"\n }), \" (\", formData.currency?.code, \" \\u2192\", \" \", defaultCurrency?.code, \")\"]\n }), /* @__PURE__ */ _jsx41(Form4.Row.Content, {\n children: /* @__PURE__ */ _jsx41(FormItem, {\n children: /* @__PURE__ */ _jsx41(Input12, {\n id: \"exchangeRate\",\n name: \"exchangeRate\",\n type: \"number\",\n min: \"0\",\n step: \"any\",\n value: formData.exchangeRate ?? \"\",\n onChange: handleExchangeRateChange,\n disabled: isDisabled\n })\n })\n })]\n })]\n })\n })\n }), /* @__PURE__ */ _jsx41(ModalFooter2, {\n children: /* @__PURE__ */ _jsxs22(ModalActions2, {\n children: [!isDisabled && /* @__PURE__ */ _jsxs22(_Fragment9, {\n children: [/* @__PURE__ */ _jsx41(Button8, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx41(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx41(Button8, {\n onClick: () => onSubmit(formData),\n children: /* @__PURE__ */ _jsx41(Translation, {\n id: \"common.actions.done\"\n })\n })]\n }), isDisabled && /* @__PURE__ */ _jsx41(Button8, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx41(Translation, {\n id: \"common.actions.close\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/records/RecordMergeModal/RecordMergeModal.tsx\nimport { useState as useState16 } from \"react\";\nimport { generatePath as generatePath2, useHistory as useHistory3 } from \"react-router-dom\";\nimport { colors as colors23, radius as radius10, Button as Button9, Container as Container16, ModalActionsLegacy as ModalActions3, ModalBodyLegacy as ModalBody3, ModalFooterLegacy as ModalFooter3, ModalHeaderLegacy as ModalHeader3, ModalLegacy as Modal3, ModalTitleLegacy as ModalTitle3, Paragraph as Paragraph2, Spacer as Spacer7 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/RecordsSection.tsx\nimport styled13 from \"styled-components\";\nimport { colors as colors15, font as font7, media as media5, radius as radius7, Container as Container13, Flexer as Flexer8 } from \"@scouts/ui\";\nimport { jsx as _jsx42 } from \"react/jsx-runtime\";\nvar RecordsSectionTitle = styled13.h3.withConfig({\n displayName: \"RecordsSection__RecordsSectionTitle\",\n componentId: \"sc-1js5ozo-0\"\n})([\"font-size:\", \";line-height:1.5;margin:6px 15px 12px;\", \"{font-size:\", \";margin:0 0 18px;}\"], font7.smaller, media5.tablet, font7.small);\nvar RecordsSectionResultsCount = styled13.div.withConfig({\n displayName: \"RecordsSection__RecordsSectionResultsCount\",\n componentId: \"sc-1js5ozo-1\"\n})([\"font-size:\", \";line-height:1.5;margin:6px 15px 12px;\", \"{font-size:\", \";margin:0 0 18px;}\"], font7.smaller, media5.tablet, font7.small);\nvar RecordsSectionDisclaimer = styled13.div.withConfig({\n displayName: \"RecordsSection__RecordsSectionDisclaimer\",\n componentId: \"sc-1js5ozo-2\"\n})([\"font-size:\", \";line-height:1.5;margin:12px 15px;\", \"{font-size:\", \";margin:12px 0 0;}\"], font7.smaller, media5.tablet, font7.small);\nvar RecordsSection = ({\n children,\n background\n}) => /* @__PURE__ */ _jsx42(Container13, {\n background: background ?? colors15.neutralLightest,\n padding: \"6px\",\n tabletPadding: \"18px\",\n radius: radius7.large,\n children\n});\nvar RecordsSectionList = ({\n children\n}) => /* @__PURE__ */ _jsx42(Flexer8, {\n column: true,\n gap: \"3px\",\n children\n});\nvar RecordsSectionListItem = styled13.div.withConfig({\n displayName: \"RecordsSection__RecordsSectionListItem\",\n componentId: \"sc-1js5ozo-3\"\n})([\"\"]);\n\n// src/store/expenses-merge/hooks/use-expenses-merge-suggestions.ts\nimport { skipToken } from \"@reduxjs/toolkit/dist/query\";\n\n// src/store/expenses-merge/slice.ts\nimport { generateApiPath as generateApiPath13 } from \"@scouts/helpers\";\nvar extendedApi12 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getExpensesMergeSuggestions: builder.query({\n query: ({\n recordId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath13(ENDPOINTS.EXPENSES_MERGE.GET.MERGE_SUGGESTIONS, {\n expenseId: recordId,\n userId\n })\n }),\n providesTags: (_1, _2, arg) => [{\n type: Tags.ExpensesMergeSuggestions,\n id: arg.recordId\n }]\n }),\n mergeExpenses: builder.mutation({\n query: ({\n recordId,\n otherRecordId,\n userId\n }) => ({\n method: \"POST\",\n url: generateApiPath13(ENDPOINTS.EXPENSES_MERGE.POST.MERGE_EXPENSES, {\n expenseId: recordId,\n userId\n }, {\n queryParameters: {\n otherExpenseId: otherRecordId\n }\n })\n }),\n invalidatesTags: (result) => {\n if (result) {\n return [Tags.Expenses, {\n type: Tags.Expense,\n id: result.id\n }];\n }\n return [Tags.Expenses];\n }\n })\n })\n});\nvar {\n useGetExpensesMergeSuggestionsQuery,\n useMergeExpensesMutation\n} = extendedApi12;\n\n// src/store/expenses-merge/hooks/use-expenses-merge-suggestions.ts\nvar useExpensesMergeSuggestions = (expenseId, skip) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetExpensesMergeSuggestionsQuery(expenseId ? {\n recordId: expenseId,\n userId\n } : skipToken, {\n skip: !!skip\n });\n return {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n };\n};\n\n// src/store/expenses-merge/hooks/use-merge-expenses.ts\nimport { useCallback as useCallback18 } from \"react\";\nvar useMergeExpenses = () => {\n const [action, {\n isLoading,\n isError,\n isSuccess\n }] = useMergeExpensesMutation();\n const {\n id: userId\n } = useUser();\n const {\n normalizeError\n } = useNormalizeRTKError(\"error.unexpected\");\n const mergeExpenses = useCallback18(async ({\n recordId,\n otherRecordId\n }) => action({\n recordId,\n otherRecordId,\n userId\n }).unwrap().catch(normalizeError), [action, normalizeError, userId]);\n return {\n mergeExpenses,\n isLoading,\n isError,\n isSuccess\n };\n};\n\n// src/store/income-search/hooks/use-income-recipient-search.ts\nimport { useDebounce as useDebounce9 } from \"use-debounce\";\n\n// src/store/income-search/api.ts\nimport { generateApiPath as generateApiPath14 } from \"@scouts/helpers\";\nvar extendedApi13 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncomesSearch: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath14(ENDPOINTS.INCOMES.SEARCH.TEXT, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Incomes, Tags.IncomesSearch],\n transformResponse: (response, meta) => mapPaginatedResponse(response, meta)\n }),\n getIncomeRecipientSearch: builder.query({\n query: ({\n searchQuery,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath14(ENDPOINTS.INCOMES.SEARCH.RECIPIENT, {\n userId\n }, {\n queryParameters: {\n filter: searchQuery\n }\n })\n })\n })\n })\n});\nvar {\n useGetIncomesSearchQuery,\n useGetIncomeRecipientSearchQuery\n} = extendedApi13;\n\n// src/store/income-search/hooks/use-income-recipient-search.ts\nvar useIncomeRecipientSearch = ({\n search\n}) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce9(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isFetching\n } = useGetIncomeRecipientSearchQuery({\n userId,\n searchQuery: debouncedSearch\n }, {\n refetchOnMountOrArgChange: true,\n skip: debouncedSearch.length === 0\n });\n return {\n data,\n isFetching\n };\n};\n\n// src/store/income-search/hooks/use-search-incomes.ts\nimport { useDebounce as useDebounce10 } from \"use-debounce\";\nvar useSearchIncomes = ({\n search,\n ...params\n}, skip) => {\n const {\n id: userId\n } = useUser();\n const [debouncedSearch] = useDebounce10(search, SEARCH_DEBOUNCE_DELAY);\n const {\n data,\n isError,\n isFetching,\n isSuccess\n } = useGetIncomesSearchQuery({\n userId,\n search: debouncedSearch,\n ...params\n }, {\n skip: skip || search !== void 0 && (!debouncedSearch || debouncedSearch.length < 2)\n });\n return {\n data,\n isError,\n isFetching,\n isSuccess\n };\n};\n\n// src/store/incomes-merge/hooks/use-incomes-merge-suggestions.ts\nimport { skipToken as skipToken2 } from \"@reduxjs/toolkit/dist/query\";\n\n// src/store/incomes-merge/slice.ts\nimport { generateApiPath as generateApiPath15 } from \"@scouts/helpers\";\nvar extendedApi14 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncomesMergeSuggestions: builder.query({\n query: ({\n recordId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath15(ENDPOINTS.INCOMES_MERGE.GET.MERGE_SUGGESTIONS, {\n incomeId: recordId,\n userId\n })\n }),\n providesTags: (_1, _2, arg) => [{\n type: Tags.IncomesMergeSuggestions,\n id: arg.recordId\n }]\n }),\n mergeIncomes: builder.mutation({\n query: ({\n recordId,\n otherRecordId,\n userId\n }) => ({\n method: \"POST\",\n url: generateApiPath15(ENDPOINTS.INCOMES_MERGE.POST.MERGE_INCOMES, {\n incomeId: recordId,\n userId\n }, {\n queryParameters: {\n otherIncomeId: otherRecordId\n }\n })\n }),\n invalidatesTags: (result) => {\n if (result) {\n return [Tags.Incomes, ...result.isInvoice ? [Tags.Invoices, {\n type: Tags.Invoice,\n id: result.id\n }, {\n type: Tags.Invoice,\n id: \"DETAILS\"\n }] : [{\n type: Tags.Income,\n id: result.id\n }]];\n }\n return [Tags.Incomes, Tags.Invoices];\n }\n })\n })\n});\nvar {\n useGetIncomesMergeSuggestionsQuery,\n useMergeIncomesMutation\n} = extendedApi14;\n\n// src/store/incomes-merge/hooks/use-incomes-merge-suggestions.ts\nvar useIncomesMergeSuggestions = (incomeId, skip) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetIncomesMergeSuggestionsQuery(incomeId ? {\n recordId: incomeId,\n userId\n } : skipToken2, {\n skip: !!skip\n });\n return {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n };\n};\n\n// src/store/incomes-merge/hooks/use-merge-incomes.ts\nimport { useCallback as useCallback19 } from \"react\";\nvar useMergeIncomes = () => {\n const [action, {\n isLoading,\n isError,\n isSuccess\n }] = useMergeIncomesMutation();\n const {\n id: userId\n } = useUser();\n const {\n normalizeError\n } = useNormalizeRTKError(\"error.unexpected\");\n const mergeIncomes = useCallback19(async ({\n recordId,\n otherRecordId\n }) => action({\n recordId,\n otherRecordId,\n userId\n }).unwrap().catch(normalizeError), [action, normalizeError, userId]);\n return {\n mergeIncomes,\n isLoading,\n isError,\n isSuccess\n };\n};\n\n// src/components/shared/tracking/records/RecordMergeModal/hooks/use-record-merge.ts\nvar useRecordMerge = ({\n isIncome,\n pageSize,\n record,\n searchQuery\n}) => {\n const {\n id: recordId\n } = record;\n const {\n data: incomesSearchResults,\n isFetching: isFetchingIncomesSearchResults,\n isSuccess: isSuccessIncomesSearchResults\n } = useSearchIncomes({\n excludedIncomeId: recordId,\n // Cannot merge draft incomes\n isDraft: false,\n pageSize,\n search: searchQuery,\n // Cannot merge two incomes that are reviewed, filed or invoices\n ...(Income.isFiled(record) || Income.isReviewed(record) || record.isInvoice) && {\n isFiled: false,\n isReviewed: false,\n isInvoice: false\n }\n }, !isIncome);\n const {\n data: expensesSearchResults,\n isFetching: isFetchingExpensesSearchResults,\n isSuccess: isSuccessExpensesSearchResults\n } = useSearchExpenses({\n excludedExpenseId: recordId,\n pageSize,\n search: searchQuery,\n // Cannot merge two expenses that are reviewed or filed\n ...(Expense.isFiled(record) || Expense.isReviewed(record)) && {\n isFiled: false,\n isReviewed: false\n }\n }, isIncome);\n const {\n data: expensesMergeSuggestions,\n isLoading: isLoadingExpensesMergeSuggestions,\n isError: isErrorExpenseMergeSuggestions\n } = useExpensesMergeSuggestions(recordId, isIncome);\n const {\n data: incomesMergeSuggestions,\n isLoading: isLoadingIncomesMergeSuggestions,\n isError: isErrorIncomeMergeSuggestions\n } = useIncomesMergeSuggestions(recordId, !isIncome);\n const {\n mergeIncomes,\n isLoading: isLoadingMergeIncomes\n } = useMergeIncomes();\n const {\n mergeExpenses,\n isLoading: isLoadingMergeExpenses\n } = useMergeExpenses();\n const isLoading = isLoadingExpensesMergeSuggestions || isLoadingIncomesMergeSuggestions || isLoadingMergeIncomes || isLoadingMergeExpenses;\n const isSuccessSearchResults = isSuccessIncomesSearchResults || isSuccessExpensesSearchResults;\n const isErrorSuggestions = isErrorExpenseMergeSuggestions || isErrorIncomeMergeSuggestions;\n const recordsMergeSuggestions = expensesMergeSuggestions || incomesMergeSuggestions;\n const hasRecordsMergeSuggestions = !!recordsMergeSuggestions?.length;\n const isSearching = !!searchQuery.length;\n const isFetchingSearchResults = isFetchingIncomesSearchResults || isFetchingExpensesSearchResults;\n const recordsListTotalCount = isSearching ? incomesSearchResults?.totalCount || expensesSearchResults?.totalCount || 0 : recordsMergeSuggestions?.length || 0;\n const recordsList = isSearching ? incomesSearchResults?.data || expensesSearchResults?.data || [] : recordsMergeSuggestions || [];\n return {\n hasRecordsMergeSuggestions,\n isErrorSuggestions,\n isFetchingSearchResults,\n isSuccessSearchResults,\n isLoading,\n mergeRecords: isIncome ? mergeIncomes : mergeExpenses,\n recordsList,\n recordsListTotalCount\n };\n};\n\n// src/components/shared/tracking/records/RecordListItemBasicDetails.tsx\nimport { styled as styled15 } from \"styled-components\";\nimport { formatCurrency as formatCurrency6, formatDateUTC as formatDateUTC4 } from \"@scouts/helpers\";\nimport { useLocale as useLocale10 } from \"@scouts/i18n\";\nimport { colors as colors20, font as font10, media as media7, useIsTablet as useIsTablet3, Grid as Grid2, GridItem as GridItem2 } from \"@scouts/ui\";\n\n// src/components/shared/hooks/use-is-record-complete.ts\nvar useIsRecordComplete = (record) => {\n const {\n expenseOptions,\n incomeOptions\n } = useConfig();\n const {\n isIncome,\n item\n } = record;\n return isIncome ? Income.isComplete(incomeOptions)(item) : Expense.isComplete(expenseOptions)(item);\n};\n\n// src/components/shared/hooks/use-payment-date-modal.ts\nimport { useState as useState13 } from \"react\";\nvar usePaymentDateModal = () => {\n const [isPaymentDateModalOpen, setIsPaymentDateModalOpen] = useState13(false);\n const openPaymentDateModal = () => {\n setIsPaymentDateModalOpen(true);\n };\n const closePaymentDateModal = () => {\n setIsPaymentDateModalOpen(false);\n };\n return {\n closePaymentDateModal,\n isPaymentDateModalOpen,\n openPaymentDateModal\n };\n};\n\n// src/store/expense-text-extractions/hooks.ts\nimport { useEffect as useEffect12, useState as useState14 } from \"react\";\nvar TEXT_EXTRACTION_POLLING_INTERVAL_MS = 2e3;\nvar NO_POLLING = 0;\nvar useExpenseTextExtraction = ({\n expense,\n shouldPoll,\n shouldSkipFetch\n}) => {\n const {\n id: userId\n } = useUser();\n const fileId = expense?.file?.id;\n const [shouldPollByTextExtractionStatus, setShouldPollByTextExtractionStatus] = useState14(false);\n const {\n data: textExtraction\n } = useGetExpenseTextExtractionQuery({\n userId,\n expenseId: expense.id\n }, {\n pollingInterval: shouldPoll && shouldPollByTextExtractionStatus ? TEXT_EXTRACTION_POLLING_INTERVAL_MS : NO_POLLING,\n skip: shouldSkipFetch || !fileId\n });\n useEffect12(() => {\n setShouldPollByTextExtractionStatus(textExtraction?.status === ExpenseTextExtractionStatus.IN_PROGRESS);\n }, [textExtraction?.status]);\n const updatedExpense = textExtraction?.expense;\n return {\n textExtraction,\n updatedExpense\n };\n};\n\n// src/store/income-text-extractions/hooks.ts\nimport { useEffect as useEffect13, useState as useState15 } from \"react\";\n\n// src/store/income-text-extractions/api.ts\nimport { generateApiPath as generateApiPath16 } from \"@scouts/helpers\";\nvar extendedApi15 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncomeTextExtraction: builder.query({\n query: ({\n incomeId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath16(ENDPOINTS.INCOME_TEXT_EXTRACTION.GET, {\n incomeId,\n userId\n })\n })\n })\n })\n});\nvar invalidateIncomeTextExtraction = (id) => apiSlice.util.invalidateTags([{\n type: Tags.IncomeTextExtraction,\n id\n}]);\nvar {\n useGetIncomeTextExtractionQuery\n} = extendedApi15;\n\n// src/store/income-text-extractions/hooks.ts\nvar TEXT_EXTRACTION_POLLING_INTERVAL_MS2 = 2e3;\nvar NO_POLLING2 = 0;\nvar useIncomeTextExtraction = ({\n income,\n shouldPoll,\n shouldSkipFetch\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n file,\n id: incomeId\n } = income;\n const {\n id: fileId\n } = file || {};\n const [shouldPollByTextExtractionStatus, setShouldPollByTextExtractionStatus] = useState15(false);\n const {\n data: textExtraction\n } = useGetIncomeTextExtractionQuery({\n userId,\n incomeId\n }, {\n pollingInterval: shouldPoll && shouldPollByTextExtractionStatus ? TEXT_EXTRACTION_POLLING_INTERVAL_MS2 : NO_POLLING2,\n skip: shouldSkipFetch || !fileId\n });\n useEffect13(() => {\n setShouldPollByTextExtractionStatus(textExtraction?.status === IncomeTextExtractionStatus.IN_PROGRESS);\n }, [textExtraction?.status]);\n const updatedIncome = textExtraction?.income;\n return {\n textExtraction,\n updatedIncome\n };\n};\n\n// src/components/shared/hooks/use-record-list-item-text-extraction.ts\nvar useRecordListItemTextExtraction = ({\n record\n}) => {\n const {\n isIncome,\n item\n } = record;\n const isComplete4 = useIsRecordComplete(record);\n const initialTextExtractionStatus = item?.file?.textExtractionStatus;\n const RecordTextExtractionStatus = isIncome ? IncomeTextExtractionStatus : ExpenseTextExtractionStatus;\n const hasPotentialTextExtraction = initialTextExtractionStatus && [RecordTextExtractionStatus.FINISHED, RecordTextExtractionStatus.IN_PROGRESS].includes(initialTextExtractionStatus);\n const {\n textExtraction: textExtractionIncome,\n updatedIncome\n } = useIncomeTextExtraction({\n income: item,\n shouldSkipFetch: !isIncome && (isComplete4 || !hasPotentialTextExtraction),\n shouldPoll: true\n });\n const {\n textExtraction: textExtractionExpense,\n updatedExpense\n } = useExpenseTextExtraction({\n expense: item,\n shouldSkipFetch: isIncome && (isComplete4 || !hasPotentialTextExtraction),\n shouldPoll: true\n });\n return isIncome ? {\n textExtraction: textExtractionIncome,\n updatedRecord: updatedIncome\n } : {\n textExtraction: textExtractionExpense,\n updatedRecord: updatedExpense\n };\n};\n\n// src/components/customer/tracking/records-list/incomes-list/Row.tsx\nimport styled14 from \"styled-components\";\nimport { formatCurrency as formatCurrency5 } from \"@scouts/helpers\";\nimport { useLocale as useLocale9 } from \"@scouts/i18n\";\nimport { colors as colors19, font as font9, media as media6, radius as radius8, useIsDesktop as useIsDesktop2, useIsTablet as useIsTablet2, Container as Container14, Flexer as Flexer10, Grid, GridItem, Icon as Icon2, IconLink2, Line as Line5, Spacer as Spacer5, Tooltip as Tooltip2 } from \"@scouts/ui\";\n\n// src/hooks/use-format-tax-rate.ts\nimport { useCallback as useCallback20 } from \"react\";\nimport { formatPercentage as formatPercentage2 } from \"@scouts/helpers\";\nimport { useLocale as useLocale5 } from \"@scouts/i18n\";\nvar useFormatTaxRatePercentage = () => {\n const locale = useLocale5();\n const translation = useTranslation();\n return useCallback20((rate) => {\n if (rate === Taxes.Constants.OTHER_RATE)\n return translation({\n id: \"common.other\"\n });\n return formatPercentage2(rate ?? 0, {\n locale\n });\n }, [locale, translation]);\n};\n\n// src/components/shared/income-icon/IncomeIcon.tsx\nimport { useMemo as useMemo19 } from \"react\";\n\n// src/assets/svg/file-attachment.svg\nimport * as React4 from \"react\";\nimport { jsx as jsx2, jsxs as jsxs2 } from \"react/jsx-runtime\";\nvar SvgFileAttachment = (props) => /* @__PURE__ */ jsxs2(\"svg\", { width: 23, height: 23, viewBox: \"0 0 23 23\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx2(\"circle\", { cx: 11.5, cy: 11.5, r: 11.5, fill: \"#A4F5D3\" }),\n /* @__PURE__ */ jsx2(\"g\", { clipPath: \"url(#clip0_1632_13277)\", children: /* @__PURE__ */ jsx2(\"path\", { d: \"M9.94578 19C8.62416 19 7.38248 18.4963 6.44892 17.585C5.51464 16.6736 5 15.4639 5 14.1741C5.00086 12.8856 5.51464 11.6743 6.44892 10.7638L11.4561 5.98599C12.8014 4.67278 15.1777 4.6676 16.5354 5.99285C17.9369 7.36163 17.9369 9.58722 16.5354 10.9542L12.0305 15.2414C11.1628 16.0877 9.73682 16.0894 8.86024 15.2345C7.98394 14.3779 7.98394 12.9877 8.86024 12.1327L10.6042 10.4317L11.8758 11.672L10.1318 13.373C10.0167 13.4854 10 13.6154 10 13.6833C10 13.7508 10.0167 13.881 10.1318 13.9943C10.362 14.2169 10.5375 14.2169 10.7677 13.9943L15.2707 9.70622C15.9645 9.03016 15.9645 7.91757 15.2638 7.23311C14.5843 6.57007 13.4004 6.57007 12.7208 7.23311L7.71342 12.0109C7.12602 12.5841 6.79837 13.3544 6.79837 14.1741C6.79837 14.9946 7.12602 15.7654 7.72045 16.3446C8.90947 17.5062 10.982 17.5062 12.171 16.3446L14.4191 14.1517L15.6906 15.3919L13.4425 17.585C12.5081 18.4963 11.2664 19 9.94578 19Z\", fill: \"#16CF98\" }) }),\n /* @__PURE__ */ jsx2(\"defs\", { children: /* @__PURE__ */ jsx2(\"clipPath\", { id: \"clip0_1632_13277\", children: /* @__PURE__ */ jsx2(\"rect\", { width: 14, height: 14, fill: \"white\", transform: \"translate(4 5)\" }) }) })\n] });\nvar file_attachment_default = SvgFileAttachment;\n\n// src/assets/svg/file-draft-invoice-attachment.svg\nimport * as React5 from \"react\";\nimport { jsx as jsx3, jsxs as jsxs3 } from \"react/jsx-runtime\";\nvar SvgFileDraftInvoiceAttachment = (props) => /* @__PURE__ */ jsxs3(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx3(\"rect\", { width: 24, height: 24, rx: 12, fill: \"#F4F1F1\" }),\n /* @__PURE__ */ jsx3(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M16.1 17.6001H7.9V6.4H13.9856L14.9747 7.52735L16.1 8.82313V17.6001ZM7.9 4.5H14.8462L16.4061 6.27793L18 8.11327V17.6001V19.5001H16.1H7.9H6V17.6001V6.4V4.5H7.9ZM9.15747 12.5622H14.8424V10.6334H9.15747V12.5622ZM9.15747 15.213H14.8424V13.2843H9.15747V15.213Z\", fill: \"#A2A2A2\" })\n] });\nvar file_draft_invoice_attachment_default = SvgFileDraftInvoiceAttachment;\n\n// src/assets/svg/file-invoice-attachment.svg\nimport * as React6 from \"react\";\nimport { jsx as jsx4, jsxs as jsxs4 } from \"react/jsx-runtime\";\nvar SvgFileInvoiceAttachment = (props) => /* @__PURE__ */ jsxs4(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx4(\"rect\", { width: 24, height: 24, rx: 12, fill: \"#A4F5D3\" }),\n /* @__PURE__ */ jsx4(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M16.1 17.6001H7.9V6.4H13.9856L14.9747 7.52735L16.1 8.82313V17.6001ZM7.9 4.5H14.8462L16.4061 6.27793L18 8.11327V17.6001V19.5001H16.1H7.9H6V17.6001V6.4V4.5H7.9ZM9.15747 12.5622H14.8424V10.6334H9.15747V12.5622ZM9.15747 15.213H14.8424V13.2843H9.15747V15.213Z\", fill: \"#16CF98\" })\n] });\nvar file_invoice_attachment_default = SvgFileInvoiceAttachment;\n\n// src/assets/svg/file-no-attachment.svg\nimport * as React7 from \"react\";\nimport { jsx as jsx5, jsxs as jsxs5 } from \"react/jsx-runtime\";\nvar SvgFileNoAttachment = (props) => /* @__PURE__ */ jsxs5(\"svg\", { width: 23, height: 23, viewBox: \"0 0 23 23\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx5(\"circle\", { cx: 11.5, cy: 11.5, r: 11.5, fill: \"#FE7171\" }),\n /* @__PURE__ */ jsx5(\"g\", { clipPath: \"url(#clip0_1632_14537)\", children: /* @__PURE__ */ jsx5(\"path\", { d: \"M9.94578 19C8.62416 19 7.38248 18.4963 6.44892 17.585C5.51464 16.6736 5 15.4639 5 14.1741C5.00086 12.8856 5.51464 11.6743 6.44892 10.7638L11.4561 5.98599C12.8014 4.67278 15.1777 4.6676 16.5354 5.99285C17.9369 7.36163 17.9369 9.58722 16.5354 10.9542L12.0305 15.2414C11.1628 16.0877 9.73682 16.0894 8.86024 15.2345C7.98394 14.3779 7.98394 12.9877 8.86024 12.1327L10.6042 10.4317L11.8758 11.672L10.1318 13.373C10.0167 13.4854 10 13.6154 10 13.6833C10 13.7508 10.0167 13.881 10.1318 13.9943C10.362 14.2169 10.5375 14.2169 10.7677 13.9943L15.2707 9.70622C15.9645 9.03016 15.9645 7.91757 15.2638 7.23311C14.5843 6.57007 13.4004 6.57007 12.7208 7.23311L7.71342 12.0109C7.12602 12.5841 6.79837 13.3544 6.79837 14.1741C6.79837 14.9946 7.12602 15.7654 7.72045 16.3446C8.90947 17.5062 10.982 17.5062 12.171 16.3446L14.4191 14.1517L15.6906 15.3919L13.4425 17.585C12.5081 18.4963 11.2664 19 9.94578 19Z\", fill: \"white\" }) }),\n /* @__PURE__ */ jsx5(\"defs\", { children: /* @__PURE__ */ jsx5(\"clipPath\", { id: \"clip0_1632_14537\", children: /* @__PURE__ */ jsx5(\"rect\", { width: 14, height: 14, fill: \"white\", transform: \"translate(4 5)\" }) }) })\n] });\nvar file_no_attachment_default = SvgFileNoAttachment;\n\n// src/assets/svg/file.svg\nimport * as React8 from \"react\";\nimport { jsx as jsx6, jsxs as jsxs6 } from \"react/jsx-runtime\";\nvar SvgFile = (props) => /* @__PURE__ */ jsxs6(\"svg\", { width: 22, height: 22, viewBox: \"0 0 22 22\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: [\n /* @__PURE__ */ jsx6(\"circle\", { cx: 11, cy: 11, r: 11, fill: \"#F4F1F1\" }),\n /* @__PURE__ */ jsx6(\"g\", { clipPath: \"url(#clip0_1632_14552)\", children: /* @__PURE__ */ jsx6(\"path\", { d: \"M9.51297 18.1739C8.24881 18.1739 7.06112 17.6921 6.16815 16.8204C5.27449 15.9486 4.78223 14.7915 4.78223 13.5578C4.78305 12.3254 5.27449 11.1667 6.16815 10.2958L10.9576 5.72571C12.2445 4.4696 14.5174 4.46465 15.8161 5.73227C17.1567 7.04154 17.1567 9.17037 15.8161 10.4779L11.507 14.5787C10.6771 15.3882 9.3131 15.3898 8.47463 14.5721C7.63643 13.7527 7.63643 12.423 8.47463 11.6052L10.1428 9.97813L11.359 11.1645L9.69088 12.7915C9.58079 12.8991 9.56486 13.0235 9.56486 13.0884C9.56486 13.153 9.58079 13.2775 9.69088 13.3858C9.91107 13.5987 10.079 13.5987 10.2991 13.3858L14.6064 9.28419C15.27 8.63753 15.27 7.57331 14.5998 6.91861C13.9498 6.2844 12.8174 6.2844 12.1673 6.91861L7.37767 11.4887C6.81581 12.0369 6.50241 12.7737 6.50241 13.5578C6.50241 14.3426 6.81581 15.0799 7.3844 15.6339C8.52172 16.745 10.5041 16.745 11.6414 15.6339L13.7918 13.5363L15.008 14.7227L12.8577 16.8204C11.9639 17.6921 10.7762 18.1739 9.51297 18.1739Z\", fill: \"#A2A2A2\" }) }),\n /* @__PURE__ */ jsx6(\"defs\", { children: /* @__PURE__ */ jsx6(\"clipPath\", { id: \"clip0_1632_14552\", children: /* @__PURE__ */ jsx6(\"rect\", { width: 13.3913, height: 13.3913, fill: \"white\", transform: \"translate(3.82617 4.78259)\" }) }) })\n] });\nvar file_default = SvgFile;\n\n// src/components/shared/income-icon/IncomeIcon.tsx\nimport { jsx as _jsx43 } from \"react/jsx-runtime\";\nvar IncomeIcon = ({\n record\n}) => {\n const {\n incomeOptions: {\n isFileRequired\n }\n } = useConfig();\n const Icon13 = useMemo19(() => {\n if (Income.isInvoice(record))\n return record.status === InvoiceStatus.DRAFT ? file_draft_invoice_attachment_default : file_invoice_attachment_default;\n if (record.file)\n return file_attachment_default;\n if (!isFileRequired)\n return file_default;\n return file_no_attachment_default;\n }, [isFileRequired, record]);\n return /* @__PURE__ */ _jsx43(Icon13, {});\n};\n\n// src/components/shared/tracking/incomes/IncomePaymentStatus.tsx\nimport { formatDateUTC } from \"@scouts/helpers\";\nimport { useLocale as useLocale6 } from \"@scouts/i18n\";\nimport { colors as colors16, Chip, ChipButton } from \"@scouts/ui\";\nimport { jsx as _jsx44, jsxs as _jsxs23, Fragment as _Fragment10 } from \"react/jsx-runtime\";\nvar IncomePaymentStatus = ({\n withDate = false,\n isSmall = false,\n isReadOnly = false,\n onClick = void 0,\n record\n}) => {\n const locale = useLocale6();\n const {\n incomeOptions: {\n hasSpecifiedPaymentDate\n }\n } = useConfig();\n const isPaid3 = Income.isInvoice(record) ? Invoice.isPaid(record) : Income.isPaid(record);\n if (isPaid3) {\n const shouldDisplayPaymentDate = hasSpecifiedPaymentDate && record.paidDateUTC && withDate;\n return /* @__PURE__ */ _jsx44(_Fragment10, {\n children: onClick ? /* @__PURE__ */ _jsxs23(ChipButton, {\n size: isSmall ? \"small\" : \"medium\",\n variant: \"highlight\",\n onClick,\n disabled: isReadOnly,\n children: [/* @__PURE__ */ _jsx44(Translation, {\n id: \"invoice.status.Paid\"\n }), shouldDisplayPaymentDate && ` \\xB7 ${formatDateUTC(record.paidDateUTC || \"\", LONG_DATE_PATTERN, locale)}`]\n }) : /* @__PURE__ */ _jsxs23(Chip, {\n size: isSmall ? \"small\" : \"medium\",\n background: colors16.mintLighter,\n disabled: isReadOnly,\n children: [/* @__PURE__ */ _jsx44(Translation, {\n id: \"invoice.status.Paid\"\n }), shouldDisplayPaymentDate && ` \\xB7 ${formatDateUTC(record.paidDateUTC || \"\", LONG_DATE_PATTERN, locale)}`]\n })\n });\n }\n return /* @__PURE__ */ _jsx44(Chip, {\n background: colors16.neutralLightest,\n color: colors16.neutralDarker,\n size: isSmall ? \"small\" : \"medium\",\n children: /* @__PURE__ */ _jsx44(Translation, {\n id: \"invoice.status.Unpaid\"\n })\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeRowDate.tsx\nimport { formatDateUTC as formatDateUTC2 } from \"@scouts/helpers\";\nimport { useLocale as useLocale7 } from \"@scouts/i18n\";\nimport { colors as colors17, font as font8, Flexer as Flexer9, Line as Line4, Spacer as Spacer4, Tooltip } from \"@scouts/ui\";\nimport { jsx as _jsx45, jsxs as _jsxs24 } from \"react/jsx-runtime\";\nvar IncomeRowDate = ({\n record,\n isShortDate,\n shouldDisplayAdditionalDate\n}) => {\n const {\n incomeOptions: {\n accountingMethod\n }\n } = useConfig();\n const locale = useLocale7();\n const translation = useTranslation();\n const {\n paidDateUTC,\n taxPointDate,\n createdDateUTC\n } = record;\n const isInvoice2 = Income.isInvoice(record);\n const isPaid3 = isInvoice2 ? Invoice.isPaid(record) : Income.isPaid(record);\n const displayDate2 = Income.displayDate(record, accountingMethod);\n const formattedDate = isShortDate ? formatDateUTC2(displayDate2, SHORT_DATE_PATTERN, locale) : formatDateUTC2(displayDate2, MEDIUM_DATE_PATTERN, locale);\n const taxPointDateTooltipContent = `${translation([\"Issued\", \"Aplicado\"])} ${formatDateUTC2(taxPointDate, LONG_DATE_PATTERN, locale)}`;\n const paidDateTooltipContent = `${translation({\n id: \"invoice.status.Paid\"\n })} ${formatDateUTC2(paidDateUTC, LONG_DATE_PATTERN, locale)}`;\n const createdDateTooltipContent = `${translation([\"Created\", \"Creado\"])} ${formatDateUTC2(createdDateUTC, LONG_DATE_PATTERN, locale)}`;\n const accrualAccountingMethodTooltipContent = `${createdDateTooltipContent}\n${taxPointDateTooltipContent}`;\n const cashAccountingMethodTooltipContent = isPaid3 ? `${createdDateTooltipContent} \n${taxPointDateTooltipContent}\n${paidDateTooltipContent}` : `${createdDateTooltipContent}\n${taxPointDateTooltipContent} `;\n const tooltipContent = shouldDisplayAdditionalDate ? cashAccountingMethodTooltipContent : accrualAccountingMethodTooltipContent;\n const FORMAT_PATTERN = isShortDate ? SHORT_DATE_PATTERN : MEDIUM_DATE_PATTERN;\n const COLUMN_WIDTH = isShortDate ? \"45px\" : \"60px\";\n return /* @__PURE__ */ _jsx45(Tooltip, {\n content: tooltipContent,\n children: /* @__PURE__ */ _jsxs24(Flexer9, {\n gap: \"6px\",\n tabletGap: \"0\",\n children: [/* @__PURE__ */ _jsx45(Spacer4, {\n width: COLUMN_WIDTH,\n children: formattedDate\n }), shouldDisplayAdditionalDate && isPaid3 && /* @__PURE__ */ _jsx45(Spacer4, {\n width: COLUMN_WIDTH,\n children: /* @__PURE__ */ _jsx45(Line4, {\n color: colors17.neutralDarker,\n size: font8.smaller,\n lineHeight: 1,\n children: formatDateUTC2(taxPointDate, FORMAT_PATTERN, locale)\n })\n })]\n })\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeRowDateMobile.tsx\nimport { formatDateUTC as formatDateUTC3 } from \"@scouts/helpers\";\nimport { useLocale as useLocale8 } from \"@scouts/i18n\";\nimport { Fragment as _Fragment11, jsx as _jsx46 } from \"react/jsx-runtime\";\nvar IncomeRowDateMobile = ({\n record,\n isShortDate\n}) => {\n const {\n incomeOptions: {\n accountingMethod\n }\n } = useConfig();\n const locale = useLocale8();\n const displayDate2 = Income.displayDate(record, accountingMethod);\n const formattedDate = isShortDate ? formatDateUTC3(displayDate2, SHORT_DATE_PATTERN, locale) : formatDateUTC3(displayDate2, MEDIUM_DATE_PATTERN, locale);\n return /* @__PURE__ */ _jsx46(_Fragment11, {\n children: formattedDate\n });\n};\n\n// src/components/shared/tracking/incomes/RecordStatusIndicator.tsx\nimport { colors as colors18, Chip as Chip2 } from \"@scouts/ui\";\nimport { jsx as _jsx47 } from \"react/jsx-runtime\";\nvar RecordStatusIndicator = ({\n isComplete: isComplete4,\n isDraft: isDraft3,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isProcessing\n}) => {\n const {\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const isBookkeepingDoneByAccountantCustomer = isBookkeepingDoneByAccountant && !isAccountant;\n if (isProcessing) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.purpleLighter,\n color: colors18.black,\n isPulsating: true,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: isBookkeepingDoneByAccountantCustomer ? [\"Previous analysis\", \"An\\xE1lisis previo\"] : [\"Processing\\u2026\", \"Procesando\\u2026\"]\n })\n });\n }\n if (isDraft3) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.neutralLightest,\n color: colors18.neutralDarker,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: [\"Draft\", \"Borrador\"]\n })\n });\n }\n if (isFiled4) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.mintLighter,\n color: colors18.black,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: [\"Filed \\u{1F512}\", \"Declarado \\u{1F512}\"]\n })\n });\n }\n if (isReviewed4) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.blueLighter,\n color: colors18.black,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: [\"Reviewed \\u{1F512}\", \"Revisado \\u{1F512}\"]\n })\n });\n }\n if (isBookkeepingDoneByAccountantCustomer && !isReviewed4 && !isFiled4) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.blueLighter,\n color: colors18.black,\n children: /* @__PURE__ */ _jsx47(Translation, {\n id: \"record.label.accountantReview\"\n })\n });\n }\n if (!isComplete4 && isAccountant) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: isBookkeepingDoneByAccountant ? colors18.yellow : colors18.neutralLightest,\n color: isBookkeepingDoneByAccountant ? colors18.black : colors18.neutralDarker,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: [\"Incomplete\", \"Incompleta\"]\n })\n });\n }\n if (isComplete4 && isAccountant || !isComplete4 && !isAccountant && !isBookkeepingDoneByAccountant) {\n return /* @__PURE__ */ _jsx47(Chip2, {\n size: \"small\",\n background: colors18.yellow,\n color: colors18.black,\n children: /* @__PURE__ */ _jsx47(Translation, {\n strings: [\"Needs review\", \"Revisar\"]\n })\n });\n }\n return null;\n};\n\n// src/components/shared/tracking/incomes/IncomeStatusIndicator.tsx\nimport { jsx as _jsx48 } from \"react/jsx-runtime\";\nvar IncomeStatusIndicator = ({\n income,\n textExtraction\n}) => {\n const {\n incomeOptions\n } = useConfig();\n const isComplete4 = Income.isComplete(incomeOptions)(income);\n const props = {\n isComplete: isComplete4,\n isDraft: Income.isDraft(income),\n isReviewed: Income.isReviewed(income),\n isFiled: Income.isFiled(income),\n isProcessing: textExtraction?.status === IncomeTextExtractionStatus.IN_PROGRESS\n };\n return /* @__PURE__ */ _jsx48(RecordStatusIndicator, {\n ...props\n });\n};\n\n// src/components/shared/tracking/incomes/InvoiceStatusIndicator.tsx\nimport { jsx as _jsx49 } from \"react/jsx-runtime\";\nvar InvoiceStatusIndicator = ({\n invoice\n}) => {\n const {\n incomeOptions\n } = useConfig();\n const props = {\n isDraft: Invoice.isDraft(invoice),\n isReviewed: Invoice.isReviewed(invoice),\n isFiled: Invoice.isFiled(invoice),\n isComplete: Invoice.isComplete(incomeOptions)(invoice)\n };\n return /* @__PURE__ */ _jsx49(RecordStatusIndicator, {\n ...props\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/Row.tsx\nimport { jsx as _jsx50, jsxs as _jsxs25, Fragment as _Fragment12 } from \"react/jsx-runtime\";\nvar Row = ({\n record,\n currency,\n title,\n navigateToRecord,\n isComplete: isComplete4,\n actions,\n textExtraction\n}) => {\n const {\n incomeOptions: {\n accountingMethod\n }\n } = useConfig();\n const translation = useTranslation();\n const isTablet = useIsTablet2();\n const isDesktop = useIsDesktop2();\n const locale = useLocale9();\n const formatTaxRatePercentage = useFormatTaxRatePercentage();\n const {\n hasTaxes,\n taxes,\n taxesCount\n } = useTaxes();\n const {\n gross,\n net,\n taxRates\n } = record;\n const isInvoice2 = Income.isInvoice(record);\n const numberOfAmountColumns = isDesktop && hasTaxes ? taxesCount + 2 : 1;\n const amountColumnWidth = isDesktop ? \"96px\" : \"72px\";\n const shouldDisplayNetAndTaxes = isDesktop && !!net && hasTaxes;\n const totalTaxRates = isInvoice2 ? Invoice.totalTaxAmount(taxes, {\n net,\n taxRates\n }) : taxRates;\n const isDraft3 = isInvoice2 ? Invoice.isDraft(record) : false;\n const transactionLinks = record.transactionLinks || [];\n const hasTransactionLink = !!transactionLinks.length;\n const transactionLinkedBankingProvider = (record.linkedBankingProviders || [])[0];\n const shouldDisplayAdditionalDate = accountingMethod !== AccountingMethod.Accrual;\n if (isTablet) {\n return /* @__PURE__ */ _jsx50(Container14, {\n background: colors19.white,\n padding: \"0 18px\",\n radius: radius8.medium,\n children: /* @__PURE__ */ _jsxs25(Flexer10, {\n gap: \"12px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx50(ClickableWrapper, {\n onClick: navigateToRecord,\n children: /* @__PURE__ */ _jsxs25(Grid, {\n columns: `${shouldDisplayAdditionalDate ? \"90px\" : \"45px\"} 126px 24px 1fr ${hasTransactionLink ? \"36px\" : \"\"} calc(${numberOfAmountColumns} * ${amountColumnWidth}) 96px`,\n gap: \"9px\",\n width: \"100%\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsx50(Date2, {\n children: /* @__PURE__ */ _jsx50(IncomeRowDate, {\n record,\n isShortDate: true,\n shouldDisplayAdditionalDate\n })\n })\n }), /* @__PURE__ */ _jsx50(GridItem, {\n alignCenter: true,\n children: isInvoice2 ? /* @__PURE__ */ _jsx50(InvoiceStatusIndicator, {\n invoice: record\n }) : /* @__PURE__ */ _jsx50(IncomeStatusIndicator, {\n income: record,\n textExtraction\n })\n }), /* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsx50(IncomeIcon, {\n record\n })\n }), /* @__PURE__ */ _jsx50(TitleContainer, {\n children: title\n }), hasTransactionLink && transactionLinkedBankingProvider && /* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsx50(Tooltip2, {\n content: translation([`Transaction received from ${transactionLinkedBankingProvider.displayName}`, `Transacci\\xF3n recibida de ${transactionLinkedBankingProvider.displayName}`]),\n children: /* @__PURE__ */ _jsx50(Icon2, {\n color: colors19.neutralDarker,\n Component: IconLink2\n })\n })\n }), /* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsxs25(Grid, {\n columns: numberOfAmountColumns,\n children: [shouldDisplayNetAndTaxes && /* @__PURE__ */ _jsxs25(_Fragment12, {\n children: [/* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsx50(Amount, {\n children: formatCurrency5(Number(net), {\n currency,\n locale\n })\n })\n }), totalTaxRates.map((tax) => /* @__PURE__ */ _jsxs25(GridItem, {\n children: [/* @__PURE__ */ _jsx50(Amount, {\n children: formatCurrency5(tax.amount, {\n currency,\n locale\n })\n }), \" \", /* @__PURE__ */ _jsx50(Percentage, {\n children: formatTaxRatePercentage(tax.rate)\n })]\n }, tax.name))]\n }), /* @__PURE__ */ _jsx50(GridItem, {\n columnStart: numberOfAmountColumns,\n children: /* @__PURE__ */ _jsx50(Amount, {\n children: formatCurrency5(Number(gross), {\n currency,\n locale\n })\n })\n })]\n })\n }), /* @__PURE__ */ _jsx50(GridItem, {\n alignCenter: true,\n children: /* @__PURE__ */ _jsx50(IncomePaymentStatus, {\n record,\n isSmall: true\n })\n })]\n })\n }), /* @__PURE__ */ _jsx50(Spacer5, {\n children: actions\n })]\n })\n });\n }\n return /* @__PURE__ */ _jsx50(Container14, {\n background: colors19.white,\n padding: \"12px 15px\",\n radius: radius8.medium,\n onClick: navigateToRecord,\n children: /* @__PURE__ */ _jsxs25(Flexer10, {\n column: true,\n gap: \"9px\",\n children: [isComplete4 && !isDraft3 && /* @__PURE__ */ _jsxs25(Flexer10, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx50(Line5, {\n size: font9.smaller,\n children: /* @__PURE__ */ _jsx50(IncomeRowDateMobile, {\n record,\n isShortDate: true\n })\n }), /* @__PURE__ */ _jsx50(IncomePaymentStatus, {\n record,\n isSmall: true\n })]\n }), /* @__PURE__ */ _jsxs25(Grid, {\n columns: \"24px 1fr auto\",\n gap: \"6px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx50(GridItem, {\n children: /* @__PURE__ */ _jsx50(IncomeIcon, {\n record\n })\n }), /* @__PURE__ */ _jsx50(TitleContainer, {\n children: title\n }), /* @__PURE__ */ _jsx50(GridItem, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx50(Amount, {\n children: formatCurrency5(Number(gross), {\n currency,\n locale\n })\n })\n })]\n })]\n })\n });\n};\nvar ClickableWrapper = styled14.div.withConfig({\n displayName: \"Row__ClickableWrapper\",\n componentId: \"sc-172d2fb-0\"\n})([\"width:100%;cursor:pointer;\", \"{padding:12px 0;}\"], media6.tablet);\nvar Date2 = styled14.div.withConfig({\n displayName: \"Row__Date\",\n componentId: \"sc-172d2fb-1\"\n})([\"display:flex;align-items:center;justify-content:space-between;gap:12px;color:\", \";font-size:\", \";\"], colors19.black, font9.smaller);\nvar TitleContainer = styled14.div.withConfig({\n displayName: \"Row__TitleContainer\",\n componentId: \"sc-172d2fb-2\"\n})([\"color:\", \";font-size:\", \";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;\"], colors19.neutralDarker, font9.smaller);\nvar Counterpart = styled14.span.withConfig({\n displayName: \"Row__Counterpart\",\n componentId: \"sc-172d2fb-3\"\n})([\"color:\", \";\"], colors19.black);\nvar Amount = styled14.span.withConfig({\n displayName: \"Row__Amount\",\n componentId: \"sc-172d2fb-4\"\n})([\"font-size:\", \";\"], font9.smaller);\nvar Percentage = styled14.span.withConfig({\n displayName: \"Row__Percentage\",\n componentId: \"sc-172d2fb-5\"\n})([\"color:\", \";font-size:\", \";\"], colors19.neutralDarker, font9.smaller);\n\n// src/components/shared/hooks/use-record-list-item-title.tsx\nimport { jsx as _jsx51, Fragment as _Fragment13, jsxs as _jsxs26 } from \"react/jsx-runtime\";\nvar useRecordListItemTitle = ({\n defaultTranslationId,\n record,\n textExtractionRecord\n}) => {\n const {\n invoiceNumber,\n file,\n description\n } = record;\n const partyName = \"recipientName\" in record ? record.recipientName : record.senderName;\n const textExtractionPartyName = textExtractionRecord ? \"recipientName\" in textExtractionRecord ? textExtractionRecord.recipientName : textExtractionRecord.senderName : void 0;\n const {\n fileName\n } = file || {};\n if (!!invoiceNumber && !!partyName)\n return /* @__PURE__ */ _jsxs26(_Fragment13, {\n children: [/* @__PURE__ */ _jsx51(Counterpart, {\n children: partyName\n }), \" \\xA0#\", invoiceNumber]\n });\n if (!invoiceNumber && !!partyName)\n return /* @__PURE__ */ _jsx51(Counterpart, {\n children: partyName\n });\n if (!!invoiceNumber && !partyName)\n return /* @__PURE__ */ _jsxs26(_Fragment13, {\n children: [\"#\", invoiceNumber]\n });\n if (textExtractionPartyName)\n return /* @__PURE__ */ _jsx51(Counterpart, {\n children: textExtractionPartyName\n });\n if (description)\n return /* @__PURE__ */ _jsx51(_Fragment13, {\n children: description\n });\n if (fileName)\n return /* @__PURE__ */ _jsx51(_Fragment13, {\n children: fileName\n });\n return /* @__PURE__ */ _jsx51(Translation, {\n id: defaultTranslationId\n });\n};\n\n// src/components/shared/icons/ExpenseIcon.tsx\nimport { useMemo as useMemo20 } from \"react\";\nimport { IconFile } from \"@scouts/ui\";\nimport { jsx as _jsx52 } from \"react/jsx-runtime\";\nvar ExpenseIcon = ({\n record\n}) => {\n const {\n expenseOptions: {\n isFileRequired\n }\n } = useConfig();\n const Icon13 = useMemo20(() => {\n if (Expense.hasFile(record))\n return file_attachment_default;\n if (isFileRequired && Expense.getRequiresFile(record))\n return file_no_attachment_default;\n return IconFile;\n }, [isFileRequired, record]);\n return /* @__PURE__ */ _jsx52(Icon13, {});\n};\n\n// src/components/shared/tracking/records/RecordListItemBasicDetails.tsx\nimport { jsx as _jsx53, jsxs as _jsxs27 } from \"react/jsx-runtime\";\nvar RecordListItemBasicDetails = ({\n onClick,\n record\n}) => {\n const {\n isIncome,\n item\n } = record;\n const {\n gross\n } = item;\n const {\n incomeOptions: {\n accountingMethod\n },\n defaultCurrency: currency\n } = useConfig();\n const locale = useLocale10();\n const isTablet = useIsTablet3();\n const isComplete4 = useIsRecordComplete(record);\n const {\n updatedRecord: textExtractionRecord\n } = useRecordListItemTextExtraction({\n record\n });\n const title = useRecordListItemTitle({\n defaultTranslationId: isIncome ? \"income.content.draft\" : \"expense.content.draft\",\n record: item,\n textExtractionRecord\n });\n const displayDate2 = isIncome ? Income.displayDate(item, accountingMethod) : item.taxPointDate || \"\";\n if (isTablet) {\n return /* @__PURE__ */ _jsx53(Wrapper, {\n onClick,\n children: /* @__PURE__ */ _jsxs27(Grid2, {\n columns: `96px 24px 1fr 96px ${isIncome ? \"96px\" : \"\"}`,\n gap: \"9px\",\n width: \"100%\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx53(GridItem2, {\n children: /* @__PURE__ */ _jsx53(Date3, {\n children: formatDateUTC4(displayDate2, MEDIUM_DATE_PATTERN, locale)\n })\n }), /* @__PURE__ */ _jsx53(GridItem2, {\n children: isIncome ? /* @__PURE__ */ _jsx53(IncomeIcon, {\n record: item\n }) : /* @__PURE__ */ _jsx53(ExpenseIcon, {\n record: item\n })\n }), /* @__PURE__ */ _jsx53(TitleContainer2, {\n children: title\n }), /* @__PURE__ */ _jsx53(GridItem2, {\n children: /* @__PURE__ */ _jsx53(Amount2, {\n children: formatCurrency6(Number(gross), {\n currency,\n locale\n })\n })\n }), isIncome && /* @__PURE__ */ _jsx53(GridItem2, {\n alignCenter: true,\n children: /* @__PURE__ */ _jsx53(IncomePaymentStatus, {\n record: item,\n isSmall: true\n })\n })]\n })\n });\n }\n return /* @__PURE__ */ _jsxs27(Wrapper, {\n onClick,\n children: [isComplete4 && /* @__PURE__ */ _jsx53(Date3, {\n children: formatDateUTC4(displayDate2, SHORT_DATE_PATTERN, locale)\n }), /* @__PURE__ */ _jsxs27(Grid2, {\n columns: \"24px 1fr auto\",\n gap: \"6px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx53(GridItem2, {\n children: isIncome ? /* @__PURE__ */ _jsx53(IncomeIcon, {\n record: item\n }) : /* @__PURE__ */ _jsx53(ExpenseIcon, {\n record: item\n })\n }), /* @__PURE__ */ _jsx53(TitleContainer2, {\n children: title\n }), /* @__PURE__ */ _jsx53(GridItem2, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx53(Amount2, {\n children: formatCurrency6(Number(gross), {\n currency,\n locale\n })\n })\n })]\n })]\n });\n};\nvar Amount2 = styled15.span.withConfig({\n displayName: \"RecordListItemBasicDetails__Amount\",\n componentId: \"sc-6axjcn-0\"\n})([\"font-size:\", \";\"], font10.smaller);\nvar TitleContainer2 = styled15.div.withConfig({\n displayName: \"RecordListItemBasicDetails__TitleContainer\",\n componentId: \"sc-6axjcn-1\"\n})([\"color:\", \";font-size:\", \";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;\"], colors20.neutralDarker, font10.smaller);\nvar Date3 = styled15.div.withConfig({\n displayName: \"RecordListItemBasicDetails__Date\",\n componentId: \"sc-6axjcn-2\"\n})([\"color:\", \";font-size:\", \";\", \"{color:\", \";}\"], colors20.neutralDarker, font10.smaller, media7.tablet, colors20.black);\nvar Wrapper = styled15.div.withConfig({\n displayName: \"RecordListItemBasicDetails__Wrapper\",\n componentId: \"sc-6axjcn-3\"\n})([\"cursor:\", \";flex-direction:column;gap:9px;width:100%;\", \"{gap:12px;align-items:center;justify-content:space-between;}\"], ({\n onClick\n}) => onClick ? \"pointer\" : \"default\", media7.tablet);\n\n// src/components/shared/tracking/records/RecordMergeModal/RecordMergeSuggestions.tsx\nimport { styled as styled17 } from \"styled-components\";\nimport { colors as colors22, font as font11, media as media8, radius as radius9, ButtonLink as ButtonLink5, Container as Container15, Flexer as Flexer11, Loadable as Loadable6, Radio, Spacer as Spacer6 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/records/RecordMergeModal/RecordMergeNoResults.tsx\nimport styled16 from \"styled-components\";\nimport { colors as colors21, Line as Line6 } from \"@scouts/ui\";\nimport { jsx as _jsx54 } from \"react/jsx-runtime\";\nvar RecordMergeNoResults = ({\n isErrorSuggestions,\n isNoSearchResults,\n searchQuery\n}) => {\n if (isNoSearchResults) {\n return /* @__PURE__ */ _jsx54(NoResultsWrapper, {\n children: /* @__PURE__ */ _jsx54(Line6, {\n color: colors21.neutralDarker,\n children: /* @__PURE__ */ _jsx54(Translation, {\n strings: [`We couldn't find any matches for \"${searchQuery}\"`, `No encontramos resultados para \"${searchQuery}\"`]\n })\n })\n });\n }\n if (isErrorSuggestions) {\n return /* @__PURE__ */ _jsx54(NoResultsWrapper, {\n children: /* @__PURE__ */ _jsx54(Line6, {\n color: colors21.neutralDarker,\n children: /* @__PURE__ */ _jsx54(Translation, {\n strings: [\"There was a problem fetching merge suggestions for this record\", \"There was a problem fetching merge suggestions for this record\"]\n })\n })\n });\n }\n return null;\n};\nvar NoResultsWrapper = styled16.div.withConfig({\n displayName: \"RecordMergeNoResults__NoResultsWrapper\",\n componentId: \"sc-1t8srh7-0\"\n})([\"margin:0 auto;padding-top:18px;\"]);\n\n// src/components/shared/tracking/records/RecordMergeModal/RecordMergeSuggestions.tsx\nimport { jsx as _jsx55, jsxs as _jsxs28, Fragment as _Fragment14 } from \"react/jsx-runtime\";\nvar RecordMergeSuggestions = ({\n isErrorSuggestions,\n isFetchingSearchResults,\n isIncome,\n isSearching,\n isSuccessSearch,\n listItems,\n onRadioChange,\n onSearchChange,\n onShowMore,\n recordTranslation,\n resultsPageSize,\n resultsTotalCount,\n searchQuery,\n selectedRecordId\n}) => {\n const translation = useTranslation();\n const isRecordsListEmpty = !listItems.length;\n return /* @__PURE__ */ _jsxs28(_Fragment14, {\n children: [/* @__PURE__ */ _jsx55(Container15, {\n background: colors22.white,\n padding: \"12px 18px\",\n radius: radius9.medium,\n children: /* @__PURE__ */ _jsx55(SearchInput, {\n autoComplete: \"off\",\n name: \"searchQuery\",\n onChange: (value) => onSearchChange(value.target.value),\n placeholder: translation([`Search for ${recordTranslation}`, `Buscar ${recordTranslation}`]),\n type: \"search\",\n value: searchQuery\n })\n }), isFetchingSearchResults ? /* @__PURE__ */ _jsx55(Loadable6, {\n isLoading: true,\n isSmall: true\n }) : /* @__PURE__ */ _jsxs28(Wrapper2, {\n isFetching: isFetchingSearchResults,\n children: [listItems.length ? listItems.map((record) => /* @__PURE__ */ _jsx55(Container15, {\n background: colors22.white,\n padding: \"12px 18px\",\n radius: radius9.medium,\n children: /* @__PURE__ */ _jsxs28(Flexer11, {\n alignCenter: true,\n gap: \"18px\",\n width: \"100%\",\n children: [/* @__PURE__ */ _jsx55(Radio, {\n checked: selectedRecordId === record.id,\n isSmall: true,\n label: \" \",\n name: \"selectedRecordId\",\n onChange: onRadioChange,\n value: record.id,\n required: true\n }), /* @__PURE__ */ _jsx55(RecordListItemBasicDetails, {\n onClick: () => onRadioChange({\n name: \"selectedRecordId\",\n value: String(record.id)\n }),\n record: {\n isIncome,\n item: record\n }\n })]\n })\n }, record.id)) : /* @__PURE__ */ _jsx55(RecordMergeNoResults, {\n isErrorSuggestions,\n isNoSearchResults: isSearching && isRecordsListEmpty && isSuccessSearch,\n searchQuery\n }), isSearching && !isRecordsListEmpty && resultsPageSize < resultsTotalCount && /* @__PURE__ */ _jsx55(Spacer6, {\n margin: \"12px auto\",\n children: /* @__PURE__ */ _jsx55(ButtonLink5, {\n onClick: onShowMore,\n children: /* @__PURE__ */ _jsx55(Translation, {\n strings: [\"Show more\", \"Ver m\\xE1s\"]\n })\n })\n })]\n })]\n });\n};\nvar SearchInput = styled17.input.withConfig({\n displayName: \"RecordMergeSuggestions__SearchInput\",\n componentId: \"sc-16zwhtx-0\"\n})([\"font-size:\", \";width:100%;padding:9px 15px;background:\", \";border:2px solid \", \";border-radius:\", \";\", \"{&:hover{border-color:\", \";}}&:focus{outline:0;border-color:\", \";background:\", \";&::-webkit-search-cancel-button{opacity:0.3;pointer-events:all;}}&::placeholder{color:\", \";}\", \"{padding:9px 12px;}&::-webkit-search-cancel-button{height:12px;width:12px;border-radius:\", \";opacity:0;pointer-events:none;cursor:pointer;}\"], font11.small, colors22.neutralLightest, colors22.neutralLightest, radius9.small, media8.pointer, colors22.neutralLight, colors22.blue, colors22.white, colors22.neutralDarker, media8.tablet, radius9.full);\nvar Wrapper2 = styled17.div.withConfig({\n displayName: \"RecordMergeSuggestions__Wrapper\",\n componentId: \"sc-16zwhtx-1\"\n})([\"display:flex;flex-direction:column;opacity:\", \";pointer-events:\", \";gap:3px;\"], ({\n isFetching\n}) => isFetching ? \"0.4\" : \"1\", ({\n isFetching\n}) => isFetching ? \"none\" : \"auto\");\n\n// src/components/shared/tracking/records/RecordMergeModal/RecordMergeModal.tsx\nimport { jsx as _jsx56, jsxs as _jsxs29 } from \"react/jsx-runtime\";\nvar RECORDS_SEARCH_DEFAULT_PAGE_SIZE = 5;\nvar RecordMergeModal = ({\n isIncome,\n onClose,\n record\n}) => {\n const history = useHistory3();\n const {\n ROUTES\n } = useRoutes();\n const translation = useTranslation();\n const {\n id: recordId\n } = record;\n const [searchQuery, setSearchQuery] = useState16(\"\");\n const [pageSize, setPageSize] = useState16(RECORDS_SEARCH_DEFAULT_PAGE_SIZE);\n const [selectedRecordId, setSelectedRecordId] = useState16(void 0);\n const {\n isErrorSuggestions,\n isFetchingSearchResults,\n isSuccessSearchResults,\n isLoading,\n mergeRecords,\n recordsList,\n recordsListTotalCount\n } = useRecordMerge({\n isIncome,\n pageSize,\n record,\n searchQuery\n });\n const handleSelectRecord = (updatedValue) => {\n setSelectedRecordId(updatedValue);\n };\n const handleMergeRecords = () => {\n if (recordId && selectedRecordId) {\n mergeRecords({\n recordId,\n otherRecordId: selectedRecordId\n }).then((response) => {\n if (response.errors)\n return;\n onClose();\n history.replace(generatePath2(isIncome ? Income.isInvoice(response) ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT : ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT : ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: response.id\n }));\n });\n }\n };\n const handleRadioChange = ({\n value\n }) => {\n const updatedValue = Number(value);\n handleSelectRecord(updatedValue);\n };\n const handleSearchChange = (value) => setSearchQuery(value);\n const handleLoadMore = () => setPageSize((previousValue) => previousValue + RECORDS_SEARCH_DEFAULT_PAGE_SIZE);\n const isSearching = !!searchQuery.length;\n const recordTranslation = (isIncome ? translation({\n id: \"record.content.title.income\"\n }) : translation({\n id: \"record.content.title.expense\"\n })).toLowerCase();\n return /* @__PURE__ */ _jsxs29(Modal3, {\n isLoading,\n isWide: true,\n onClose,\n children: [/* @__PURE__ */ _jsx56(ModalHeader3, {\n children: /* @__PURE__ */ _jsx56(ModalTitle3, {\n children: /* @__PURE__ */ _jsx56(Translation, {\n strings: [`Merge with another ${recordTranslation}`, `Combinar con otro ${recordTranslation}`]\n })\n })\n }), /* @__PURE__ */ _jsxs29(ModalBody3, {\n children: [/* @__PURE__ */ _jsx56(Spacer7, {\n marginTop: \"24px\",\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx56(Container16, {\n border: `1px solid ${colors23.neutralLightest}`,\n padding: \"12px 18px\",\n desktopPadding: \"15px 12px\",\n radius: radius10.large,\n children: /* @__PURE__ */ _jsx56(RecordListItemBasicDetails, {\n record: {\n isIncome,\n item: record\n }\n })\n })\n }), /* @__PURE__ */ _jsx56(Spacer7, {\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx56(Paragraph2, {\n children: /* @__PURE__ */ _jsx56(Translation, {\n strings: [`Verify if this record can be merged with another ${recordTranslation} entry and select it from the list below.`, `Comprueba si este registro se puede combinar con otro ${recordTranslation} y selecci\\xF3nalo de la lista siguiente.`]\n })\n })\n }), /* @__PURE__ */ _jsx56(RecordsSection, {\n children: /* @__PURE__ */ _jsx56(RecordsSectionList, {\n children: /* @__PURE__ */ _jsx56(RecordMergeSuggestions, {\n isErrorSuggestions,\n isFetchingSearchResults,\n isIncome,\n isSearching,\n isSuccessSearch: isSuccessSearchResults,\n listItems: recordsList,\n onRadioChange: handleRadioChange,\n onSearchChange: handleSearchChange,\n onShowMore: handleLoadMore,\n recordTranslation,\n resultsPageSize: pageSize,\n resultsTotalCount: recordsListTotalCount,\n searchQuery,\n selectedRecordId\n })\n })\n })]\n }), /* @__PURE__ */ _jsx56(ModalFooter3, {\n children: /* @__PURE__ */ _jsxs29(ModalActions3, {\n children: [/* @__PURE__ */ _jsx56(Button9, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx56(Translation, {\n strings: [\"Cancel\", \"Cancelar\"]\n })\n }), recordsList.length ? /* @__PURE__ */ _jsx56(Button9, {\n disabled: !selectedRecordId,\n type: \"submit\",\n onClick: handleMergeRecords,\n children: /* @__PURE__ */ _jsx56(Translation, {\n strings: [\"Merge with selected\", \"Combinar con seleccionado\"]\n })\n }) : /* @__PURE__ */ _jsx56(Button9, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx56(Translation, {\n strings: [\"Got it\", \"Entendido\"]\n })\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/expense-deductibility/ExpenseDeductibilityModal.tsx\nimport { useCallback as useCallback21, useEffect as useEffect14, useState as useState17 } from \"react\";\nimport { Button as Button10, Flexer as Flexer13, Line as Line9, ModalBodyLegacy as ModalBody4, ModalFooterLegacy as ModalFooter4, ModalHeaderLegacy as ModalHeader4, ModalLegacy as Modal4, ModalTitleLegacy as ModalTitle4 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/expenses/expense-deductibility/DeductibilityRow.tsx\nimport styled18 from \"styled-components\";\nimport { media as media9, Flexer as Flexer12, Grid as Grid3, Input as Input13, Line as Line7, Spacer as Spacer8 } from \"@scouts/ui\";\nimport { jsx as _jsx57, jsxs as _jsxs30 } from \"react/jsx-runtime\";\nvar DeductibilityRow = ({\n baseNumber,\n isReadOnly,\n name,\n onPercentageChange,\n percentage,\n children\n}) => {\n const {\n defaultCurrencySymbol\n } = useConfig();\n const translation = useTranslation();\n const deductiblePercentage = inputValueToNumber(percentage);\n const isValid = deductiblePercentage >= 0 && deductiblePercentage <= 100;\n const deductibleAmount = toCurrency(deductiblePercentage / 100 * baseNumber);\n return /* @__PURE__ */ _jsxs30(Grid3, {\n columns: \"1fr auto\",\n alignCenter: true,\n gap: \"15px\",\n children: [children, /* @__PURE__ */ _jsxs30(Flexer12, {\n gap: \"15px\",\n children: [/* @__PURE__ */ _jsxs30(DisplayTablet, {\n children: [/* @__PURE__ */ _jsx57(Spacer8, {\n width: \"129px\",\n children: /* @__PURE__ */ _jsx57(Input13, {\n suffix: defaultCurrencySymbol,\n floatingLabel: name,\n name: \"deductibilityBaseNumber\" + name,\n onChange: () => {\n },\n shouldAlwaysDisplayFloatingLabel: true,\n value: baseNumber,\n readOnly: true\n })\n }), /* @__PURE__ */ _jsx57(Line7, {\n children: \"\\xD7\"\n })]\n }), /* @__PURE__ */ _jsx57(Spacer8, {\n width: \"129px\",\n children: /* @__PURE__ */ _jsx57(Input13, {\n type: \"number\",\n step: \"1\",\n min: \"0\",\n max: \"100\",\n required: true,\n suffix: \"%\",\n floatingLabel: translation([\"Percentage\", \"Porcentaje\"]),\n name: \"deductibilityPercentage\" + name,\n onChange: ({\n value\n }) => onPercentageChange(value),\n shouldAlwaysDisplayFloatingLabel: true,\n value: percentage ?? \"\",\n hasError: !isValid,\n readOnly: isReadOnly\n })\n })]\n }), /* @__PURE__ */ _jsx57(Spacer8, {\n width: \"129px\",\n children: /* @__PURE__ */ _jsx57(Input13, {\n suffix: defaultCurrencySymbol,\n floatingLabel: translation([\"Deductible\", \"Deducible\"]),\n name: \"deductibilityAmount\",\n onChange: () => {\n },\n shouldAlwaysDisplayFloatingLabel: true,\n value: deductibleAmount,\n readOnly: true\n })\n })]\n });\n};\nvar DisplayTablet = styled18.div.withConfig({\n displayName: \"DeductibilityRow__DisplayTablet\",\n componentId: \"sc-1gfadwl-0\"\n})([\"display:none;\", \"{display:flex;gap:15px;align-items:center;}\"], media9.tablet);\n\n// src/components/shared/tracking/expenses/expense-deductibility/ExpenseDeductibilityDescription.tsx\nimport { formatCurrency as formatCurrency7 } from \"@scouts/helpers\";\nimport { useLocale as useLocale11 } from \"@scouts/i18n\";\nimport { Container as Container17, Line as Line8, Paragraph as Paragraph3 } from \"@scouts/ui\";\nimport { jsx as _jsx58, jsxs as _jsxs31, Fragment as _Fragment15 } from \"react/jsx-runtime\";\nvar ExpenseDeductibilityDescription = () => {\n const {\n taxRatesDefinitionsThatAllowCustomDeductibility\n } = useTaxRatesDefinitions();\n const {\n expense\n } = useExpenseContext();\n const locale = useLocale11();\n const {\n defaultCurrency\n } = useConfig();\n const formatCurrencyWithLocale = (value) => formatCurrency7(value, {\n locale,\n currency: defaultCurrency\n });\n if (!taxRatesDefinitionsThatAllowCustomDeductibility)\n return null;\n const taxesToCheck = getTaxesThatAllowCustomDeductibility(expense.taxRates, taxRatesDefinitionsThatAllowCustomDeductibility);\n const isExpenseNotClaimable = expense.deductiblePercentage === 0 && taxesToCheck.every((taxRate) => taxRate.deductiblePercentage === 0);\n const areTaxesNotClaimable = expense.deductiblePercentage === 100 && taxesToCheck.every((taxRate) => taxRate.deductiblePercentage === 0);\n const totalClaimableAmountWhenTaxesAreNotClaimable = toCurrency((expense.net ?? 0) + (taxesToCheck[0]?.amount ?? 0));\n const isExpenseNotClaimableButTaxesHalfClaimable = expense.deductiblePercentage === 0 && taxesToCheck.every((taxRate) => taxRate.deductiblePercentage === 50);\n const isExpensePartiallyDeductible = expense.deductiblePercentage !== 0 && expense.deductiblePercentage !== 100 && taxesToCheck.every((taxRate) => taxRate.deductiblePercentage !== 0 && taxRate.deductiblePercentage !== 100);\n return /* @__PURE__ */ _jsxs31(_Fragment15, {\n children: [isExpenseNotClaimable && /* @__PURE__ */ _jsx58(Line8, {\n children: /* @__PURE__ */ _jsx58(Translation, {\n strings: [\"You cannot claim this expense. You can clarify the details with your accountant.\", \"No te puedes aplicar este gasto. Puedes aclarar el motivo con tu asesor.\"]\n })\n }), areTaxesNotClaimable && /* @__PURE__ */ _jsxs31(Container17, {\n children: [/* @__PURE__ */ _jsx58(Paragraph3, {\n children: /* @__PURE__ */ _jsx58(Translation, {\n strings: [\"\", \"Como el IVA no te lo puedes aplicar, ese IVA no aplicado se considera un gasto.\"]\n })\n }), /* @__PURE__ */ _jsx58(Paragraph3, {\n children: /* @__PURE__ */ _jsx58(Translation, {\n strings: [\"\", `Por tanto, ${formatCurrencyWithLocale(expense.net ?? 0)} + ${formatCurrencyWithLocale(taxesToCheck[0]?.amount)} = ${formatCurrencyWithLocale(totalClaimableAmountWhenTaxesAreNotClaimable)} de gasto total. Si tienes dudas, puedes preguntar a tu asesor.`]\n })\n })]\n }), isExpenseNotClaimableButTaxesHalfClaimable && /* @__PURE__ */ _jsx58(Line8, {\n children: /* @__PURE__ */ _jsx58(Translation, {\n strings: [\"\", \"Hacienda no permite aplicarse este gasto, pero podr\\xE1s recuperar parte del IVA. Si tienes dudas, puedes preguntar a tu asesor.\"]\n })\n }), isExpensePartiallyDeductible && /* @__PURE__ */ _jsx58(Line8, {\n children: /* @__PURE__ */ _jsx58(Translation, {\n strings: [\"\", \"Este gasto se considera que no est\\xE1 \\xFAnicamente destinado a tu negocio como aut\\xF3nomo. Puedes aclarar el motivo con tu asesor.\"]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/expense-deductibility/ExpenseDeductibilityModal.tsx\nimport { jsx as _jsx59, jsxs as _jsxs32 } from \"react/jsx-runtime\";\nvar useDeductibleTaxRatesState = (taxRates, taxRatesDefinitionsThatAllowCustomDeductibility) => {\n const findDeductibleTaxRates = useCallback21(() => taxRates.filter((expenseTaxRate) => taxRatesDefinitionsThatAllowCustomDeductibility?.some((taxRateDefinition) => taxRateDefinition.name === expenseTaxRate.name)).map((expenseTaxRate) => ({\n ...expenseTaxRate,\n deductiblePercentage: expenseTaxRate.deductiblePercentage !== null ? String(expenseTaxRate.deductiblePercentage) : \"\"\n })), [taxRates, taxRatesDefinitionsThatAllowCustomDeductibility]);\n const stateTuple = useState17(findDeductibleTaxRates());\n const [, setState] = stateTuple;\n useEffect14(() => {\n setState(findDeductibleTaxRates());\n }, [findDeductibleTaxRates, setState]);\n return stateTuple;\n};\nvar ExpenseDeductibilityModal = ({\n onClose\n}) => {\n const {\n isAccountant\n } = useConfig();\n const translation = useTranslation();\n const {\n hasTaxes,\n taxRatesDefinitionsThatAllowCustomDeductibility,\n isLoading: isLoadingTaxes\n } = useTaxRatesDefinitions();\n const {\n expense,\n setExpense,\n isReadOnly: contextIsReadOnly\n } = useExpenseContext();\n const {\n updateExpenseDeductibility,\n isLoading: isLoadingUpdate\n } = useUpdateExpense();\n const [deductiblePercentageInput, setDeductiblePercentageInput] = useState17(expense.deductiblePercentage !== null ? String(expense.deductiblePercentage) : \"\");\n const [deductibleTaxRatesState, setDeductibleTaxRatesState] = useDeductibleTaxRatesState(expense.taxRates, taxRatesDefinitionsThatAllowCustomDeductibility);\n const handleTaxDeductibilityChange = (taxRateName) => (value) => {\n const currentTaxRateIndex = deductibleTaxRatesState.findIndex((taxState) => taxState.name === taxRateName);\n if (currentTaxRateIndex === -1)\n return;\n const updatedTaxState = [...deductibleTaxRatesState];\n updatedTaxState[currentTaxRateIndex].deductiblePercentage = value;\n setDeductibleTaxRatesState(updatedTaxState);\n };\n const handleSubmit = (submittedDeductiblePercente, submittedTaxRatesDeductibilities) => {\n updateExpenseDeductibility({\n ...expense,\n deductiblePercentage: submittedDeductiblePercente,\n taxRates: submittedTaxRatesDeductibilities\n }).then((response) => {\n if (response.errors)\n return;\n setExpense({\n ...expense,\n deductibility: response.deductibility,\n deductibleGross: response.deductibleGross,\n deductibleNet: response.deductibleNet,\n deductiblePercentage: response.deductiblePercentage,\n taxRates: Taxes.copyTaxRatesWithDeductiblePercentage(expense.taxRates, response.taxRates)\n });\n onClose();\n });\n };\n const handleDelete = () => {\n handleSubmit(null, deductibleTaxRatesState.map((tax) => ({\n ...tax,\n deductiblePercentage: 100\n })));\n };\n const isReadOnly = !isAccountant || contextIsReadOnly;\n return /* @__PURE__ */ _jsxs32(Modal4, {\n isLoading: isLoadingTaxes,\n isWide: true,\n onClose: isLoadingUpdate ? () => {\n } : onClose,\n children: [/* @__PURE__ */ _jsx59(ModalHeader4, {\n children: /* @__PURE__ */ _jsx59(ModalTitle4, {\n children: /* @__PURE__ */ _jsx59(Translation, {\n strings: [\"Partially claimable\", \"Parcialmente deducible\"]\n })\n })\n }), /* @__PURE__ */ _jsx59(ModalBody4, {\n children: /* @__PURE__ */ _jsxs32(Flexer13, {\n column: true,\n gap: \"30px\",\n children: [/* @__PURE__ */ _jsxs32(DeductibilityRow, {\n baseNumber: (hasTaxes ? expense.net : expense.gross) ?? 0,\n isReadOnly,\n name: hasTaxes ? translation({\n id: \"common.net\"\n }) : translation({\n id: \"common.gross\"\n }),\n onPercentageChange: (value) => setDeductiblePercentageInput(value),\n percentage: deductiblePercentageInput,\n children: [/* @__PURE__ */ _jsx59(Line9, {\n children: /* @__PURE__ */ _jsx59(Translation, {\n strings: [\"How much of the expense is claimable?\", \"\\xBFQu\\xE9 porcentaje del gasto me puedo aplicar?\"]\n })\n }), /* @__PURE__ */ _jsx59(Line9, {\n children: /* @__PURE__ */ _jsx59(Translation, {\n strings: [\"Claimable amount\", \"Gasto aplicable\"]\n })\n })]\n }), deductibleTaxRatesState.map((taxRate) => /* @__PURE__ */ _jsxs32(DeductibilityRow, {\n baseNumber: taxRate.amount,\n isReadOnly,\n name: taxRate.name,\n onPercentageChange: handleTaxDeductibilityChange(taxRate.name),\n percentage: taxRate.deductiblePercentage,\n children: [/* @__PURE__ */ _jsx59(Line9, {\n children: /* @__PURE__ */ _jsx59(Translation, {\n strings: [`How much of the ${taxRate.name} is claimable?`, `\\xBFQu\\xE9 porcetaje del ${taxRate.name} me puedo aplicar?`]\n })\n }), /* @__PURE__ */ _jsx59(Line9, {\n children: /* @__PURE__ */ _jsx59(Translation, {\n strings: [`Claimable ${taxRate.name}`, `${taxRate.name} aplicable`]\n })\n })]\n }, taxRate.name)), /* @__PURE__ */ _jsx59(ExpenseDeductibilityDescription, {})]\n })\n }), /* @__PURE__ */ _jsx59(ModalFooter4, {\n children: isReadOnly ? /* @__PURE__ */ _jsx59(Flexer13, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx59(Button10, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx59(Translation, {\n id: \"common.actions.close\"\n })\n })\n }) : /* @__PURE__ */ _jsxs32(Flexer13, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx59(Button10, {\n disabled: isLoadingUpdate,\n onClick: handleDelete,\n isDanger: true,\n children: /* @__PURE__ */ _jsx59(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs32(Flexer13, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx59(Button10, {\n disabled: isLoadingUpdate,\n isSecondary: true,\n onClick: onClose,\n children: /* @__PURE__ */ _jsx59(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx59(Button10, {\n isLoading: isLoadingUpdate,\n onClick: () => handleSubmit(inputValueToNumber(deductiblePercentageInput ?? \"\"), deductibleTaxRatesState.map((tax) => ({\n ...tax,\n deductiblePercentage: inputValueToNumber(tax.deductiblePercentage)\n }))),\n children: /* @__PURE__ */ _jsx59(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseCountryModal.tsx\nimport { useState as useState18 } from \"react\";\nimport { Button as Button11, Flexer as Flexer14, ModalBodyLegacy as ModalBody5, ModalFooterLegacy as ModalFooter5, ModalHeaderLegacy as ModalHeader5, ModalLegacy as Modal5, ModalTitleLegacy as ModalTitle5, Paragraph as Paragraph4, SelectWithLabel as SelectWithLabel5, Spacer as Spacer9 } from \"@scouts/ui\";\nimport { jsx as _jsx60, jsxs as _jsxs33 } from \"react/jsx-runtime\";\nvar ExpenseCountryModal = ({\n onClose,\n onDelete,\n onSubmit,\n currentCountryId,\n isLoading\n}) => {\n const translation = useTranslation();\n const {\n getCountryById\n } = useCountries();\n const options = useCountryOptions();\n const currentCountry = getCountryById(currentCountryId);\n const [selectedCountry, setSelectedCountry] = useState18(currentCountry);\n const handleCountryChange = ({\n value\n }) => {\n const country = getCountryById(Number(value));\n if (country)\n setSelectedCountry(country);\n };\n return /* @__PURE__ */ _jsxs33(Modal5, {\n onClose,\n isLoading,\n children: [/* @__PURE__ */ _jsx60(ModalHeader5, {\n children: /* @__PURE__ */ _jsx60(ModalTitle5, {\n children: /* @__PURE__ */ _jsx60(Translation, {\n strings: [\"Foreign expense\", \"Factura exterior\"]\n })\n })\n }), /* @__PURE__ */ _jsxs33(ModalBody5, {\n children: [/* @__PURE__ */ _jsx60(Spacer9, {\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx60(Paragraph4, {\n children: /* @__PURE__ */ _jsx60(Translation, {\n strings: [\"Select the country of origin\", \"Selecciona el pa\\xEDs de origen\"]\n })\n })\n }), /* @__PURE__ */ _jsx60(SelectWithLabel5, {\n options,\n label: translation({\n id: \"common.country\"\n }),\n onChange: handleCountryChange,\n value: selectedCountry?.id || \"\",\n name: \"selectedCountryId\"\n })]\n }), /* @__PURE__ */ _jsx60(ModalFooter5, {\n children: /* @__PURE__ */ _jsxs33(Flexer14, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx60(Button11, {\n onClick: onDelete,\n isDanger: true,\n children: /* @__PURE__ */ _jsx60(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs33(Flexer14, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx60(Button11, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx60(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx60(Button11, {\n onClick: () => onSubmit(selectedCountry),\n children: /* @__PURE__ */ _jsx60(Translation, {\n strings: [\"Continue\", \"Finalizar\"]\n })\n })]\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseDepreciableModal.tsx\nimport { Button as Button12, Flexer as Flexer15, ModalBodyLegacy as ModalBody6, ModalFooterLegacy as ModalFooter6, ModalHeaderLegacy as ModalHeader6, ModalLegacy as Modal6, ModalTitleLegacy as ModalTitle6, Paragraph as Paragraph5 } from \"@scouts/ui\";\nimport { jsx as _jsx61, jsxs as _jsxs34 } from \"react/jsx-runtime\";\nvar ExpenseDepreciableModal = ({\n isDepreciable,\n onClose,\n onSubmit\n}) => /* @__PURE__ */ _jsxs34(Modal6, {\n onClose,\n children: [/* @__PURE__ */ _jsx61(ModalHeader6, {\n children: /* @__PURE__ */ _jsx61(ModalTitle6, {\n children: /* @__PURE__ */ _jsx61(Translation, {\n strings: [\"\", \"Uso duradero\"]\n })\n })\n }), /* @__PURE__ */ _jsx61(ModalBody6, {\n children: /* @__PURE__ */ _jsx61(Paragraph5, {\n children: /* @__PURE__ */ _jsx61(Translation, {\n strings: [\"\", \"Producto o servicio de uso profesional que voy a utilizar durante m\\xE1s de un a\\xF1o (ordenador, maquinaria, software, mobiliario, veh\\xEDculo, inmueble, etc.)\"]\n })\n })\n }), /* @__PURE__ */ _jsx61(ModalFooter6, {\n children: /* @__PURE__ */ _jsxs34(Flexer15, {\n gap: \"12px\",\n justifyEnd: true,\n children: [/* @__PURE__ */ _jsx61(Button12, {\n isSecondary: true,\n onClick: onClose,\n children: /* @__PURE__ */ _jsx61(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx61(Button12, {\n onClick: onSubmit,\n children: /* @__PURE__ */ _jsx61(Translation, {\n strings: isDepreciable ? [\"\", \"No, no voy a usarlo m\\xE1s de un a\\xF1o\"] : [\"\", \"Voy a usarlo m\\xE1s de un a\\xF1o\"]\n })\n })]\n })\n })]\n});\n\n// src/components/shared/tracking/expenses/ExpenseLabels.tsx\nimport { jsx as _jsx62, jsxs as _jsxs35, Fragment as _Fragment16 } from \"react/jsx-runtime\";\nvar ExpenseLabels = () => {\n const {\n expenseOptions: {\n hasDepreciableCheckbox\n },\n sharedOptions: {\n hasRecordCountry\n },\n isAccountant,\n featureFlags: {\n featureBookkeepingDeductibility\n }\n } = useConfig();\n const translation = useTranslation();\n const {\n expense,\n updateExpense,\n isReadOnly,\n isEditing\n } = useExpenseContext();\n const {\n defaultCountry,\n isLoading: isLoadingCountries\n } = useCountries();\n const [isCountryModalOpen, setIsCountryModalOpen] = useState19(false);\n const [isDepreciableConfirmationModalOpen, setIsDepreciableConfirmationModalOpen] = useState19(false);\n const [isDeductibilityModalOpen, setIsDeductibilityModalOpen] = useState19(false);\n const [isRecordMergeModalOpen, openRecordMergeModal, closeRecordMergeModal] = useToggle4();\n const [isForeignCurrencyModalOpen, openForeignCurrencyModal, closeForeignCurrencyModal] = useToggle4();\n const {\n isDepreciable,\n senderCountryName,\n senderCountryId,\n deductibility\n } = expense;\n const isForeignCountry = defaultCountry?.id !== senderCountryId;\n const openDepreciableModal = () => {\n setIsDepreciableConfirmationModalOpen(true);\n };\n const closeDepreciableModal = () => {\n setIsDepreciableConfirmationModalOpen(false);\n };\n const openCountryModal = () => {\n setIsCountryModalOpen(true);\n };\n const closeCountryModal = () => {\n setIsCountryModalOpen(false);\n };\n const openDeductibilityModal = () => {\n setIsDeductibilityModalOpen(true);\n };\n const closeDeductibilityModal = () => {\n setIsDeductibilityModalOpen(false);\n };\n const handleCountryChange = (country) => {\n if (country) {\n const updatedCountryParams = {\n senderCountry: country,\n senderCountryName: country.name,\n senderCountryId: country.id\n };\n if (country.isDefault)\n updateExpense(updatedCountryParams);\n else\n updateExpense({\n ...Calculations.getRecordWithEmptyTaxRates(expense),\n ...updatedCountryParams\n });\n }\n closeCountryModal();\n };\n const handleCountryDelete = () => {\n updateExpense({\n senderCountryName: null,\n senderCountryId: null\n });\n closeCountryModal();\n };\n const toggleIsDepreciable = () => {\n updateExpense({\n isDepreciable: !expense.isDepreciable\n });\n };\n const handleDepreciableModalSubmit = () => {\n toggleIsDepreciable();\n closeDepreciableModal();\n };\n const handleSetForeignCurrency = (data) => {\n closeForeignCurrencyModal();\n updateExpense({\n ...data,\n exchangeRate: Number(data.exchangeRate) || 1\n });\n };\n const actions = [{\n title: translation([\"\", \"Uso duradero\"]),\n onClick: openDepreciableModal,\n disabled: isReadOnly,\n shouldHide: !hasDepreciableCheckbox\n }, {\n onClick: openCountryModal,\n title: translation([\"Mark as foreign expense\", \"Factura exterior\"]),\n disabled: isReadOnly,\n shouldHide: !hasRecordCountry\n }, {\n onClick: openDeductibilityModal,\n title: translation([\"Set as partially deductible\", \"Parcialmente deducible\"]),\n disabled: isReadOnly || !isEditing,\n shouldHide: !isAccountant || !featureBookkeepingDeductibility\n }, {\n onClick: openRecordMergeModal,\n title: translation([\"Merge with another expense\", \"Combinar con otro gasto\"]),\n shouldHide: isAccountant || !expense.transactionLinks?.length\n // Hide the button for records with no banking transaction links\n }, {\n onClick: openForeignCurrencyModal,\n title: translation([\"Foreign currency\", \"Moneda extranjera\"]),\n disabled: isReadOnly\n // @TODO: Check if isReadOnly is applied here too\n }].filter((action) => !action.shouldHide);\n const hasActions = actions.length > 0;\n return /* @__PURE__ */ _jsxs35(_Fragment16, {\n children: [/* @__PURE__ */ _jsxs35(Flexer16, {\n gap: \"9px\",\n flexWrap: true,\n children: [hasActions && /* @__PURE__ */ _jsx62(DropdownButton3, {\n actions\n }), isDepreciable && /* @__PURE__ */ _jsx62(ChipButton2, {\n variant: \"neutral\",\n onClick: openDepreciableModal,\n disabled: isReadOnly,\n children: /* @__PURE__ */ _jsx62(Translation, {\n strings: [\"\", \"Uso duradero\"]\n })\n }), featureBookkeepingDeductibility && deductibility !== DeductibilityType.FullyDeductible && /* @__PURE__ */ _jsx62(ChipButton2, {\n variant: \"neutral\",\n onClick: openDeductibilityModal,\n children: /* @__PURE__ */ _jsx62(Translation, {\n strings: DeductibilityDomain.getDeductibilityTranslationStrings(deductibility)\n })\n }), isForeignCountry && senderCountryName && /* @__PURE__ */ _jsx62(ChipButton2, {\n variant: \"highlight\",\n onClick: openCountryModal,\n disabled: isReadOnly,\n children: senderCountryName\n })]\n }), isDepreciableConfirmationModalOpen && /* @__PURE__ */ _jsx62(ExpenseDepreciableModal, {\n onClose: closeDepreciableModal,\n onSubmit: handleDepreciableModalSubmit,\n isDepreciable\n }), isCountryModalOpen && /* @__PURE__ */ _jsx62(ExpenseCountryModal, {\n isLoading: isLoadingCountries,\n onDelete: handleCountryDelete,\n onClose: closeCountryModal,\n onSubmit: handleCountryChange,\n currentCountryId: senderCountryId\n }), isDeductibilityModalOpen && /* @__PURE__ */ _jsx62(ExpenseDeductibilityModal, {\n onClose: closeDeductibilityModal\n }), isRecordMergeModalOpen && /* @__PURE__ */ _jsx62(RecordMergeModal, {\n isIncome: false,\n onClose: closeRecordMergeModal,\n record: expense\n }), isForeignCurrencyModalOpen && /* @__PURE__ */ _jsx62(RecordForeignCurrencyModal, {\n isDisabled: isReadOnly,\n onClose: closeForeignCurrencyModal,\n onSubmit: handleSetForeignCurrency,\n record: expense\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseModal.tsx\nimport { useState as useState21 } from \"react\";\nimport { addSuccessToast, ConfirmationModal, ModalLegacy as Modal7 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/expenses/hooks/use-expense-file-preview.ts\nimport { useEffect as useEffect15, useState as useState20 } from \"react\";\nvar useExpenseFilePreview = (expense) => {\n const expenseId = getIsExpense(expense) ? expense.id : null;\n const file = getIsExpense(expense) ? expense.file : null;\n const fileId = getIsExpense(expense) ? expense.file?.id : null;\n const {\n requestExpenseFileLinkInline\n } = useExpenseFilesActions();\n const [previewUrl, setPreviewUrl] = useState20(null);\n const [isLoading, setIsLoading] = useState20(false);\n useEffect15(() => {\n if (!fileId || !expenseId) {\n setPreviewUrl(null);\n return;\n }\n setIsLoading(true);\n requestExpenseFileLinkInline({\n id: fileId,\n expenseId\n }).then((response) => {\n setIsLoading(false);\n if (response?.errors)\n return;\n setPreviewUrl(response);\n });\n }, [fileId, expenseId, requestExpenseFileLinkInline]);\n return {\n ...file,\n previewUrl,\n isLoading\n };\n};\n\n// src/components/shared/tracking/expenses/ExpenseModal.tsx\nimport { jsx as _jsx63, Fragment as _Fragment17, jsxs as _jsxs36 } from \"react/jsx-runtime\";\nvar ExpenseModal = ({\n expenseId,\n initialExpensesOrder,\n handleClose,\n handleNavigateToEdit,\n shouldDisplayValidationErrors,\n shouldHideBookkeepingPeriodWarnings,\n children\n}) => {\n const translation = useTranslation();\n const {\n isSuccess: isSuccessTaxes,\n isError: isErrorTaxes\n } = useTaxes();\n const {\n expense,\n isLoading: isLoadingExpense,\n isFetching,\n isError\n } = useExpense({\n expenseId\n });\n const {\n expenseCategories\n } = useExpenseCategories();\n const {\n deleteExpense,\n isLoading: isLoadingDeleteExpense\n } = useDeleteExpense();\n const {\n createExpense,\n isLoading: isLoadingCreateExpense\n } = useCreateExpense();\n const {\n updateExpense,\n updateExpenseAndReviewedStatus,\n updateExpenseReviewedStatus,\n isLoading: isLoadingUpdateExpense\n } = useUpdateExpense();\n const {\n uploadExpenseFile\n } = useExpenseFilesActions();\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState21(false);\n const isEditing = getIsExpense(expense);\n const filePreview = useExpenseFilePreview(expense);\n const isLoading = isLoadingCreateExpense || isLoadingUpdateExpense || isLoadingDeleteExpense || Boolean(isFetching);\n const isReadOnly = Expense.isReviewed(expense) || Expense.isFiled(expense) || isLoading;\n const handleSubmitCreate = (data) => createExpense(data).then(async (response) => {\n if (response?.errors)\n return response;\n addSuccessToast({\n body: translation({\n id: \"common.successCreate\"\n })\n });\n handleClose();\n return response;\n });\n const handleSubmitEdit = (data) => updateExpense(data).then(async (response) => {\n if (response?.errors)\n return response;\n addSuccessToast({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n handleClose();\n return response;\n });\n const handleSubmit = (data) => {\n if (getIsExpense(data))\n return handleSubmitEdit(data);\n return handleSubmitCreate(data);\n };\n const handleUpdateReviewedStatus = async (data) => {\n if (isReadOnly) {\n const response2 = await updateExpenseReviewedStatus({\n id: data.expense.id,\n status: data.isReviewed\n });\n if (response2.errors)\n return response2;\n addSuccessToast({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n return response2;\n }\n const response = await updateExpenseAndReviewedStatus(data);\n if (response.errors)\n return response;\n addSuccessToast({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n return response;\n };\n const handleDeleteExpense = () => {\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleConfirmDelete = () => {\n if (isEditing)\n deleteExpense(expense).then((response) => {\n if (response?.errors)\n return;\n setIsDeleteConfirmationModalOpen(false);\n handleClose();\n });\n };\n const handleUploadFile = async ({\n files = [],\n expense: currentExpense\n }) => {\n const [file] = files;\n if (!file)\n return;\n if (!isEditing) {\n const response = await createExpense(currentExpense);\n if (response?.errors)\n return;\n const {\n id: newRecordId\n } = response;\n await uploadExpenseFile({\n file,\n expenseId: newRecordId\n });\n if (newRecordId)\n handleNavigateToEdit(newRecordId);\n }\n if (isEditing && expenseId)\n await uploadExpenseFile({\n file,\n expenseId\n });\n };\n return /* @__PURE__ */ _jsxs36(_Fragment17, {\n children: [/* @__PURE__ */ _jsx63(Modal7, {\n errorMessage: translation({\n id: \"common.errorRequest\"\n }),\n isError: isError || isErrorTaxes,\n isFullScreen: true,\n isLoading: isLoadingExpense || !isSuccessTaxes,\n onClose: handleClose,\n children: expense && /* @__PURE__ */ _jsx63(ExpenseContextProvider, {\n expense,\n initialExpensesOrder: initialExpensesOrder || [],\n expenseCategories,\n filePreview,\n handleClose,\n handleDeleteExpense,\n handleNavigateToEdit,\n handleSubmit,\n handleUpdateReviewedStatus,\n handleUploadFile,\n isLoading,\n isReadOnly,\n shouldDisplayValidationErrors,\n shouldHideBookkeepingPeriodWarnings,\n children\n })\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx63(ConfirmationModal, {\n isLoading: isLoadingDeleteExpense || isFetching,\n onCancel: () => setIsDeleteConfirmationModalOpen(false),\n onConfirm: handleConfirmDelete,\n title: translation({\n id: \"common.areYouSure\"\n }),\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseNoFileRequiredCheckbox.tsx\nimport { Checkbox } from \"@scouts/ui\";\nimport { jsx as _jsx64 } from \"react/jsx-runtime\";\nvar ExpenseNoFileRequiredCheckbox = () => {\n const {\n expenseOptions: {\n isFileRequired\n }\n } = useConfig();\n const translation = useTranslation();\n const {\n expense,\n updateExpense,\n isReadOnly\n } = useExpenseContext();\n const handleNoFileRequiredChange = ({\n name,\n checked\n }) => {\n updateExpense({\n [name]: !checked\n });\n };\n const {\n requiresFile\n } = expense;\n const hasFile3 = getIsExpense(expense) ? Boolean(expense.file) : false;\n const shouldDisplayNoFileRequiredCheckbox = !hasFile3 && isFileRequired;\n if (!shouldDisplayNoFileRequiredCheckbox)\n return null;\n return /* @__PURE__ */ _jsx64(Checkbox, {\n isSmall: true,\n label: translation([\"No file needed\", \"No necesita recibo\"]),\n name: \"requiresFile\",\n onChange: handleNoFileRequiredChange,\n checked: !requiresFile,\n readOnly: isReadOnly\n });\n};\n\n// src/components/shared/tracking/records/RecordNotes.tsx\nimport { useState as useState22 } from \"react\";\nimport styled19 from \"styled-components\";\nimport { colors as colors24, media as media10, radius as radius11, Button as Button13, Container as Container18, Flexer as Flexer17, Icon as Icon3, IconEdit3, Line as Line10, ModalBodyLegacy as ModalBody7, ModalFooterLegacy as ModalFooter7, ModalHeaderLegacy as ModalHeader7, ModalLegacy as Modal8, ModalSubtitleLegacy as ModalSubtitle, ModalTitleLegacy as ModalTitle7, TextArea as TextArea4 } from \"@scouts/ui\";\nimport { jsx as _jsx65, jsxs as _jsxs37, Fragment as _Fragment18 } from \"react/jsx-runtime\";\nvar RecordNotes = ({\n comment,\n isDisabled,\n onCommentChange\n}) => {\n const translation = useTranslation();\n const [isModalOpen, setIsModalOpen] = useState22(false);\n const [formComment, setFormComment] = useState22(comment);\n const handleOpenModal = () => {\n if (!isDisabled)\n setIsModalOpen(true);\n };\n const shouldDisplayComment = Boolean(comment);\n return /* @__PURE__ */ _jsxs37(_Fragment18, {\n children: [shouldDisplayComment && /* @__PURE__ */ _jsx65(Container18, {\n as: isDisabled ? \"div\" : \"button\",\n onClick: handleOpenModal,\n \"aria-readonly\": isDisabled,\n padding: \"18px 24px\",\n background: isDisabled ? colors24.neutralLightest : colors24.redLighter,\n radius: radius11.large,\n children: /* @__PURE__ */ _jsxs37(Flexer17, {\n gap: \"15px\",\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx65(Line10, {\n children: comment\n }), !isDisabled && /* @__PURE__ */ _jsx65(Icon3, {\n Component: IconEdit3,\n color: colors24.blue\n })]\n })\n }), !shouldDisplayComment && !isDisabled && /* @__PURE__ */ _jsx65(HoverableContainer, {\n as: \"button\",\n onClick: handleOpenModal,\n padding: \"18px 24px\",\n border: `2px dashed ${colors24.neutralLightest}`,\n radius: radius11.large,\n children: /* @__PURE__ */ _jsxs37(Flexer17, {\n gap: \"15px\",\n children: [/* @__PURE__ */ _jsx65(Icon3, {\n Component: IconEdit3,\n color: colors24.neutralDarker\n }), /* @__PURE__ */ _jsx65(Line10, {\n color: colors24.neutralDarker,\n children: /* @__PURE__ */ _jsx65(Translation, {\n strings: [\"Add notes\", \"A\\xF1adir detalles para el asesor\"]\n })\n })]\n })\n }), isModalOpen && /* @__PURE__ */ _jsxs37(Modal8, {\n onClose: () => setIsModalOpen(false),\n children: [/* @__PURE__ */ _jsxs37(ModalHeader7, {\n children: [/* @__PURE__ */ _jsx65(ModalTitle7, {\n children: /* @__PURE__ */ _jsx65(Translation, {\n strings: [\"Add notes\", \"A\\xF1adir notas\"]\n })\n }), /* @__PURE__ */ _jsx65(ModalSubtitle, {\n children: /* @__PURE__ */ _jsx65(Translation, {\n strings: [`Any other information you'd like to share with your accountant`, \"A\\xF1adir detalles para el asesor\"]\n })\n })]\n }), /* @__PURE__ */ _jsx65(ModalBody7, {\n children: /* @__PURE__ */ _jsx65(TextArea4, {\n autoFocus: true,\n name: \"comment\",\n placeholder: translation([\"Notes\", \"Comentario para el asesor\"]),\n value: formComment ?? \"\",\n onChange: ({\n value\n }) => setFormComment(value),\n resize: \"vertical\",\n maxLength: RECORD_FIELD_MAX_LENGTH.COMMENT,\n disabled: isDisabled,\n height: \"132px\"\n })\n }), /* @__PURE__ */ _jsx65(ModalFooter7, {\n children: /* @__PURE__ */ _jsxs37(Flexer17, {\n justifyEnd: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx65(Button13, {\n isSecondary: true,\n onClick: () => {\n setFormComment(comment);\n setIsModalOpen(false);\n },\n children: /* @__PURE__ */ _jsx65(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx65(Button13, {\n type: \"submit\",\n onClick: () => {\n onCommentChange(formComment);\n setIsModalOpen(false);\n },\n children: /* @__PURE__ */ _jsx65(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })\n })]\n })]\n });\n};\nvar HoverableContainer = styled19(Container18).withConfig({\n displayName: \"RecordNotes__HoverableContainer\",\n componentId: \"sc-f1eiy3-0\"\n})([\"height:60px;\", \"{&:hover{border-color:\", \";}}\"], media10.pointer, colors24.neutralDarker);\n\n// src/components/shared/tracking/expenses/ExpenseNotes.tsx\nimport { jsx as _jsx66 } from \"react/jsx-runtime\";\nvar ExpenseNotes = () => {\n const {\n expense,\n updateExpense,\n isReadOnly\n } = useExpenseContext();\n const {\n comment\n } = expense;\n const handleCommentChange = (submittedComment) => {\n updateExpense({\n comment: submittedComment\n });\n };\n return /* @__PURE__ */ _jsx66(RecordNotes, {\n comment,\n onCommentChange: handleCommentChange,\n isDisabled: isReadOnly\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseTitle.tsx\nimport { colors as colors28, radius as radius13, Container as Container19, DropdownButton as DropdownButton4, Flexer as Flexer20, Line as Line13 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/expenses/hooks/use-expense-text-extraction-feature.tsx\nimport { colors as colors25, Icon as Icon4, IconLoader, Spinner } from \"@scouts/ui\";\n\n// src/hooks/use-effect-on-change.ts\nimport { useEffect as useEffect16, useRef as useRef12 } from \"react\";\nvar initialRef = Symbol(\"useEffectOnChange initial ref value\");\nvar useEffectOnChange = (watchingParam, effectCallback) => {\n const ref = useRef12(initialRef);\n useEffect16(() => {\n const prevRef = ref.current;\n ref.current = watchingParam;\n if (watchingParam === prevRef)\n return;\n effectCallback();\n }, [watchingParam, effectCallback]);\n};\n\n// src/components/shared/tracking/expenses/hooks/use-expense-text-extraction-feature.tsx\nimport { jsx as _jsx67 } from \"react/jsx-runtime\";\nvar getHasFilledExpenseFields = (expense) => {\n const {\n invoiceNumber,\n net,\n senderName,\n senderIdNumber,\n gross\n } = expense;\n return !!invoiceNumber || !!net || !!senderName || !!senderIdNumber || !!gross;\n};\nvar getHasPendingExpenseFields = (expense) => {\n const {\n invoiceNumber,\n net,\n senderName,\n senderIdNumber,\n gross\n } = expense;\n return !invoiceNumber || !net || !senderName || !senderIdNumber || !gross;\n};\nvar getMergedExpense = (expenseA, expenseB) => {\n const invoiceNumber = expenseA.invoiceNumber || expenseB.invoiceNumber;\n const invoiceDate = expenseA.invoiceDate || expenseB.invoiceDate;\n const taxPointDate = expenseA.taxPointDate || expenseB.taxPointDate;\n const senderIdNumber = expenseA.senderIdNumber || expenseB.senderIdNumber;\n const senderName = expenseA.senderName || expenseB.senderName;\n const description = expenseA.description || expenseB.description;\n return {\n ...expenseA,\n invoiceNumber,\n taxPointDate,\n invoiceDate,\n senderIdNumber,\n senderName,\n description\n };\n};\nvar useExpenseTextExtractionFeature = () => {\n const {\n isBookkeepingDoneByAccountant,\n isAccountant\n } = useConfig();\n const isBookkeepingDoneByAccountantCustomer = isBookkeepingDoneByAccountant && !isAccountant;\n const translation = useTranslation();\n const {\n initialExpense: storedExpense,\n expense,\n updateExpense,\n hasValidationErrors,\n shouldDisplayValidationErrors,\n isReadOnly\n } = useExpenseContext();\n const hasFile3 = Boolean(expense.file);\n const isEditing = getIsExpense(expense);\n const {\n updatedExpense,\n textExtraction\n } = useExpenseTextExtraction({\n expense,\n shouldPoll: true,\n shouldSkipFetch: !(!isReadOnly && hasFile3 && isEditing && (hasValidationErrors || !shouldDisplayValidationErrors))\n });\n useEffectOnChange(textExtraction, () => {\n if (!storedExpense || !expense || !updatedExpense || textExtraction?.status !== ExpenseTextExtractionStatus.FINISHED)\n return;\n if (getHasFilledExpenseFields(storedExpense))\n return;\n if (getHasFilledExpenseFields(expense))\n return;\n updateExpense(updatedExpense);\n });\n const handleClick = () => {\n if (!updatedExpense)\n return;\n updateExpense(getMergedExpense(expense, updatedExpense));\n };\n if (!textExtraction || !hasFile3 || isReadOnly || !getHasPendingExpenseFields(storedExpense))\n return null;\n const {\n status,\n propertiesUpdatedCount\n } = textExtraction;\n switch (status) {\n case ExpenseTextExtractionStatus.IN_PROGRESS:\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors25.neutralLightest : colors25.blueLighter,\n icon: /* @__PURE__ */ _jsx67(Spinner, {\n isSmall: true,\n color: colors25.black\n }),\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.inProgress.preAnalysis\" : \"record.content.textExtraction.inProgress\"\n })\n };\n case ExpenseTextExtractionStatus.INVALID_CONTENT_TYPE:\n case ExpenseTextExtractionStatus.ERROR:\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors25.neutralLightest : colors25.redLighter,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.failure.preAnalysis\" : \"record.content.textExtraction.failure\"\n })\n };\n case ExpenseTextExtractionStatus.FINISHED:\n if (!propertiesUpdatedCount)\n return {\n background: colors25.neutralLightest,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.failure.preAnalysis\" : \"record.content.textExtraction.failure\"\n })\n };\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors25.neutralLightest : colors25.blueLighter,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.success.preAnalysis\" : \"record.content.textExtraction.success\"\n }),\n handleClick,\n icon: /* @__PURE__ */ _jsx67(Icon4, {\n Component: IconLoader\n })\n };\n default:\n return null;\n }\n};\n\n// src/components/shared/tracking/records/RecordLinkedBankingTransaction/RecordLinkedBankingTransaction.tsx\nimport { useToggle as useToggle5 } from \"@scouts/helpers\";\nimport { ButtonLink as ButtonLink6, Tooltip as Tooltip3 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/shared/BankingProviderIcon.tsx\nimport styled20 from \"styled-components\";\nimport { colors as colors26, radius as radius12, IconLink2 as IconLink22 } from \"@scouts/ui\";\nimport { jsx as _jsx68 } from \"react/jsx-runtime\";\nvar BankingProviderIcon = ({\n logoUrl,\n width\n}) => {\n if (!logoUrl)\n return /* @__PURE__ */ _jsx68(DefaultIconWrapper, {\n children: /* @__PURE__ */ _jsx68(IconLink22, {\n height: width,\n stroke: colors26.black,\n viewBox: \"0 0 24 24\",\n width\n })\n });\n return /* @__PURE__ */ _jsx68(Icon5, {\n src: logoUrl.replace(\"/logos/\", `/icons/`),\n width\n });\n};\nvar Icon5 = styled20.img.withConfig({\n displayName: \"BankingProviderIcon__Icon\",\n componentId: \"sc-1p2av-0\"\n})([\"width:\", \";\"], ({\n width\n}) => width || \"30px\");\nvar DefaultIconWrapper = styled20.div.withConfig({\n displayName: \"BankingProviderIcon__DefaultIconWrapper\",\n componentId: \"sc-1p2av-1\"\n})([\"display:flex;justify-content:center;align-items:center;background-color:\", \";border-radius:\", \";padding:3px;\"], colors26.white, radius12.full);\nvar BankingProviderIcon_default = BankingProviderIcon;\n\n// src/components/shared/tracking/records/RecordLinkedBankingTransaction/RecordLinkedBankingTransactionDetailsModal.tsx\nimport { Button as Button14, ModalActionsLegacy as ModalActions4, ModalBodyLegacy as ModalBody8, ModalFooterLegacy as ModalFooter8, ModalHeaderLegacy as ModalHeader8, ModalLegacy as Modal9, ModalTitleLegacy as ModalTitle8, Paragraph as Paragraph6 } from \"@scouts/ui\";\n\n// src/store/banking-providers/hooks/use-banking-transaction-by-id-list.ts\nimport { skipToken as skipToken3 } from \"@reduxjs/toolkit/dist/query\";\nvar useBankingTransactionByIdList = (transactionIds) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isLoading,\n isError\n } = useGetBankingTransactionByIdListQuery(transactionIds ? {\n userId,\n transactionIds\n } : skipToken3);\n return {\n data,\n isLoading,\n isError\n };\n};\n\n// src/components/shared/tracking/records/RecordLinkedBankingTransaction/BankingTransactionDetailsSection.tsx\nimport { styled as styled21 } from \"styled-components\";\nimport { formatCurrency as formatCurrency8, getStringDate as getStringDate4 } from \"@scouts/helpers\";\nimport { useLocale as useLocale12 } from \"@scouts/i18n\";\nimport { colors as colors27, Flexer as Flexer18, Line as Line11 } from \"@scouts/ui\";\nimport { jsx as _jsx69, jsxs as _jsxs38, Fragment as _Fragment19 } from \"react/jsx-runtime\";\nvar BankingTransactionDetailsSection = ({\n transactions\n}) => {\n const locale = useLocale12();\n return /* @__PURE__ */ _jsx69(_Fragment19, {\n children: transactions.map((transaction) => {\n const {\n amount,\n currency,\n category,\n classification,\n dateTimeUTC,\n description,\n isBusiness,\n merchantName,\n type\n } = transaction;\n return /* @__PURE__ */ _jsx69(Wrapper3, {\n children: /* @__PURE__ */ _jsxs38(Flexer18, {\n flexWrap: true,\n gap: \"12px\",\n children: [amount && currency && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Amount\", \"Importe\"]\n }), \":\"]\n }), \" \", /* @__PURE__ */ _jsx69(Line11, {\n color: amount >= 0 ? colors27.mint : colors27.red,\n children: formatCurrency8(amount, {\n currency,\n locale\n })\n })]\n }), category && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Category\", \"Categor\\xEDa\"]\n }), \":\"]\n }), category]\n }), classification && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Classification\", \"Clasificaci\\xF3n\"]\n }), \":\"]\n }), classification]\n }), dateTimeUTC && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Date\", \"Fecha\"]\n }), \":\"]\n }), getStringDate4(dateTimeUTC)]\n }), description && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Description\", \"Descripci\\xF3n\"]\n }), \":\"]\n }), description]\n }), isBusiness !== null || isBusiness !== void 0 && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Marked as business transaction\", \"Marcado como transacci\\xF3n comercial\"]\n }), \":\"]\n }), isBusiness]\n }), merchantName && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Merchant name\", \"Nombre del comerciante\"]\n }), \":\"]\n }), merchantName]\n }), type && /* @__PURE__ */ _jsxs38(ItemWrapper, {\n children: [/* @__PURE__ */ _jsxs38(\"strong\", {\n children: [/* @__PURE__ */ _jsx69(Translation, {\n strings: [\"Type of transaction\", \"Tipo de transacci\\xF3n\"]\n }), \":\"]\n }), type]\n })]\n })\n });\n })\n });\n};\nvar ItemWrapper = styled21.div.withConfig({\n displayName: \"BankingTransactionDetailsSection__ItemWrapper\",\n componentId: \"sc-1t9vgr9-0\"\n})([\"display:flex;align-items:center;height:24px;gap:12px;flex-basis:49%;padding:18px 0;\"]);\nvar Wrapper3 = styled21.div.withConfig({\n displayName: \"BankingTransactionDetailsSection__Wrapper\",\n componentId: \"sc-1t9vgr9-1\"\n})([\"padding:12px 0;\"]);\n\n// src/components/shared/tracking/records/RecordLinkedBankingTransaction/RecordLinkedBankingTransactionDetailsModal.tsx\nimport { jsx as _jsx70, Fragment as _Fragment20, jsxs as _jsxs39 } from \"react/jsx-runtime\";\nvar RecordLinkedBankingTransactionDetailsModal = ({\n onClose,\n transactionLinks\n}) => {\n const {\n data: bankingTransactions,\n isLoading: isLoadingBankingTransactions,\n isError: isErrorBankingTransactions\n } = useBankingTransactionByIdList(transactionLinks?.map((link) => link.transactionId));\n const hasMultipleTransactionLinks = transactionLinks && transactionLinks.length > 1;\n const modalTitleTranslations = hasMultipleTransactionLinks ? [\"Linked bank transactions\", \"Transacciones bancarias vinculadas\"] : [\"Linked bank transaction\", \"Transacci\\xF3n bancaria vinculada\"];\n return /* @__PURE__ */ _jsxs39(Modal9, {\n isLoading: isLoadingBankingTransactions,\n isWide: true,\n onClose,\n children: [/* @__PURE__ */ _jsx70(ModalHeader8, {\n children: /* @__PURE__ */ _jsx70(ModalTitle8, {\n children: /* @__PURE__ */ _jsx70(Translation, {\n strings: modalTitleTranslations\n })\n })\n }), /* @__PURE__ */ _jsx70(ModalBody8, {\n children: isErrorBankingTransactions ? /* @__PURE__ */ _jsx70(Paragraph6, {\n children: /* @__PURE__ */ _jsx70(Translation, {\n strings: [\"There was a problem fetching your transaction details, please try again.\", \"Se ha producido un problema al recuperar los detalles de su transacci\\xF3n, int\\xE9ntelo de nuevo.\"]\n })\n }) : /* @__PURE__ */ _jsx70(_Fragment20, {\n children: bankingTransactions && /* @__PURE__ */ _jsx70(BankingTransactionDetailsSection, {\n transactions: bankingTransactions\n })\n })\n }), /* @__PURE__ */ _jsx70(ModalFooter8, {\n children: /* @__PURE__ */ _jsx70(ModalActions4, {\n children: /* @__PURE__ */ _jsx70(Button14, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx70(Translation, {\n strings: [\"Got it\", \"Entendido\"]\n })\n })\n })\n })]\n });\n};\n\n// src/components/shared/tracking/records/RecordLinkedBankingTransaction/RecordLinkedBankingTransaction.tsx\nimport { jsx as _jsx71, Fragment as _Fragment21, jsxs as _jsxs40 } from \"react/jsx-runtime\";\nvar RecordLinkedBankingTransaction = ({\n isSmallIcon = false,\n record\n}) => {\n const {\n isAccountant\n } = useConfig();\n const translation = useTranslation();\n const {\n data: bankingProviders\n } = useAvailableBankingProviders();\n const [isModalOpen, , , toggleModal] = useToggle5();\n const firstLinkedBankingTransaction = record.transactionLinks ? record.transactionLinks[0] : void 0;\n const linkedBankingProvider = bankingProviders?.find((bank) => bank.bankingProviderId === firstLinkedBankingTransaction?.bankingProviderId);\n if (!firstLinkedBankingTransaction?.transactionId) {\n return null;\n }\n return /* @__PURE__ */ _jsx71(_Fragment21, {\n children: isAccountant ? /* @__PURE__ */ _jsx71(Tooltip3, {\n content: translation([\"Linked bank transaction\", \"Transacci\\xF3n bancaria vinculada\"]),\n children: /* @__PURE__ */ _jsx71(BankingProviderIcon_default, {\n logoUrl: linkedBankingProvider?.logoUrl,\n width: isSmallIcon ? \"15px\" : \"24px\"\n })\n }) : /* @__PURE__ */ _jsxs40(_Fragment21, {\n children: [/* @__PURE__ */ _jsx71(ButtonLink6, {\n \"aria-label\": translation([\"Open linked bank transaction details\", \"Ver detalles de la transacci\\xF3n bancaria vinculada\"]),\n onClick: toggleModal,\n children: /* @__PURE__ */ _jsx71(BankingProviderIcon_default, {\n logoUrl: linkedBankingProvider?.logoUrl,\n width: isSmallIcon ? \"15px\" : \"24px\"\n })\n }), isModalOpen && /* @__PURE__ */ _jsx71(RecordLinkedBankingTransactionDetailsModal, {\n onClose: toggleModal,\n recordId: record.id,\n transactionLinks: record.transactionLinks\n })]\n })\n });\n};\n\n// src/components/shared/tracking/records/RecordTitleHeading.tsx\nimport { Flexer as Flexer19, Icon as Icon6, IconComment2Alert, IconCreditCardMinus, Line as Line12 } from \"@scouts/ui\";\nimport { jsx as _jsx72, jsxs as _jsxs41 } from \"react/jsx-runtime\";\nvar getIcon = ({\n shouldDisplayError\n}) => {\n if (shouldDisplayError)\n return IconComment2Alert;\n return IconCreditCardMinus;\n};\nvar RecordTitleHeading = ({\n shouldDisplayError,\n titleTranslationKey\n}) => {\n return /* @__PURE__ */ _jsxs41(Flexer19, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx72(Icon6, {\n Component: getIcon({\n shouldDisplayError\n })\n }), /* @__PURE__ */ _jsx72(Line12, {\n children: /* @__PURE__ */ _jsx72(Translation, {\n id: titleTranslationKey\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseTitle.tsx\nimport { jsx as _jsx73, jsxs as _jsxs42 } from \"react/jsx-runtime\";\nvar ExpenseTitle = () => {\n const {\n expense,\n hasValidationErrors,\n shouldDisplayValidationErrors,\n isReadOnly\n } = useExpenseContext();\n const translation = useTranslation();\n const textExtraction = useExpenseTextExtractionFeature();\n const shouldDisplayError = hasValidationErrors && Boolean(shouldDisplayValidationErrors);\n const isEditing = getIsExpense(expense);\n const hasLinkedBankingTransactions = !!expense.transactionLinks?.length;\n if (textExtraction && !isReadOnly)\n return /* @__PURE__ */ _jsx73(Container19, {\n padding: textExtraction.handleClick ? \"15px 24px\" : \"18px 24px\",\n radius: `${radius13.large} ${radius13.large} 0 0`,\n background: textExtraction.background,\n children: /* @__PURE__ */ _jsxs42(Flexer20, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsxs42(Flexer20, {\n gap: \"15px\",\n children: [textExtraction.icon, /* @__PURE__ */ _jsx73(Line13, {\n children: textExtraction.title\n })]\n }), /* @__PURE__ */ _jsxs42(Flexer20, {\n gap: \"15px\",\n children: [hasLinkedBankingTransactions && /* @__PURE__ */ _jsx73(RecordLinkedBankingTransaction, {\n record: expense\n }), textExtraction.handleClick && /* @__PURE__ */ _jsx73(DropdownButton4, {\n isSecondary: true,\n alignRight: true,\n actions: [{\n title: translation({\n id: \"record.actions.textExtraction.preFill\"\n }),\n onClick: textExtraction.handleClick\n }]\n })]\n })]\n })\n });\n return /* @__PURE__ */ _jsx73(Container19, {\n padding: \"18px 24px\",\n radius: `${radius13.large} ${radius13.large} 0 0`,\n background: getBackground2({\n shouldDisplayError\n }),\n children: hasLinkedBankingTransactions ? /* @__PURE__ */ _jsxs42(Flexer20, {\n gap: \"15px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx73(RecordTitleHeading, {\n shouldDisplayError,\n titleTranslationKey: getTitleTranslationKey({\n isEditing,\n shouldDisplayError\n })\n }), /* @__PURE__ */ _jsx73(RecordLinkedBankingTransaction, {\n record: expense\n })]\n }) : /* @__PURE__ */ _jsx73(RecordTitleHeading, {\n shouldDisplayError,\n titleTranslationKey: getTitleTranslationKey({\n isEditing,\n shouldDisplayError\n })\n })\n });\n};\nvar getTitleTranslationKey = ({\n isEditing,\n shouldDisplayError\n}) => {\n if (shouldDisplayError)\n return \"error.fillHighlighted\";\n if (!isEditing)\n return \"record.actions.add.expense\";\n return \"record.actions.viewDetails.expense\";\n};\nvar getBackground2 = ({\n shouldDisplayError\n}) => {\n if (shouldDisplayError)\n return colors28.yellow;\n return colors28.neutralLightest;\n};\n\n// src/components/shared/tracking/records/RecordFormContainer.ts\nimport styled22 from \"styled-components\";\nimport { colors as colors29, media as media11, radius as radius14 } from \"@scouts/ui\";\nvar RecordFormContainer = styled22.div.withConfig({\n displayName: \"RecordFormContainer\",\n componentId: \"sc-x9qz3v-0\"\n})([\"border:2px solid \", \";border-top:none;border-radius:0 0 \", \" \", \";padding:24px 18px 18px;\", \"{padding:36px 36px 30px;}\"], colors29.neutralLightest, radius14.large, radius14.large, media11.tablet);\n\n// src/components/shared/tracking/records/RecordModalGrid.tsx\nimport { Grid as Grid4 } from \"@scouts/ui\";\nimport { jsx as _jsx74 } from \"react/jsx-runtime\";\nvar RecordModalGrid = ({\n children\n}) => /* @__PURE__ */ _jsx74(Grid4, {\n columns: 1,\n desktopColumns: 2,\n gap: \"24px\",\n children\n});\n\n// src/components/accountant/tracking/expenses/ExpenseAccountantModalActions.tsx\nimport styled23 from \"styled-components\";\nimport { colors as colors30, Button as Button15, Flexer as Flexer21, Form as Form5 } from \"@scouts/ui\";\nimport { jsx as _jsx75, jsxs as _jsxs43 } from \"react/jsx-runtime\";\nvar ExpenseAccountantModalActions = () => {\n const {\n isEditing,\n isReadOnly,\n isLoading,\n handleDeleteExpense,\n handleClose\n } = useExpenseContext();\n return /* @__PURE__ */ _jsx75(Form5.Actions, {\n children: /* @__PURE__ */ _jsxs43(ActionsContainer, {\n children: [isEditing && !isReadOnly && /* @__PURE__ */ _jsx75(Button15, {\n onClick: handleDeleteExpense,\n color: colors30.red,\n disabled: isLoading,\n isDanger: true,\n children: /* @__PURE__ */ _jsx75(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs43(Flexer21, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx75(Button15, {\n disabled: isLoading,\n onClick: handleClose,\n isSecondary: !isReadOnly,\n children: /* @__PURE__ */ _jsx75(Translation, {\n id: isReadOnly ? \"common.actions.close\" : \"common.actions.cancel\"\n })\n }), !isReadOnly && /* @__PURE__ */ _jsx75(Button15, {\n type: \"submit\",\n form: \"record\",\n isLoading,\n disabled: isLoading,\n children: /* @__PURE__ */ _jsx75(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })]\n })\n });\n};\nvar ActionsContainer = styled23.div.withConfig({\n displayName: \"ExpenseAccountantModalActions__ActionsContainer\",\n componentId: \"sc-13nntsr-0\"\n})([\"display:flex;justify-content:space-between;width:100%;& > *:only-child{margin-left:auto;}\"]);\n\n// src/components/accountant/tracking/expenses/ExpenseToolbar.tsx\nimport { useHistory as useHistory4 } from \"react-router-dom\";\n\n// src/components/accountant/tracking/shared/RecordReviewToggle.tsx\nimport { colors as colors31, Chip as Chip3, Flexer as Flexer22, Line as Line14, Toggle } from \"@scouts/ui\";\nimport { jsx as _jsx76, jsxs as _jsxs44, Fragment as _Fragment22 } from \"react/jsx-runtime\";\nvar RecordReviewToggle = ({\n isComplete: isComplete4,\n isDraft: isDraft3,\n onChangeIsReviewed,\n isReviewed: isReviewed4,\n isLoading,\n isFiled: isFiled4\n}) => {\n const shouldDisplayToggle = (isReviewed4 || isComplete4) && !isFiled4 && !isDraft3;\n return /* @__PURE__ */ _jsxs44(_Fragment22, {\n children: [isFiled4 && /* @__PURE__ */ _jsx76(Chip3, {\n children: /* @__PURE__ */ _jsx76(Translation, {\n id: \"record.label.filed\"\n })\n }), shouldDisplayToggle && /* @__PURE__ */ _jsxs44(Flexer22, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx76(Line14, {\n children: /* @__PURE__ */ _jsx76(Translation, {\n strings: isReviewed4 ? [\"Reviewed\", \"Revisado\"] : [\"Mark as reviewed\", \"Marcar como revisado\"]\n })\n }), /* @__PURE__ */ _jsx76(Toggle, {\n name: \"isReviewed\",\n value: isReviewed4,\n onChange: onChangeIsReviewed,\n isLoading,\n background: colors31.white\n })]\n })]\n });\n};\n\n// src/components/accountant/tracking/shared/RecordToolbar.tsx\nimport { colors as colors32, radius as radius15, Button as Button16, Container as Container20, Flexer as Flexer23, Line as Line15 } from \"@scouts/ui\";\nimport { jsx as _jsx77, jsxs as _jsxs45 } from \"react/jsx-runtime\";\nvar RecordToolbar = ({\n activeRecordIndex,\n totalAmountOfRecords,\n onClickSaveAndNext,\n onClickNext,\n isBookkeepingDoneByAccountant,\n isComplete: isComplete4,\n isDraft: isDraft3,\n isReadOnly,\n isLoading,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n children\n}) => {\n const getBackgroundColor = () => {\n if (isDraft3)\n return colors32.yellow;\n if (isFiled4)\n return colors32.mintLighter;\n if (isReviewed4)\n return colors32.blueLighter;\n if (!isBookkeepingDoneByAccountant && !isComplete4)\n return colors32.blueLighter;\n return colors32.yellow;\n };\n return /* @__PURE__ */ _jsx77(Container20, {\n padding: \"15px 24px\",\n desktopPadding: \"18px 36px\",\n radius: `${radius15.large} ${radius15.large} 0 0`,\n background: getBackgroundColor(),\n children: /* @__PURE__ */ _jsxs45(Flexer23, {\n alignCenter: true,\n spaceBetween: true,\n gap: \"12px\",\n desktopGap: \"24px\",\n children: [/* @__PURE__ */ _jsx77(Line15, {\n children: /* @__PURE__ */ _jsx77(Translation, {\n strings: [`${activeRecordIndex + 1} of ${totalAmountOfRecords}`, `${activeRecordIndex + 1} de ${totalAmountOfRecords}`]\n })\n }), /* @__PURE__ */ _jsxs45(Flexer23, {\n gap: \"24px\",\n alignCenter: true,\n children: [children, isReadOnly ? /* @__PURE__ */ _jsx77(Button16, {\n onClick: onClickNext,\n isLoading,\n children: /* @__PURE__ */ _jsx77(Translation, {\n strings: [\"Next\", \"Continuar\"]\n })\n }) : /* @__PURE__ */ _jsx77(Button16, {\n onClick: onClickSaveAndNext,\n isLoading,\n children: /* @__PURE__ */ _jsx77(Translation, {\n strings: [\"Save and next\", \"Guardar y continuar\"]\n })\n })]\n })]\n })\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpenseToolbar.tsx\nimport { jsx as _jsx78 } from \"react/jsx-runtime\";\nvar ExpenseToolbar = () => {\n const {\n expenseOptions,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n expense,\n initialExpensesOrder,\n handleSubmit,\n isReadOnly,\n isEditing,\n handleUpdateReviewedStatus,\n isLoading,\n setExpense\n } = useExpenseContext();\n const history = useHistory4();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParamsAndSearch = useGeneratePathWithParamsAndSearch();\n const handleContinue = (nextExpense2) => {\n if (!nextExpense2)\n return;\n history.push(generatePathWithParamsAndSearch(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: nextExpense2.id\n }));\n };\n const handleClick = (nextExpense2) => {\n handleSubmit(expense).then((response) => {\n if (response.errors)\n return;\n handleContinue(nextExpense2);\n });\n };\n const handleIsReviewedChange = ({\n value\n }) => {\n handleUpdateReviewedStatus({\n expense,\n isReviewed: value\n }).then((response) => {\n if (response.errors)\n return;\n setExpense((current) => ({\n ...current,\n reviewedDateUTC: response.reviewedDateUTC\n }));\n });\n };\n const currentIndex = initialExpensesOrder?.findIndex((element) => element.id === expense.id) ?? 0;\n const totalLength = initialExpensesOrder?.length ?? 0;\n const nextExpense = initialExpensesOrder?.[(currentIndex + 1) % totalLength];\n if (!isEditing || !initialExpensesOrder.length)\n return null;\n return /* @__PURE__ */ _jsx78(RecordToolbar, {\n activeRecordIndex: currentIndex,\n isBookkeepingDoneByAccountant,\n isComplete: Expense.isComplete(expenseOptions)(expense),\n isFiled: Expense.isFiled(expense),\n isLoading,\n isReadOnly,\n isReviewed: Expense.isReviewed(expense),\n onClickNext: () => handleContinue(nextExpense),\n onClickSaveAndNext: () => handleClick(nextExpense),\n totalAmountOfRecords: totalLength,\n children: /* @__PURE__ */ _jsx78(RecordReviewToggle, {\n isComplete: Expense.isComplete(expenseOptions)(expense),\n isFiled: Expense.isFiled(expense),\n isLoading,\n isReviewed: Expense.isReviewed(expense),\n onChangeIsReviewed: handleIsReviewedChange\n })\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpenseAccountantModal.tsx\nimport { jsx as _jsx79, jsxs as _jsxs46 } from \"react/jsx-runtime\";\nvar ExpenseAccountantModal = (props) => /* @__PURE__ */ _jsxs46(ExpenseModal, {\n ...props,\n shouldHideBookkeepingPeriodWarnings: true,\n children: [/* @__PURE__ */ _jsx79(ExpenseToolbar, {}), /* @__PURE__ */ _jsxs46(ModalBody9, {\n children: [/* @__PURE__ */ _jsx79(Spacer10, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\"\n }), /* @__PURE__ */ _jsxs46(RecordModalGrid, {\n children: [/* @__PURE__ */ _jsx79(ExpenseFilePreview, {}), /* @__PURE__ */ _jsxs46(Flexer24, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx79(ExpenseFile, {\n children: /* @__PURE__ */ _jsx79(ExpenseNoFileRequiredCheckbox, {})\n }), /* @__PURE__ */ _jsxs46(Container21, {\n children: [/* @__PURE__ */ _jsx79(ExpenseTitle, {}), /* @__PURE__ */ _jsxs46(RecordFormContainer, {\n children: [/* @__PURE__ */ _jsx79(ExpenseForm, {\n id: \"record\"\n }), /* @__PURE__ */ _jsx79(Spacer10, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx79(ExpenseLabels, {})\n })]\n })]\n }), /* @__PURE__ */ _jsx79(ExpenseNotes, {})]\n })]\n })]\n }), /* @__PURE__ */ _jsx79(ModalFooter9, {\n children: /* @__PURE__ */ _jsx79(ExpenseAccountantModalActions, {})\n })]\n});\n\n// src/components/shared/tracking/hooks/use-bulk-actions.ts\nimport { useState as useState23 } from \"react\";\nvar useBulkActions = ({\n records\n}) => {\n const [selectedRecords, setSelectedRecords] = useState23([]);\n const toggleSelection = (record) => {\n const shouldRemove = selectedRecords.some((r) => r.id === record.id);\n const updatedSelected = [...selectedRecords];\n if (shouldRemove) {\n const index = updatedSelected.findIndex((r) => r.id === record.id);\n updatedSelected.splice(index, 1);\n } else {\n updatedSelected.push(record);\n }\n setSelectedRecords(updatedSelected);\n };\n const selectAll = () => {\n const updatedSelected = [];\n records.forEach((record) => updatedSelected.push(record));\n setSelectedRecords(updatedSelected);\n };\n const unselectAll = () => {\n setSelectedRecords([]);\n };\n const areAllSelected = records.length === selectedRecords.length;\n return {\n selectedRecords,\n areAllSelected,\n selectAll,\n toggleSelection,\n unselectAll\n };\n};\n\n// src/components/accountant/tracking/shared/records-list.ts\nimport styled24 from \"styled-components\";\nimport { colors as colors33, font as font12, shadows as shadows4 } from \"@scouts/ui\";\nvar List = styled24.div.withConfig({\n displayName: \"records-list__List\",\n componentId: \"sc-1ksr0q4-0\"\n})([\"& > :not(:last-child){margin-bottom:2px;}\"]);\nvar Row2 = styled24.div.withConfig({\n displayName: \"records-list__Row\",\n componentId: \"sc-1ksr0q4-1\"\n})([\"display:grid;gap:12px;grid-template-columns:24px auto 30px;align-items:center;padding:9px 18px;background:\", \";border-radius:4px;box-shadow:\", \";\"], colors33.white, shadows4.low);\nvar ClickableSection = styled24.div.withConfig({\n displayName: \"records-list__ClickableSection\",\n componentId: \"sc-1ksr0q4-2\"\n})([\"display:grid;grid-template-columns:\", \" auto 120px 8fr 1fr repeat( \", \",2fr ) \", \";gap:12px;align-items:center;cursor:pointer;\"], ({\n shouldDisplayAdditionalDate\n}) => shouldDisplayAdditionalDate ? \"120px\" : \"60px\", ({\n numberOfAmountsColumns\n}) => numberOfAmountsColumns, ({\n chipsColumnWidth\n}) => chipsColumnWidth ?? \"108px\");\nvar Cell = styled24.div.withConfig({\n displayName: \"records-list__Cell\",\n componentId: \"sc-1ksr0q4-3\"\n})([\"display:flex;align-items:center;\"]);\nvar preventOverflowStyle = `\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n`;\nvar PrimaryTextCell = styled24.span.withConfig({\n displayName: \"records-list__PrimaryTextCell\",\n componentId: \"sc-1ksr0q4-4\"\n})([\"font-size:\", \";\", \"\"], font12.smaller, ({\n preventOverflow\n}) => preventOverflow && preventOverflowStyle);\nvar SecondaryTextCell = styled24.span.withConfig({\n displayName: \"records-list__SecondaryTextCell\",\n componentId: \"sc-1ksr0q4-5\"\n})([\"font-size:\", \";color:\", \";\", \"\"], font12.smaller, colors33.neutralDarker, ({\n preventOverflow\n}) => preventOverflow && preventOverflowStyle);\nvar AmountWithPercentageCell = styled24.div.withConfig({\n displayName: \"records-list__AmountWithPercentageCell\",\n componentId: \"sc-1ksr0q4-6\"\n})([\"display:flex;align-items:center;gap:6px;\"]);\nvar AlignRight = styled24.div.withConfig({\n displayName: \"records-list__AlignRight\",\n componentId: \"sc-1ksr0q4-7\"\n})([\"justify-self:end;display:flex;align-items:center;\"]);\n\n// src/components/accountant/tracking/expenses/ExpenseBulkActions.tsx\nimport { useState as useState24 } from \"react\";\nimport { Button as Button17, Spacer as Spacer11 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/records/BulkActions.tsx\nimport styled25 from \"styled-components\";\nimport { colors as colors34, font as font13, media as media12, radius as radius16, shadows as shadows5, ButtonLink as ButtonLink7, Flexer as Flexer25, Line as Line16 } from \"@scouts/ui\";\nimport { jsx as _jsx80, jsxs as _jsxs47 } from \"react/jsx-runtime\";\nvar BulkActions = ({\n actions,\n areAllSelected,\n onSelectAll,\n onUnSelectAll,\n selectedItems,\n isAccountant = false\n}) => {\n const selectedItemsCount = selectedItems?.length;\n const hasSelectedItems = selectedItemsCount > 0;\n if (!hasSelectedItems)\n return null;\n return /* @__PURE__ */ _jsxs47(Container22, {\n isAccountant,\n children: [/* @__PURE__ */ _jsxs47(Flexer25, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsxs47(Line16, {\n size: font13.small,\n children: [selectedItemsCount, \" \", /* @__PURE__ */ _jsx80(Translation, {\n id: \"tracking.bulk.selected\",\n values: {\n count: selectedItemsCount\n }\n })]\n }), areAllSelected && /* @__PURE__ */ _jsx80(ButtonLink7, {\n onClick: onUnSelectAll,\n children: /* @__PURE__ */ _jsx80(Translation, {\n id: \"tracking.actions.bulk.unselectAll\"\n })\n }), !areAllSelected && /* @__PURE__ */ _jsx80(ButtonLink7, {\n onClick: onSelectAll,\n children: /* @__PURE__ */ _jsx80(Translation, {\n id: \"tracking.actions.bulk.selectAll\"\n })\n })]\n }), /* @__PURE__ */ _jsxs47(Flexer25, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx80(Line16, {\n size: font13.small,\n children: /* @__PURE__ */ _jsx80(Translation, {\n strings: [\"Mark as:\", \"Marcar como:\"]\n })\n }), actions]\n })]\n });\n};\nvar Container22 = styled25.div.withConfig({\n displayName: \"BulkActions__Container\",\n componentId: \"sc-19x6xjl-0\"\n})([\"position:fixed;bottom:18px;width:calc(100% - 30px);\", \" flex-direction:column;gap:12px;z-index:9000;display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-radius:\", \";box-shadow:\", \";background:\", \";\", \"{\", \" flex-direction:row;}\"], ({\n isAccountant\n}) => !isAccountant && `\n max-width: 1008px;\n left: 50%;\n transform: translateX(-50%);\n `, radius16.large, shadows5.high, colors34.blueLighter, media12.desktop, ({\n isAccountant\n}) => isAccountant && `\n width: calc(100% - 456px);\n right: 24px;\n `);\n\n// src/components/accountant/tracking/expenses/ExpenseBulkActions.tsx\nimport { jsx as _jsx81, Fragment as _Fragment23, jsxs as _jsxs48 } from \"react/jsx-runtime\";\nvar ExpenseBulkActions = ({\n areAllSelected,\n selectedItems,\n unselectAll,\n selectAll\n}) => {\n const {\n isAccountant,\n sharedOptions: {\n hasFiling\n }\n } = useConfig();\n const translation = useTranslation();\n const [isLoadingDownload, setIsLoadingDownload] = useState24(false);\n const {\n updateExpensesReviewStatus,\n updateExpensesFiledStatus,\n isLoading: isUpdateExpensesStatusLoading\n } = useUpdateExpenses();\n const {\n downloadExpensesFiles\n } = useExpenseFilesActions();\n const handleUpdateReviewedStatus = (updatedStatus) => {\n const itemsToUpdate = updatedStatus ? unreviewedItems : reviewedUnfiledItems;\n updateExpensesReviewStatus({\n expenseIds: itemsToUpdate.map(({\n id\n }) => id),\n status: updatedStatus\n }).then(() => {\n unselectAll();\n });\n };\n const handleUpdateFiledStatus = (updatedStatus) => {\n const itemsToUpdate = updatedStatus ? reviewedUnfiledItems : reviewedFiledItems;\n updateExpensesFiledStatus({\n expenseIds: itemsToUpdate.map(({\n id\n }) => id),\n status: updatedStatus\n }).then(() => {\n unselectAll();\n });\n };\n const downloadSelected = () => {\n setIsLoadingDownload(true);\n const fileName = translation({\n id: \"expenses.content.downloadFileName\"\n });\n downloadExpensesFiles({\n expenseIds: selectedItems.map(({\n id\n }) => id),\n fileName\n }).then(() => {\n unselectAll();\n }).finally(() => {\n setIsLoadingDownload(false);\n });\n };\n const isLoading = isLoadingDownload || isUpdateExpensesStatusLoading;\n const [unreviewedItems, reviewedUnfiledItems, reviewedFiledItems] = selectedItems.reduce((acc, curr) => {\n const isUnreviewed = !Expense.isReviewed(curr);\n const isReviewedUnfiled = Expense.isReviewed(curr) && !Expense.isFiled(curr);\n const isReviewedFiled = Expense.isReviewed(curr) && Expense.isFiled(curr);\n if (isUnreviewed)\n acc[0].push(curr);\n else if (isReviewedUnfiled)\n acc[1].push(curr);\n else if (isReviewedFiled)\n acc[2].push(curr);\n return acc;\n }, [[], [], []]);\n return /* @__PURE__ */ _jsx81(BulkActions, {\n areAllSelected,\n onSelectAll: selectAll,\n onUnSelectAll: unselectAll,\n isAccountant,\n actions: /* @__PURE__ */ _jsxs48(_Fragment23, {\n children: [/* @__PURE__ */ _jsx81(Button17, {\n size: \"small\",\n onClick: () => handleUpdateReviewedStatus(true),\n disabled: unreviewedItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx81(Translation, {\n id: \"tracking.actions.bulk.markAsReviewed\",\n values: {\n number: unreviewedItems.length\n }\n })\n }), /* @__PURE__ */ _jsx81(Button17, {\n size: \"small\",\n onClick: () => handleUpdateReviewedStatus(false),\n disabled: reviewedUnfiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx81(Translation, {\n id: \"tracking.actions.bulk.markAsNotReviewed\",\n values: {\n number: reviewedUnfiledItems.length\n }\n })\n }), hasFiling && /* @__PURE__ */ _jsxs48(_Fragment23, {\n children: [/* @__PURE__ */ _jsx81(Button17, {\n size: \"small\",\n onClick: () => handleUpdateFiledStatus(true),\n disabled: reviewedUnfiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx81(Translation, {\n id: \"tracking.actions.bulk.markAsFiled\",\n values: {\n number: reviewedUnfiledItems.length\n }\n })\n }), /* @__PURE__ */ _jsx81(Button17, {\n size: \"small\",\n onClick: () => handleUpdateFiledStatus(false),\n disabled: reviewedFiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx81(Translation, {\n id: \"tracking.actions.bulk.markAsNotFiled\",\n values: {\n number: reviewedFiledItems.length\n }\n })\n })]\n }), /* @__PURE__ */ _jsx81(Spacer11, {\n marginLeft: \"12px\",\n children: /* @__PURE__ */ _jsx81(Button17, {\n size: \"small\",\n onClick: downloadSelected,\n isLoading,\n children: /* @__PURE__ */ _jsx81(Translation, {\n id: \"tracking.actions.bulk.download\"\n })\n })\n })]\n }),\n selectedItems\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpenseRow.tsx\nimport { useMemo as useMemo21 } from \"react\";\nimport { useHistory as useHistory6 } from \"react-router-dom\";\nimport styled27 from \"styled-components\";\nimport { formatCurrency as formatCurrency9 } from \"@scouts/helpers\";\nimport { useLocale as useLocale14 } from \"@scouts/i18n\";\nimport { colors as colors38, Checkbox as Checkbox2, Chip as Chip6, Icon as SVGIcon, IconLink2 as IconLink23, Spacer as Spacer13, Tooltip as Tooltip6 } from \"@scouts/ui\";\n\n// src/components/shared/icons/get-expense-attachment-icon.ts\nvar getExpenseAttachmentIcon = (expense, areExpensesFilesRequired) => {\n if (Expense.hasFile(expense))\n return file_attachment_default;\n if (areExpensesFilesRequired && Expense.getRequiresFile(expense))\n return file_no_attachment_default;\n return file_default;\n};\n\n// src/components/shared/tracking/expenses/ExpenseRowDropdown.tsx\nimport { useState as useState25 } from \"react\";\nimport { useHistory as useHistory5 } from \"react-router-dom\";\nimport { addSuccessToast as addSuccessToast2, colors as colors35, ConfirmationModal as ConfirmationModal2, DropdownButton as DropdownButton5 } from \"@scouts/ui\";\nimport { jsx as _jsx82, Fragment as _Fragment24, jsxs as _jsxs49 } from \"react/jsx-runtime\";\nvar ExpenseRowDropdown = ({\n expense\n}) => {\n const history = useHistory5();\n const translation = useTranslation();\n const {\n expenseOptions,\n isAccountant,\n isReadOnly,\n sharedOptions: {\n hasFiling\n }\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const {\n downloadExpenseFile\n } = useExpenseFilesActions();\n const {\n deleteExpense,\n isLoading: isLoadingDeleteExpense\n } = useDeleteExpense();\n const {\n updateExpenseReviewedStatus,\n updateExpenseFiledStatus,\n isLoading\n } = useUpdateExpense();\n const {\n duplicateExpense\n } = useCreateExpense();\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState25(false);\n const {\n id: expenseId,\n file\n } = expense;\n const {\n id: fileId\n } = file || {};\n const isComplete4 = Expense.isComplete(expenseOptions)(expense);\n const isReviewed4 = Expense.isReviewed(expense);\n const isFiled4 = Expense.isFiled(expense);\n const handleEdit = (e) => {\n e.stopPropagation();\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: expense.id\n }));\n };\n const handleDownloadFile = (e) => {\n e.stopPropagation();\n if (fileId)\n downloadExpenseFile({\n id: fileId,\n expenseId\n });\n };\n const handleToggleReviewStatus = (e) => {\n e.stopPropagation();\n updateExpenseReviewedStatus({\n id: expense.id,\n status: !isReviewed4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast2({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const handleToggleFiledStatus = (e) => {\n e.stopPropagation();\n updateExpenseFiledStatus({\n id: expense.id,\n status: !isFiled4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast2({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const handleDelete = (e) => {\n e.stopPropagation();\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleCancelDelete = () => {\n setIsDeleteConfirmationModalOpen(false);\n };\n const handleConfirmDelete = () => {\n deleteExpense(expense).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast2({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n });\n };\n const handleDuplicate = async (e) => {\n e.stopPropagation();\n const response = await duplicateExpense(expense);\n if (response.errors)\n return;\n const {\n id: duplicateId\n } = response;\n addSuccessToast2({\n body: translation({\n id: \"common.successCreate\"\n })\n });\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: duplicateId\n }));\n };\n const actions = [{\n title: (isFiled4 || isReviewed4) && !isAccountant || isAccountant && isFiled4 ? translation({\n id: \"common.actions.view\"\n }) : translation({\n id: \"common.actions.edit\"\n }),\n onClick: handleEdit\n }, {\n title: translation({\n id: isReviewed4 ? \"record.actions.markAsUnreviewed\" : \"record.actions.markAsReviewed\"\n }),\n onClick: handleToggleReviewStatus,\n shouldHide: !isAccountant || !isComplete4 && !isReviewed4 || isFiled4\n }, {\n title: translation({\n id: isFiled4 ? \"record.actions.markAsUnfiled\" : \"record.actions.markAsFiled\"\n }),\n onClick: handleToggleFiledStatus,\n shouldHide: !isAccountant || !isReviewed4 || !hasFiling\n }, {\n title: translation({\n id: \"common.actions.duplicate\"\n }),\n onClick: handleDuplicate,\n shouldHide: isAccountant || isReadOnly\n }, {\n title: translation({\n id: \"common.actions.download\"\n }),\n onClick: handleDownloadFile,\n shouldHide: !file\n }, {\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: handleDelete,\n color: colors35.red,\n shouldHide: isReviewed4 || isFiled4\n }].filter((action) => !action.shouldHide);\n return /* @__PURE__ */ _jsxs49(_Fragment24, {\n children: [/* @__PURE__ */ _jsx82(DropdownButton5, {\n actions,\n alignRight: true,\n \"data-testid\": \"expense-dropdown\",\n isLoading\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx82(ConfirmationModal2, {\n isLoading: isLoadingDeleteExpense,\n onCancel: handleCancelDelete,\n onConfirm: handleConfirmDelete,\n title: translation({\n id: \"common.areYouSure\"\n }),\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n })\n })]\n });\n};\n\n// src/components/shared/tracking/expenses/ExpenseStatusIndicator.tsx\nimport { colors as colors36, Chip as Chip4 } from \"@scouts/ui\";\nimport { jsx as _jsx83 } from \"react/jsx-runtime\";\nvar ExpenseStatusIndicator = ({\n expense,\n textExtraction\n}) => {\n const {\n expenseOptions,\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const isBookkeepingDoneByAccountantCustomer = isBookkeepingDoneByAccountant && !isAccountant;\n const isReviewed4 = Expense.isReviewed(expense);\n const isFiled4 = Expense.isFiled(expense);\n const isComplete4 = Expense.isComplete(expenseOptions)(expense);\n const isProcessing = textExtraction?.status === ExpenseTextExtractionStatus.IN_PROGRESS;\n if (isProcessing) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: colors36.purpleLighter,\n color: colors36.black,\n isPulsating: true,\n children: /* @__PURE__ */ _jsx83(Translation, {\n strings: isBookkeepingDoneByAccountantCustomer ? [\"Previous analysis\", \"An\\xE1lisis previo\"] : [\"Processing\\u2026\", \"Procesando\\u2026\"]\n })\n });\n }\n if (isFiled4) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: colors36.mintLighter,\n color: colors36.black,\n children: /* @__PURE__ */ _jsx83(Translation, {\n strings: [\"Filed \\u{1F512}\", \"Declarado \\u{1F512}\"]\n })\n });\n }\n if (isReviewed4) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: colors36.blueLighter,\n color: colors36.black,\n children: /* @__PURE__ */ _jsx83(Translation, {\n strings: [\"Reviewed \\u{1F512}\", \"Revisado \\u{1F512}\"]\n })\n });\n }\n if (isBookkeepingDoneByAccountantCustomer && !isReviewed4 && !isFiled4) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: colors36.blueLighter,\n color: colors36.black,\n children: /* @__PURE__ */ _jsx83(Translation, {\n id: \"record.label.accountantReview\"\n })\n });\n }\n if (!isComplete4 && isAccountant) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: isBookkeepingDoneByAccountant ? colors36.yellow : colors36.neutralLightest,\n color: isBookkeepingDoneByAccountant ? colors36.black : colors36.neutralDarker,\n children: /* @__PURE__ */ _jsx83(Translation, {\n strings: [\"Incomplete\", \"Incompleta\"]\n })\n });\n }\n if (isComplete4 && isAccountant || !isComplete4 && !isAccountant && !isBookkeepingDoneByAccountant) {\n return /* @__PURE__ */ _jsx83(Chip4, {\n size: \"small\",\n background: colors36.yellow,\n color: colors36.black,\n children: /* @__PURE__ */ _jsx83(Translation, {\n strings: [\"Needs review\", \"Revisar\"]\n })\n });\n }\n return null;\n};\n\n// src/components/shared/tracking/expenses/ExpenseRowDate.tsx\nimport { formatDateUTC as formatDateUTC5 } from \"@scouts/helpers\";\nimport { useLocale as useLocale13 } from \"@scouts/i18n\";\nimport { Flexer as Flexer26, Spacer as Spacer12, Tooltip as Tooltip4 } from \"@scouts/ui\";\nimport { jsx as _jsx84 } from \"react/jsx-runtime\";\nvar ExpenseRowDate = ({\n record,\n isShortDate\n}) => {\n const locale = useLocale13();\n const translation = useTranslation();\n const {\n createdDateUTC,\n taxPointDate\n } = record;\n const date = !record.taxPointDate ? \"\" : record.taxPointDate;\n const formattedDate = isShortDate ? formatDateUTC5(date, SHORT_DATE_PATTERN, locale) : formatDateUTC5(date, MEDIUM_DATE_PATTERN, locale);\n const createdDateTooltipContent = `${translation([\"Created\", \"Creado\"])} ${formatDateUTC5(createdDateUTC, LONG_DATE_PATTERN, locale)}`;\n const taxPointDateTooltipContent = `${translation([\"Issued\", \"Aplicado\"])} ${formatDateUTC5(taxPointDate, LONG_DATE_PATTERN, locale)}`;\n const tooltipContent = `${createdDateTooltipContent}\n${taxPointDateTooltipContent}`;\n const COLUMN_WIDTH = isShortDate ? \"45px\" : \"60px\";\n return /* @__PURE__ */ _jsx84(Tooltip4, {\n content: tooltipContent,\n children: /* @__PURE__ */ _jsx84(Flexer26, {\n children: /* @__PURE__ */ _jsx84(Spacer12, {\n width: COLUMN_WIDTH,\n children: formattedDate\n })\n })\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpenseRowCategories.tsx\nimport styled26 from \"styled-components\";\nimport { colors as colors37, radius as radius17, Badge, Chip as Chip5, Flexer as Flexer27, IconPaperclip2, Tooltip as Tooltip5 } from \"@scouts/ui\";\nimport { jsx as _jsx85, jsxs as _jsxs50 } from \"react/jsx-runtime\";\nvar ExpenseRowCategories = ({\n expense\n}) => {\n const {\n featureFlags\n } = useConfig();\n const translation = useTranslation();\n const {\n isDepreciable,\n categoryName\n } = expense;\n const isNotFullyDeductible = expense.deductibility !== DeductibilityType.FullyDeductible;\n const shouldDisplayDeductibilityStatus = featureFlags.featureBookkeepingDeductibility && isNotFullyDeductible;\n if (shouldDisplayDeductibilityStatus || isDepreciable) {\n return /* @__PURE__ */ _jsxs50(Flexer27, {\n gap: \"6px\",\n width: \"100%\",\n children: [shouldDisplayDeductibilityStatus && !isDepreciable && /* @__PURE__ */ _jsx85(Chip5, {\n size: \"small\",\n background: colors37.redLighter,\n color: colors37.black,\n children: /* @__PURE__ */ _jsx85(Translation, {\n strings: DeductibilityDomain.getDeductibilityTranslationStrings(expense.deductibility)\n })\n }), isDepreciable && /* @__PURE__ */ _jsx85(Chip5, {\n size: \"small\",\n background: colors37.redLighter,\n color: colors37.black,\n children: /* @__PURE__ */ _jsx85(Translation, {\n strings: [\"Fix asset\", \"Bien inversi\\xF3n\"]\n })\n }), shouldDisplayDeductibilityStatus && isDepreciable && /* @__PURE__ */ _jsx85(Tooltip5, {\n content: translation(DeductibilityDomain.getDeductibilityTranslationStrings(expense.deductibility)),\n children: /* @__PURE__ */ _jsx85(ExpenseCategoryWrapper, {\n children: /* @__PURE__ */ _jsx85(Badge, {\n background: colors37.redLighter,\n color: colors37.black,\n children: \"%\"\n })\n })\n }), categoryName && /* @__PURE__ */ _jsx85(Tooltip5, {\n content: categoryName || \"\",\n children: /* @__PURE__ */ _jsx85(ExpenseCategoryWrapper, {\n isCollapsed: true,\n children: /* @__PURE__ */ _jsx85(ExpenseCategoryChipWrapper, {\n background: colors37.purpleLighter,\n children: /* @__PURE__ */ _jsx85(IconPaperclip2, {\n color: colors37.purple,\n transform: \"scale(.8)\"\n })\n })\n })\n })]\n });\n }\n if (!shouldDisplayDeductibilityStatus && !isDepreciable && categoryName) {\n return /* @__PURE__ */ _jsx85(ExpenseCategoryTooltipWrapper, {\n children: /* @__PURE__ */ _jsx85(Tooltip5, {\n content: categoryName || \"\",\n children: /* @__PURE__ */ _jsx85(ExpenseCategoryWrapper, {\n children: /* @__PURE__ */ _jsx85(Chip5, {\n background: colors37.purpleLighter,\n color: colors37.black,\n isFullWidth: true,\n size: \"small\",\n children: categoryName\n })\n })\n })\n });\n }\n return null;\n};\nvar ExpenseCategoryChipWrapper = styled26.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryChipWrapper\",\n componentId: \"sc-k3gt9z-0\"\n})([\"display:flex;align-items:center;justify-content:center;background-color:\", \";border-radius:\", \";width:fit-content;transform:rotateZ(90deg);\"], ({\n background\n}) => background, radius17.large);\nvar ExpenseCategoryTooltipWrapper = styled26.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryTooltipWrapper\",\n componentId: \"sc-k3gt9z-1\"\n})([\"max-width:100%;min-width:0;\"]);\nvar ExpenseCategoryWrapper = styled26.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryWrapper\",\n componentId: \"sc-k3gt9z-2\"\n})([\"align-items:center;justify-content:end;\", \"\"], ({\n isCollapsed\n}) => isCollapsed && `width: 24px;`);\n\n// src/components/accountant/tracking/expenses/ExpenseRow.tsx\nimport { jsxs as _jsxs51, jsx as _jsx86, Fragment as _Fragment25 } from \"react/jsx-runtime\";\nvar ExpenseRow = ({\n expense,\n isSelected,\n toggleSelection,\n onSetInitialExpensesOrder\n}) => {\n const translation = useTranslation();\n const locale = useLocale14();\n const history = useHistory6();\n const {\n ROUTES\n } = useRoutes();\n const formatTaxRatePercentage = useFormatTaxRatePercentage();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const {\n hasTaxes,\n taxesCount\n } = useTaxes();\n const {\n defaultCurrency,\n expenseOptions: {\n isFileRequired\n }\n } = useConfig();\n const openExpenseModal = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: expense.id\n }));\n onSetInitialExpensesOrder();\n };\n const currency = expense.currency?.code || defaultCurrency;\n const {\n invoiceNumber,\n file,\n senderName,\n description,\n comment\n } = expense;\n const {\n fileName\n } = file || {};\n const title = useMemo21(() => {\n switch (true) {\n case (!!invoiceNumber && !!senderName):\n return /* @__PURE__ */ _jsxs51(_Fragment25, {\n children: [/* @__PURE__ */ _jsxs51(InvoiceNumber, {\n children: [\"#\", invoiceNumber]\n }), /* @__PURE__ */ _jsx86(SenderName, {\n children: senderName\n })]\n });\n case (!invoiceNumber && !!senderName):\n return /* @__PURE__ */ _jsx86(SenderName, {\n children: senderName\n });\n case (!!invoiceNumber && !senderName):\n return /* @__PURE__ */ _jsxs51(InvoiceNumber, {\n children: [\"#\", invoiceNumber]\n });\n case !!description:\n return description;\n case !!fileName:\n return fileName;\n default:\n return /* @__PURE__ */ _jsx86(Translation, {\n id: \"expense.content.draft\"\n });\n }\n }, [invoiceNumber, senderName, description, fileName]);\n const Icon13 = getExpenseAttachmentIcon(expense, isFileRequired);\n const numberOfAmountsColumns = hasTaxes ? taxesCount + 2 : 1;\n const hasTransactionLink = !!expense.transactionLinks?.length;\n return /* @__PURE__ */ _jsxs51(Row2, {\n children: [/* @__PURE__ */ _jsx86(Cell, {\n children: /* @__PURE__ */ _jsx86(Checkbox2, {\n isLabelless: true,\n isSmall: true,\n name: `select-${expense.id}`,\n label: \"Select\",\n onChange: () => toggleSelection(expense),\n value: String(expense.id),\n checked: isSelected\n })\n }), /* @__PURE__ */ _jsxs51(ClickableSection, {\n onClick: openExpenseModal,\n numberOfAmountsColumns,\n chipsColumnWidth: \"150px\",\n children: [/* @__PURE__ */ _jsx86(PrimaryTextCell, {\n children: /* @__PURE__ */ _jsx86(ExpenseRowDate, {\n record: expense\n })\n }), /* @__PURE__ */ _jsx86(Icon13, {}), /* @__PURE__ */ _jsx86(Cell, {\n children: /* @__PURE__ */ _jsx86(ExpenseStatusIndicator, {\n expense\n })\n }), /* @__PURE__ */ _jsx86(SecondaryTextCell, {\n preventOverflow: true,\n children: /* @__PURE__ */ _jsxs51(Description, {\n children: [!!comment && /* @__PURE__ */ _jsx86(Spacer13, {\n marginRight: \"9px\",\n children: /* @__PURE__ */ _jsx86(Chip6, {\n color: colors38.black,\n background: colors38.redLighter,\n size: \"small\",\n children: /* @__PURE__ */ _jsx86(Translation, {\n strings: [\"Note\", \"Nota\"]\n })\n })\n }), title]\n })\n }), /* @__PURE__ */ _jsx86(Cell, {\n children: hasTransactionLink && /* @__PURE__ */ _jsx86(Tooltip6, {\n content: translation([\"Linked bank transaction\", \"Transacci\\xF3n bancaria vinculada\"]),\n children: /* @__PURE__ */ _jsx86(SVGIcon, {\n color: colors38.neutralDarker,\n Component: IconLink23\n })\n })\n }), hasTaxes && /* @__PURE__ */ _jsx86(PrimaryTextCell, {\n children: formatCurrency9(Number(expense.net), {\n currency,\n locale\n })\n }), expense.taxRates.map((tax) => /* @__PURE__ */ _jsxs51(AmountWithPercentageCell, {\n children: [/* @__PURE__ */ _jsx86(PrimaryTextCell, {\n children: formatCurrency9(tax.amount, {\n currency,\n locale\n })\n }), \" \", /* @__PURE__ */ _jsx86(SecondaryTextCell, {\n children: formatTaxRatePercentage(tax.rate)\n })]\n }, tax.name)), /* @__PURE__ */ _jsx86(PrimaryTextCell, {\n children: formatCurrency9(Number(expense.gross), {\n currency,\n locale\n })\n }), /* @__PURE__ */ _jsx86(ExpenseChipsWrapper, {\n children: /* @__PURE__ */ _jsx86(ExpenseRowCategories, {\n expense\n })\n })]\n }), /* @__PURE__ */ _jsx86(Cell, {\n children: /* @__PURE__ */ _jsx86(ExpenseRowDropdown, {\n expense\n })\n })]\n });\n};\nvar Description = styled27.div.withConfig({\n displayName: \"ExpenseRow__Description\",\n componentId: \"sc-8s5uib-0\"\n})([\"color:\", \";display:flex;align-items:center;\"], colors38.neutralDarker);\nvar InvoiceNumber = styled27.div.withConfig({\n displayName: \"ExpenseRow__InvoiceNumber\",\n componentId: \"sc-8s5uib-1\"\n})([\"\"]);\nvar SenderName = styled27.div.withConfig({\n displayName: \"ExpenseRow__SenderName\",\n componentId: \"sc-8s5uib-2\"\n})([\"color:\", \";&:not(:only-child){margin-left:6px;}\"], colors38.black);\nvar ExpenseChipsWrapper = styled27.div.withConfig({\n displayName: \"ExpenseRow__ExpenseChipsWrapper\",\n componentId: \"sc-8s5uib-3\"\n})([\"justify-self:end;display:flex;align-items:center;max-width:100%;min-width:0;\"]);\n\n// src/components/accountant/tracking/expenses/ExpensesList.tsx\nimport { jsx as _jsx87, Fragment as _Fragment26, jsxs as _jsxs52 } from \"react/jsx-runtime\";\nvar ExpensesList = ({\n expenses,\n onSetInitialExpensesOrder\n}) => {\n const {\n areAllSelected,\n selectAll,\n unselectAll,\n selectedRecords,\n toggleSelection\n } = useBulkActions({\n records: expenses\n });\n const {\n mapCategoryNameToExpense\n } = useExpenseCategories();\n if (!expenses || expenses.length <= 0)\n return /* @__PURE__ */ _jsx87(Translation, {\n id: \"expense.emptyList\"\n });\n return /* @__PURE__ */ _jsxs52(_Fragment26, {\n children: [/* @__PURE__ */ _jsx87(List, {\n children: expenses.map((expense) => {\n const isSelected = selectedRecords.some((record) => record.id === expense.id);\n const expenseWithCategory = mapCategoryNameToExpense(expense);\n return /* @__PURE__ */ _jsx87(ExpenseRow, {\n expense: expenseWithCategory,\n toggleSelection,\n isSelected,\n onSetInitialExpensesOrder\n }, expenseWithCategory.id);\n })\n }), /* @__PURE__ */ _jsx87(ExpenseBulkActions, {\n selectedItems: selectedRecords,\n selectAll,\n unselectAll,\n areAllSelected\n })]\n });\n};\n\n// src/components/accountant/tracking/expenses/OutstandingExpensesBanner.tsx\nimport { getPreviousDate as getPreviousDate2 } from \"@scouts/helpers\";\nimport { Spacer as Spacer14 } from \"@scouts/ui\";\n\n// src/hooks/use-get-tax-period-start-date.ts\nimport { getStartOfQuarter, DATE_FORMAT } from \"@scouts/helpers\";\n\n// src/helpers/dates/getCurrentUKTaxYearStartDate.ts\nvar import_dayjs = __toESM(require_dayjs_min(), 1);\nvar getCurrentTaxYearStartDate = (day, month) => {\n const now = (0, import_dayjs.default)();\n const currentTaxYearStartDate = (0, import_dayjs.default)(`${now.year()}-${month}-${day}`);\n if (now.isBefore(currentTaxYearStartDate)) {\n return currentTaxYearStartDate.subtract(1, \"year\");\n }\n return currentTaxYearStartDate;\n};\n\n// src/hooks/use-get-tax-period-start-date.ts\nvar useGetTaxPeriodStartDate = (isCurrentQuarter = false) => {\n const {\n sharedOptions: {\n hasQuarterlyReturns,\n taxYearStartDay,\n taxYearStartMonth\n }\n } = useConfig();\n const isQuarterly = Boolean(hasQuarterlyReturns);\n const day = Number(taxYearStartDay);\n const month = Number(taxYearStartMonth);\n const {\n startOfCurrentQuarter,\n startOfLastQuarter\n } = getStartOfQuarter();\n const quarterStartDate = isCurrentQuarter ? startOfCurrentQuarter.format(DATE_FORMAT) : startOfLastQuarter.format(DATE_FORMAT);\n const startOfLastTaxPeriod = isQuarterly ? quarterStartDate : getCurrentTaxYearStartDate(day, month).format(DATE_FORMAT);\n return startOfLastTaxPeriod || \"\";\n};\n\n// src/components/accountant/tracking/shared/OutstandingRecordsBanner.tsx\nimport { getPreviousDate } from \"@scouts/helpers\";\nimport { colors as colors39, font as font14, radius as radius18, ButtonLink as ButtonLink8, Container as Container23, Line as Line17, Loadable as Loadable7 } from \"@scouts/ui\";\nimport { jsx as _jsx88 } from \"react/jsx-runtime\";\nvar OutstandingRecordsBanner = ({\n isFetching,\n itemsCount\n}) => {\n const {\n applyFilters\n } = useFilters();\n const taxPeriodStartDate = useGetTaxPeriodStartDate(true);\n const handleFilter = () => {\n applyFilters({\n endDate: getPreviousDate(taxPeriodStartDate),\n isDraft: false,\n isFiled: false,\n isReviewed: false,\n startDate: \"2010-01-01\"\n }, true);\n };\n return /* @__PURE__ */ _jsx88(Loadable7, {\n isLoading: isFetching,\n children: /* @__PURE__ */ _jsx88(Container23, {\n background: colors39.yellow,\n radius: radius18.medium,\n padding: \"12px 18px\",\n children: /* @__PURE__ */ _jsx88(Line17, {\n size: font14.small,\n children: /* @__PURE__ */ _jsx88(Translation, {\n id: \"record.content.outstandingRecords\",\n values: {\n button: (buttonContent) => /* @__PURE__ */ _jsx88(ButtonLink8, {\n onClick: handleFilter,\n children: buttonContent\n }),\n count: itemsCount\n }\n })\n })\n })\n });\n};\n\n// src/components/accountant/tracking/expenses/OutstandingExpensesBanner.tsx\nimport { jsx as _jsx89 } from \"react/jsx-runtime\";\nvar OutstandingExpensesBanner = () => {\n const taxPeriodStartDate = useGetTaxPeriodStartDate(true);\n const {\n data: outstandingExpenses,\n isFetching: isFetchingOutstandingExpenses\n } = useSearchExpenses({\n isFiled: false,\n isReviewed: false,\n endDateTime: getPreviousDate2(taxPeriodStartDate)\n });\n const outstandingExpensesCount = outstandingExpenses?.totalCount || 0;\n const shouldDisplayOutstandingRecordsBanner = outstandingExpensesCount > 0;\n if (!shouldDisplayOutstandingRecordsBanner) {\n return null;\n }\n return /* @__PURE__ */ _jsx89(Spacer14, {\n marginBottom: \"12px\",\n children: /* @__PURE__ */ _jsx89(OutstandingRecordsBanner, {\n isFetching: isFetchingOutstandingExpenses,\n itemsCount: outstandingExpensesCount\n })\n });\n};\n\n// src/components/accountant/tracking/expenses/TrackingExpenses.tsx\nimport { jsx as _jsx90, jsxs as _jsxs53, Fragment as _Fragment27 } from \"react/jsx-runtime\";\nvar TrackingExpenses = () => {\n const {\n ROUTES\n } = useRoutes();\n const history = useHistory7();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const translation = useTranslation();\n const {\n featureFlags\n } = useConfig();\n const {\n pageNumber,\n pageSize,\n onPaginationChange,\n onPaginationScrollToTop\n } = useRecordListPagination(\"all-expenses\");\n const {\n expenses,\n isError: isErrorExpenses,\n isLoading: isLoadingExpenses,\n pagination: allExpensesPagination\n } = useAllExpenses({\n pageNumber,\n pageSize\n });\n const scrollHelperRef = useRef13(null);\n const handlePaginationChange = (updatedPagination) => {\n onPaginationChange(updatedPagination);\n onPaginationScrollToTop(scrollHelperRef?.current);\n };\n const {\n expenseBalances,\n isFetching: isFetchingExpenseBalances,\n isError: isErrorExpenseBalances,\n isLoading: isLoadingExpenseBalances\n } = useExpenseBalances();\n const {\n isSuccess: isSuccessTaxes,\n isError: isErrorTaxes\n } = useTaxes();\n const [initialExpensesOrder, setInitialExpensesOrder] = useState26([]);\n const handleSetInitialExpensesOrder = useCallback22(() => setInitialExpensesOrder(expenses ?? []), [expenses]);\n useEffect17(() => {\n if ((expenses || []).length > initialExpensesOrder.length)\n setInitialExpensesOrder(expenses ?? []);\n }, [expenses, initialExpensesOrder]);\n const closeExpenseModal = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES));\n };\n const navigateToExpenseEditModal = (id) => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id\n }));\n };\n const amountsToDisplay = featureFlags.featureBookkeepingDeductibility ? {\n gross: expenseBalances?.totalDeductibleGross ?? 0,\n net: expenseBalances?.totalDeductibleNet ?? 0,\n taxRates: expenseBalances?.taxRates.map((statTaxRate) => ({\n amountToDisplay: statTaxRate.deductibleAmount,\n name: statTaxRate.name\n })) ?? []\n } : {\n gross: expenseBalances?.totalGross ?? 0,\n net: expenseBalances?.totalNet ?? 0,\n taxRates: expenseBalances?.taxRates.map((statTaxRate) => ({\n amountToDisplay: statTaxRate.amount,\n name: statTaxRate.name\n })) ?? []\n };\n const isError = isErrorTaxes || isErrorExpenses || isErrorExpenseBalances;\n if (isError)\n return /* @__PURE__ */ _jsx90(Translation, {\n id: \"common.errorRequest\"\n });\n const isLoading = !isSuccessTaxes || isLoadingExpenses || isLoadingExpenseBalances;\n if (isLoading)\n return /* @__PURE__ */ _jsxs53(_Fragment27, {\n children: [/* @__PURE__ */ _jsx90(Skeleton2, {\n gap: \"2px\",\n padding: \"0 0 12px\",\n children: /* @__PURE__ */ _jsx90(SkeletonLine2, {\n height: \"63px\"\n })\n }), /* @__PURE__ */ _jsxs53(Skeleton2, {\n gap: \"2px\",\n padding: \"0\",\n children: [/* @__PURE__ */ _jsx90(SkeletonLine2, {\n height: \"48px\"\n }), /* @__PURE__ */ _jsx90(SkeletonLine2, {\n height: \"48px\"\n }), /* @__PURE__ */ _jsx90(SkeletonLine2, {\n height: \"48px\"\n })]\n })]\n });\n const shouldDisplayPagination = Number(allExpensesPagination?.totalCount) > 0;\n return /* @__PURE__ */ _jsxs53(_Fragment27, {\n children: [/* @__PURE__ */ _jsx90(\"span\", {\n ref: scrollHelperRef\n }), /* @__PURE__ */ _jsx90(OutstandingExpensesBanner, {}), /* @__PURE__ */ _jsx90(Statistics, {\n gross: amountsToDisplay.gross,\n net: amountsToDisplay.net,\n taxRates: amountsToDisplay.taxRates,\n amountOfRecords: expenseBalances?.totalRecords ?? 0,\n isLoading: isFetchingExpenseBalances,\n recordLabel: translation({\n id: \"common.expenses\"\n })\n }), /* @__PURE__ */ _jsx90(ExpensesList, {\n expenses,\n onSetInitialExpensesOrder: handleSetInitialExpensesOrder\n }), shouldDisplayPagination && /* @__PURE__ */ _jsxs53(_Fragment27, {\n children: [/* @__PURE__ */ _jsx90(Spacer15, {\n marginTop: \"12px\",\n children: /* @__PURE__ */ _jsx90(Flexer28, {\n column: true,\n alignEnd: true,\n children: /* @__PURE__ */ _jsx90(Line18, {\n tabletSize: font15.small,\n color: colors40.neutralDarker,\n children: /* @__PURE__ */ _jsx90(PaginationResultsCount, {\n pagination: allExpensesPagination\n })\n })\n })\n }), /* @__PURE__ */ _jsx90(Spacer15, {\n marginTop: \"12px\",\n children: /* @__PURE__ */ _jsx90(RecordListPaginationNav, {\n pagination: allExpensesPagination,\n onPaginationChange: handlePaginationChange\n })\n })]\n }), /* @__PURE__ */ _jsxs53(Switch, {\n children: [/* @__PURE__ */ _jsx90(Route, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_CREATE,\n render: () => /* @__PURE__ */ _jsx90(ExpenseAccountantModal, {\n initialExpensesOrder,\n handleClose: closeExpenseModal,\n handleNavigateToEdit: navigateToExpenseEditModal\n })\n }), /* @__PURE__ */ _jsx90(Route, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx90(ExpenseAccountantModal, {\n expenseId: Number(matchedId),\n initialExpensesOrder,\n handleClose: closeExpenseModal,\n handleNavigateToEdit: navigateToExpenseEditModal\n })\n })]\n })]\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpensesActions.tsx\nimport { useHistory as useHistory8 } from \"react-router-dom\";\nimport styled30 from \"styled-components\";\nimport { useToggle as useToggle6 } from \"@scouts/helpers\";\nimport { DropdownButton as DropdownButton6 } from \"@scouts/ui\";\n\n// src/components/shared/filters/Filters.tsx\nimport { Flexer as Flexer30 } from \"@scouts/ui\";\n\n// src/components/shared/filters/FiltersDate.tsx\nimport { useMemo as useMemo22, useRef as useRef14, useState as useState27 } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport styled29 from \"styled-components\";\nimport useOnClickOutside2 from \"use-onclickoutside\";\nimport { getNextYear as getNextYear3, getYear as getYear3, isValidStringDate } from \"@scouts/helpers\";\nimport { colors as colors42, font as font17, media as media14, ChipButton as ChipButton3, DatePickerWithLabel as DatePickerWithLabel3, Flexer as Flexer29, IconCalendarDates, Spacer as Spacer16 } from \"@scouts/ui\";\n\n// src/components/shared/filters/ui-filters.ts\nimport styled28 from \"styled-components\";\nimport { colors as colors41, font as font16, media as media13, radius as radius19, shadows as shadows6 } from \"@scouts/ui\";\nvar ActiveFilters = styled28.div.withConfig({\n displayName: \"ui-filters__ActiveFilters\",\n componentId: \"sc-11oeipl-0\"\n})([\"display:flex;align-items:center;gap:6px;\"]);\nvar Container24 = styled28.div.withConfig({\n displayName: \"ui-filters__Container\",\n componentId: \"sc-11oeipl-1\"\n})([\"display:flex;flex-direction:column;justify-content:center;\"]);\nvar FilterContainer = styled28.span.withConfig({\n displayName: \"ui-filters__FilterContainer\",\n componentId: \"sc-11oeipl-2\"\n})([\"padding-left:4px;\"]);\nvar FilterButton = styled28.button.withConfig({\n displayName: \"ui-filters__FilterButton\",\n componentId: \"sc-11oeipl-3\"\n})([\"font-size:\", \";line-height:1.3;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;\", \"{&:hover{color:\", \";}}\"], font16.small, media13.pointer, colors41.blue);\nvar DropdownContainer = styled28.div.withConfig({\n displayName: \"ui-filters__DropdownContainer\",\n componentId: \"sc-11oeipl-4\"\n})([\"position:relative;\"]);\nvar FilterOptions = styled28.div.withConfig({\n displayName: \"ui-filters__FilterOptions\",\n componentId: \"sc-11oeipl-5\"\n})([\"display:flex;flex-direction:column;gap:12px;position:absolute;top:6px;z-index:1091;min-width:228px;padding:12px;background:\", \";border-radius:\", \";box-shadow:\", \";\", \"\"], colors41.white, radius19.large, shadows6.high, ({\n alignRight\n}) => alignRight ? `right: 0;` : `left: 0;`);\nvar FilterOptionsGroup = styled28.div.withConfig({\n displayName: \"ui-filters__FilterOptionsGroup\",\n componentId: \"sc-11oeipl-6\"\n})([\"display:flex;flex-direction:column;gap:6px;\"]);\nvar FiltersItem = styled28.div.withConfig({\n displayName: \"ui-filters__FiltersItem\",\n componentId: \"sc-11oeipl-7\"\n})([\"\"]);\n\n// src/components/shared/filters/FiltersDate.tsx\nimport { jsx as _jsx91, jsxs as _jsxs54 } from \"react/jsx-runtime\";\nvar FiltersDate = ({\n skipPersistFilterInLocalStorage\n}) => {\n const {\n formatDate\n } = useIntl();\n const translation = useTranslation();\n const {\n availableDateRangeFilterShortcuts,\n locale,\n timeZone\n } = useConfig();\n const {\n activeFilters,\n applyFilter,\n getIsDateRangeWithinBoundaries\n } = useFilters(skipPersistFilterInLocalStorage);\n const ref = useRef14(null);\n const [isFilterOpen, setIsFilterOpen] = useState27(false);\n const [isCustomFilterOpen, setIsCustomFilterOpen] = useState27(false);\n const nextYear = getNextYear3();\n const {\n formData,\n hasValidationErrors,\n validationErrors,\n handleFormChange,\n setValidationErrors\n } = useForm({\n startDate: /* @__PURE__ */ new Date(),\n endDate: /* @__PURE__ */ new Date()\n });\n const handleFilterChange = (filter) => {\n applyFilter({\n updatedFilter: filter\n });\n hideFilterOptions();\n };\n const handleOnChange = ({\n name,\n value\n }) => {\n const isValid = isValidStringDate(value);\n handleFormChange({\n [name]: isValid ? value : \"\"\n });\n if (!isValid)\n setValidationErrors({\n [name]: \"error.emptyDate\"\n });\n };\n const validateDateRange = () => {\n const {\n startDate,\n endDate\n } = formData;\n if (new Date(startDate) > new Date(endDate)) {\n setValidationErrors({\n startDate: \"error.invalidRageDate\"\n });\n return false;\n }\n return true;\n };\n const handleSubmitDateRange = () => {\n const isValid = validateDateRange();\n if (!isValid)\n return;\n const filter = {\n startDate: formData.startDate,\n endDate: formData.endDate,\n label: translation({\n id: \"common.customFilter\"\n })\n };\n applyFilter({\n updatedFilter: filter\n });\n setIsCustomFilterOpen(false);\n hideFilterOptions();\n };\n const clearFilter = () => {\n const filter = {\n startDate: null,\n endDate: null\n };\n applyFilter({\n updatedFilter: filter\n });\n hideFilterOptions();\n };\n const toggleCustomFilter = () => {\n setIsCustomFilterOpen(!isCustomFilterOpen);\n };\n const hideFilterOptions = () => {\n setIsFilterOpen(false);\n };\n const displayFilterOptions = () => {\n setIsFilterOpen(true);\n };\n useOnClickOutside2(ref, hideFilterOptions);\n const activeFilterLabel = useMemo22(() => {\n const {\n startDate,\n endDate\n } = activeFilters;\n if (!startDate || !endDate)\n return translation({\n id: \"common.filters.all\"\n });\n const startDateYear = getYear3(new Date(startDate).toISOString());\n const endDateYear = getYear3(new Date(endDate).toISOString());\n const hasSameYear = startDateYear === endDateYear;\n const formattedStartDate = formatDate(startDate, {\n day: \"2-digit\",\n month: \"short\",\n timeZone\n });\n const formattedEndDate = formatDate(endDate, {\n day: \"2-digit\",\n month: \"short\",\n timeZone\n });\n if (hasSameYear) {\n return `${formattedStartDate} - ${formattedEndDate} ${endDateYear}`;\n }\n return `${formattedStartDate} ${startDateYear} - ${formattedEndDate} ${endDateYear}`;\n }, [activeFilters, formatDate, timeZone, translation]);\n return /* @__PURE__ */ _jsxs54(Container24, {\n children: [/* @__PURE__ */ _jsxs54(FilterButton2, {\n onClick: displayFilterOptions,\n children: [/* @__PURE__ */ _jsx91(IconCalendarDates, {\n color: colors42.neutralDarker\n }), /* @__PURE__ */ _jsx91(FilterContainer, {\n children: activeFilterLabel\n })]\n }), isFilterOpen && /* @__PURE__ */ _jsx91(DropdownContainer, {\n ref,\n children: /* @__PURE__ */ _jsxs54(FilterOptions, {\n children: [availableDateRangeFilterShortcuts.map((filter) => {\n if (!getIsDateRangeWithinBoundaries(filter))\n return null;\n return /* @__PURE__ */ _jsx91(FiltersItem, {\n children: /* @__PURE__ */ _jsx91(ChipButton3, {\n onClick: () => handleFilterChange(filter),\n variant: \"highlight\",\n isFullWidth: true,\n children: filter.label\n })\n }, filter.key);\n }), /* @__PURE__ */ _jsx91(FiltersItem, {\n children: /* @__PURE__ */ _jsx91(ChipButton3, {\n onClick: clearFilter,\n variant: \"highlight\",\n isFullWidth: true,\n children: /* @__PURE__ */ _jsx91(Translation, {\n id: \"common.filters.all\"\n })\n })\n }, \"all\"), /* @__PURE__ */ _jsx91(FiltersItem, {\n children: /* @__PURE__ */ _jsx91(ChipButton3, {\n onClick: toggleCustomFilter,\n variant: \"neutral\",\n isFullWidth: true,\n children: /* @__PURE__ */ _jsx91(Translation, {\n id: \"common.filters.custom\"\n })\n })\n }, \"custom\"), isCustomFilterOpen && /* @__PURE__ */ _jsx91(Spacer16, {\n marginTop: \"12px\",\n children: /* @__PURE__ */ _jsxs54(Flexer29, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx91(DatePickerWithLabel3, {\n name: \"startDate\",\n value: formData.startDate || /* @__PURE__ */ new Date(),\n locale,\n label: translation({\n id: \"common.fromDate\"\n }),\n onChange: handleOnChange,\n hasError: !!validationErrors.startDate,\n minDate: \"2010-01-01\",\n maxDate: `${nextYear}-12-31`,\n \"data-testid\": \"startDate\"\n }), !!validationErrors.startDate && /* @__PURE__ */ _jsx91(ErrorMessage, {\n children: /* @__PURE__ */ _jsx91(Translation, {\n id: validationErrors.startDate\n })\n }), /* @__PURE__ */ _jsx91(DatePickerWithLabel3, {\n name: \"endDate\",\n value: formData.endDate || /* @__PURE__ */ new Date(),\n locale,\n label: translation({\n id: \"common.toDate\"\n }),\n onChange: handleOnChange,\n hasError: !!validationErrors.endDate,\n minDate: \"2010-01-01\",\n maxDate: `${nextYear}-12-31`,\n \"data-testid\": \"endDate\"\n }), !!validationErrors.endDate && /* @__PURE__ */ _jsx91(ErrorMessage, {\n children: /* @__PURE__ */ _jsx91(Translation, {\n id: validationErrors.endDate\n })\n }), /* @__PURE__ */ _jsx91(ChipButton3, {\n onClick: handleSubmitDateRange,\n disabled: hasValidationErrors,\n isFullWidth: true,\n children: /* @__PURE__ */ _jsx91(Translation, {\n id: \"common.actions.accept\"\n })\n })]\n })\n })]\n })\n })]\n });\n};\nvar FilterButton2 = styled29.button.withConfig({\n displayName: \"FiltersDate__FilterButton\",\n componentId: \"sc-1828uq4-0\"\n})([\"font-size:\", \";line-height:1.3;white-space:nowrap;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;\", \"{&:hover{color:\", \";}}\"], font17.small, media14.pointer, colors42.blue);\nvar ErrorMessage = styled29.div.withConfig({\n displayName: \"FiltersDate__ErrorMessage\",\n componentId: \"sc-1828uq4-1\"\n})([\"color:\", \";font-size:\", \";padding:4px 0;\"], colors42.red, font17.smaller);\n\n// src/components/shared/filters/FiltersExpenses.tsx\nimport { useRef as useRef15, useState as useState28 } from \"react\";\nimport useOnClickOutside3 from \"use-onclickoutside\";\nimport { colors as colors43, ChipButton as ChipButton4, IconFilter } from \"@scouts/ui\";\nimport { jsx as _jsx92, jsxs as _jsxs55, Fragment as _Fragment28 } from \"react/jsx-runtime\";\nvar labelTranslationKeys = {\n [ExpenseFilter.COMPLETE]: \"common.filter.readyToReview\",\n [ExpenseFilter.INCOMPLETE]: \"expense.labelIncomplete\",\n [ExpenseFilter.FIX_ASSET]: \"expense.labelFixAsset\",\n [ExpenseFilter.FILED]: \"record.status.filed\",\n [ExpenseFilter.REVIEWED]: \"record.status.reviewed\",\n [ExpenseFilter.EUROPEAN_UNION]: \"common.filter.europeanUnion\",\n [ExpenseFilter.LOCAL_COUNTRY]: \"common.filter.localCountry\",\n [ExpenseFilter.FOREIGN_COUNTRY]: \"common.filter.foreignCountry\"\n};\nvar labelNegativeTranslationKeys = {\n [ExpenseFilter.FILED]: \"common.filter.notFiled\",\n [ExpenseFilter.REVIEWED]: \"common.filter.notReviewed\"\n};\nvar getLabelTranslationKey = (filter, value) => {\n if (value === false) {\n return labelNegativeTranslationKeys[filter];\n }\n return labelTranslationKeys[filter];\n};\nvar isDisabledConditions = {\n [ExpenseFilter.EUROPEAN_UNION]: [ExpenseFilter.FOREIGN_COUNTRY, ExpenseFilter.LOCAL_COUNTRY],\n [ExpenseFilter.LOCAL_COUNTRY]: [ExpenseFilter.EUROPEAN_UNION, ExpenseFilter.FOREIGN_COUNTRY],\n [ExpenseFilter.FOREIGN_COUNTRY]: [ExpenseFilter.EUROPEAN_UNION, ExpenseFilter.LOCAL_COUNTRY],\n [ExpenseFilter.INCOMPLETE]: [ExpenseFilter.COMPLETE, ExpenseFilter.FILED, ExpenseFilter.REVIEWED],\n [ExpenseFilter.COMPLETE]: [ExpenseFilter.INCOMPLETE, ExpenseFilter.FILED, ExpenseFilter.REVIEWED],\n [ExpenseFilter.FILED]: [ExpenseFilter.COMPLETE, ExpenseFilter.INCOMPLETE, ExpenseFilter.REVIEWED],\n [ExpenseFilter.REVIEWED]: [ExpenseFilter.COMPLETE, ExpenseFilter.INCOMPLETE, ExpenseFilter.FILED]\n};\nvar getShouldDisplayFilterGroup = (filterGroup, hasRecordCountry) => filterGroup !== ExpenseFilterGroup.COUNTRY || hasRecordCountry;\nvar getShouldDisplayFilter = (filter, hasFiling) => filter !== ExpenseFilter.FILED || hasFiling;\nvar FiltersExpenses = () => {\n const {\n sharedOptions: {\n hasRecordCountry,\n hasFiling\n }\n } = useConfig();\n const {\n activeFilters,\n applyFilter,\n removeFilter\n } = useFilters();\n const ref = useRef15(null);\n const [isFilterOpen, setIsFilterOpen] = useState28(false);\n const hasActiveFilters = ExpenseFilters.map((filter) => filter in activeFilters);\n const handleAddFilter = (filter) => () => {\n const updatedFilter = {\n [filter]: true\n };\n applyFilter({\n updatedFilter\n });\n hideFilterOptions();\n };\n const handleRemoveFilter = (filter) => () => {\n const updatedFilter = {\n [filter]: true\n };\n removeFilter({\n updatedFilter\n });\n };\n const hideFilterOptions = () => {\n setIsFilterOpen(false);\n };\n const displayFilterOptions = () => {\n setIsFilterOpen(true);\n };\n useOnClickOutside3(ref, hideFilterOptions);\n return /* @__PURE__ */ _jsxs55(_Fragment28, {\n children: [hasActiveFilters && /* @__PURE__ */ _jsx92(ActiveFilters, {\n children: ExpenseFilters.map((filter) => {\n const filterValue = activeFilters[filter];\n const translationKey = getLabelTranslationKey(filter, filterValue);\n const hasTranslation = !!translationKey;\n const isFilterActive = filter in activeFilters;\n if (isFilterActive && hasTranslation) {\n return /* @__PURE__ */ _jsxs55(ChipButton4, {\n onClick: handleRemoveFilter(filter),\n size: \"small\",\n children: [/* @__PURE__ */ _jsx92(Translation, {\n id: translationKey\n }), \" \\xD7\"]\n }, filter);\n }\n return null;\n })\n }), /* @__PURE__ */ _jsxs55(Container24, {\n children: [/* @__PURE__ */ _jsxs55(FilterButton, {\n onClick: displayFilterOptions,\n children: [/* @__PURE__ */ _jsx92(IconFilter, {\n color: colors43.neutralDarker\n }), /* @__PURE__ */ _jsx92(FilterContainer, {\n children: /* @__PURE__ */ _jsx92(Translation, {\n id: \"common.addFilter\"\n })\n })]\n }), isFilterOpen && /* @__PURE__ */ _jsx92(DropdownContainer, {\n ref,\n children: /* @__PURE__ */ _jsx92(FilterOptions, {\n alignRight: true,\n children: Object.entries(ExpenseFiltersGroups).map(([group, filters]) => {\n if (!getShouldDisplayFilterGroup(group, hasRecordCountry))\n return null;\n return /* @__PURE__ */ _jsx92(FilterOptionsGroup, {\n children: filters.map((filter, index) => {\n if (!getShouldDisplayFilter(filter, hasFiling))\n return null;\n const isDisabled = filter in activeFilters || isDisabledConditions[filter]?.some((f) => f in activeFilters);\n return /* @__PURE__ */ _jsx92(FiltersItem, {\n children: /* @__PURE__ */ _jsx92(ChipButton4, {\n onClick: handleAddFilter(filter),\n variant: \"highlight\",\n isFullWidth: true,\n disabled: isDisabled,\n children: /* @__PURE__ */ _jsx92(Translation, {\n id: labelTranslationKeys[filter]\n })\n })\n }, filter + index);\n })\n }, group);\n })\n })\n })]\n })]\n });\n};\n\n// src/components/shared/filters/FiltersIncome.tsx\nimport { useRef as useRef16, useState as useState29 } from \"react\";\nimport useOnClickOutside4 from \"use-onclickoutside\";\nimport { colors as colors44, ChipButton as ChipButton5, IconFilter as IconFilter2 } from \"@scouts/ui\";\nimport { jsx as _jsx93, jsxs as _jsxs56, Fragment as _Fragment29 } from \"react/jsx-runtime\";\nvar labelTranslationKeys2 = {\n [IncomeFilter.DRAFT]: \"invoice.status.Draft\",\n [IncomeFilter.COMPLETE]: \"common.filter.readyToReview\",\n [IncomeFilter.INCOMPLETE]: \"income.status.incomplete\",\n [IncomeFilter.PAID]: \"invoice.status.Paid\",\n [IncomeFilter.FILED]: \"record.status.filed\",\n [IncomeFilter.REVIEWED]: \"record.status.reviewed\",\n [IncomeFilter.EUROPEAN_UNION]: \"common.filter.europeanUnion\",\n [IncomeFilter.LOCAL_COUNTRY]: \"common.filter.localCountry\",\n [IncomeFilter.FOREIGN_COUNTRY]: \"common.filter.foreignCountry\"\n};\nvar labelNegativeTranslationKeys2 = {\n [IncomeFilter.DRAFT]: \"common.filter.notDraft\",\n [IncomeFilter.FILED]: \"common.filter.notFiled\",\n [IncomeFilter.REVIEWED]: \"common.filter.notReviewed\"\n};\nvar getLabelTranslationKey2 = (filter, value) => {\n if (value === false) {\n return labelNegativeTranslationKeys2[filter];\n }\n return labelTranslationKeys2[filter];\n};\nvar IncomeFilterCompleteAndIncomplete = [...IncomeFiltersGroups[IncomeFilterGroup.COMPLETE], ...IncomeFiltersGroups[IncomeFilterGroup.INCOMPLETE]];\nvar isDisabledConditions2 = {\n [IncomeFilter.EUROPEAN_UNION]: [IncomeFilter.FOREIGN_COUNTRY, IncomeFilter.LOCAL_COUNTRY],\n [IncomeFilter.LOCAL_COUNTRY]: [IncomeFilter.EUROPEAN_UNION, IncomeFilter.FOREIGN_COUNTRY],\n [IncomeFilter.FOREIGN_COUNTRY]: [IncomeFilter.EUROPEAN_UNION, IncomeFilter.LOCAL_COUNTRY],\n [IncomeFilter.INCOMPLETE]: IncomeFilterCompleteAndIncomplete,\n [IncomeFilter.COMPLETE]: IncomeFilterCompleteAndIncomplete,\n [IncomeFilter.FILED]: IncomeFilterCompleteAndIncomplete,\n [IncomeFilter.REVIEWED]: IncomeFilterCompleteAndIncomplete,\n [IncomeFilter.DRAFT]: IncomeFilterCompleteAndIncomplete\n};\nvar getShouldDisplayFilterGroup2 = (filterGroup, hasRecordCountry) => filterGroup !== IncomeFilterGroup.COUNTRY || hasRecordCountry;\nvar getShouldDisplayFilter2 = (filter, hasFiling) => filter !== IncomeFilter.FILED || hasFiling;\nvar FiltersIncome = () => {\n const {\n sharedOptions: {\n hasRecordCountry,\n hasFiling\n }\n } = useConfig();\n const {\n activeFilters,\n applyFilter,\n removeFilter\n } = useFilters();\n const ref = useRef16(null);\n const [isFilterOpen, setIsFilterOpen] = useState29(false);\n const hasActiveFilters = IncomeFilters.map((filter) => filter in activeFilters);\n const handleAddFilter = (filter) => () => {\n const updatedFilter = {\n [filter]: true\n };\n applyFilter({\n updatedFilter\n });\n hideFilterOptions();\n };\n const handleRemoveFilter = (filter) => () => {\n const updatedFilter = {\n [filter]: true\n };\n removeFilter({\n updatedFilter\n });\n };\n const hideFilterOptions = () => {\n setIsFilterOpen(false);\n };\n const displayFilterOptions = () => {\n setIsFilterOpen(true);\n };\n useOnClickOutside4(ref, hideFilterOptions);\n return /* @__PURE__ */ _jsxs56(_Fragment29, {\n children: [hasActiveFilters && /* @__PURE__ */ _jsx93(ActiveFilters, {\n children: IncomeFilters.map((filter) => {\n const filterValue = activeFilters[filter];\n const translationKey = getLabelTranslationKey2(filter, filterValue);\n const hasTranslation = !!translationKey;\n const isFilterActive = filter in activeFilters;\n if (isFilterActive && hasTranslation) {\n return /* @__PURE__ */ _jsxs56(ChipButton5, {\n onClick: handleRemoveFilter(filter),\n size: \"small\",\n children: [/* @__PURE__ */ _jsx93(Translation, {\n id: translationKey\n }), \" \\xD7\"]\n }, filter);\n }\n return null;\n })\n }), /* @__PURE__ */ _jsxs56(Container24, {\n children: [/* @__PURE__ */ _jsxs56(FilterButton, {\n onClick: displayFilterOptions,\n children: [/* @__PURE__ */ _jsx93(IconFilter2, {\n color: colors44.neutralDarker\n }), /* @__PURE__ */ _jsx93(FilterContainer, {\n children: /* @__PURE__ */ _jsx93(Translation, {\n id: \"common.addFilter\"\n })\n })]\n }), isFilterOpen && /* @__PURE__ */ _jsx93(DropdownContainer, {\n ref,\n children: /* @__PURE__ */ _jsx93(FilterOptions, {\n alignRight: true,\n children: Object.entries(IncomeFiltersGroups).map(([group, filters]) => {\n if (!getShouldDisplayFilterGroup2(group, hasRecordCountry))\n return null;\n return /* @__PURE__ */ _jsx93(FilterOptionsGroup, {\n children: filters.map((filter, index) => {\n if (!getShouldDisplayFilter2(filter, hasFiling))\n return null;\n const isDisabled = filter in activeFilters || isDisabledConditions2[filter]?.some((f) => f in activeFilters);\n return /* @__PURE__ */ _jsx93(FiltersItem, {\n children: /* @__PURE__ */ _jsx93(ChipButton5, {\n onClick: handleAddFilter(filter),\n variant: \"highlight\",\n isFullWidth: true,\n disabled: isDisabled,\n children: /* @__PURE__ */ _jsx93(Translation, {\n id: labelTranslationKeys2[filter]\n })\n })\n }, filter + index);\n })\n }, group);\n })\n })\n })]\n })]\n });\n};\n\n// src/components/shared/filters/Filters.tsx\nimport { jsx as _jsx94, jsxs as _jsxs57 } from \"react/jsx-runtime\";\nvar Filters = ({\n shouldDisplayDateFilter,\n shouldDisplayIncomeFilter,\n shouldDisplayExpensesFilter\n}) => {\n if (!shouldDisplayDateFilter && !shouldDisplayIncomeFilter && !shouldDisplayExpensesFilter)\n return null;\n return /* @__PURE__ */ _jsxs57(Flexer30, {\n gap: \"12px\",\n children: [shouldDisplayDateFilter && /* @__PURE__ */ _jsx94(FiltersDate, {}), shouldDisplayIncomeFilter && /* @__PURE__ */ _jsx94(FiltersIncome, {}), shouldDisplayExpensesFilter && /* @__PURE__ */ _jsx94(FiltersExpenses, {})]\n });\n};\n\n// src/components/accountant/tracking/shared/ExportModal.tsx\nimport { useState as useState30 } from \"react\";\nimport { getNextYear as getNextYear4 } from \"@scouts/helpers\";\nimport { Button as Button18, Checkbox as Checkbox3, DatePickerWithLabel as DatePickerWithLabel4, Form as Form6, ModalActionsLegacy as ModalActions5, ModalBodyLegacy as ModalBody10, ModalFooterLegacy as ModalFooter10, ModalHeaderLegacy as ModalHeader9, ModalLegacy as Modal10, ModalTitleLegacy as ModalTitle9, Paragraph as Paragraph7 } from \"@scouts/ui\";\n\n// src/store/bookkeepingrecords/hooks.ts\nimport { useMemo as useMemo23 } from \"react\";\nimport { matchIsMobileMode, saveBlobAsFile as saveBlobAsFile2, ReactNativeMessages } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast9 } from \"@scouts/ui\";\n\n// src/store/bookkeepingrecords/actions.ts\nimport { generateApiPath as generateApiPath17 } from \"@scouts/helpers\";\nvar getBookkeepingRecordsExportFileUrl = ({\n userId,\n data\n}) => {\n const {\n startTaxPointDate,\n endTaxPointDate,\n normalizeCurrency\n } = data;\n const queryParameters = {\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n },\n ...normalizeCurrency && {\n normalizeCurrency\n }\n };\n const url = generateApiPath17(ENDPOINTS.BOOKKEEPING_RECORDS.GET.EXPORT, {\n userId\n }, {\n queryParameters\n });\n return url;\n};\nvar requestBookkeepingRecordsExportFileAction = ({\n userId,\n data\n}) => {\n const url = getBookkeepingRecordsExportFileUrl({\n userId,\n data\n });\n return Client.getInstance().get(url, {\n responseType: \"blob\"\n }).then((response) => response.data).catch(normalizeErrorResponses);\n};\n\n// src/store/bookkeepingrecords/hooks.ts\nvar useBookkeepingRecordsActions = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n return useMemo23(() => ({\n requestBookkeepingRecordsExportFile: ({\n data,\n fileName\n }) => matchIsMobileMode(() => {\n Client.getToken().then((token) => {\n ReactNativeMessages.fileDownload({\n url: Client.getBaseUrl() + getBookkeepingRecordsExportFileUrl({\n data,\n userId\n }),\n token,\n fileName\n });\n });\n return Promise.resolve();\n }, () => requestBookkeepingRecordsExportFileAction({\n data,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast9({\n body: translation({\n id: \"common.errorDownload\"\n })\n });\n return response;\n }\n return saveBlobAsFile2({\n blob: response,\n fileName\n });\n }))\n }), [translation, userId]);\n};\n\n// src/components/accountant/tracking/shared/ExportModal.tsx\nimport { jsx as _jsx95, jsxs as _jsxs58 } from \"react/jsx-runtime\";\nvar ExportModal = ({\n onClose\n}) => {\n const translation = useTranslation();\n const config = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n requestBookkeepingRecordsExportFile\n } = useBookkeepingRecordsActions();\n const [fromDate, setFromDate] = useState30(activeFilters?.startDate || \"\");\n const [toDate, setToDate] = useState30(activeFilters?.endDate || \"\");\n const [exportAll, setExportAll] = useState30(false);\n const [isLoading, setIsLoading] = useState30(false);\n const nextYear = getNextYear4();\n const isDownloadDisabled = (!fromDate || !toDate) && !exportAll;\n const handleExport = () => {\n setIsLoading(true);\n const fileName = `${translation({\n id: \"export.content.fileName\"\n })}.csv`;\n requestBookkeepingRecordsExportFile({\n data: {\n startTaxPointDate: exportAll ? \"\" : fromDate,\n endTaxPointDate: exportAll ? \"\" : toDate\n },\n fileName\n }).then((response) => {\n setIsLoading(false);\n if (response?.errors)\n return;\n onClose();\n });\n };\n return /* @__PURE__ */ _jsxs58(Modal10, {\n onClose,\n children: [/* @__PURE__ */ _jsx95(ModalHeader9, {\n children: /* @__PURE__ */ _jsx95(ModalTitle9, {\n children: /* @__PURE__ */ _jsx95(Translation, {\n id: \"export.content.title\"\n })\n })\n }), /* @__PURE__ */ _jsxs58(ModalBody10, {\n children: [/* @__PURE__ */ _jsx95(Translation, {\n id: \"export.content.body.accountant\",\n values: {\n p: (chunks) => /* @__PURE__ */ _jsx95(Paragraph7, {\n children: chunks\n })\n }\n }), /* @__PURE__ */ _jsx95(Form6.Row, {\n children: /* @__PURE__ */ _jsxs58(Form6.Columns, {\n children: [/* @__PURE__ */ _jsx95(Form6.Column, {\n width: \"49%\",\n children: /* @__PURE__ */ _jsx95(DatePickerWithLabel4, {\n label: translation({\n id: \"common.fromDate\"\n }),\n locale: config.locale,\n name: \"fromDate\",\n minDate: \"2020-01-01\",\n onChange: ({\n value\n }) => setFromDate(value),\n value: fromDate,\n disabled: exportAll\n })\n }), /* @__PURE__ */ _jsx95(Form6.Column, {\n width: \"49%\",\n children: /* @__PURE__ */ _jsx95(DatePickerWithLabel4, {\n label: translation({\n id: \"common.toDate\"\n }),\n locale: config.locale,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2020-01-01\",\n name: \"toDate\",\n onChange: ({\n value\n }) => setToDate(value),\n value: toDate,\n disabled: exportAll\n })\n })]\n })\n }), /* @__PURE__ */ _jsx95(Form6.Row, {\n children: /* @__PURE__ */ _jsx95(Form6.Row.Content, {\n children: /* @__PURE__ */ _jsx95(Checkbox3, {\n name: \"exportAll\",\n label: translation({\n id: \"export.exportAll\"\n }),\n onChange: ({\n checked\n }) => setExportAll(checked),\n checked: exportAll\n })\n })\n })]\n }), /* @__PURE__ */ _jsx95(ModalFooter10, {\n children: /* @__PURE__ */ _jsxs58(ModalActions5, {\n children: [/* @__PURE__ */ _jsx95(Button18, {\n onClick: onClose,\n isSecondary: true,\n disabled: isLoading,\n children: /* @__PURE__ */ _jsx95(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx95(Button18, {\n onClick: handleExport,\n disabled: isDownloadDisabled,\n isLoading,\n children: /* @__PURE__ */ _jsx95(Translation, {\n id: \"common.actions.download\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/accountant/tracking/expenses/ExpensesActions.tsx\nimport { jsx as _jsx96, jsxs as _jsxs59, Fragment as _Fragment30 } from \"react/jsx-runtime\";\nvar ExpensesActions = () => {\n const translation = useTranslation();\n const history = useHistory8();\n const {\n featureFlags\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const {\n clearFilters\n } = useFilters();\n const [isExportModalOpen, openExportModal, closeExportModal] = useToggle6();\n const handleAddExpense = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_CREATE));\n };\n const actions = [{\n title: translation({\n id: \"record.actions.add.expense\"\n }),\n onClick: handleAddExpense\n }, {\n title: translation({\n id: \"export.content.title\"\n }),\n onClick: openExportModal,\n shouldHide: !featureFlags.featureStandaloneBookkeepingExporting\n }, {\n title: translation({\n id: \"common.actions.clearFilters\"\n }),\n onClick: clearFilters\n }];\n return /* @__PURE__ */ _jsxs59(_Fragment30, {\n children: [/* @__PURE__ */ _jsxs59(Container25, {\n children: [/* @__PURE__ */ _jsx96(Filters, {\n shouldDisplayDateFilter: true,\n shouldDisplayExpensesFilter: true\n }), /* @__PURE__ */ _jsx96(DropdownButton6, {\n isSecondary: true,\n alignRight: true,\n actions\n })]\n }), isExportModalOpen && /* @__PURE__ */ _jsx96(ExportModal, {\n onClose: closeExportModal\n })]\n });\n};\nvar Container25 = styled30.div.withConfig({\n displayName: \"ExpensesActions__Container\",\n componentId: \"sc-1obesz1-0\"\n})([\"display:flex;gap:24px;\"]);\n\n// src/components/accountant/tracking/incomes/TrackingIncomes.tsx\nimport { useCallback as useCallback39, useEffect as useEffect21, useRef as useRef18, useState as useState43 } from \"react\";\nimport { useHistory as useHistory14, Route as Route2, Switch as Switch2 } from \"react-router-dom\";\nimport { colors as colors56, font as font19, Flexer as Flexer42, Line as Line22, Skeleton as Skeleton5, SkeletonLine as SkeletonLine5, Spacer as Spacer26 } from \"@scouts/ui\";\n\n// src/store/incomes/hooks/use-create-blank-income.ts\nimport { useCallback as useCallback23 } from \"react\";\nvar useCreateBlankIncome = () => {\n const {\n hasTaxes,\n taxes,\n isSuccess: isSuccessTaxes\n } = useTaxes();\n const {\n incomeDefaultValues,\n isSuccess: isSuccessDefaultValues\n } = useIncomeDefaultValues();\n const createBlankIncome = useCallback23(() => {\n const taxRates = !hasTaxes ? [] : Object.entries(taxes ?? {}).reduce((acc, [taxName]) => {\n const rate = incomeDefaultValues?.taxRateDefinitions?.find(({\n name\n }) => name === taxName)?.rate ?? 0;\n return [...acc, {\n name: taxName,\n amount: 0,\n rate\n }];\n }, []);\n return Income.createBlank({\n ...!!taxRates && {\n taxRates\n }\n });\n }, [incomeDefaultValues, hasTaxes, taxes]);\n return {\n createBlankIncome,\n isReady: isSuccessTaxes && isSuccessDefaultValues\n };\n};\n\n// src/store/incomes/hooks/use-create-income.ts\nimport { useCallback as useCallback24 } from \"react\";\nimport { getStringDate as getStringDate5 } from \"@scouts/helpers\";\n\n// src/store/incomes/api.ts\nimport { generateApiPath as generateApiPath19 } from \"@scouts/helpers\";\n\n// src/store/incomes/queries.ts\nimport { generateApiPath as generateApiPath18 } from \"@scouts/helpers\";\nvar createIncomeQuery = ({\n userId,\n income\n}) => ({\n method: \"POST\",\n url: generateApiPath18(ENDPOINTS.INCOMES.POST.SINGLE, {\n userId\n }),\n data: income\n});\nvar updateIncomeQuery = ({\n userId,\n income\n}) => ({\n method: \"PUT\",\n url: generateApiPath18(ENDPOINTS.INCOMES.PUT.UPDATE, {\n userId,\n incomeId: income.id\n }),\n data: income\n});\nvar updateIncomePaidStatusQuery = ({\n userId,\n incomeId,\n paidDateUTC\n}) => ({\n method: \"PUT\",\n url: generateApiPath18(ENDPOINTS.INCOMES.PUT.UPDATE_PAID_SINGLE, {\n userId,\n incomeId\n }, {\n queryParameters: {\n value: paidDateUTC ?? \"\"\n }\n })\n});\nvar updateIncomeReviewedStatusQuery = ({\n userId,\n incomeId,\n isReviewed: isReviewed4\n}) => ({\n method: \"PUT\",\n url: generateApiPath18(ENDPOINTS.INCOMES.PUT.UPDATE_REVIEWED_SINGLE, {\n userId,\n incomeId,\n value: String(isReviewed4)\n })\n});\n\n// src/store/incomes/api.ts\nvar completedValueBookkeepingOptedIn2 = \"completedValueBookkeepingOptedIn\";\nvar extendedApi16 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncome: builder.query({\n query: ({\n incomeId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath19(ENDPOINTS.INCOMES.GET.SINGLE, {\n userId,\n incomeId\n })\n }),\n providesTags: (result) => result ? [{\n type: Tags.Income,\n id: result?.id\n }, {\n type: Tags.Income,\n id: \"DETAILS\"\n }] : [{\n type: Tags.Income,\n id: \"DETAILS\"\n }]\n }),\n getIncomes: builder.query({\n query: ({\n startTaxPointDate,\n endTaxPointDate,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath19(ENDPOINTS.INCOMES.GET.ALL, {\n userId\n }, {\n queryParameters: {\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n }\n }\n })\n }),\n providesTags: [Tags.Incomes]\n }),\n getIncomeBalances: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath19(ENDPOINTS.INCOMES.GET.BALANCES, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Balance, Tags.Incomes]\n }),\n getPaginatedIncomes: builder.query({\n query: ({\n userId,\n ...queryParameters\n }) => ({\n method: \"GET\",\n url: generateApiPath19(ENDPOINTS.INCOMES.SEARCH.TEXT, {\n userId\n }, {\n queryParameters\n })\n }),\n providesTags: [Tags.Incomes],\n transformResponse: mapPaginatedResponse\n }),\n createIncome: builder.mutation({\n query: createIncomeQuery,\n invalidatesTags: [Tags.Balance, Tags.Incomes]\n }),\n createIncomesFromFiles: builder.mutation({\n query: ({\n userId,\n data\n }) => ({\n method: \"POST\",\n url: generateApiPath19(ENDPOINTS.INCOMES.POST.BULK, {\n userId\n }),\n data\n }),\n invalidatesTags: [Tags.Incomes]\n }),\n updateIncome: builder.mutation({\n query: updateIncomeQuery,\n invalidatesTags: [Tags.Balance, Tags.Incomes, Tags.Income]\n }),\n updateIncomeAndReviewedStatus: builder.mutation({\n queryFn: async (params, _1, _2, baseQuery) => {\n const updateResponse = await baseQuery(updateIncomeQuery(params));\n if (updateResponse.error)\n return {\n error: updateResponse.error\n };\n const updateReviewedResponse = await baseQuery(updateIncomeReviewedStatusQuery(params));\n if (updateReviewedResponse.error)\n return {\n error: updateReviewedResponse.error\n };\n return {\n data: updateReviewedResponse.data\n };\n },\n invalidatesTags: [Tags.Invoices, Tags.Balance, Tags.Incomes, Tags.Income]\n }),\n updateIncomePaidStatus: builder.mutation({\n query: updateIncomePaidStatusQuery,\n invalidatesTags: [Tags.Balance, Tags.Incomes, Tags.Income]\n }),\n updateIncomeReviewedStatus: builder.mutation({\n query: updateIncomeReviewedStatusQuery,\n invalidatesTags: [Tags.Invoices, Tags.Incomes, Tags.Income]\n }),\n updateIncomesReviewedStatus: builder.mutation({\n query: ({\n userId,\n incomeIds,\n isReviewed: isReviewed4\n }) => ({\n method: \"PUT\",\n url: generateApiPath19(ENDPOINTS.INCOMES.PUT.UPDATE_REVIEWED_BULK, {\n userId,\n value: String(isReviewed4)\n }, {\n queryParameters: {\n ids: incomeIds\n }\n })\n }),\n invalidatesTags: [Tags.Invoice, Tags.Invoices, Tags.Incomes, Tags.Income]\n }),\n updateIncomesFiledStatus: builder.mutation({\n query: ({\n userId,\n incomeIds,\n isFiled: isFiled4\n }) => ({\n method: \"PUT\",\n url: generateApiPath19(ENDPOINTS.INCOMES.PUT.UPDATE_FILED_BULK, {\n userId,\n value: String(isFiled4)\n }, {\n queryParameters: {\n ids: incomeIds\n }\n })\n }),\n invalidatesTags: [Tags.Invoice, Tags.Invoices, Tags.Incomes, Tags.Income]\n }),\n updateIncomeFiledStatus: builder.mutation({\n query: ({\n userId,\n incomeId,\n isFiled: isFiled4\n }) => ({\n method: \"PUT\",\n url: generateApiPath19(ENDPOINTS.INCOMES.PUT.UPDATE_FILED_SINGLE, {\n userId,\n incomeId,\n value: String(isFiled4)\n })\n }),\n invalidatesTags: [Tags.Incomes, Tags.Income]\n }),\n deleteIncome: builder.mutation({\n query: ({\n userId,\n incomeId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath19(ENDPOINTS.INCOMES.DELETE, {\n userId,\n incomeId\n })\n }),\n invalidatesTags: [Tags.Balance, Tags.Incomes]\n })\n })\n});\nvar invalidateIncome = () => apiSlice.util.invalidateTags([Tags.Income]);\nvar invalidateIncomes = () => apiSlice.util.invalidateTags([Tags.Incomes]);\nvar {\n useCreateIncomeMutation,\n useCreateIncomesFromFilesMutation,\n useDeleteIncomeMutation,\n useGetIncomeBalancesQuery,\n useGetPaginatedIncomesQuery,\n useGetIncomeQuery,\n useGetIncomesQuery,\n useUpdateIncomeMutation,\n useUpdateIncomePaidStatusMutation,\n useUpdateIncomeReviewedStatusMutation,\n useUpdateIncomesReviewedStatusMutation,\n useUpdateIncomeFiledStatusMutation,\n useUpdateIncomesFiledStatusMutation,\n useUpdateIncomeAndReviewedStatusMutation\n} = extendedApi16;\n\n// src/store/incomes/hooks/use-create-income.ts\nvar useCreateIncome = () => {\n const {\n id: userId\n } = useUser();\n const [createIncomeAction, {\n isLoading: isCreateLoading\n }] = useCreateIncomeMutation();\n const [createIncomesFromFilesAction, {\n isLoading: isCreateIncomesFromFilesLoading\n }] = useCreateIncomesFromFilesMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorCreate\");\n const createIncome = useCallback24(async (income) => {\n return createIncomeAction({\n userId,\n income: Income.toRecord(income)\n }).unwrap().then((response) => {\n track(EVENTS.INCOME_CREATE, response);\n return response;\n }).catch(normalizeError);\n }, [createIncomeAction, normalizeError, userId]);\n const duplicateIncome = useCallback24(async (income) => {\n return createIncome(Income.duplicate(income));\n }, [createIncome]);\n const createIncomesFromFiles = useCallback24(async ({\n files,\n taxPointDate\n }) => {\n const data = new FormData();\n if (taxPointDate) {\n data.append(\"taxPointDate\", getStringDate5(taxPointDate));\n }\n files.forEach((file) => {\n data.append(\"files\", file);\n });\n return createIncomesFromFilesAction({\n userId,\n data\n }).unwrap().then((response) => {\n track(EVENTS.INCOME_BULK_UPLOAD, {\n numberOfFiles: files.length\n });\n return response;\n }).catch(normalizeError);\n }, [createIncomesFromFilesAction, normalizeError, userId]);\n return {\n createIncome,\n createIncomesFromFiles,\n duplicateIncome,\n isLoading: isCreateLoading || isCreateIncomesFromFilesLoading\n };\n};\n\n// src/store/incomes/hooks/use-delete-income.ts\nimport { useCallback as useCallback25 } from \"react\";\nvar useDeleteIncome = () => {\n const {\n id: userId\n } = useUser();\n const [deleteIncomeAction, {\n isLoading\n }] = useDeleteIncomeMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteIncome = useCallback25(async ({\n incomeId,\n status\n }) => deleteIncomeAction({\n userId,\n incomeId\n }).unwrap().then((response) => {\n if (status !== IncomeStatus.DRAFT)\n track(EVENTS.INVOICE_DELETE_ISSUED, {\n id: incomeId\n });\n return response;\n }).catch(normalizeError), [deleteIncomeAction, normalizeError, userId]);\n return {\n deleteIncome,\n isLoading\n };\n};\n\n// src/store/incomes/hooks/use-income-balances.ts\nimport { useMemo as useMemo24 } from \"react\";\nimport { useDebounce as useDebounce11 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery7 } from \"@scouts/helpers\";\nvar useIncomeBalances = () => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod,\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n isComplete: isComplete4,\n isIncomplete,\n isPaid: isPaid3,\n isDraft: isDraft3,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isLocalCountry,\n isEuropeanUnion,\n isForeignCountry,\n search\n } = activeFilters;\n const [debouncedSearch] = useDebounce11(search, SEARCH_DEBOUNCE_DELAY);\n const isCompletedValue = useMemo24(() => {\n if (isComplete4)\n return isAccountant && isBookkeepingDoneByAccountant ? completedValueBookkeepingOptedIn2 : true;\n if (isIncomplete)\n return false;\n return void 0;\n }, [isComplete4, isIncomplete, isAccountant, isBookkeepingDoneByAccountant]);\n const startTaxPointDate = formatDateQuery7(startDate || bookkeepingPeriod?.startDate);\n const endTaxPointDate = formatDateQuery7(endDate || bookkeepingPeriod?.endDate);\n const params = {\n userId,\n ...debouncedSearch && {\n search: debouncedSearch\n },\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n },\n ...isPaid3 != null && {\n isPaid: isPaid3\n },\n ...isDraft3 != null && {\n isDraft: isDraft3\n },\n ...isFiled4 != null && {\n isFiled: isFiled4\n },\n ...isReviewed4 != null && {\n isReviewed: isReviewed4\n },\n ...isCompletedValue != null && {\n isCompletedValue: isCompletedValue === completedValueBookkeepingOptedIn2 ? void 0 : isCompletedValue,\n isDraft: false,\n isFiled: false,\n isReviewed: false\n },\n ...isEuropeanUnion != null && {\n isEuropeanUnion,\n isLocalCountry: false\n },\n ...isLocalCountry != null && {\n isLocalCountry\n },\n ...isForeignCountry != null && {\n isEuropeanUnion: false,\n isLocalCountry: false\n }\n };\n const {\n data: incomeBalances,\n isLoading,\n isError,\n isFetching,\n isSuccess\n } = useGetIncomeBalancesQuery(params);\n return {\n incomeBalances,\n isLoading,\n isError,\n isFetching,\n isSuccess\n };\n};\n\n// src/store/incomes/hooks/use-income.ts\nvar useIncome = ({\n incomeId\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n } = useGetIncomeQuery({\n userId,\n incomeId: incomeId || 0\n }, {\n skip: !incomeId\n });\n const {\n createBlankIncome,\n isReady\n } = useCreateBlankIncome();\n if (!incomeId) {\n return {\n income: createBlankIncome(),\n isLoading: !isReady\n };\n }\n return {\n income: data,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n };\n};\n\n// src/store/incomes/hooks/use-update-income.ts\nimport { useCallback as useCallback26 } from \"react\";\nvar useUpdateIncome = () => {\n const {\n id: userId\n } = useUser();\n const [updateIncomeAction, {\n isLoading: isLoadingUpdate\n }] = useUpdateIncomeMutation();\n const [updateIncomePaidStatusAction, {\n isLoading: isLoadingUpdateIncomePaidStatus\n }] = useUpdateIncomePaidStatusMutation();\n const [updateIncomeReviewedStatusAction, {\n isLoading: isLoadingUpdateReviewedStatus\n }] = useUpdateIncomeReviewedStatusMutation();\n const [updateIncomeFiledStatusAction, {\n isLoading: isLoadingUpdateFiledStatus\n }] = useUpdateIncomeFiledStatusMutation();\n const [updateIncomeAndReviewedStatusAction, {\n isLoading: isLoadingUpdateIncomeAndReviewed\n }] = useUpdateIncomeAndReviewedStatusMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateIncome = useCallback26(async (income) => updateIncomeAction({\n userId,\n income: Income.toRecord(income)\n }).unwrap().then((response) => {\n track(EVENTS.INVOICE_EDIT, response);\n return response;\n }).catch(normalizeError), [updateIncomeAction, normalizeError, userId]);\n const updateIncomeReviewedStatus = useCallback26(async ({\n id,\n status\n }) => updateIncomeReviewedStatusAction({\n userId,\n incomeId: id,\n isReviewed: status\n }).unwrap().catch(normalizeError), [updateIncomeReviewedStatusAction, normalizeError, userId]);\n const updateIncomePaidStatus = useCallback26(async ({\n id,\n paidDateUTC\n }) => updateIncomePaidStatusAction({\n userId,\n incomeId: id,\n paidDateUTC\n }).unwrap().catch(normalizeError), [updateIncomePaidStatusAction, normalizeError, userId]);\n const updateIncomeFiledStatus = useCallback26(async ({\n id,\n status\n }) => updateIncomeFiledStatusAction({\n userId,\n incomeId: id,\n isFiled: status\n }).unwrap().catch(normalizeError), [updateIncomeFiledStatusAction, normalizeError, userId]);\n const updateIncomeAndReviewedStatus = useCallback26(async (data) => updateIncomeAndReviewedStatusAction({\n userId,\n income: Income.toRecord(data.income),\n incomeId: data.income.id,\n isReviewed: data.isReviewed\n }).unwrap().catch(normalizeError), [updateIncomeAndReviewedStatusAction, normalizeError, userId]);\n return {\n updateIncome,\n updateIncomePaidStatus,\n updateIncomeReviewedStatus,\n updateIncomeFiledStatus,\n updateIncomeAndReviewedStatus,\n isLoading: isLoadingUpdate || isLoadingUpdateIncomePaidStatus || isLoadingUpdateReviewedStatus || isLoadingUpdateFiledStatus || isLoadingUpdateIncomeAndReviewed\n };\n};\n\n// src/store/incomes/hooks/use-update-incomes.ts\nimport { useCallback as useCallback27 } from \"react\";\nvar useUpdateIncomes = () => {\n const {\n id: userId\n } = useUser();\n const [updateIncomesReviewedStatusAction, {\n isLoading: isLoadingUpdateIncomesReviewedStatus\n }] = useUpdateIncomesReviewedStatusMutation();\n const [updateIncomesFiledStatusAction, {\n isLoading: isLoadingUpdateIncomesFiledStatus\n }] = useUpdateIncomesFiledStatusMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateIncomesReviewedStatus = useCallback27(async ({\n status,\n incomeIds\n }) => updateIncomesReviewedStatusAction({\n userId,\n incomeIds,\n isReviewed: status\n }).unwrap().catch(normalizeError), [updateIncomesReviewedStatusAction, normalizeError, userId]);\n const updateIncomesFiledStatus = useCallback27(async ({\n status,\n incomeIds\n }) => updateIncomesFiledStatusAction({\n userId,\n incomeIds,\n isFiled: status\n }).unwrap().catch(normalizeError), [updateIncomesFiledStatusAction, normalizeError, userId]);\n return {\n updateIncomesReviewedStatus,\n updateIncomesFiledStatus,\n isLoading: isLoadingUpdateIncomesReviewedStatus || isLoadingUpdateIncomesFiledStatus\n };\n};\n\n// src/store/incomes/hooks/use-incomes-incomplete.ts\nimport { useMemo as useMemo25 } from \"react\";\nimport { useDebounce as useDebounce12 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery8 } from \"@scouts/helpers\";\n\n// src/components/customer/tracking/records-list/incomes-list/hooks/use-map-incomes-with-banking-transaction-link.tsx\nimport { useCallback as useCallback28 } from \"react\";\nvar useMapIncomesWithBankingTransactionLink = () => {\n const {\n getLinkedBankingProviders\n } = useRecordLinkedBankingProvider();\n return useCallback28((record) => {\n const linkedBankingProviders = getLinkedBankingProviders(record);\n return {\n ...record,\n linkedBankingProviders\n };\n }, [getLinkedBankingProviders]);\n};\n\n// src/store/incomes/hooks/use-incomes-incomplete.ts\nvar incompleteIncomesDefaultProps = {\n pageSize: 50\n};\nvar useIncompleteIncomes = ({\n pageSize\n} = incompleteIncomesDefaultProps) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n search\n } = activeFilters;\n const startDateTime = formatDateQuery8(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery8(endDate || bookkeepingPeriod?.endDate);\n const [debouncedSearch] = useDebounce12(search, SEARCH_DEBOUNCE_DELAY);\n const params = {\n userId,\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...debouncedSearch && {\n search: debouncedSearch\n },\n pageSize,\n isCompletedValue: false,\n isIssued: true,\n isPaid: true\n };\n const {\n data: paginatedResponse,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetPaginatedIncomesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const incomes = useMemo25(() => data || [], [data]);\n const pagination = useMemo25(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n const mapIncomesWithBankingTransactionLink = useMapIncomesWithBankingTransactionLink();\n const incompleteIncomes = useMemo25(() => incomes.map(mapIncomesWithBankingTransactionLink), [incomes, mapIncomesWithBankingTransactionLink]);\n const {\n totalCount: incompleteIncomesCount\n } = pagination;\n const hasIncompleteIncomes = Number(incompleteIncomesCount) > 0;\n const hasMoreResults = Number(incompleteIncomesCount) > Number(perPageCount);\n const hasMoreResultsCount = Number(incompleteIncomesCount) - Number(perPageCount);\n return {\n incompleteIncomes,\n isError,\n isFetching,\n isLoading,\n isSuccess,\n pagination,\n incompleteIncomesCount,\n hasIncompleteIncomes,\n hasMoreResults,\n hasMoreResultsCount\n };\n};\n\n// src/store/incomes/hooks/use-incomes-complete.ts\nimport { useMemo as useMemo26 } from \"react\";\nimport { useDebounce as useDebounce13 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery9 } from \"@scouts/helpers\";\nvar useCompleteIncomes = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n search\n } = activeFilters;\n const startDateTime = formatDateQuery9(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery9(endDate || bookkeepingPeriod?.endDate);\n const [debouncedSearch] = useDebounce13(search, SEARCH_DEBOUNCE_DELAY);\n const params = {\n userId,\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...debouncedSearch && {\n search: debouncedSearch\n },\n pageNumber,\n pageSize,\n isCompletedValue: true,\n isDraft: false\n };\n const {\n data: paginatedResponse,\n isLoading,\n isError\n } = useGetPaginatedIncomesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const incomes = useMemo26(() => data || [], [data]);\n const pagination = useMemo26(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n const mapIncomesWithBankingTransactionLink = useMapIncomesWithBankingTransactionLink();\n const completeIncomes = useMemo26(() => incomes.map(mapIncomesWithBankingTransactionLink), [incomes, mapIncomesWithBankingTransactionLink]);\n const {\n totalCount: completeIncomesCount\n } = pagination;\n const hasCompleteIncomes = !!completeIncomesCount && completeIncomesCount > 0;\n return {\n completeIncomes,\n isLoading,\n isError,\n pagination,\n hasCompleteIncomes\n };\n};\n\n// src/store/incomes/hooks/use-incomes-all.ts\nimport { useMemo as useMemo27 } from \"react\";\nimport { useDebounce as useDebounce14 } from \"use-debounce\";\nimport { formatDateQuery as formatDateQuery10 } from \"@scouts/helpers\";\nvar useAllIncomes = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n bookkeepingPeriod,\n isAccountant,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate,\n isComplete: isComplete4,\n isIncomplete,\n isPaid: isPaid3,\n isDraft: isDraft3,\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isLocalCountry,\n isEuropeanUnion,\n isForeignCountry,\n search\n } = activeFilters;\n const [debouncedSearch] = useDebounce14(search, SEARCH_DEBOUNCE_DELAY);\n const isCompletedValue = useMemo27(() => {\n if (isComplete4)\n return isAccountant && isBookkeepingDoneByAccountant ? completedValueBookkeepingOptedIn2 : true;\n if (isIncomplete)\n return false;\n return void 0;\n }, [isComplete4, isIncomplete, isAccountant, isBookkeepingDoneByAccountant]);\n const startDateTime = formatDateQuery10(startDate || bookkeepingPeriod?.startDate);\n const endDateTime = formatDateQuery10(endDate || bookkeepingPeriod?.endDate);\n const params = {\n userId,\n ...debouncedSearch && {\n search: debouncedSearch\n },\n ...startDateTime && {\n startDateTime\n },\n ...endDateTime && {\n endDateTime\n },\n ...isPaid3 != null && {\n isPaid: isPaid3\n },\n ...isDraft3 != null && {\n isDraft: isDraft3\n },\n ...isFiled4 != null && {\n isFiled: isFiled4\n },\n ...isReviewed4 != null && {\n isReviewed: isReviewed4\n },\n ...isCompletedValue != null && {\n isCompletedValue: isCompletedValue === completedValueBookkeepingOptedIn2 ? void 0 : isCompletedValue,\n isDraft: false,\n isFiled: false,\n isReviewed: false\n },\n ...isEuropeanUnion != null && {\n isEuropeanUnion,\n isLocalCountry: false\n },\n ...isLocalCountry != null && {\n isLocalCountry\n },\n ...isForeignCountry != null && {\n isEuropeanUnion: false,\n isLocalCountry: false\n },\n pageNumber,\n pageSize\n };\n const {\n data: paginatedResponse,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetPaginatedIncomesQuery(params);\n const {\n data,\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n } = paginatedResponse || {};\n const incomes = useMemo27(() => data || [], [data]);\n const pagination = useMemo27(() => ({\n currentPage,\n pageCount,\n perPageCount,\n totalCount\n }), [currentPage, pageCount, perPageCount, totalCount]);\n return {\n incomes,\n pagination,\n isError,\n isFetching,\n isLoading,\n isSuccess\n };\n};\n\n// src/store/incomes/hooks/use-recent-incomes.ts\nimport { useMemo as useMemo28, useState as useState31 } from \"react\";\nimport { formatDateQuery as formatDateQuery11, getDateFromTimeAgo as getDateFromTimeAgo2, useToggle as useToggle7 } from \"@scouts/helpers\";\nvar DAYS_TO_DISPLAY2 = 30;\nvar useRecentIncomes = ({\n pageNumber,\n pageSize\n}) => {\n const {\n id: userId\n } = useUser();\n const [isOpen, , , toggle] = useToggle7(false);\n const [currentDate] = useState31(/* @__PURE__ */ new Date());\n const startDateTime = formatDateQuery11(getDateFromTimeAgo2({\n amount: DAYS_TO_DISPLAY2,\n unit: \"day\",\n referenceDate: currentDate\n })) ?? \"\";\n const endDate = new Date(currentDate);\n endDate.setDate(currentDate.getDate() + 1);\n const endDateTime = formatDateQuery11(endDate) ?? \"\";\n const {\n data,\n isError,\n isLoading\n } = useGetPaginatedIncomesQuery({\n userId,\n dateQueryType: \"createdDateTime\",\n orderByDateType: \"createdDateTime\",\n startDateTime,\n endDateTime,\n pageNumber,\n pageSize\n });\n const {\n data: incomes,\n ...pagination\n } = data || {};\n const mapIncomesWithBankingTransactionLink = useMapIncomesWithBankingTransactionLink();\n const recentIncomes = useMemo28(() => incomes?.map(mapIncomesWithBankingTransactionLink), [incomes, mapIncomesWithBankingTransactionLink]);\n return {\n recentIncomes,\n isOpen,\n toggle,\n numberOfRecentIncomes: data?.totalCount,\n hasRecentIncomes: data?.totalCount ?? 0 > 0,\n isError,\n isLoading,\n pagination\n };\n};\n\n// src/components/accountant/tracking/incomes/IncomeAccountantModal.tsx\nimport { Container as Container30, Flexer as Flexer37, ModalBodyLegacy as ModalBody13, ModalFooterLegacy as ModalFooter13, Spacer as Spacer19 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/incomes/income-form/IncomeForm.tsx\nimport { useMemo as useMemo30 } from \"react\";\nimport { getNextYear as getNextYear5, getYear as getYear4, isSameDay as isSameDay2, toAlphaNumerical as toAlphaNumerical4, toUpperCase as toUpperCase4, useToggle as useToggle8 } from \"@scouts/helpers\";\nimport { colors as colors45, Container as Container26, DatePickerWithLabel as DatePickerWithLabel5, DropdownButton as DropdownButton7, Flexer as Flexer31, Form as Form7, Input as Input15, Notice as Notice3, Spacer as Spacer17 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/incomes/income-context/IncomeContextProvider.tsx\nimport { useCallback as useCallback29, useLayoutEffect as useLayoutEffect2, useMemo as useMemo29, useRef as useRef17, useState as useState32 } from \"react\";\n\n// src/components/shared/tracking/incomes/income-context/income-context.ts\nimport { createContext as createContext6 } from \"react\";\nvar IncomeContext = /* @__PURE__ */ createContext6(null);\n\n// src/components/shared/tracking/incomes/income-context/IncomeContextProvider.tsx\nimport { jsx as _jsx97 } from \"react/jsx-runtime\";\nvar IncomeContextProvider = ({\n children,\n income: initialIncome,\n ...props\n}) => {\n const translation = useTranslation();\n const {\n incomeOptions\n } = useConfig();\n const {\n idNumber: idNumberUser\n } = useUser();\n const {\n activeFilters\n } = useFilters();\n const [income, setIncome] = useState32(initialIncome);\n const [isFileAdded, setIsFileAdded] = useState32(false);\n const incomeRef = useRef17(income);\n const isFiledAddedRef = useRef17(isFileAdded);\n incomeRef.current = income;\n isFiledAddedRef.current = isFileAdded;\n const [hasChanges, setHasChanges] = useState32(false);\n const updateIncome = useCallback29((data) => {\n setHasChanges(true);\n setIncome((current) => ({\n ...current,\n ...data\n }));\n }, []);\n useLayoutEffect2(() => {\n const computeNewIncome = () => {\n const hasIncomeChanged = initialIncome.id !== incomeRef.current.id || initialIncome.file?.id !== incomeRef.current.file?.incomeId;\n if (hasIncomeChanged)\n return isFiledAddedRef.current ? {\n ...incomeRef.current,\n file: initialIncome.file\n } : initialIncome;\n return incomeRef.current;\n };\n const newIncome = computeNewIncome();\n setIncome(newIncome);\n setIsFileAdded(false);\n }, [initialIncome]);\n const {\n validationErrors,\n hasValidationErrors,\n hasBlockingErrors\n } = validateIncome({\n translation,\n income,\n incomeOptions,\n idNumberUser,\n activeFilters\n });\n const contextValue = useMemo29(() => ({\n initialIncome,\n income,\n setIncome,\n setIsFileAdded,\n hasValidationErrors,\n hasBlockingErrors,\n validationErrors,\n isEditing: getIsIncome(income),\n updateIncome,\n hasChanges,\n ...props\n }), [initialIncome, income, setIncome, setIsFileAdded, hasValidationErrors, hasBlockingErrors, validationErrors, hasChanges, updateIncome, props]);\n return /* @__PURE__ */ _jsx97(IncomeContext.Provider, {\n value: contextValue,\n children\n });\n};\n\n// src/components/shared/tracking/incomes/income-context/use-income-context.ts\nimport { useContext as useContext6 } from \"react\";\nvar useIncomeContext = () => {\n const context = useContext6(IncomeContext);\n if (context === null)\n throw new Error(\"`useIncomeContext` must be used within a `IncomeContextProvider`\");\n return context;\n};\n\n// src/components/shared/tracking/incomes/income-form/IncomeFormRecipientName.tsx\nimport { useState as useState33 } from \"react\";\nimport { Input as Input14 } from \"@scouts/ui\";\nimport { jsx as _jsx98 } from \"react/jsx-runtime\";\nvar IncomeFormRecipientName = ({\n recipientName,\n onChange,\n onContactChange,\n hasError,\n readOnly\n}) => {\n const translation = useTranslation();\n const [searchRecipientName, setSearchRecipientName] = useState33(\"\");\n const {\n data: searchResults,\n isFetching\n } = useIncomeRecipientSearch({\n search: searchRecipientName\n });\n const handleSearchResultsClose = () => {\n setSearchRecipientName(\"\");\n };\n const handleRecipientNameChange = ({\n name,\n value\n }) => {\n setSearchRecipientName(value);\n onChange({\n name,\n value\n });\n };\n const handleContactChange = (data) => {\n setSearchRecipientName(\"\");\n onContactChange(data);\n };\n const shouldDisplaySearchResults = searchRecipientName !== \"\" && !isFetching;\n return /* @__PURE__ */ _jsx98(Autocomplete, {\n options: searchResults,\n isOpen: shouldDisplaySearchResults,\n onClose: handleSearchResultsClose,\n onOptionClick: handleContactChange,\n width: \"100%\",\n children: /* @__PURE__ */ _jsx98(Input14, {\n floatingLabel: translation({\n id: \"common.recipientName\"\n }),\n name: \"recipientName\",\n onChange: handleRecipientNameChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: recipientName ?? \"\",\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.NAME,\n hasError,\n readOnly,\n autoComplete: \"off\",\n width: \"100%\"\n })\n });\n};\n\n// src/components/shared/tracking/incomes/income-form/IncomeForm.tsx\nimport { jsx as _jsx99, jsxs as _jsxs60 } from \"react/jsx-runtime\";\nvar IncomeForm = (props) => {\n const {\n bookkeepingPeriod,\n incomeOptions: {\n hasTaxPointDate,\n hasRecipientIdNumber\n },\n locale\n } = useConfig();\n const translation = useTranslation();\n const {\n income,\n updateIncome,\n isLoading,\n isReadOnly,\n shouldDisplayValidationErrors,\n shouldHideBookkeepingPeriodWarnings,\n validationErrors,\n handleSubmit\n } = useIncomeContext();\n const nextYear = getNextYear5();\n const [isModalOpen, , , toggleModal] = useToggle8();\n const shouldDisableFields = isLoading || isReadOnly;\n const handleInputChange = ({\n name,\n value\n }) => {\n updateIncome({\n [name]: value\n });\n };\n const handleInvoiceDateChange = ({\n value: invoiceDate2\n }) => {\n const {\n invoiceDate: previousInvoiceDate,\n taxPointDate: previousTaxPointDate\n } = income;\n const taxPointDate2 = !previousTaxPointDate || isSameDay2(new Date(previousInvoiceDate), new Date(previousTaxPointDate)) ? invoiceDate2 : previousTaxPointDate;\n updateIncome({\n taxPointDate: taxPointDate2,\n invoiceDate: invoiceDate2\n });\n };\n const handleTaxPointDateChange = ({\n value: taxPointDate2\n }) => {\n updateIncome({\n taxPointDate: taxPointDate2\n });\n };\n const handleContactChange = (data) => {\n updateIncome({\n recipientName: data.name ?? \"\",\n recipientIdNumber: data.idNumber ?? \"\"\n });\n };\n const getErrorMessage = (fieldError) => fieldError !== translation({\n id: \"error.emptyField\"\n }) ? fieldError : \"\";\n const {\n description,\n invoiceDate,\n invoiceNumber,\n taxPointDate\n } = income;\n const isWithinBookkeepingPeriod = useMemo30(() => {\n if (shouldHideBookkeepingPeriodWarnings)\n return true;\n const isBookkeepingPeriodSet = !!bookkeepingPeriod?.startDate && !!bookkeepingPeriod?.endDate;\n if (!isBookkeepingPeriodSet)\n return true;\n const compareDate = !taxPointDate ? invoiceDate : taxPointDate;\n if (!compareDate)\n return true;\n return isWithinRange([bookkeepingPeriod?.startDate, bookkeepingPeriod?.endDate])(new Date(compareDate));\n }, [bookkeepingPeriod?.endDate, bookkeepingPeriod?.startDate, shouldHideBookkeepingPeriodWarnings, invoiceDate, taxPointDate]);\n const shouldDisplayTaxPointDate = !!taxPointDate && !isSameDay2(new Date(invoiceDate), new Date(taxPointDate));\n const shouldDisplayCounterpartIdInputField = hasRecipientIdNumber;\n return /* @__PURE__ */ _jsxs60(Form7, {\n ...props,\n onSubmit: () => handleSubmit(income),\n children: [/* @__PURE__ */ _jsx99(Container26, {\n padding: \"0 0 9px 0\",\n children: /* @__PURE__ */ _jsxs60(Flexer31, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx99(Flexer31, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx99(Input15, {\n floatingLabel: translation({\n id: \"income.invoiceNumber\"\n }),\n name: \"invoiceNumber\",\n onChange: handleInputChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: invoiceNumber || \"\",\n hasError: !!validationErrors.invoiceNumber && shouldDisplayValidationErrors,\n errorMessage: getErrorMessage(validationErrors.invoiceNumber),\n readOnly: shouldDisableFields,\n width: \"100%\"\n })\n }), /* @__PURE__ */ _jsxs60(Flexer31, {\n justifyEnd: true,\n gap: \"12px\",\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: [/* @__PURE__ */ _jsx99(Spacer17, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx99(DatePickerWithLabel5, {\n name: \"invoiceDate\",\n value: invoiceDate || \"\",\n onChange: handleInvoiceDateChange,\n defaultDate: /* @__PURE__ */ new Date(),\n label: translation({\n id: \"common.invoiceDate\"\n }),\n id: \"invoiceDate\",\n locale,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n hasError: !!validationErrors.invoiceDate && shouldDisplayValidationErrors,\n errorMessage: getErrorMessage(validationErrors.invoiceDate),\n readOnly: shouldDisableFields\n })\n }), !shouldDisplayTaxPointDate && hasTaxPointDate && !isReadOnly && /* @__PURE__ */ _jsxs60(Spacer17, {\n children: [/* @__PURE__ */ _jsx99(DropdownButton7, {\n actions: [{\n title: translation({\n id: \"common.actions.setTaxPointDate\"\n }),\n onClick: toggleModal,\n disabled: !invoiceDate || shouldDisableFields\n }],\n alignRight: true\n }), isModalOpen && /* @__PURE__ */ _jsx99(TaxPointDateModal_default, {\n title: /* @__PURE__ */ _jsx99(Translation, {\n id: \"common.taxPointDate\"\n }),\n initialDate: invoiceDate,\n onClose: toggleModal,\n onSave: (data) => {\n handleTaxPointDateChange(data);\n toggleModal();\n }\n })]\n })]\n })]\n })\n }), shouldDisplayTaxPointDate && /* @__PURE__ */ _jsx99(Container26, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx99(Flexer31, {\n width: \"100%\",\n justifyEnd: true,\n gap: \"12px\",\n children: /* @__PURE__ */ _jsxs60(Flexer31, {\n width: \"100%\",\n desktopLargeWidth: \"calc(50% - 6px)\",\n justifyEnd: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx99(Spacer17, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx99(DatePickerWithLabel5, {\n defaultDate: /* @__PURE__ */ new Date(),\n id: \"taxPointDate\",\n label: translation({\n id: \"common.taxPointDate\"\n }),\n locale,\n maxDate: bookkeepingPeriod?.endDate ? `${getYear4(new Date(bookkeepingPeriod.endDate))}-12-31` : `${nextYear}-12-31`,\n minDate: bookkeepingPeriod?.startDate ? `${getYear4(new Date(bookkeepingPeriod.startDate))}-01-01` : \"2010-01-01\",\n name: \"taxPointDate\",\n onChange: handleTaxPointDateChange,\n value: taxPointDate || \"\",\n readOnly: shouldDisableFields\n })\n }), !isReadOnly && /* @__PURE__ */ _jsx99(Spacer17, {\n children: /* @__PURE__ */ _jsx99(DropdownButton7, {\n actions: [{\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: () => handleTaxPointDateChange({\n value: invoiceDate\n })\n }],\n alignRight: true\n })\n })]\n })\n })\n }), !isWithinBookkeepingPeriod && /* @__PURE__ */ _jsx99(Spacer17, {\n margin: \"0 0 12px\",\n children: /* @__PURE__ */ _jsx99(Notice3, {\n background: colors45.redLighter,\n children: /* @__PURE__ */ _jsx99(Translation, {\n id: !taxPointDate || isSameDay2(new Date(taxPointDate), new Date(invoiceDate)) ? \"common.invoiceDateOutsideBookkeepingPeriodError\" : \"common.taxPointDateOutsideBookkeepingPeriodError\"\n })\n })\n }), /* @__PURE__ */ _jsx99(Container26, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs60(Flexer31, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx99(Flexer31, {\n width: \"100%\",\n desktopLargeWidth: shouldDisplayCounterpartIdInputField ? \"50%\" : \"100%\",\n children: /* @__PURE__ */ _jsx99(IncomeFormRecipientName, {\n recipientName: income.recipientName,\n onChange: handleInputChange,\n onContactChange: handleContactChange,\n readOnly: shouldDisableFields,\n hasError: Boolean(!!validationErrors.recipientName && shouldDisplayValidationErrors)\n })\n }), shouldDisplayCounterpartIdInputField && /* @__PURE__ */ _jsx99(Flexer31, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx99(Input15, {\n type: \"text\",\n maxLength: RECORD_FIELD_MAX_LENGTH.ID_NUMBER,\n autoComplete: \"one-time-code\",\n floatingLabel: translation({\n id: \"common.recipientIdNumber\"\n }),\n formatter: pipe(toAlphaNumerical4, toUpperCase4),\n name: \"recipientIdNumber\",\n onChange: handleInputChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: income.recipientIdNumber ?? \"\",\n hasError: !!validationErrors.recipientIdNumber && shouldDisplayValidationErrors,\n errorMessage: getErrorMessage(validationErrors.recipientIdNumber),\n readOnly: shouldDisableFields,\n width: \"100%\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsx99(Container26, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx99(Input15, {\n floatingLabel: translation({\n id: `record.content.description`\n }),\n id: \"description\",\n name: \"description\",\n onChange: handleInputChange,\n shouldAlwaysDisplayFloatingLabel: true,\n value: description || \"\",\n maxLength: RECORD_FIELD_MAX_LENGTH.DESCRIPTION,\n type: \"text\",\n hasError: !!validationErrors.description && shouldDisplayValidationErrors,\n readOnly: shouldDisableFields\n })\n }), /* @__PURE__ */ _jsx99(RecordAmountsForm, {\n record: income,\n updateRecord: updateIncome,\n validationErrors,\n shouldDisplayValidationErrors,\n readOnly: shouldDisableFields\n })]\n });\n};\n\n// src/store/income-files/hooks.ts\nimport { useMemo as useMemo31 } from \"react\";\nimport { useDispatch as useDispatch2 } from \"react-redux\";\nimport { getIsMobileAppMode as getIsMobileAppMode2, saveBlobAsFile as saveBlobAsFile3 } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast10 } from \"@scouts/ui\";\n\n// src/store/income-files/actions.ts\nimport { generateApiPath as generateApiPath20 } from \"@scouts/helpers\";\nvar uploadIncomeFileAction = ({\n file,\n incomeId,\n userId\n}) => {\n const formData = new FormData();\n formData.append(\"file\", file);\n const url = generateApiPath20(ENDPOINTS.INCOME_FILES.POST, {\n userId,\n incomeId\n });\n return Client.getInstance().post(url, formData).then((response) => {\n const responseData = response.data;\n return responseData;\n }).catch(normalizeErrorResponses);\n};\nvar deleteIncomeFileAction = ({\n id: fileId,\n incomeId,\n userId\n}) => {\n const url = generateApiPath20(ENDPOINTS.INCOME_FILES.DELETE, {\n userId,\n incomeId,\n fileId\n });\n return Client.getInstance().delete(url).then((response) => response.data).catch(normalizeErrorResponses);\n};\nvar requestIncomeFileLinkAction = ({\n incomeId,\n id: fileId,\n inlineContentDisposition,\n userId\n}) => {\n const url = generateApiPath20(ENDPOINTS.INCOME_FILES.GET.SINGLE, {\n userId,\n incomeId,\n fileId\n }, {\n queryParameters: {\n inlineContentDisposition\n }\n });\n return Client.getInstance().get(url).then((response) => response.data).catch(normalizeErrorResponses);\n};\nvar downloadIncomesFilesAction = ({\n incomeIds,\n userId\n}) => {\n const url = generateApiPath20(ENDPOINTS.INCOME_FILES.GET.BULK, {\n userId\n }, {\n queryParameters: {\n ids: incomeIds\n }\n });\n return Client.getInstance().get(url, {\n responseType: \"blob\"\n }).then((response) => response.data).catch(normalizeErrorResponses);\n};\n\n// src/store/income-files/hooks.ts\nvar isMobileAppMode2 = getIsMobileAppMode2();\nvar useIncomeFilesActions = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const dispatch = useDispatch2();\n return useMemo31(() => ({\n deleteIncomeFile: (params) => deleteIncomeFileAction({\n ...params,\n userId\n }).then((response) => {\n if (response?.errors) {\n addErrorToast10({\n body: translation({\n id: \"common.errorDelete\"\n })\n });\n return response;\n }\n dispatch(invalidateIncomes());\n dispatch(invalidateIncome());\n dispatch(invalidateIncomeTextExtraction(params.incomeId));\n return response;\n }),\n downloadIncomeFile: (params) => requestIncomeFileLinkAction({\n ...params,\n userId\n }).then((response) => {\n if (response.errors) {\n addErrorToast10({\n body: translation({\n id: \"common.errorDownload\"\n })\n });\n return;\n }\n if (isMobileAppMode2) {\n window.location.assign(response);\n return;\n }\n window.open(response);\n }),\n downloadIncomesFiles: ({\n incomeIds,\n fileName\n }) => downloadIncomesFilesAction({\n userId,\n incomeIds\n }).then((response) => {\n if (response.errors) {\n addErrorToast10({\n body: translation({\n id: \"common.errorDownloadBulk\"\n })\n });\n return response;\n }\n return saveBlobAsFile3({\n fileName,\n blob: response\n });\n }),\n requestIncomeFileLinkInline: (params) => requestIncomeFileLinkAction({\n ...params,\n userId,\n inlineContentDisposition: true\n }).then((response) => {\n if (response.errors) {\n addErrorToast10({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }\n return response;\n }),\n uploadIncomeFile: (params) => uploadIncomeFileAction({\n ...params,\n userId\n }).then((response) => {\n if (response.errors) {\n addErrorToast10({\n body: translation({\n id: \"common.errorUpload\"\n })\n });\n return response;\n }\n dispatch(invalidateIncomes());\n dispatch(invalidateIncome());\n dispatch(invalidateIncomeTextExtraction(params.incomeId));\n return response;\n })\n }), [userId, dispatch, translation]);\n};\n\n// src/components/shared/tracking/incomes/IncomeFile.tsx\nimport { jsx as _jsx100 } from \"react/jsx-runtime\";\nvar IncomeFile = () => {\n const {\n income,\n updateIncome,\n setIsFileAdded,\n isLoading,\n shouldDisplayValidationErrors,\n validationErrors,\n handleUploadFile,\n isReadOnly\n } = useIncomeContext();\n const {\n deleteIncomeFile,\n downloadIncomeFile\n } = useIncomeFilesActions();\n const isEditing = getIsIncome(income);\n const {\n file: incomeFile = null,\n id: incomeId = null\n } = isEditing ? income : {};\n const {\n id: fileId\n } = incomeFile || {};\n const handleDeleteFile = () => {\n if (fileId && incomeId) {\n deleteIncomeFile({\n id: fileId,\n incomeId\n });\n updateIncome({\n ...income,\n file: null\n });\n }\n };\n const handleDownloadFile = () => {\n if (fileId && incomeId)\n downloadIncomeFile({\n id: fileId,\n incomeId\n });\n };\n if (!incomeFile && isReadOnly)\n return null;\n return /* @__PURE__ */ _jsx100(RecordFile_default, {\n file: incomeFile,\n onDelete: handleDeleteFile,\n onDownload: handleDownloadFile,\n onUpload: (files) => {\n handleUploadFile({\n files,\n income\n });\n setIsFileAdded(true);\n },\n type: RECORD_TYPE_INCOME,\n hasError: !!validationErrors.file && shouldDisplayValidationErrors,\n isDisabled: isReadOnly,\n isLoading\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeFilePreview.tsx\nimport styled31 from \"styled-components\";\nimport { useIsDesktop as useIsDesktop3, Skeleton as Skeleton3, SkeletonLine as SkeletonLine3 } from \"@scouts/ui\";\nimport { jsx as _jsx101 } from \"react/jsx-runtime\";\nvar IncomeFilePreview = () => {\n const isDesktop = useIsDesktop3();\n const {\n filePreview: {\n previewUrl,\n fileName,\n isLoading: isLoadingPreview\n },\n income,\n setIsFileAdded,\n handleUploadFile,\n isLoading,\n isReadOnly\n } = useIncomeContext();\n if (!isDesktop)\n return null;\n const hasFile3 = !!income.file;\n return /* @__PURE__ */ _jsx101(Container27, {\n children: isLoadingPreview ? /* @__PURE__ */ _jsx101(Skeleton3, {\n children: /* @__PURE__ */ _jsx101(SkeletonLine3, {\n height: \"100%\"\n })\n }) : !hasFile3 && !isReadOnly ? /* @__PURE__ */ _jsx101(RecordFileUploadZone, {\n isLoading,\n onUpload: (files) => {\n handleUploadFile({\n files,\n income\n });\n setIsFileAdded(true);\n }\n }) : /* @__PURE__ */ _jsx101(RecordFilePreview, {\n fileName,\n previewUrl\n })\n });\n};\nvar Container27 = styled31.div.withConfig({\n displayName: \"IncomeFilePreview__Container\",\n componentId: \"sc-1ujliqb-0\"\n})([\"display:grid;\"]);\n\n// src/components/shared/tracking/incomes/IncomeLabels.tsx\nimport { useState as useState36 } from \"react\";\nimport { getStringDate as getStringDate6, useToggle as useToggle9 } from \"@scouts/helpers\";\nimport { ChipButton as ChipButton6, DropdownButton as DropdownButton8, Flexer as Flexer34 } from \"@scouts/ui\";\n\n// src/components/shared/PaymentDateModal.tsx\nimport { useState as useState34 } from \"react\";\nimport { getNextYear as getNextYear6 } from \"@scouts/helpers\";\nimport { Button as Button19, Container as Container28, DatePickerWithLabel as DatePickerWithLabel6, Flexer as Flexer32, Form as Form8, ModalBodyLegacy as ModalBody11, ModalFooterLegacy as ModalFooter11, ModalHeaderLegacy as ModalHeader10, ModalLegacy as Modal11, ModalTitleLegacy as ModalTitle10 } from \"@scouts/ui\";\nimport { jsx as _jsx102, jsxs as _jsxs61 } from \"react/jsx-runtime\";\nvar PaymentDateModal = ({\n defaultDate,\n isPaid: isPaid3,\n onClose,\n onMarkAsUnpaid,\n onSave\n}) => {\n const [date, setDate] = useState34(defaultDate);\n const nextYear = getNextYear6();\n const {\n locale\n } = useConfig();\n const handleChange = ({\n value\n }) => {\n setDate(value);\n };\n const handleClose = (e) => {\n e.stopPropagation();\n onClose();\n };\n const handleMarkAsUnpaid = (e) => {\n e.stopPropagation();\n onMarkAsUnpaid();\n };\n const handleSave = (e) => {\n e.stopPropagation();\n onSave({\n value: date\n });\n };\n return /* @__PURE__ */ _jsxs61(Modal11, {\n onClose: handleClose,\n children: [/* @__PURE__ */ _jsxs61(Container28, {\n onClick: (e) => e.stopPropagation(),\n children: [/* @__PURE__ */ _jsx102(ModalHeader10, {\n children: /* @__PURE__ */ _jsx102(ModalTitle10, {\n children: /* @__PURE__ */ _jsx102(Translation, {\n strings: [\"Set payment date\", \"Fijar fecha de pago\"]\n })\n })\n }), /* @__PURE__ */ _jsx102(ModalBody11, {\n children: /* @__PURE__ */ _jsx102(Form8.Row, {\n children: /* @__PURE__ */ _jsx102(Form8.Columns, {\n children: /* @__PURE__ */ _jsx102(Form8.Column, {\n width: \"50%\",\n children: /* @__PURE__ */ _jsx102(Form8.Row.Content, {\n children: /* @__PURE__ */ _jsx102(DatePickerWithLabel6, {\n id: \"modalPaymentDate\",\n name: \"modalPaymentDate\",\n value: date || \"\",\n onChange: handleChange,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n label: \"\",\n locale\n })\n })\n })\n })\n })\n })]\n }), /* @__PURE__ */ _jsx102(ModalFooter11, {\n children: /* @__PURE__ */ _jsxs61(Flexer32, {\n justifyEnd: !isPaid3,\n spaceBetween: isPaid3,\n children: [isPaid3 && /* @__PURE__ */ _jsx102(Button19, {\n isDanger: true,\n onClick: handleMarkAsUnpaid,\n children: /* @__PURE__ */ _jsx102(Translation, {\n id: \"record.actions.markAsUnpaid\"\n })\n }), /* @__PURE__ */ _jsxs61(Flexer32, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx102(Button19, {\n isSecondary: true,\n onClick: handleClose,\n children: /* @__PURE__ */ _jsx102(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx102(Button19, {\n onClick: handleSave,\n children: /* @__PURE__ */ _jsx102(Translation, {\n id: \"common.actions.confirm\"\n })\n })]\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeCountryModal.tsx\nimport { useState as useState35 } from \"react\";\nimport { Button as Button20, Flexer as Flexer33, ModalBodyLegacy as ModalBody12, ModalFooterLegacy as ModalFooter12, ModalHeaderLegacy as ModalHeader11, ModalLegacy as Modal12, ModalTitleLegacy as ModalTitle11, Paragraph as Paragraph8, SelectWithLabel as SelectWithLabel6, Spacer as Spacer18 } from \"@scouts/ui\";\nimport { jsx as _jsx103, jsxs as _jsxs62 } from \"react/jsx-runtime\";\nvar IncomeCountryModal = ({\n onClose,\n onDelete,\n onSubmit,\n currentCountryId,\n isLoading\n}) => {\n const translation = useTranslation();\n const {\n getCountryById\n } = useCountries();\n const options = useCountryOptions();\n const currentCountry = getCountryById(currentCountryId);\n const [selectedCountry, setSelectedCountry] = useState35(currentCountry);\n const handleCountryChange = ({\n value\n }) => {\n const country = getCountryById(Number(value));\n if (country)\n setSelectedCountry(country);\n };\n return /* @__PURE__ */ _jsxs62(Modal12, {\n onClose,\n isLoading,\n children: [/* @__PURE__ */ _jsx103(ModalHeader11, {\n children: /* @__PURE__ */ _jsx103(ModalTitle11, {\n children: /* @__PURE__ */ _jsx103(Translation, {\n strings: [\"Foreign income\", \"Factura exterior\"]\n })\n })\n }), /* @__PURE__ */ _jsxs62(ModalBody12, {\n children: [/* @__PURE__ */ _jsx103(Spacer18, {\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx103(Paragraph8, {\n children: /* @__PURE__ */ _jsx103(Translation, {\n strings: [\"Select the country of destination\", \"Selecciona el pa\\xEDs de destino\"]\n })\n })\n }), /* @__PURE__ */ _jsx103(SelectWithLabel6, {\n options,\n label: translation({\n id: \"common.country\"\n }),\n onChange: handleCountryChange,\n value: selectedCountry?.id || \"\",\n name: \"selectedCountryId\"\n })]\n }), /* @__PURE__ */ _jsx103(ModalFooter12, {\n children: /* @__PURE__ */ _jsxs62(Flexer33, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx103(Button20, {\n onClick: onDelete,\n isDanger: true,\n children: /* @__PURE__ */ _jsx103(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs62(Flexer33, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx103(Button20, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx103(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx103(Button20, {\n onClick: () => onSubmit(selectedCountry),\n children: /* @__PURE__ */ _jsx103(Translation, {\n strings: [\"Continue\", \"Finalizar\"]\n })\n })]\n })]\n })\n })]\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeLabels.tsx\nimport { jsx as _jsx104, jsxs as _jsxs63, Fragment as _Fragment31 } from \"react/jsx-runtime\";\nvar IncomeLabels = () => {\n const {\n sharedOptions: {\n hasRecordCountry\n },\n incomeOptions: {\n hasSpecifiedPaymentDate\n },\n isAccountant\n } = useConfig();\n const translation = useTranslation();\n const {\n income,\n updateIncome,\n isReadOnly\n } = useIncomeContext();\n const {\n defaultCountry,\n isLoading: isLoadingCountries\n } = useCountries();\n const {\n recipientCountryName,\n recipientCountryId\n } = income;\n const [isCountryModalOpen, setIsCountryModalOpen] = useState36(false);\n const [isRecordMergeModalOpen, openRecordMergeModal, closeRecordMergeModal] = useToggle9();\n const [isForeignCurrencyModalOpen, openForeignCurrencyModal, closeForeignCurrencyModal] = useToggle9();\n const {\n closePaymentDateModal,\n isPaymentDateModalOpen,\n openPaymentDateModal\n } = usePaymentDateModal();\n const isForeignCountry = defaultCountry?.id !== recipientCountryId;\n const isPaid3 = Income.isPaid(income);\n const isPaymentStatusDisabled = !hasSpecifiedPaymentDate || isReadOnly && hasSpecifiedPaymentDate;\n const handleCountryChange = (country) => {\n if (country) {\n const updatedCountryParams = {\n recipientCountryName: country.name,\n recipientCountryId: country.id\n };\n if (country.isDefault)\n updateIncome(updatedCountryParams);\n else\n updateIncome({\n ...Calculations.getRecordWithEmptyTaxRates(income),\n ...updatedCountryParams\n });\n }\n closeCountryModal();\n };\n const handleCountryDelete = () => {\n updateIncome({\n recipientCountryName: null,\n recipientCountryId: null\n });\n closeCountryModal();\n };\n const openCountryModal = () => {\n setIsCountryModalOpen(true);\n };\n const closeCountryModal = () => {\n setIsCountryModalOpen(false);\n };\n const handleSavePaymentDateModal = (paymentDate) => {\n closePaymentDateModal();\n updateIncome({\n paidDateUTC: paymentDate\n });\n };\n const handleMarkAsUnpaid = () => {\n closePaymentDateModal();\n updateIncome({\n paidDateUTC: null\n });\n };\n const handleSetForeignCurrency = (data) => {\n closeForeignCurrencyModal();\n updateIncome({\n ...data,\n exchangeRate: Number(data.exchangeRate) || 1\n });\n };\n const actions = [{\n onClick: hasSpecifiedPaymentDate ? openPaymentDateModal : () => {\n updateIncome({\n paidDateUTC: getStringDate6()\n });\n },\n title: translation({\n id: \"record.actions.markAsPaid\"\n }),\n disabled: isReadOnly,\n shouldHide: isPaid3\n }, {\n onClick: () => {\n updateIncome({\n paidDateUTC: null\n });\n },\n title: translation({\n id: \"record.actions.markAsUnpaid\"\n }),\n disabled: isReadOnly,\n shouldHide: !hasSpecifiedPaymentDate && !isPaid3 || hasSpecifiedPaymentDate\n }, {\n onClick: openPaymentDateModal,\n title: translation([\"Adjust payment date\", \"Ajustar fecha de pago\"]),\n disabled: isReadOnly,\n shouldHide: !hasSpecifiedPaymentDate || hasSpecifiedPaymentDate && !isPaid3\n }, {\n onClick: openCountryModal,\n title: translation([\"Mark as foreign income\", \"Factura exterior\"]),\n disabled: isReadOnly,\n shouldHide: !hasRecordCountry\n }, {\n onClick: openRecordMergeModal,\n title: translation([\"Merge with another income\", \"Combinar con otro ingreso\"]),\n shouldHide: isAccountant || !income.transactionLinks?.length\n // Hide the button for records with no banking transaction links\n }, {\n onClick: openForeignCurrencyModal,\n title: translation([\"Foreign currency\", \"Moneda extranjera\"]),\n disabled: isReadOnly\n // @TODO: Check if isReadOnly is applied here too\n }].filter((action) => !action.shouldHide);\n return /* @__PURE__ */ _jsxs63(_Fragment31, {\n children: [/* @__PURE__ */ _jsxs63(Flexer34, {\n gap: \"9px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx104(DropdownButton8, {\n actions\n }), /* @__PURE__ */ _jsx104(IncomePaymentStatus, {\n record: income,\n withDate: true,\n onClick: hasSpecifiedPaymentDate ? openPaymentDateModal : void 0,\n isReadOnly: isPaymentStatusDisabled\n }), isForeignCountry && recipientCountryName && /* @__PURE__ */ _jsx104(ChipButton6, {\n variant: \"highlight\",\n onClick: openCountryModal,\n disabled: isReadOnly,\n children: recipientCountryName\n })]\n }), isCountryModalOpen && /* @__PURE__ */ _jsx104(IncomeCountryModal, {\n isLoading: isLoadingCountries,\n onDelete: handleCountryDelete,\n onClose: closeCountryModal,\n onSubmit: handleCountryChange,\n currentCountryId: recipientCountryId\n }), isPaymentDateModalOpen && /* @__PURE__ */ _jsx104(PaymentDateModal, {\n defaultDate: income.paidDateUTC || getStringDate6(),\n isPaid: isPaid3,\n onClose: closePaymentDateModal,\n onMarkAsUnpaid: handleMarkAsUnpaid,\n onSave: ({\n value\n }) => handleSavePaymentDateModal(value)\n }), isRecordMergeModalOpen && /* @__PURE__ */ _jsx104(RecordMergeModal, {\n isIncome: true,\n onClose: closeRecordMergeModal,\n record: income\n }), isForeignCurrencyModalOpen && /* @__PURE__ */ _jsx104(RecordForeignCurrencyModal, {\n isDisabled: isReadOnly,\n onClose: closeForeignCurrencyModal,\n onSubmit: handleSetForeignCurrency,\n record: income\n })]\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeModal.tsx\nimport { useState as useState38 } from \"react\";\nimport { addSuccessToast as addSuccessToast3, ConfirmationModal as ConfirmationModal3, ModalLegacy as Modal13 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/incomes/hooks/use-income-file-preview.ts\nimport { useEffect as useEffect18, useState as useState37 } from \"react\";\nvar useIncomeFilePreview = (income) => {\n const incomeId = getIsIncome(income) ? income.id : null;\n const file = getIsIncome(income) ? income.file : null;\n const fileId = getIsIncome(income) ? income.file?.id : null;\n const {\n requestIncomeFileLinkInline\n } = useIncomeFilesActions();\n const [previewUrl, setPreviewUrl] = useState37(null);\n const [isLoading, setIsLoading] = useState37(false);\n useEffect18(() => {\n if (!fileId || !incomeId) {\n setPreviewUrl(null);\n return;\n }\n setIsLoading(true);\n requestIncomeFileLinkInline({\n id: fileId,\n incomeId\n }).then((response) => {\n setIsLoading(false);\n if (response?.errors)\n return;\n setPreviewUrl(response);\n });\n }, [fileId, incomeId, requestIncomeFileLinkInline]);\n return {\n ...file,\n previewUrl,\n isLoading\n };\n};\n\n// src/components/shared/tracking/incomes/IncomeModal.tsx\nimport { jsx as _jsx105, Fragment as _Fragment32, jsxs as _jsxs64 } from \"react/jsx-runtime\";\nvar IncomeModal = ({\n incomeId,\n initialIncomesOrder,\n handleClose,\n handleNavigateToEdit,\n shouldDisplayValidationErrors,\n shouldHideBookkeepingPeriodWarnings,\n children\n}) => {\n const translation = useTranslation();\n const {\n isSuccess: isSuccessTaxes,\n isError: isErrorTaxes\n } = useTaxes();\n const {\n income,\n isLoading,\n isFetching,\n isError\n } = useIncome({\n incomeId\n });\n const {\n updateIncome,\n updateIncomePaidStatus,\n updateIncomeReviewedStatus,\n updateIncomeAndReviewedStatus,\n isLoading: isLoadingUpdateIncome\n } = useUpdateIncome();\n const {\n deleteIncome,\n isLoading: isLoadingDeleteIncome\n } = useDeleteIncome();\n const {\n createIncome,\n isLoading: isLoadingCreateIncome\n } = useCreateIncome();\n const {\n uploadIncomeFile\n } = useIncomeFilesActions();\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState38(false);\n const isEditing = getIsIncome(income);\n const isUpdating = isLoadingUpdateIncome || isLoadingDeleteIncome || isLoadingCreateIncome || Boolean(isFetching);\n const filePreview = useIncomeFilePreview(income);\n const isReadOnly = Income.isReviewed(income) || Income.isFiled(income);\n const handleDeleteIncome = () => {\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleConfirmDelete = () => {\n if (isEditing)\n deleteIncome({\n incomeId: income.id,\n status: income.status\n }).then((response) => {\n if (response?.errors)\n return;\n setIsDeleteConfirmationModalOpen(false);\n handleClose();\n });\n };\n const handleResponse = (response, {\n preventModalClose\n } = {\n preventModalClose: false\n }) => {\n if (response.errors)\n return response;\n addSuccessToast3({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n if (!preventModalClose)\n handleClose();\n return response;\n };\n const handleSubmitEdit = (submittedIncome) => updateIncome(submittedIncome).then(handleResponse);\n const handleSubmitCreate = (submittedIncome) => createIncome(submittedIncome).then(handleResponse);\n const handleSubmitReviewedStatus = (params) => {\n if (isReadOnly) {\n return updateIncomeReviewedStatus({\n id: params.income.id,\n status: params.isReviewed\n }).then((response) => handleResponse(response, {\n preventModalClose: true\n }));\n }\n return updateIncomeAndReviewedStatus(params).then((response) => handleResponse(response, {\n preventModalClose: true\n }));\n };\n const handleSubmitPaidStatus = async (submittedIncome, currentIncome) => {\n if (submittedIncome.paidDateUTC === currentIncome.paidDateUTC)\n return submittedIncome;\n return updateIncomePaidStatus({\n id: submittedIncome.id,\n paidDateUTC: submittedIncome.paidDateUTC\n }).then(handleResponse);\n };\n const handleSubmit = (submittedIncome) => {\n const isReadOnly2 = Income.isReviewed(income) || Income.isFiled(income);\n if (isReadOnly2 && income)\n return handleSubmitPaidStatus(submittedIncome, income);\n if (getIsIncome(submittedIncome))\n return handleSubmitEdit(submittedIncome);\n return handleSubmitCreate(submittedIncome);\n };\n const handleUploadFile = async ({\n files = [],\n income: currentIncome\n }) => {\n const [file] = files;\n if (!file)\n return;\n if (!isEditing) {\n const response = await createIncome(currentIncome);\n if (response?.errors)\n return;\n const {\n id: newRecordId\n } = response;\n if (!newRecordId)\n return;\n await uploadIncomeFile({\n file,\n incomeId: newRecordId\n });\n handleNavigateToEdit(newRecordId);\n }\n if (isEditing && incomeId)\n await uploadIncomeFile({\n file,\n incomeId\n });\n };\n return /* @__PURE__ */ _jsxs64(_Fragment32, {\n children: [/* @__PURE__ */ _jsx105(Modal13, {\n errorMessage: translation({\n id: \"common.errorRequest\"\n }),\n isError: isError || isErrorTaxes,\n isFullScreen: true,\n isLoading: isLoading || !isSuccessTaxes,\n onClose: handleClose,\n children: income && /* @__PURE__ */ _jsx105(IncomeContextProvider, {\n income,\n initialIncomesOrder: initialIncomesOrder || [],\n handleNavigateToEdit,\n shouldDisplayValidationErrors,\n shouldHideBookkeepingPeriodWarnings,\n isLoading: isUpdating,\n handleClose,\n handleDeleteIncome,\n handleSubmit,\n filePreview,\n handleUploadFile,\n isReadOnly,\n handleSubmitReviewedStatus,\n children\n })\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx105(ConfirmationModal3, {\n isLoading: isLoadingDeleteIncome || isFetching,\n onCancel: () => setIsDeleteConfirmationModalOpen(false),\n onConfirm: handleConfirmDelete,\n title: translation({\n id: \"common.areYouSure\"\n }),\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n })\n })]\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeNotes.tsx\nimport { jsx as _jsx106 } from \"react/jsx-runtime\";\nvar IncomeNotes = () => {\n const {\n income,\n updateIncome,\n isReadOnly\n } = useIncomeContext();\n const {\n comment\n } = income;\n const handleCommentChange = (submittedComment) => {\n updateIncome({\n comment: submittedComment\n });\n };\n return /* @__PURE__ */ _jsx106(RecordNotes, {\n comment,\n onCommentChange: handleCommentChange,\n isDisabled: isReadOnly\n });\n};\n\n// src/components/shared/tracking/incomes/IncomeTitle.tsx\nimport { colors as colors47, radius as radius20, Container as Container29, DropdownButton as DropdownButton9, Flexer as Flexer35, Line as Line19 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/incomes/hooks/use-income-text-extraction-feature.tsx\nimport { colors as colors46, Icon as Icon7, IconLoader as IconLoader2, Spinner as Spinner2 } from \"@scouts/ui\";\nimport { jsx as _jsx107 } from \"react/jsx-runtime\";\nvar getHasFilledIncomeFields = (income) => {\n const {\n invoiceNumber,\n net,\n recipientName,\n recipientIdNumber,\n gross\n } = income;\n return !!invoiceNumber || !!net || !!recipientName || !!recipientIdNumber || !!gross;\n};\nvar getHasPendingIncomeFields = (income) => {\n const {\n invoiceNumber,\n net,\n recipientName,\n recipientIdNumber,\n gross\n } = income;\n return !invoiceNumber || !net || !recipientName || !recipientIdNumber || !gross;\n};\nvar getMergedIncome = (incomeA, incomeB) => {\n const invoiceNumber = incomeA.invoiceNumber || incomeB.invoiceNumber;\n const invoiceDate = incomeA.invoiceDate || incomeB.invoiceDate;\n const taxPointDate = incomeA.taxPointDate || incomeB.taxPointDate;\n const recipientIdNumber = incomeA.recipientIdNumber || incomeB.recipientIdNumber;\n const recipientName = incomeA.recipientName || incomeB.recipientName;\n const description = incomeA.description || incomeB.description;\n return {\n ...incomeA,\n invoiceNumber,\n taxPointDate,\n invoiceDate,\n recipientIdNumber,\n recipientName,\n description\n };\n};\nvar useIncomeTextExtractionFeature = () => {\n const {\n isBookkeepingDoneByAccountant,\n isAccountant\n } = useConfig();\n const isBookkeepingDoneByAccountantCustomer = isBookkeepingDoneByAccountant && !isAccountant;\n const translation = useTranslation();\n const {\n initialIncome: storedIncome,\n income,\n updateIncome,\n hasValidationErrors,\n shouldDisplayValidationErrors,\n isReadOnly\n } = useIncomeContext();\n const hasFile3 = Boolean(income.file);\n const isEditing = getIsIncome(income);\n const {\n updatedIncome,\n textExtraction\n } = useIncomeTextExtraction({\n income,\n shouldPoll: true,\n shouldSkipFetch: !(!isReadOnly && hasFile3 && isEditing && (hasValidationErrors || !shouldDisplayValidationErrors))\n });\n useEffectOnChange(textExtraction, () => {\n if (!storedIncome || !income || !updatedIncome || textExtraction?.status !== IncomeTextExtractionStatus.FINISHED)\n return;\n if (getHasFilledIncomeFields(storedIncome))\n return;\n if (getHasFilledIncomeFields(income))\n return;\n updateIncome(updatedIncome);\n });\n const handleClick = () => {\n if (!updatedIncome)\n return;\n updateIncome(getMergedIncome(income, updatedIncome));\n };\n if (!textExtraction || !hasFile3 || isReadOnly || !getHasPendingIncomeFields(storedIncome))\n return null;\n const {\n status,\n propertiesUpdatedCount\n } = textExtraction;\n switch (status) {\n case IncomeTextExtractionStatus.IN_PROGRESS:\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors46.neutralLightest : colors46.blueLighter,\n icon: /* @__PURE__ */ _jsx107(Spinner2, {\n isSmall: true,\n color: colors46.black\n }),\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.inProgress.preAnalysis\" : \"record.content.textExtraction.inProgress\"\n })\n };\n case IncomeTextExtractionStatus.INVALID_CONTENT_TYPE:\n case IncomeTextExtractionStatus.ERROR:\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors46.neutralLightest : colors46.redLighter,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.failure.preAnalysis\" : \"record.content.textExtraction.failure\"\n })\n };\n case IncomeTextExtractionStatus.FINISHED:\n if (!propertiesUpdatedCount)\n return {\n background: colors46.neutralLightest,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.failure.preAnalysis\" : \"record.content.textExtraction.failure\"\n })\n };\n return {\n background: isBookkeepingDoneByAccountantCustomer ? colors46.neutralLightest : colors46.blueLighter,\n title: translation({\n id: isBookkeepingDoneByAccountantCustomer ? \"record.content.textExtraction.success.preAnalysis\" : \"record.content.textExtraction.success\"\n }),\n handleClick,\n icon: /* @__PURE__ */ _jsx107(Icon7, {\n Component: IconLoader2\n })\n };\n default:\n return null;\n }\n};\n\n// src/components/shared/tracking/incomes/IncomeTitle.tsx\nimport { jsx as _jsx108, jsxs as _jsxs65, Fragment as _Fragment33 } from \"react/jsx-runtime\";\nvar IncomeTitle = () => {\n const translation = useTranslation();\n const {\n income,\n hasValidationErrors,\n shouldDisplayValidationErrors,\n isReadOnly\n } = useIncomeContext();\n const textExtraction = useIncomeTextExtractionFeature();\n const isEditing = getIsIncome(income);\n const shouldDisplayError = hasValidationErrors && Boolean(shouldDisplayValidationErrors);\n const hasLinkedBankingTransactions = !!income.transactionLinks?.length;\n if (textExtraction && !isReadOnly)\n return /* @__PURE__ */ _jsx108(_Fragment33, {\n children: /* @__PURE__ */ _jsx108(Container29, {\n padding: textExtraction.handleClick ? \"15px 24px\" : \"18px 24px\",\n radius: `${radius20.large} ${radius20.large} 0 0`,\n background: textExtraction.background,\n children: /* @__PURE__ */ _jsxs65(Flexer35, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsxs65(Flexer35, {\n gap: \"15px\",\n children: [textExtraction.icon, /* @__PURE__ */ _jsx108(Line19, {\n children: textExtraction.title\n })]\n }), /* @__PURE__ */ _jsxs65(Flexer35, {\n gap: \"15px\",\n children: [hasLinkedBankingTransactions && /* @__PURE__ */ _jsx108(RecordLinkedBankingTransaction, {\n record: income\n }), textExtraction.handleClick && /* @__PURE__ */ _jsx108(DropdownButton9, {\n isSecondary: true,\n alignRight: true,\n actions: [{\n title: translation({\n id: \"record.actions.textExtraction.preFill\"\n }),\n onClick: textExtraction.handleClick\n }]\n })]\n })]\n })\n })\n });\n return /* @__PURE__ */ _jsx108(_Fragment33, {\n children: /* @__PURE__ */ _jsx108(Container29, {\n padding: \"18px 24px\",\n radius: `${radius20.large} ${radius20.large} 0 0`,\n background: getBackground3({\n shouldDisplayError\n }),\n children: hasLinkedBankingTransactions ? /* @__PURE__ */ _jsxs65(Flexer35, {\n gap: \"15px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx108(RecordTitleHeading, {\n shouldDisplayError,\n titleTranslationKey: getTitleTranslationKey2({\n isEditing,\n isReadOnly,\n shouldDisplayError\n })\n }), /* @__PURE__ */ _jsx108(RecordLinkedBankingTransaction, {\n record: income\n })]\n }) : /* @__PURE__ */ _jsx108(RecordTitleHeading, {\n shouldDisplayError,\n titleTranslationKey: getTitleTranslationKey2({\n isEditing,\n isReadOnly,\n shouldDisplayError\n })\n })\n })\n });\n};\nvar getTitleTranslationKey2 = ({\n shouldDisplayError,\n isReadOnly,\n isEditing\n}) => {\n if (shouldDisplayError)\n return \"error.fillHighlighted\";\n if (isReadOnly)\n return \"record.actions.viewDetails.income\";\n if (!isEditing)\n return \"record.actions.add.income\";\n return \"record.actions.viewDetails.income\";\n};\nvar getBackground3 = ({\n shouldDisplayError\n}) => {\n if (shouldDisplayError)\n return colors47.yellow;\n return colors47.neutralLightest;\n};\n\n// src/components/accountant/tracking/incomes/IncomeAccountantModalActions.tsx\nimport styled32 from \"styled-components\";\nimport { colors as colors48, Button as Button21, Flexer as Flexer36, Form as Form9 } from \"@scouts/ui\";\nimport { jsx as _jsx109, jsxs as _jsxs66 } from \"react/jsx-runtime\";\nvar IncomeAccountantModalActions = () => {\n const {\n isEditing,\n isReadOnly,\n isLoading,\n handleDeleteIncome,\n handleClose\n } = useIncomeContext();\n return /* @__PURE__ */ _jsx109(Form9.Actions, {\n children: /* @__PURE__ */ _jsxs66(ActionsContainer2, {\n children: [isEditing && !isReadOnly && /* @__PURE__ */ _jsx109(Button21, {\n onClick: handleDeleteIncome,\n color: colors48.red,\n disabled: isLoading,\n isDanger: true,\n children: /* @__PURE__ */ _jsx109(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs66(Flexer36, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx109(Button21, {\n disabled: isLoading,\n onClick: handleClose,\n isSecondary: !isReadOnly,\n children: /* @__PURE__ */ _jsx109(Translation, {\n id: isReadOnly ? \"common.actions.close\" : \"common.actions.cancel\"\n })\n }), !isReadOnly && /* @__PURE__ */ _jsx109(Button21, {\n type: \"submit\",\n form: \"record\",\n isLoading,\n disabled: isLoading,\n children: /* @__PURE__ */ _jsx109(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })]\n })\n });\n};\nvar ActionsContainer2 = styled32.div.withConfig({\n displayName: \"IncomeAccountantModalActions__ActionsContainer\",\n componentId: \"sc-1ctb1be-0\"\n})([\"display:flex;justify-content:space-between;width:100%;& > *:only-child{margin-left:auto;}\"]);\n\n// src/components/accountant/tracking/incomes/IncomeToolbar.tsx\nimport { useHistory as useHistory9 } from \"react-router-dom\";\nimport { jsx as _jsx110 } from \"react/jsx-runtime\";\nvar IncomeToolbar = () => {\n const {\n incomeOptions,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n income,\n initialIncomesOrder,\n isEditing,\n isReadOnly,\n handleSubmit,\n handleSubmitReviewedStatus,\n setIncome,\n isLoading\n } = useIncomeContext();\n const {\n ROUTES\n } = useRoutes();\n const history = useHistory9();\n const generatePathWithParamsAndSearch = useGeneratePathWithParamsAndSearch();\n const handleContinue = (nextIncome2) => {\n if (!nextIncome2)\n return;\n history.push(generatePathWithParamsAndSearch(nextIncome2.isInvoice ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL : ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: nextIncome2.id\n }));\n };\n const handleSaveAndContinue = (nextIncome2) => {\n handleSubmit(income).then((response) => {\n if (response.errors)\n return;\n handleContinue(nextIncome2);\n });\n };\n const handleIsReviewedChange = ({\n value\n }) => {\n handleSubmitReviewedStatus({\n income,\n isReviewed: value\n }).then((response) => {\n if (response.errors)\n return;\n setIncome((current) => ({\n ...current,\n reviewedDateUTC: response.reviewedDateUTC\n }));\n });\n };\n const currentIndex = initialIncomesOrder?.findIndex((element) => element.id === income.id) ?? 0;\n const totalLength = initialIncomesOrder?.length ?? 0;\n const nextIncome = initialIncomesOrder?.[(currentIndex + 1) % totalLength];\n if (!isEditing || !initialIncomesOrder.length)\n return null;\n return /* @__PURE__ */ _jsx110(RecordToolbar, {\n activeRecordIndex: currentIndex,\n isBookkeepingDoneByAccountant,\n isComplete: Income.isComplete(incomeOptions)(income),\n isFiled: Income.isFiled(income),\n isLoading,\n isReadOnly,\n isReviewed: Income.isReviewed(income),\n onClickNext: () => handleContinue(nextIncome),\n onClickSaveAndNext: () => handleSaveAndContinue(nextIncome),\n totalAmountOfRecords: totalLength,\n children: /* @__PURE__ */ _jsx110(RecordReviewToggle, {\n isComplete: Income.isComplete(incomeOptions)(income),\n isFiled: Income.isFiled(income),\n isLoading,\n isReviewed: Income.isReviewed(income),\n onChangeIsReviewed: handleIsReviewedChange\n })\n });\n};\n\n// src/components/accountant/tracking/incomes/IncomeAccountantModal.tsx\nimport { jsx as _jsx111, jsxs as _jsxs67 } from \"react/jsx-runtime\";\nvar IncomeAccountantModal = (props) => /* @__PURE__ */ _jsxs67(IncomeModal, {\n ...props,\n shouldHideBookkeepingPeriodWarnings: true,\n children: [/* @__PURE__ */ _jsx111(IncomeToolbar, {}), /* @__PURE__ */ _jsxs67(ModalBody13, {\n children: [/* @__PURE__ */ _jsx111(Spacer19, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\"\n }), /* @__PURE__ */ _jsxs67(RecordModalGrid, {\n children: [/* @__PURE__ */ _jsx111(IncomeFilePreview, {}), /* @__PURE__ */ _jsxs67(Flexer37, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx111(IncomeFile, {}), /* @__PURE__ */ _jsxs67(Container30, {\n children: [/* @__PURE__ */ _jsx111(IncomeTitle, {}), /* @__PURE__ */ _jsxs67(RecordFormContainer, {\n children: [/* @__PURE__ */ _jsx111(IncomeForm, {\n id: \"record\"\n }), /* @__PURE__ */ _jsx111(Spacer19, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx111(IncomeLabels, {})\n })]\n })]\n }), /* @__PURE__ */ _jsx111(IncomeNotes, {})]\n })]\n })]\n }), /* @__PURE__ */ _jsx111(ModalFooter13, {\n children: /* @__PURE__ */ _jsx111(IncomeAccountantModalActions, {})\n })]\n});\n\n// src/components/accountant/tracking/incomes/IncomeRow.tsx\nimport { useMemo as useMemo34 } from \"react\";\nimport { useHistory as useHistory12 } from \"react-router-dom\";\nimport styled34 from \"styled-components\";\nimport { formatCurrency as formatCurrency10 } from \"@scouts/helpers\";\nimport { useLocale as useLocale15 } from \"@scouts/i18n\";\nimport { colors as colors52, Checkbox as Checkbox4, Chip as Chip7, Icon as Icon8, IconLink2 as IconLink24, Spacer as Spacer20, Tooltip as Tooltip7 } from \"@scouts/ui\";\n\n// src/components/shared/tracking/incomes/IncomeRowDropdown.tsx\nimport { useState as useState39 } from \"react\";\nimport { useHistory as useHistory10 } from \"react-router-dom\";\nimport { getStringDate as getStringDate7 } from \"@scouts/helpers\";\nimport { addSuccessToast as addSuccessToast4, colors as colors49, ConfirmationModal as ConfirmationModal4, DropdownButton as DropdownButton10 } from \"@scouts/ui\";\nimport { jsx as _jsx112, Fragment as _Fragment34, jsxs as _jsxs68 } from \"react/jsx-runtime\";\nvar IncomeRowDropdown = ({\n income\n}) => {\n const history = useHistory10();\n const translation = useTranslation();\n const {\n isAccountant,\n isReadOnly,\n incomeOptions,\n sharedOptions: {\n hasFiling\n }\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const {\n downloadIncomeFile\n } = useIncomeFilesActions();\n const {\n updateIncomePaidStatus,\n updateIncomeReviewedStatus,\n updateIncomeFiledStatus,\n isLoading: isLoadingUpdateIncome\n } = useUpdateIncome();\n const {\n duplicateIncome,\n isLoading: isLoadingDuplicateIncome\n } = useCreateIncome();\n const {\n deleteIncome,\n isLoading: isLoadingDeleteIncome\n } = useDeleteIncome();\n const isLoading = isLoadingUpdateIncome || isLoadingDuplicateIncome || isLoadingDeleteIncome;\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState39(false);\n const {\n closePaymentDateModal,\n isPaymentDateModalOpen,\n openPaymentDateModal\n } = usePaymentDateModal();\n const {\n id: incomeId,\n file\n } = income;\n const {\n id: fileId\n } = file || {};\n const isPaid3 = Income.isPaid(income);\n const isDraft3 = Income.isDraft(income);\n const isFiled4 = Income.isFiled(income);\n const isComplete4 = Income.isComplete(incomeOptions)(income);\n const isReviewed4 = Income.isReviewed(income);\n const handleEdit = (e) => {\n e.stopPropagation();\n if (isDraft3 || isAccountant) {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: incomeId\n }));\n } else {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT_VALIDATE, {\n id: incomeId\n }));\n }\n };\n const handleDownloadFile = (e) => {\n e.stopPropagation();\n downloadIncomeFile({\n id: fileId,\n incomeId\n });\n };\n const handleDelete = (e) => {\n e.stopPropagation();\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleCancelDelete = () => {\n setIsDeleteConfirmationModalOpen(false);\n };\n const handleConfirmDelete = () => {\n deleteIncome({\n incomeId: income.id,\n status: income.status\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast4({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n });\n };\n const handleDuplicate = async (e) => {\n e.stopPropagation();\n const response = await duplicateIncome(income);\n if (response.errors)\n return;\n const {\n id: duplicateId\n } = response;\n addSuccessToast4({\n body: translation({\n id: \"common.successCreate\"\n })\n });\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: duplicateId\n }));\n };\n const updateIncomePaymentStatus = (paidDateUTC) => updateIncomePaidStatus({\n id: income.id,\n paidDateUTC\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast4({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n const togglePaid = (e) => {\n e?.stopPropagation();\n const updatedPaidDateUTC = isPaid3 ? null : getStringDate7();\n updateIncomePaymentStatus(updatedPaidDateUTC);\n };\n const toggleReviewedStatus = (e) => {\n e.stopPropagation();\n updateIncomeReviewedStatus({\n id: income.id,\n status: !isReviewed4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast4({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const toggleFiledStatus = (e) => {\n e.stopPropagation();\n updateIncomeFiledStatus({\n id: income.id,\n status: !isFiled4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast4({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const handleMarkAsUnpaid = () => {\n togglePaid();\n closePaymentDateModal();\n };\n const handleSavePaymentDateModal = (paymentDate) => {\n closePaymentDateModal();\n updateIncomePaymentStatus(paymentDate);\n };\n const handleOpenPaymentDateModal = (e) => {\n e.stopPropagation();\n openPaymentDateModal();\n };\n const actions = [{\n title: (isFiled4 || isReviewed4) && !isAccountant || isAccountant && isFiled4 ? translation({\n id: \"common.actions.view\"\n }) : translation({\n id: \"common.actions.edit\"\n }),\n onClick: handleEdit\n }, {\n title: translation({\n id: \"record.actions.markAsPaid\"\n }),\n onClick: incomeOptions.hasSpecifiedPaymentDate ? handleOpenPaymentDateModal : togglePaid,\n shouldHide: isPaid3\n }, {\n title: translation({\n id: \"record.actions.markAsUnpaid\"\n }),\n onClick: togglePaid,\n shouldHide: !incomeOptions.hasSpecifiedPaymentDate && !isPaid3 || incomeOptions.hasSpecifiedPaymentDate\n }, {\n onClick: handleOpenPaymentDateModal,\n title: translation([\"Adjust payment date\", \"Ajustar fecha de pago\"]),\n shouldHide: !incomeOptions.hasSpecifiedPaymentDate || incomeOptions.hasSpecifiedPaymentDate && !isPaid3\n }, {\n title: translation({\n id: isReviewed4 ? \"record.actions.markAsUnreviewed\" : \"record.actions.markAsReviewed\"\n }),\n onClick: toggleReviewedStatus,\n shouldHide: !isAccountant || !isComplete4 && !isReviewed4 || isFiled4\n }, {\n title: translation({\n id: isFiled4 ? \"record.actions.markAsUnfiled\" : \"record.actions.markAsFiled\"\n }),\n onClick: toggleFiledStatus,\n shouldHide: !isAccountant || !isReviewed4 || !hasFiling\n }, {\n title: translation({\n id: \"common.actions.duplicate\"\n }),\n onClick: handleDuplicate,\n shouldHide: isAccountant || isReadOnly\n }, {\n title: translation({\n id: \"common.actions.download\"\n }),\n onClick: handleDownloadFile,\n shouldHide: !file\n }, {\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: handleDelete,\n color: colors49.red,\n shouldHide: isReviewed4 || isFiled4\n }].filter((action) => !action.shouldHide);\n return /* @__PURE__ */ _jsxs68(_Fragment34, {\n children: [/* @__PURE__ */ _jsx112(DropdownButton10, {\n actions,\n alignRight: true,\n isLoading\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx112(ConfirmationModal4, {\n isLoading: isLoadingDeleteIncome,\n onCancel: handleCancelDelete,\n onConfirm: handleConfirmDelete,\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n }),\n title: translation({\n id: \"common.areYouSure\"\n })\n }), isPaymentDateModalOpen && /* @__PURE__ */ _jsx112(PaymentDateModal, {\n defaultDate: income.paidDateUTC || getStringDate7(),\n isPaid: isPaid3,\n onClose: closePaymentDateModal,\n onMarkAsUnpaid: handleMarkAsUnpaid,\n onSave: ({\n value\n }) => handleSavePaymentDateModal(value)\n })]\n });\n};\n\n// src/components/shared/tracking/invoices/InvoiceRowDropdown.tsx\nimport { useState as useState40 } from \"react\";\nimport { useHistory as useHistory11 } from \"react-router-dom\";\nimport { getStringDate as getStringDate8 } from \"@scouts/helpers\";\nimport { addSuccessToast as addSuccessToast5, colors as colors51, ConfirmationModal as ConfirmationModal5, DropdownButton as DropdownButton11 } from \"@scouts/ui\";\n\n// src/store/invoice-files/hooks.ts\nimport { useCallback as useCallback30, useMemo as useMemo32 } from \"react\";\nimport { matchIsMobileMode as matchIsMobileMode2, saveBlobAsFile as saveBlobAsFile4, ReactNativeMessages as ReactNativeMessages2 } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast11 } from \"@scouts/ui\";\n\n// src/store/invoice-files/actions.ts\nimport { generateApiPath as generateApiPath21 } from \"@scouts/helpers\";\nvar getInvoiceFileUrl = ({\n userId,\n invoiceId,\n shouldRequestQuote\n}) => {\n return generateApiPath21(shouldRequestQuote ? ENDPOINTS.INVOICE_FILES.GET.QUOTE : ENDPOINTS.INVOICE_FILES.GET.PRINT, {\n userId,\n invoiceId\n });\n};\nvar requestInvoiceFileAction = ({\n invoiceId,\n userId,\n shouldRequestQuote\n}) => {\n const url = getInvoiceFileUrl({\n userId,\n invoiceId,\n shouldRequestQuote\n });\n return Client.getInstance().get(url, {\n responseType: \"blob\"\n }).then(({\n data: responseData\n }) => {\n track(shouldRequestQuote ? EVENTS.INVOICE_DOWNLOAD_QUOTE : EVENTS.INVOICE_DOWNLOAD, {\n invoiceId\n });\n return responseData;\n }).catch(normalizeErrorResponses);\n};\n\n// src/store/invoice-files/hooks.ts\nvar useInvoiceFilesActions = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const downloadInvoiceFile = useCallback30((shouldRequestQuote) => ({\n invoiceId,\n fileName\n }) => matchIsMobileMode2(() => {\n Client.getToken().then((token) => {\n ReactNativeMessages2.fileDownload({\n url: Client.getBaseUrl() + getInvoiceFileUrl({\n invoiceId,\n userId,\n shouldRequestQuote\n }),\n token,\n fileName: `${fileName}.pdf`\n });\n });\n return Promise.resolve(new Blob());\n }, () => requestInvoiceFileAction({\n invoiceId,\n userId,\n shouldRequestQuote\n }).then((response) => {\n if (response.errors) {\n addErrorToast11({\n body: translation({\n id: \"common.errorDownload\"\n })\n });\n return response;\n }\n saveBlobAsFile4({\n fileName: `${fileName}.pdf`,\n blob: response\n });\n return response;\n })), [translation, userId]);\n return useMemo32(() => ({\n requestInvoiceFile: (params) => requestInvoiceFileAction({\n ...params,\n userId\n }).then((response) => {\n if (response.errors) {\n addErrorToast11({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }\n return response;\n }),\n downloadInvoiceFile: downloadInvoiceFile(false),\n downloadInvoiceFileQuote: downloadInvoiceFile(true)\n }), [translation, userId, downloadInvoiceFile]);\n};\n\n// src/store/invoices/hooks/use-create-blank-invoice.ts\nimport { useCallback as useCallback31 } from \"react\";\nvar useCreateBlankInvoice = () => {\n const {\n languageOptions: {\n invoicePrintCountryCodes\n }\n } = useConfig();\n const user = useUser();\n const {\n hasTaxes,\n taxes,\n isSuccess: isSuccessTaxes\n } = useTaxes();\n const {\n defaultCountry,\n isSuccess: isSuccessCountries\n } = useCountries();\n const {\n incomeDefaultValues,\n isSuccess: isSuccessDefaultValues\n } = useIncomeDefaultValues();\n const createBlankInvoice = useCallback31(() => {\n const taxRates = !hasTaxes ? null : Object.entries(taxes ?? {}).reduce((acc, [taxName]) => {\n const rate = incomeDefaultValues?.taxRateDefinitions?.find(({\n name\n }) => name === taxName)?.rate ?? 0;\n return [...acc, {\n name: taxName,\n amount: 0,\n rate\n }];\n }, []);\n return Invoice.createBlank({\n ...Invoice.prefill(user),\n senderCountryId: defaultCountry?.id,\n senderCountryName: defaultCountry?.name,\n status: InvoiceStatus.DRAFT,\n language: invoicePrintCountryCodes[0],\n notes: incomeDefaultValues?.notes,\n paymentTerms: incomeDefaultValues?.paymentTerms,\n ...!!taxRates && {\n taxRates\n }\n });\n }, [hasTaxes, taxes, user, defaultCountry?.id, defaultCountry?.name, invoicePrintCountryCodes, incomeDefaultValues?.notes, incomeDefaultValues?.paymentTerms, incomeDefaultValues?.taxRateDefinitions]);\n return {\n createBlankInvoice,\n isReady: isSuccessTaxes && isSuccessDefaultValues && isSuccessCountries\n };\n};\n\n// src/store/invoices/hooks/use-create-invoice.ts\nimport { useCallback as useCallback32 } from \"react\";\n\n// src/store/invoices/invoices.ts\nimport { generateApiPath as generateApiPath22 } from \"@scouts/helpers\";\nvar STATUS_ENDPOINTS = {\n [InvoiceStatus.DRAFT]: \"draft\",\n [InvoiceStatus.ISSUED]: \"issued\",\n [InvoiceStatus.PAID]: \"paid\"\n};\nvar extendedApi17 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getInvoice: builder.query({\n query: ({\n invoiceId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath22(ENDPOINTS.INVOICES.GET.SINGLE, {\n userId,\n invoiceId\n })\n }),\n providesTags: (result) => result ? [{\n type: Tags.Invoice,\n id: result?.id\n }, {\n type: Tags.Invoice,\n id: \"DETAILS\"\n }] : [{\n type: Tags.Invoice,\n id: \"DETAILS\"\n }]\n }),\n getInvoices: builder.query({\n query: ({\n startTaxPointDate,\n endTaxPointDate,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath22(ENDPOINTS.INVOICES.GET.BULK, {\n userId\n }, {\n queryParameters: {\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n }\n }\n })\n }),\n providesTags: [Tags.Invoices]\n }),\n createInvoice: builder.mutation({\n query: ({\n userId,\n invoice\n }) => ({\n method: \"POST\",\n url: generateApiPath22(ENDPOINTS.INVOICES.POST, {\n userId\n }),\n data: invoice\n }),\n invalidatesTags: [Tags.Balance, Tags.Invoices, Tags.IncomeSeries, Tags.Incomes]\n }),\n duplicateInvoice: builder.mutation({\n query: ({\n userId,\n invoiceId\n }) => ({\n method: \"POST\",\n url: generateApiPath22(ENDPOINTS.INVOICES.DUPLICATE.POST, {\n userId,\n invoiceId\n })\n }),\n invalidatesTags: [Tags.Balance, Tags.Invoices, Tags.IncomeSeries, Tags.Incomes]\n }),\n updateInvoice: builder.mutation({\n query: ({\n userId,\n invoice\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.PUT.SINGLE, {\n userId,\n invoiceId: invoice.id\n }),\n data: invoice\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes, Tags.Balance, Tags.IncomeSeries]\n }),\n updateInvoiceStatus: builder.mutation({\n query: ({\n userId,\n invoiceId,\n status\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.UPDATE_STATUS, {\n userId,\n invoiceId,\n status: STATUS_ENDPOINTS[status]\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes, Tags.Balance]\n }),\n updateInvoicePaidStatus: builder.mutation({\n query: ({\n userId,\n invoiceId,\n paidDateUTC\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.PUT.UPDATE_PAID_SINGLE, {\n userId,\n invoiceId\n }, {\n queryParameters: {\n value: paidDateUTC ?? \"\"\n }\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes, Tags.Balance]\n }),\n updateInvoiceReviewedStatus: builder.mutation({\n query: ({\n userId,\n invoiceId,\n isReviewed: isReviewed4\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.UPDATE_REVIEWED, {\n userId,\n invoiceId,\n value: String(isReviewed4)\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes]\n }),\n updateInvoiceFiledStatus: builder.mutation({\n query: ({\n userId,\n invoiceId,\n isFiled: isFiled4\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.PUT.UPDATE_FILED_SINGLE, {\n userId,\n invoiceId,\n value: String(isFiled4)\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes]\n }),\n deleteInvoice: builder.mutation({\n query: ({\n userId,\n invoiceId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath22(ENDPOINTS.INVOICES.DELETE, {\n userId,\n invoiceId\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Incomes, Tags.Balance, Tags.IncomeSeries]\n }),\n sendInvoiceEmail: builder.mutation({\n query: ({\n userId,\n data\n }) => ({\n method: \"POST\",\n url: generateApiPath22(ENDPOINTS.INVOICES.SEND_EMAIL, {\n userId,\n invoiceId: data.id\n }),\n data\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice]\n }),\n updateExchangeRate: builder.mutation({\n query: ({\n userId,\n invoice\n }) => ({\n method: \"PUT\",\n url: generateApiPath22(ENDPOINTS.INVOICES.PUT.EXCHANGE_RATE, {\n userId,\n invoiceId: invoice.id\n }, {\n queryParameters: {\n exchangeRate: invoice.exchangeRate\n }\n })\n }),\n invalidatesTags: [Tags.Invoices, Tags.Invoice, Tags.Incomes, Tags.Balance]\n })\n })\n});\nvar {\n useCreateInvoiceMutation,\n useDuplicateInvoiceMutation,\n useUpdateInvoiceMutation,\n useUpdateInvoiceStatusMutation,\n useUpdateInvoicePaidStatusMutation,\n useUpdateInvoiceReviewedStatusMutation,\n useUpdateInvoiceFiledStatusMutation,\n useDeleteInvoiceMutation,\n useSendInvoiceEmailMutation,\n useUpdateExchangeRateMutation,\n useGetInvoicesQuery,\n useGetInvoiceQuery\n} = extendedApi17;\n\n// src/store/invoices/hooks/use-create-invoice.ts\nvar useCreateInvoice = () => {\n const {\n id: userId\n } = useUser();\n const [createInvoiceAction, {\n isLoading: isCreateLoading\n }] = useCreateInvoiceMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorCreate\");\n const createInvoice = useCallback32(async (invoice) => {\n return createInvoiceAction({\n userId,\n invoice\n }).unwrap().then((response) => {\n track(EVENTS.INVOICE_CREATE, response);\n return response;\n }).catch(normalizeError);\n }, [createInvoiceAction, userId, normalizeError]);\n return {\n createInvoice,\n isLoading: isCreateLoading\n };\n};\n\n// src/store/invoices/hooks/use-delete-invoice.ts\nimport { useCallback as useCallback33 } from \"react\";\nvar useDeleteInvoice = () => {\n const {\n id: userId\n } = useUser();\n const [deleteInvoiceAction, {\n isLoading\n }] = useDeleteInvoiceMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteInvoice = useCallback33(async ({\n invoiceId,\n status\n }) => deleteInvoiceAction({\n userId,\n invoiceId\n }).unwrap().then((response) => {\n if (status !== InvoiceStatus.DRAFT)\n track(EVENTS.INVOICE_DELETE_ISSUED, {\n id: invoiceId\n });\n return response;\n }).catch(normalizeError), [deleteInvoiceAction, normalizeError, userId]);\n return {\n deleteInvoice,\n isLoading\n };\n};\n\n// src/store/invoices/hooks/use-invoice.ts\nvar useInvoice = ({\n invoiceId\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n } = useGetInvoiceQuery({\n userId,\n invoiceId: invoiceId || 0\n }, {\n skip: !invoiceId\n });\n const {\n createBlankInvoice,\n isReady\n } = useCreateBlankInvoice();\n if (!invoiceId) {\n return {\n income: createBlankInvoice(),\n isLoading: !isReady\n };\n }\n return {\n invoice: data,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n };\n};\n\n// src/store/invoices/hooks/use-invoices.ts\nimport { useMemo as useMemo33 } from \"react\";\nimport { formatDateQuery as formatDateQuery12 } from \"@scouts/helpers\";\nvar useInvoices = ({\n statuses\n} = {}) => {\n const {\n id: userId\n } = useUser();\n const {\n activeFilters\n } = useFilters();\n const {\n endDate,\n startDate\n } = activeFilters;\n const {\n data: invoices,\n isLoading,\n isError,\n isSuccess,\n isFetching\n } = useGetInvoicesQuery({\n // @TODO: BE offers a way to query only \"Draft\" status invoices.\n // status: InvoiceStatus.DRAFT,\n userId,\n startTaxPointDate: formatDateQuery12(startDate),\n endTaxPointDate: formatDateQuery12(endDate)\n });\n const sortedInvoices = useMemo33(() => invoices ? Invoice.sort(invoices) : [], [invoices]);\n const invoicesByStatus = useMemo33(() => {\n if (!sortedInvoices)\n return [];\n if (!statuses || statuses.length <= 0)\n return sortedInvoices;\n return sortedInvoices.filter(({\n status: invoiceStatus\n }) => statuses.includes(invoiceStatus));\n }, [sortedInvoices, statuses]);\n const hasInvoices = invoicesByStatus.length > 0;\n return {\n invoices: invoicesByStatus,\n invoicesAll: invoices,\n isLoading,\n isFetching,\n isSuccess,\n isError,\n hasInvoices\n };\n};\n\n// src/store/invoices/hooks/use-send-invoice-email.ts\nimport { useCallback as useCallback34 } from \"react\";\nvar useSendInvoiceEmail = () => {\n const {\n id: userId\n } = useUser();\n const [sendInvoiceEmailAction, {\n isLoading\n }] = useSendInvoiceEmailMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorSend\");\n const sendInvoiceEmail = useCallback34(async (data) => sendInvoiceEmailAction({\n userId,\n data\n }).unwrap().then((response) => {\n track(EVENTS.INVOICE_SEND, {\n id: data.id\n });\n return response;\n }).catch(normalizeError), [sendInvoiceEmailAction, normalizeError, userId]);\n return {\n sendInvoiceEmail,\n isLoading\n };\n};\n\n// src/store/invoices/hooks/use-update-exchange-rate.ts\nimport { useCallback as useCallback35 } from \"react\";\nvar useUpdateExchangeRate = () => {\n const {\n id: userId\n } = useUser();\n const [updateExchangeRateAction, {\n isLoading\n }] = useUpdateExchangeRateMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const updateExchangeRate = useCallback35(async (invoice) => updateExchangeRateAction({\n userId,\n invoice\n }).unwrap().catch(normalizeError), [updateExchangeRateAction, normalizeError, userId]);\n return {\n updateExchangeRate,\n isLoading\n };\n};\n\n// src/store/invoices/hooks/use-update-invoice.ts\nimport { useCallback as useCallback36 } from \"react\";\nvar useUpdateInvoice = () => {\n const {\n id: userId\n } = useUser();\n const [updateInvoiceAction, {\n isLoading: isLoadingUpdate\n }] = useUpdateInvoiceMutation();\n const [updateInvoiceStatusAction, {\n isLoading: isLoadingUpdateStatus\n }] = useUpdateInvoiceStatusMutation();\n const [updateInvoicePaidStatusAction, {\n isLoading: isLoadingUpdatePaidStatus\n }] = useUpdateInvoicePaidStatusMutation();\n const [updateInvoiceReviewedStatusAction, {\n isLoading: isLoadingUpdateReviewedStatus\n }] = useUpdateInvoiceReviewedStatusMutation();\n const [updateInvoiceFiledStatusAction, {\n isLoading: isLoadingUpdateFiledStatus\n }] = useUpdateInvoiceFiledStatusMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateInvoice = useCallback36(async (invoice) => updateInvoiceAction({\n userId,\n invoice\n }).unwrap().then((response) => {\n track(EVENTS.INVOICE_EDIT, response);\n return response;\n }).catch(normalizeError), [updateInvoiceAction, normalizeError, userId]);\n const updateInvoiceStatus = useCallback36(async ({\n id,\n status\n }) => updateInvoiceStatusAction({\n userId,\n invoiceId: id,\n status\n }).unwrap().then((response) => {\n if (status === InvoiceStatus.ISSUED)\n track(EVENTS.INVOICE_ISSUED, response);\n if (status === InvoiceStatus.PAID)\n track(EVENTS.INVOICE_MARK_AS_PAID, response);\n return response;\n }).catch(normalizeError), [updateInvoiceStatusAction, normalizeError, userId]);\n const updateInvoicePaidStatus = useCallback36(async ({\n id,\n paidDateUTC\n }) => updateInvoicePaidStatusAction({\n userId,\n invoiceId: id,\n paidDateUTC\n }).unwrap().catch(normalizeError), [updateInvoicePaidStatusAction, normalizeError, userId]);\n const updateInvoiceReviewedStatus = useCallback36(async ({\n id,\n status\n }) => updateInvoiceReviewedStatusAction({\n userId,\n invoiceId: id,\n isReviewed: status\n }).unwrap().catch(normalizeError), [updateInvoiceReviewedStatusAction, normalizeError, userId]);\n const updateInvoiceFiledStatus = useCallback36(async ({\n id,\n status\n }) => updateInvoiceFiledStatusAction({\n userId,\n invoiceId: id,\n isFiled: status\n }).unwrap().catch(normalizeError), [updateInvoiceFiledStatusAction, normalizeError, userId]);\n return {\n updateInvoice,\n updateInvoiceStatus,\n updateInvoicePaidStatus,\n updateInvoiceFiledStatus,\n updateInvoiceReviewedStatus,\n isLoading: isLoadingUpdate || isLoadingUpdateStatus || isLoadingUpdateReviewedStatus || isLoadingUpdateFiledStatus || isLoadingUpdatePaidStatus\n };\n};\n\n// src/store/invoices/hooks/use-duplicate-invoice.ts\nimport { useCallback as useCallback37 } from \"react\";\nvar useDuplicateInvoice = () => {\n const {\n id: userId\n } = useUser();\n const [duplicateInvoiceAction, {\n isLoading\n }] = useDuplicateInvoiceMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorCreate\");\n const duplicateInvoice = useCallback37(async ({\n invoiceId\n }) => {\n return duplicateInvoiceAction({\n userId,\n invoiceId\n }).unwrap().then((response) => {\n track(EVENTS.INVOICE_CREATE, response);\n return response;\n }).catch(normalizeError);\n }, [duplicateInvoiceAction, userId, normalizeError]);\n return {\n duplicateInvoice,\n isLoading\n };\n};\n\n// src/components/shared/IssueInvoiceConfirmationModal.tsx\nimport { Button as Button22, ModalActionsLegacy as ModalActions6, ModalBodyLegacy as ModalBody14, ModalFooterLegacy as ModalFooter14, ModalHeaderLegacy as ModalHeader12, ModalLegacy as Modal14, ModalTitleLegacy as ModalTitle12, Paragraph as Paragraph9 } from \"@scouts/ui\";\n\n// src/components/shared/IssueInvoiceMissingFieldsNotice.tsx\nimport styled33 from \"styled-components\";\nimport { colors as colors50, radius as radius21, Container as Container31, Line as Line20 } from \"@scouts/ui\";\nimport { jsx as _jsx113 } from \"react/jsx-runtime\";\nvar getFieldName = (field) => {\n if (field.includes(\".description\"))\n return \"invoice.content.item\";\n if (field.includes(\".unitPrice\"))\n return \"invoice.content.price\";\n if (field.includes(\".quantity\"))\n return \"invoice.content.quantity\";\n return `common.${field}`;\n};\nvar IssueInvoiceMissingFieldsNotice = ({\n validationErrors\n}) => /* @__PURE__ */ _jsx113(Container31, {\n padding: \"12px 18px\",\n background: colors50.redLighter,\n radius: radius21.medium,\n children: /* @__PURE__ */ _jsx113(List2, {\n children: Object.keys(validationErrors).map((fieldName) => /* @__PURE__ */ _jsx113(ListItem, {\n children: /* @__PURE__ */ _jsx113(Line20, {\n children: /* @__PURE__ */ _jsx113(Translation, {\n id: getFieldName(fieldName)\n })\n })\n }, fieldName))\n })\n});\nvar List2 = styled33.ul.withConfig({\n displayName: \"IssueInvoiceMissingFieldsNotice__List\",\n componentId: \"sc-1prcrzq-0\"\n})([\"list-style-type:none;margin:0;padding:0;\"]);\nvar ListItem = styled33.li.withConfig({\n displayName: \"IssueInvoiceMissingFieldsNotice__ListItem\",\n componentId: \"sc-1prcrzq-1\"\n})([\"line-height:1.5;position:relative;padding-left:24px;&:not(:last-child){margin-bottom:9px;}&:before{content:'\\u2192';position:absolute;left:0;}\"]);\n\n// src/components/shared/IssueInvoiceConfirmationModal.tsx\nimport { jsx as _jsx114, Fragment as _Fragment35, jsxs as _jsxs69 } from \"react/jsx-runtime\";\nvar IssueInvoiceConfirmationModal = ({\n hasValidationErrors,\n isLoading,\n validationErrors,\n onClose,\n onConfirm\n}) => /* @__PURE__ */ _jsxs69(Modal14, {\n onClose,\n children: [/* @__PURE__ */ _jsx114(ModalHeader12, {\n children: /* @__PURE__ */ _jsx114(ModalTitle12, {\n children: /* @__PURE__ */ _jsx114(Translation, {\n strings: [\"Finalising the invoice\", \"Finalizar factura\"]\n })\n })\n }), /* @__PURE__ */ _jsxs69(ModalBody14, {\n children: [!hasValidationErrors && /* @__PURE__ */ _jsx114(Paragraph9, {\n children: /* @__PURE__ */ _jsx114(Translation, {\n strings: [\"Just so you know, once issued, invoice number and invoice date will be final and can no longer be changed.\", \"Si finalizas la factura, el n\\xFAmero y la fecha ya no podr\\xE1n ser modificados. Eso evitar\\xE1 problemas con Hacienda una vez compartas la factura con tus clientes.\"]\n })\n }), hasValidationErrors && /* @__PURE__ */ _jsxs69(_Fragment35, {\n children: [/* @__PURE__ */ _jsx114(Paragraph9, {\n children: /* @__PURE__ */ _jsx114(Translation, {\n strings: [\"Before we can issue the invoice please fill in the missing information:\", \"Hemos guardado un borrador de esta factura, pero te falta informaci\\xF3n obligatoria para poder finalizarla:\"]\n })\n }), /* @__PURE__ */ _jsx114(IssueInvoiceMissingFieldsNotice, {\n validationErrors\n })]\n })]\n }), /* @__PURE__ */ _jsx114(ModalFooter14, {\n children: /* @__PURE__ */ _jsxs69(ModalActions6, {\n children: [!hasValidationErrors && /* @__PURE__ */ _jsxs69(_Fragment35, {\n children: [/* @__PURE__ */ _jsx114(Button22, {\n onClick: onClose,\n isSecondary: true,\n isLoading,\n children: /* @__PURE__ */ _jsx114(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx114(Button22, {\n onClick: onConfirm,\n isLoading,\n children: /* @__PURE__ */ _jsx114(Translation, {\n strings: [\"Continue\", \"Finalizar\"]\n })\n })]\n }), hasValidationErrors && /* @__PURE__ */ _jsx114(Button22, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx114(Translation, {\n strings: [\"Got it, will do\", \"Cerrar\"]\n })\n })]\n })\n })]\n});\n\n// src/components/shared/tracking/invoices/InvoiceRowDropdown.tsx\nimport { jsx as _jsx115, Fragment as _Fragment36, jsxs as _jsxs70 } from \"react/jsx-runtime\";\nvar InvoiceRowDropdown = ({\n invoice\n}) => {\n const history = useHistory11();\n const translation = useTranslation();\n const {\n isAccountant,\n isReadOnly,\n incomeOptions,\n sharedOptions: {\n hasFiling\n }\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const {\n isFetching: isFetchingInvoices\n } = useInvoices();\n const {\n downloadInvoiceFile\n } = useInvoiceFilesActions();\n const {\n deleteInvoice,\n isLoading: isLoadingDeleteInvoice\n } = useDeleteInvoice();\n const {\n duplicateInvoice,\n isLoading: isLoadingDuplicateInvoice\n } = useDuplicateInvoice();\n const {\n updateInvoiceReviewedStatus,\n updateInvoicePaidStatus,\n updateInvoiceStatus,\n updateInvoiceFiledStatus,\n isLoading: isLoadingUpdateInvoice\n } = useUpdateInvoice();\n const isLoading = isLoadingDuplicateInvoice || isLoadingUpdateInvoice || isLoadingDeleteInvoice;\n const [issueValidation, setIssueValidation] = useState40(null);\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState40(false);\n const [isIssueModalOpen, setIsIssueModalOpen] = useState40(false);\n const {\n closePaymentDateModal,\n isPaymentDateModalOpen,\n openPaymentDateModal\n } = usePaymentDateModal();\n const {\n id: invoiceId,\n file,\n invoiceNumber,\n taxPointDate\n } = invoice;\n const isPaid3 = Invoice.isPaid(invoice);\n const isDraft3 = Invoice.isDraft(invoice);\n const isFiled4 = Invoice.isFiled(invoice);\n const isIssued3 = Invoice.isIssued(invoice);\n const isComplete4 = Invoice.isComplete(incomeOptions)(invoice);\n const isReviewed4 = Invoice.isReviewed(invoice);\n const handleEdit = (e) => {\n e.stopPropagation();\n if (isAccountant) {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL, {\n id: invoiceId\n }));\n } else {\n history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT, {\n id: invoiceId\n }));\n }\n };\n const handleDownloadFile = (e) => {\n e.stopPropagation();\n downloadInvoiceFile({\n invoiceId,\n fileName: invoiceNumber || translation({\n id: \"record.content.title.invoice\"\n })\n });\n };\n const handleDelete = (e) => {\n e.stopPropagation();\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleCancelDelete = () => {\n setIsDeleteConfirmationModalOpen(false);\n };\n const handleConfirmDelete = () => {\n deleteInvoice({\n invoiceId: invoice.id,\n status: invoice.status\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast5({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n });\n };\n const handleDuplicate = async (e) => {\n e.stopPropagation();\n const response = await duplicateInvoice({\n invoiceId: invoice.id,\n taxPointDate\n });\n if (response.errors)\n return;\n const {\n id: duplicateId\n } = response;\n addSuccessToast5({\n body: translation({\n id: \"common.successCreate\"\n })\n });\n history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT, {\n id: duplicateId\n }));\n };\n const handleIssue = (e) => {\n e.stopPropagation();\n const validationResult = validateInvoice({\n translation,\n invoice,\n asDraft: false,\n incomeOptions\n });\n setIssueValidation(validationResult);\n setIsIssueModalOpen(true);\n };\n const handleCancelIssue = (e) => {\n e.stopPropagation();\n setIsIssueModalOpen(false);\n };\n const handleConfirmIssue = (e) => {\n e.stopPropagation();\n updateInvoiceStatus({\n id: invoiceId,\n status: InvoiceStatus.ISSUED\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast5({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const updateInvoicePaymentStatus = (paidDateUTC) => updateInvoicePaidStatus({\n id: invoiceId,\n paidDateUTC\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast5({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n const togglePaid = (e) => {\n e?.stopPropagation();\n const updatedPaidDateUTC = isPaid3 ? null : getStringDate8();\n updateInvoicePaymentStatus(updatedPaidDateUTC);\n };\n const toggleReviewedStatus = (e) => {\n e.stopPropagation();\n updateInvoiceReviewedStatus({\n id: invoice.id,\n status: !isReviewed4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast5({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const toggleFiledStatus = (e) => {\n e.stopPropagation();\n updateInvoiceFiledStatus({\n id: invoice.id,\n status: !isFiled4\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast5({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const handleMarkAsUnpaid = () => {\n togglePaid();\n closePaymentDateModal();\n };\n const handleSavePaymentDateModal = (paymentDate) => {\n closePaymentDateModal();\n updateInvoicePaymentStatus(paymentDate);\n };\n const handleOpenPaymentDateModal = (e) => {\n e.stopPropagation();\n openPaymentDateModal();\n };\n const actions = [{\n title: (isFiled4 || isReviewed4) && !isAccountant || isAccountant && isFiled4 ? translation({\n id: \"common.actions.view\"\n }) : translation({\n id: \"common.actions.edit\"\n }),\n onClick: handleEdit\n }, {\n title: translation({\n id: \"invoice.actions.issue\"\n }),\n onClick: handleIssue,\n shouldHide: isAccountant || !isComplete4 || isIssued3 || isPaid3 || isReviewed4\n }, {\n title: translation({\n id: \"record.actions.markAsPaid\"\n }),\n onClick: incomeOptions.hasSpecifiedPaymentDate ? handleOpenPaymentDateModal : togglePaid,\n shouldHide: isDraft3 || isPaid3\n }, {\n title: translation({\n id: \"record.actions.markAsUnpaid\"\n }),\n onClick: togglePaid,\n shouldHide: isDraft3 || !incomeOptions.hasSpecifiedPaymentDate && !isPaid3 || incomeOptions.hasSpecifiedPaymentDate\n }, {\n onClick: handleOpenPaymentDateModal,\n title: translation([\"Adjust payment date\", \"Ajustar fecha de pago\"]),\n shouldHide: !incomeOptions.hasSpecifiedPaymentDate || incomeOptions.hasSpecifiedPaymentDate && !isPaid3\n }, {\n title: translation({\n id: isReviewed4 ? \"record.actions.markAsUnreviewed\" : \"record.actions.markAsReviewed\"\n }),\n onClick: toggleReviewedStatus,\n shouldHide: !isAccountant || isDraft3 || !isComplete4 || isFiled4\n }, {\n title: translation({\n id: isFiled4 ? \"record.actions.markAsUnfiled\" : \"record.actions.markAsFiled\"\n }),\n onClick: toggleFiledStatus,\n shouldHide: !isAccountant || !isReviewed4 || !hasFiling\n }, {\n title: translation({\n id: \"common.actions.duplicate\"\n }),\n onClick: handleDuplicate,\n shouldHide: isAccountant || isReadOnly\n }, {\n title: translation({\n id: \"common.actions.download\"\n }),\n onClick: handleDownloadFile,\n shouldHide: !file\n }, {\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: handleDelete,\n color: colors51.red,\n shouldHide: isReviewed4\n }].filter((action) => !action.shouldHide);\n return /* @__PURE__ */ _jsxs70(_Fragment36, {\n children: [/* @__PURE__ */ _jsx115(DropdownButton11, {\n actions,\n alignRight: true,\n isLoading\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx115(ConfirmationModal5, {\n isLoading: isLoadingDeleteInvoice || isFetchingInvoices,\n onCancel: handleCancelDelete,\n onConfirm: handleConfirmDelete,\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n }),\n title: translation({\n id: \"common.areYouSure\"\n })\n }), isIssueModalOpen && /* @__PURE__ */ _jsx115(IssueInvoiceConfirmationModal, {\n onClose: handleCancelIssue,\n isLoading: isLoadingUpdateInvoice,\n hasValidationErrors: issueValidation?.hasValidationErrors || false,\n validationErrors: issueValidation?.validationErrors || {},\n onConfirm: handleConfirmIssue\n }), isPaymentDateModalOpen && /* @__PURE__ */ _jsx115(PaymentDateModal, {\n defaultDate: invoice.paidDateUTC || getStringDate8(),\n isPaid: isPaid3,\n onClose: closePaymentDateModal,\n onMarkAsUnpaid: handleMarkAsUnpaid,\n onSave: ({\n value\n }) => handleSavePaymentDateModal(value)\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/IncomeRow.tsx\nimport { jsxs as _jsxs71, jsx as _jsx116, Fragment as _Fragment37 } from \"react/jsx-runtime\";\nvar IncomeRow = ({\n record,\n isSelected,\n toggleSelection,\n onSetInitialIncomesOrder\n}) => {\n const translation = useTranslation();\n const {\n ROUTES\n } = useRoutes();\n const history = useHistory12();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const locale = useLocale15();\n const {\n hasTaxes,\n taxes,\n taxesCount\n } = useTaxes();\n const {\n defaultCurrency,\n incomeOptions: {\n accountingMethod\n }\n } = useConfig();\n const formatTaxRatePercentage = useFormatTaxRatePercentage();\n const isInvoice2 = Income.isInvoice(record);\n const openIncomeModal = () => {\n if (isInvoice2) {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL, {\n id: record.id\n }));\n return;\n }\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: record.id\n }));\n onSetInitialIncomesOrder();\n };\n const currency = record.currency?.code || defaultCurrency;\n const numberOfAmountsColumns = hasTaxes ? taxesCount + 2 : 1;\n const {\n recipientName,\n invoiceNumber,\n file,\n description,\n net,\n taxRates\n } = record;\n const {\n fileName\n } = file || {};\n const hasComment = isInvoice2 ? false : !!record.comment;\n const title = useMemo34(() => {\n switch (true) {\n case (!!invoiceNumber && !!recipientName):\n return /* @__PURE__ */ _jsxs71(_Fragment37, {\n children: [/* @__PURE__ */ _jsxs71(InvoiceNumber2, {\n children: [\"#\", invoiceNumber]\n }), /* @__PURE__ */ _jsx116(RecipientName, {\n children: recipientName\n })]\n });\n case (!invoiceNumber && !!recipientName):\n return /* @__PURE__ */ _jsx116(RecipientName, {\n children: recipientName\n });\n case (!!invoiceNumber && !recipientName):\n return /* @__PURE__ */ _jsxs71(InvoiceNumber2, {\n children: [\"#\", invoiceNumber]\n });\n case !!description:\n return description;\n case !!fileName:\n return fileName;\n default:\n return /* @__PURE__ */ _jsx116(Translation, {\n id: \"income.content.draft\"\n });\n }\n }, [description, fileName, invoiceNumber, recipientName]);\n const taxRatesWithTotals = isInvoice2 ? Invoice.totalTaxAmount(taxes, {\n net,\n taxRates\n }) : taxRates;\n const hasTransactionLink = !isInvoice2 && !!record.transactionLinks?.length;\n const shouldDisplayAdditionalDate = accountingMethod !== AccountingMethod.Accrual;\n return /* @__PURE__ */ _jsxs71(Row2, {\n \"data-testid\": `${isInvoice2 ? \"invoice\" : \"income\"}_${record.id}`,\n children: [/* @__PURE__ */ _jsx116(Cell, {\n children: /* @__PURE__ */ _jsx116(Checkbox4, {\n isLabelless: true,\n isSmall: true,\n name: `select-${record.id}`,\n label: \"Select\",\n onChange: () => toggleSelection(record),\n value: String(record.id),\n checked: isSelected,\n disabled: record.status === InvoiceStatus.DRAFT\n })\n }), /* @__PURE__ */ _jsxs71(ClickableSection, {\n onClick: openIncomeModal,\n numberOfAmountsColumns,\n shouldDisplayAdditionalDate,\n children: [/* @__PURE__ */ _jsx116(PrimaryTextCell, {\n children: /* @__PURE__ */ _jsx116(IncomeRowDate, {\n record,\n shouldDisplayAdditionalDate\n })\n }), /* @__PURE__ */ _jsx116(IncomeIcon, {\n record\n }), /* @__PURE__ */ _jsx116(Cell, {\n children: isInvoice2 ? /* @__PURE__ */ _jsx116(InvoiceStatusIndicator, {\n invoice: record\n }) : /* @__PURE__ */ _jsx116(IncomeStatusIndicator, {\n income: record\n })\n }), /* @__PURE__ */ _jsx116(SecondaryTextCell, {\n preventOverflow: true,\n children: /* @__PURE__ */ _jsxs71(Description2, {\n children: [hasComment && /* @__PURE__ */ _jsx116(Spacer20, {\n marginRight: \"9px\",\n children: /* @__PURE__ */ _jsx116(Chip7, {\n color: colors52.black,\n background: colors52.redLighter,\n size: \"small\",\n children: /* @__PURE__ */ _jsx116(Translation, {\n strings: [\"Note\", \"Nota\"]\n })\n })\n }), title]\n })\n }), /* @__PURE__ */ _jsx116(Cell, {\n children: hasTransactionLink && /* @__PURE__ */ _jsx116(Tooltip7, {\n content: translation([\"Linked bank transaction\", \"Transacci\\xF3n bancaria vinculada\"]),\n children: /* @__PURE__ */ _jsx116(Icon8, {\n color: colors52.neutralDarker,\n Component: IconLink24\n })\n })\n }), hasTaxes && /* @__PURE__ */ _jsx116(PrimaryTextCell, {\n children: formatCurrency10(Number(record.net), {\n currency,\n locale\n })\n }), taxRatesWithTotals?.map(({\n name,\n amount,\n rate\n }) => /* @__PURE__ */ _jsxs71(AmountWithPercentageCell, {\n children: [/* @__PURE__ */ _jsx116(PrimaryTextCell, {\n children: formatCurrency10(amount, {\n currency,\n locale\n })\n }), \" \", /* @__PURE__ */ _jsx116(SecondaryTextCell, {\n children: formatTaxRatePercentage(rate)\n })]\n }, name)), /* @__PURE__ */ _jsx116(PrimaryTextCell, {\n children: formatCurrency10(Number(record.gross), {\n currency,\n locale\n })\n }), /* @__PURE__ */ _jsx116(AlignRight, {\n children: /* @__PURE__ */ _jsx116(IncomePaymentStatus, {\n record,\n isSmall: true\n })\n })]\n }), /* @__PURE__ */ _jsx116(Cell, {\n children: isInvoice2 ? /* @__PURE__ */ _jsx116(InvoiceRowDropdown, {\n invoice: record\n }) : /* @__PURE__ */ _jsx116(IncomeRowDropdown, {\n income: record\n })\n })]\n }, `${isInvoice2 ? \"invoice\" : \"income\"}_${record.id}`);\n};\nvar InvoiceNumber2 = styled34.div.withConfig({\n displayName: \"IncomeRow__InvoiceNumber\",\n componentId: \"sc-xgqmln-0\"\n})([\"\"]);\nvar RecipientName = styled34.div.withConfig({\n displayName: \"IncomeRow__RecipientName\",\n componentId: \"sc-xgqmln-1\"\n})([\"color:\", \";&:not(:only-child){margin-left:6px;}\"], colors52.black);\nvar Description2 = styled34.div.withConfig({\n displayName: \"IncomeRow__Description\",\n componentId: \"sc-xgqmln-2\"\n})([\"color:\", \";display:flex;align-items:center;\"], colors52.neutralDarker);\n\n// src/components/accountant/tracking/incomes/IncomesBulkActions.tsx\nimport { useState as useState41 } from \"react\";\nimport { Button as Button23, Spacer as Spacer21 } from \"@scouts/ui\";\nimport { jsx as _jsx117, Fragment as _Fragment38, jsxs as _jsxs72 } from \"react/jsx-runtime\";\nvar IncomeBulkActions = ({\n areAllSelected,\n selectedItems,\n unselectAll,\n selectAll\n}) => {\n const {\n isAccountant,\n sharedOptions: {\n hasFiling\n }\n } = useConfig();\n const translation = useTranslation();\n const [isLoadingDownload, setIsLoadingDownload] = useState41(false);\n const {\n updateIncomesReviewedStatus,\n updateIncomesFiledStatus,\n isLoading: isUpdateIncomesStatusLoading\n } = useUpdateIncomes();\n const {\n downloadIncomesFiles\n } = useIncomeFilesActions();\n const handleUpdateReviewedStatus = (updatedStatus) => {\n const itemsToUpdate = updatedStatus ? unreviewedItems : reviewedUnfiledItems;\n updateIncomesReviewedStatus({\n incomeIds: itemsToUpdate.map(({\n id\n }) => id),\n status: updatedStatus\n }).then(() => {\n unselectAll();\n });\n };\n const handleUpdateFiledStatus = (updatedStatus) => {\n const itemsToUpdate = updatedStatus ? reviewedUnfiledItems : reviewedFiledItems;\n updateIncomesFiledStatus({\n incomeIds: itemsToUpdate.map(({\n id\n }) => id),\n status: updatedStatus\n }).then(() => {\n unselectAll();\n });\n };\n const downloadSelected = () => {\n setIsLoadingDownload(true);\n const fileName = translation({\n id: \"incomes.content.downloadFileName\"\n });\n downloadIncomesFiles({\n incomeIds: selectedItems.map(({\n id\n }) => id),\n fileName\n }).then(() => {\n unselectAll();\n }).finally(() => {\n setIsLoadingDownload(false);\n });\n };\n const isLoading = isLoadingDownload || isUpdateIncomesStatusLoading;\n const [unreviewedItems, reviewedUnfiledItems, reviewedFiledItems] = selectedItems.reduce((acc, curr) => {\n const isUnreviewed = Income.isInvoice(curr) ? !Invoice.isReviewed(curr) : !Income.isReviewed(curr);\n const isReviewedUnfiled = Income.isInvoice(curr) ? Invoice.isReviewed(curr) && !Invoice.isFiled(curr) : Income.isReviewed(curr) && !Income.isFiled(curr);\n const isReviewedFiled = Income.isInvoice(curr) ? Invoice.isReviewed(curr) && Invoice.isFiled(curr) : Income.isReviewed(curr) && Income.isFiled(curr);\n if (isUnreviewed)\n acc[0].push(curr);\n else if (isReviewedUnfiled)\n acc[1].push(curr);\n else if (isReviewedFiled)\n acc[2].push(curr);\n return acc;\n }, [[], [], []]);\n return /* @__PURE__ */ _jsx117(BulkActions, {\n areAllSelected,\n onSelectAll: selectAll,\n onUnSelectAll: unselectAll,\n isAccountant,\n actions: /* @__PURE__ */ _jsxs72(_Fragment38, {\n children: [/* @__PURE__ */ _jsx117(Button23, {\n size: \"small\",\n onClick: () => handleUpdateReviewedStatus(true),\n disabled: unreviewedItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx117(Translation, {\n id: \"tracking.actions.bulk.markAsReviewed\",\n values: {\n number: unreviewedItems.length\n }\n })\n }), /* @__PURE__ */ _jsx117(Button23, {\n size: \"small\",\n onClick: () => handleUpdateReviewedStatus(false),\n disabled: reviewedUnfiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx117(Translation, {\n id: \"tracking.actions.bulk.markAsNotReviewed\",\n values: {\n number: reviewedUnfiledItems.length\n }\n })\n }), hasFiling && /* @__PURE__ */ _jsxs72(_Fragment38, {\n children: [/* @__PURE__ */ _jsx117(Button23, {\n size: \"small\",\n onClick: () => handleUpdateFiledStatus(true),\n disabled: reviewedUnfiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx117(Translation, {\n id: \"tracking.actions.bulk.markAsFiled\",\n values: {\n number: reviewedUnfiledItems.length\n }\n })\n }), /* @__PURE__ */ _jsx117(Button23, {\n size: \"small\",\n onClick: () => handleUpdateFiledStatus(false),\n disabled: reviewedFiledItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsx117(Translation, {\n id: \"tracking.actions.bulk.markAsNotFiled\",\n values: {\n number: reviewedFiledItems.length\n }\n })\n })]\n }), /* @__PURE__ */ _jsx117(Spacer21, {\n marginLeft: \"12px\",\n children: /* @__PURE__ */ _jsx117(Button23, {\n size: \"small\",\n onClick: downloadSelected,\n isLoading,\n children: /* @__PURE__ */ _jsx117(Translation, {\n id: \"tracking.actions.bulk.download\"\n })\n })\n })]\n }),\n selectedItems\n });\n};\n\n// src/components/accountant/tracking/incomes/IncomesList.tsx\nimport { jsx as _jsx118, Fragment as _Fragment39, jsxs as _jsxs73 } from \"react/jsx-runtime\";\nvar IncomesList = ({\n records,\n onSetInitialIncomesOrder\n}) => {\n const selectableRecords = records.filter((item) => item.status !== InvoiceStatus.DRAFT);\n const {\n areAllSelected,\n selectAll,\n unselectAll,\n selectedRecords,\n toggleSelection\n } = useBulkActions({\n records: selectableRecords\n });\n if (!records || records.length <= 0)\n return /* @__PURE__ */ _jsx118(Translation, {\n id: \"incomes.content.emptyList\"\n });\n return /* @__PURE__ */ _jsxs73(_Fragment39, {\n children: [/* @__PURE__ */ _jsx118(List, {\n children: records.map((record) => {\n const isSelected = selectedRecords.includes(record);\n return /* @__PURE__ */ _jsx118(IncomeRow, {\n record,\n toggleSelection,\n isSelected,\n onSetInitialIncomesOrder\n }, record.id);\n })\n }), /* @__PURE__ */ _jsx118(IncomeBulkActions, {\n selectedItems: selectedRecords,\n selectAll,\n unselectAll,\n areAllSelected\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceModal.tsx\nimport { useEffect as useEffect20 } from \"react\";\nimport { addSuccessToast as addSuccessToast7, Button as Button24, Container as Container36, ModalActionsLegacy as ModalActions7, ModalBodyLegacy as ModalBody15, ModalFooterLegacy as ModalFooter15, ModalLegacy as Modal15, Spacer as Spacer24 } from \"@scouts/ui\";\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceFilePreview.tsx\nimport { useEffect as useEffect19, useState as useState42 } from \"react\";\nimport styled35 from \"styled-components\";\nimport { media as media15, Skeleton as Skeleton4, SkeletonLine as SkeletonLine4 } from \"@scouts/ui\";\nimport { jsx as _jsx119 } from \"react/jsx-runtime\";\nvar InvoiceFilePreview = ({\n invoice\n}) => {\n const translation = useTranslation();\n const {\n requestInvoiceFile\n } = useInvoiceFilesActions();\n const [previewFile, setPreviewFile] = useState42(null);\n const [isLoading, setIsLoading] = useState42(false);\n useEffect19(() => {\n const generatePreviewUrl = async () => {\n setIsLoading(true);\n const file = await requestInvoiceFile({\n invoiceId: invoice.id\n });\n setIsLoading(false);\n if (!file || file.errors || file.size <= 0)\n return;\n setPreviewFile({\n fileName: `${invoice?.invoiceNumber ?? translation({\n id: \"invoice.status.Draft\"\n })}.pdf`,\n previewUrl: URL.createObjectURL(file)\n });\n };\n generatePreviewUrl();\n }, [translation, invoice, requestInvoiceFile]);\n return /* @__PURE__ */ _jsx119(PreviewContainer, {\n children: isLoading ? /* @__PURE__ */ _jsx119(Skeleton4, {\n children: /* @__PURE__ */ _jsx119(SkeletonLine4, {\n height: \"100%\"\n })\n }) : /* @__PURE__ */ _jsx119(RecordFilePreview, {\n ...previewFile\n })\n });\n};\nvar PreviewContainer = styled35.div.withConfig({\n displayName: \"InvoiceFilePreview__PreviewContainer\",\n componentId: \"sc-metoy3-0\"\n})([\"display:none;\", \"{display:grid;}\"], media15.desktop);\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceForm.tsx\nimport { useMemo as useMemo35 } from \"react\";\nimport { getNextYear as getNextYear7, isSameDate, toAlphaNumerical as toAlphaNumerical5, toUpperCase as toUpperCase5 } from \"@scouts/helpers\";\nimport { Container as Container34, DatePickerWithLabel as DatePickerWithLabel7, Flexer as Flexer39, Form as Form10, Input as Input17, Spacer as Spacer23 } from \"@scouts/ui\";\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceFormMultiTaxRateBreakdown.tsx\nimport styled36 from \"styled-components\";\nimport { formatCurrency as formatCurrency11 } from \"@scouts/helpers\";\nimport { colors as colors53, font as font18, media as media16, radius as radius22, Container as Container32 } from \"@scouts/ui\";\nimport { jsx as _jsx120, jsxs as _jsxs74 } from \"react/jsx-runtime\";\nvar InvoiceFormMultiTaxRateBreakdown = ({\n currency,\n formatTaxRatePercentage,\n gross,\n lines,\n locale,\n net,\n taxes\n}) => {\n const availableTaxRates = taxes ? Object.keys(taxes) : [];\n const getFormattedValue = (value) => {\n if (!value)\n return \"\";\n return formatCurrency11(value, {\n currency,\n locale\n });\n };\n return /* @__PURE__ */ _jsxs74(Container32, {\n padding: \"30px 0\",\n children: [/* @__PURE__ */ _jsx120(TableHeader, {\n children: /* @__PURE__ */ _jsxs74(TableLayout, {\n children: [/* @__PURE__ */ _jsx120(TableHeaderCell, {\n children: /* @__PURE__ */ _jsx120(Translation, {\n id: \"common.amount\"\n })\n }), taxes && availableTaxRates.map((taxRateKey) => /* @__PURE__ */ _jsx120(TableHeaderCell, {\n children: taxRateKey\n }, `label-${taxRateKey}`)), /* @__PURE__ */ _jsx120(TableHeaderCell, {\n textAlign: \"end\",\n children: /* @__PURE__ */ _jsx120(Translation, {\n id: \"invoicing.content.lineItemTotal\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsxs74(TableBody, {\n children: [lines.map((line, index) => {\n const isLast = index === lines.length - 1;\n return /* @__PURE__ */ _jsx120(TableLineRow, {\n withDivider: isLast,\n children: /* @__PURE__ */ _jsxs74(TableLayout, {\n children: [/* @__PURE__ */ _jsx120(TableLineCell, {\n children: getFormattedValue(line.net)\n }), taxes && availableTaxRates.map((taxRateKey) => {\n const lineTaxRate = line.taxRates.find((taxRate) => taxRate.name === taxRateKey);\n return lineTaxRate && /* @__PURE__ */ _jsxs74(TableLineCell, {\n children: [formatTaxRatePercentage(lineTaxRate.rate || 0), \" (\", getFormattedValue(lineTaxRate.amount), \")\"]\n }, taxRateKey);\n }), /* @__PURE__ */ _jsx120(TableLineCell, {\n alignRight: true,\n children: getFormattedValue(line.gross)\n })]\n })\n }, `invoice-line-${line.id ?? line.feId}`);\n }), /* @__PURE__ */ _jsx120(TableLineRow, {\n children: /* @__PURE__ */ _jsxs74(TableLayout, {\n children: [/* @__PURE__ */ _jsx120(TableLineCell, {\n isBold: true,\n children: getFormattedValue(net)\n }), /* @__PURE__ */ _jsx120(TableLineCell, {}), /* @__PURE__ */ _jsx120(TableLineCell, {}), /* @__PURE__ */ _jsx120(TableLineCell, {\n alignRight: true,\n isBold: true,\n children: getFormattedValue(gross)\n })]\n })\n })]\n })]\n });\n};\nvar TableHeader = styled36.div.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableHeader\",\n componentId: \"sc-361kjz-0\"\n})([\"font-size:\", \";line-height:1.5;padding-bottom:9px;border-bottom:2px \", \" solid;\"], font18.small, colors53.neutralLightest);\nvar TableLayout = styled36.div.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableLayout\",\n componentId: \"sc-361kjz-1\"\n})([\"display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;\"]);\nvar TableHeaderCell = styled36.label.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableHeaderCell\",\n componentId: \"sc-361kjz-2\"\n})([\"text-align:\", \";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:\", \";\"], ({\n textAlign\n}) => textAlign || \"left\", font18.weight.medium);\nvar TableBody = styled36.ul.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableBody\",\n componentId: \"sc-361kjz-3\"\n})([\"list-style-type:none;margin:0;padding:0;background:\", \";border-radius:\", \";\", \"{background:transparent;border-radius:none;}\"], colors53.white, radius22.medium, media16.tablet);\nvar TableLineRow = styled36.li.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableLineRow\",\n componentId: \"sc-361kjz-4\"\n})([\"position:relative;padding-top:9px;\", \"\"], ({\n withDivider = false\n}) => withDivider && `\n padding-bottom: 9px;\n border-bottom: 1px solid ${colors53.neutralLightest};\n `);\nvar TableLineCell = styled36.div.withConfig({\n displayName: \"InvoiceFormMultiTaxRateBreakdown__TableLineCell\",\n componentId: \"sc-361kjz-5\"\n})([\"width:100%;\", \" \", \"\"], ({\n alignRight\n}) => alignRight && `text-align: end;`, ({\n isBold\n}) => isBold && `font-weight: ${font18.weight.medium};`);\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceFormPriceBreakdown.tsx\nimport { useIsDesktopLarge as useIsDesktopLarge2, Container as Container33, Flexer as Flexer38, Input as Input16, Spacer as Spacer22 } from \"@scouts/ui\";\n\n// src/hooks/use-apply-exchange-rate.ts\nimport { useCallback as useCallback38 } from \"react\";\nimport { formatCurrency as formatCurrency12 } from \"@scouts/helpers\";\nimport { useLocale as useLocale16 } from \"@scouts/i18n\";\nvar useApplyExchangeRate = () => {\n const locale = useLocale16();\n const {\n defaultCurrency\n } = useConfig();\n const applyExchangeRate = useCallback38(({\n amount,\n currency,\n exchangeRate = 1\n }) => {\n const normalizedAmount = exchangeRate === 1 ? amount : amount * exchangeRate;\n return formatCurrency12(normalizedAmount, {\n currency: currency || defaultCurrency,\n locale,\n removeMeaninglessDecimals: false\n });\n }, [defaultCurrency, locale]);\n return {\n applyExchangeRate\n };\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceFormPriceBreakdown.tsx\nimport { jsx as _jsx121, Fragment as _Fragment40, jsxs as _jsxs75 } from \"react/jsx-runtime\";\nvar InvoiceFormPriceBreakdown = ({\n defaultCurrency,\n disabled,\n formatTaxRatePercentage,\n hasTaxes,\n invoice,\n onFormChange,\n taxes\n}) => {\n const translation = useTranslation();\n const isDesktopLarge = useIsDesktopLarge2();\n const {\n applyExchangeRate\n } = useApplyExchangeRate();\n return /* @__PURE__ */ _jsxs75(_Fragment40, {\n children: [hasTaxes && /* @__PURE__ */ _jsx121(Container33, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs75(Flexer38, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs75(_Fragment40, {\n children: [/* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n floatingLabel: translation({\n id: \"common.net\"\n }),\n name: \"net\",\n value: applyExchangeRate({\n amount: invoice.net || 0,\n exchangeRate: invoice.exchangeRate\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n })]\n })\n }), hasTaxes && Object.entries(taxes ?? {}).map(([taxName]) => {\n const incomeTaxRate = invoice.taxRates.find((taxRate) => taxRate.name === taxName) || Taxes.createBlank({\n name: taxName\n });\n const {\n amount: incomeTaxRateAmount,\n rate: incomeTaxRateRate\n } = incomeTaxRate;\n return /* @__PURE__ */ _jsx121(Container33, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs75(Flexer38, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs75(_Fragment40, {\n children: [/* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n name: taxName,\n defaultValue: formatTaxRatePercentage(incomeTaxRateRate || 0),\n floatingLabel: `% ${taxName}`,\n width: \"100%\",\n readOnly: true,\n shouldAlwaysDisplayFloatingLabel: true,\n onChange: () => {\n }\n })\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n name: taxName,\n value: applyExchangeRate({\n amount: incomeTaxRateAmount,\n exchangeRate: invoice.exchangeRate\n }),\n floatingLabel: taxName,\n shouldAlwaysDisplayFloatingLabel: true,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n })]\n })\n }, taxName);\n }), invoice?.currency?.code !== defaultCurrency && /* @__PURE__ */ _jsx121(Container33, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs75(Flexer38, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs75(_Fragment40, {\n children: [/* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n name: \"currencyCode\",\n defaultValue: invoice?.currency?.code,\n floatingLabel: translation({\n id: \"common.originalCurrency\"\n }),\n width: \"100%\",\n readOnly: true,\n shouldAlwaysDisplayFloatingLabel: true,\n onChange: () => {\n }\n })\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n type: \"number\",\n name: \"exchangeRate\",\n value: invoice.exchangeRate,\n floatingLabel: translation({\n id: \"common.exchangeRate\"\n }),\n onChange: ({\n value\n }) => onFormChange({\n exchangeRate: Number(value)\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n readOnly: disabled,\n min: 0,\n width: \"100%\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsx121(Container33, {\n padding: \"9px 0 0\",\n children: /* @__PURE__ */ _jsxs75(Flexer38, {\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n justifyEnd: true,\n children: [isDesktopLarge && /* @__PURE__ */ _jsxs75(_Fragment40, {\n children: [/* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n width: \"calc(25% - 9px)\"\n })]\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\"\n }), /* @__PURE__ */ _jsx121(Spacer22, {\n desktopLargeWidth: \"calc(25% - 9px)\",\n width: \"calc(50% - 6px)\",\n children: /* @__PURE__ */ _jsx121(Input16, {\n name: \"gross\",\n value: applyExchangeRate({\n amount: invoice.gross || 0,\n exchangeRate: invoice.exchangeRate\n }),\n floatingLabel: translation({\n id: \"common.gross\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceForm.tsx\nimport { jsx as _jsx122, jsxs as _jsxs76 } from \"react/jsx-runtime\";\nvar InvoiceForm = ({\n invoice,\n disabled,\n onFormChange\n}) => {\n const translation = useTranslation();\n const {\n locale,\n defaultCurrency,\n incomeOptions: {\n hasTaxPointDate,\n hasRecipientIdNumber\n }\n } = useConfig();\n const {\n taxes,\n hasTaxes,\n isSuccess: isSuccessTaxes\n } = useTaxes();\n const formatTaxRatePercentage = useFormatTaxRatePercentage();\n const nextYear = getNextYear7();\n const shouldDisplayTaxPointDate = hasTaxPointDate && !!invoice.taxPointDate && !isSameDate(invoice.invoiceDate, invoice.taxPointDate);\n const shouldDisplayCounterpartIdInputField = hasRecipientIdNumber;\n const description = useMemo35(() => invoice.description ? invoice.description : invoice.lines.filter((line) => !!line.description).map((line) => line.description).join(\"; \"), [invoice.description, invoice.lines]);\n if (!isSuccessTaxes)\n return null;\n return /* @__PURE__ */ _jsxs76(Form10, {\n children: [/* @__PURE__ */ _jsx122(Container34, {\n padding: \"0 0 9px 0\",\n children: /* @__PURE__ */ _jsxs76(Flexer39, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx122(Flexer39, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx122(Input17, {\n floatingLabel: translation({\n id: \"income.invoiceNumber\"\n }),\n name: \"invoiceNumber\",\n shouldAlwaysDisplayFloatingLabel: true,\n value: invoice.invoiceNumber,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n }), /* @__PURE__ */ _jsx122(Flexer39, {\n justifyEnd: true,\n gap: \"12px\",\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx122(Spacer23, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx122(DatePickerWithLabel7, {\n name: \"invoiceDate\",\n \"data-testid\": \"invoiceDate\",\n value: new Date(invoice.invoiceDate) ?? \"\",\n label: translation({\n id: \"common.invoiceDate\"\n }),\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n locale,\n readOnly: true,\n onChange: () => {\n }\n })\n })\n })]\n })\n }), shouldDisplayTaxPointDate && /* @__PURE__ */ _jsx122(Container34, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx122(Flexer39, {\n width: \"100%\",\n justifyEnd: true,\n gap: \"12px\",\n children: /* @__PURE__ */ _jsx122(Flexer39, {\n width: \"100%\",\n desktopLargeWidth: \"calc(50% - 6px)\",\n justifyEnd: true,\n gap: \"12px\",\n children: /* @__PURE__ */ _jsx122(Spacer23, {\n flex: \"1 1 auto\",\n children: /* @__PURE__ */ _jsx122(DatePickerWithLabel7, {\n \"data-testid\": \"taxPointDate\",\n name: \"taxPointDate\",\n label: translation({\n id: \"common.taxPointDate\"\n }),\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n locale,\n value: invoice.taxPointDate,\n readOnly: true,\n onChange: () => {\n }\n })\n })\n })\n })\n }), /* @__PURE__ */ _jsx122(Container34, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsxs76(Flexer39, {\n column: true,\n desktopLargeRow: true,\n gap: \"18px\",\n desktopLargeGap: \"12px\",\n children: [/* @__PURE__ */ _jsx122(Flexer39, {\n width: \"100%\",\n desktopLargeWidth: shouldDisplayCounterpartIdInputField ? \"50%\" : \"100%\",\n children: /* @__PURE__ */ _jsx122(Input17, {\n floatingLabel: translation({\n id: \"common.recipientName\"\n }),\n name: \"recipientName\",\n shouldAlwaysDisplayFloatingLabel: true,\n value: invoice.recipientName,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n }), shouldDisplayCounterpartIdInputField && /* @__PURE__ */ _jsx122(Flexer39, {\n width: \"100%\",\n desktopLargeWidth: \"50%\",\n children: /* @__PURE__ */ _jsx122(Input17, {\n floatingLabel: translation({\n id: \"common.recipientIdNumber\"\n }),\n name: \"recipientIdNumber\",\n shouldAlwaysDisplayFloatingLabel: true,\n formatter: pipe(toAlphaNumerical5, toUpperCase5),\n value: invoice.recipientIdNumber,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n })]\n })\n }), /* @__PURE__ */ _jsx122(Container34, {\n padding: \"9px 0\",\n children: /* @__PURE__ */ _jsx122(Input17, {\n floatingLabel: translation({\n id: `record.content.description`\n }),\n name: \"description\",\n shouldAlwaysDisplayFloatingLabel: true,\n value: description,\n readOnly: true,\n onChange: () => {\n },\n width: \"100%\"\n })\n }), invoice.hasTaxRatesPerLine && invoice.gross !== null && invoice.net !== null ? /* @__PURE__ */ _jsx122(InvoiceFormMultiTaxRateBreakdown, {\n currency: invoice.currency?.code ?? defaultCurrency,\n formatTaxRatePercentage,\n gross: invoice.gross,\n lines: invoice.lines,\n locale,\n net: invoice.net,\n taxes\n }) : /* @__PURE__ */ _jsx122(InvoiceFormPriceBreakdown, {\n defaultCurrency,\n disabled,\n formatTaxRatePercentage,\n hasTaxes,\n invoice,\n onFormChange,\n taxes\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceLabels.tsx\nimport { getStringDate as getStringDate9 } from \"@scouts/helpers\";\nimport { addSuccessToast as addSuccessToast6, colors as colors54, Chip as Chip8, Flexer as Flexer40 } from \"@scouts/ui\";\nimport { jsx as _jsx123, jsxs as _jsxs77, Fragment as _Fragment41 } from \"react/jsx-runtime\";\nvar InvoiceLabels = ({\n invoice\n}) => {\n const translation = useTranslation();\n const {\n sharedOptions: {\n hasRecordCountry\n }\n } = useConfig();\n const {\n defaultCountry\n } = useCountries();\n const {\n closePaymentDateModal,\n isPaymentDateModalOpen\n } = usePaymentDateModal();\n const {\n updateInvoicePaidStatus\n } = useUpdateInvoice();\n const recipientCountryName = invoice.recipientCountryName || \"\";\n const invoiceId = invoice.id;\n const isPaid3 = Invoice.isPaid(invoice);\n const isForeignCountry = invoice.recipientCountryId !== defaultCountry?.id;\n const hasForeignCountry = hasRecordCountry && isForeignCountry && invoice.recipientCountryName;\n const handleSavePaymentDateModal = (paymentDate) => {\n closePaymentDateModal();\n updateInvoicePaymentDate(paymentDate);\n };\n const handleMarkAsUnpaid = () => {\n closePaymentDateModal();\n updateInvoicePaymentDate(null);\n };\n const updateInvoicePaymentDate = (paidDateUTC) => updateInvoicePaidStatus({\n id: invoiceId,\n paidDateUTC\n }).then((response) => {\n if (response.errors)\n return;\n addSuccessToast6({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n return /* @__PURE__ */ _jsxs77(_Fragment41, {\n children: [/* @__PURE__ */ _jsxs77(Flexer40, {\n gap: \"9px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx123(IncomePaymentStatus, {\n record: invoice,\n withDate: true,\n isReadOnly: true\n }), hasForeignCountry && /* @__PURE__ */ _jsx123(Chip8, {\n background: colors54.blueLighter,\n disabled: true,\n children: recipientCountryName\n })]\n }), isPaymentDateModalOpen && /* @__PURE__ */ _jsx123(PaymentDateModal, {\n defaultDate: invoice.paidDateUTC || getStringDate9(),\n isPaid: isPaid3,\n onClose: closePaymentDateModal,\n onMarkAsUnpaid: handleMarkAsUnpaid,\n onSave: ({\n value\n }) => handleSavePaymentDateModal(value)\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceModalTitle.tsx\nimport { colors as colors55, radius as radius23, Container as Container35, Flexer as Flexer41, Icon as Icon9, IconCreditCardMinus as IconCreditCardMinus2, Line as Line21 } from \"@scouts/ui\";\nimport { jsx as _jsx124, jsxs as _jsxs78 } from \"react/jsx-runtime\";\nvar InvoiceModalTitle = ({\n children\n}) => /* @__PURE__ */ _jsx124(Container35, {\n padding: \"18px 24px\",\n radius: `${radius23.large} ${radius23.large} 0 0`,\n background: colors55.neutralLightest,\n children: /* @__PURE__ */ _jsxs78(Flexer41, {\n gap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx124(Icon9, {\n Component: IconCreditCardMinus2\n }), /* @__PURE__ */ _jsx124(Line21, {\n children\n })]\n })\n});\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceToolbar.tsx\nimport { useHistory as useHistory13 } from \"react-router-dom\";\nimport { jsx as _jsx125 } from \"react/jsx-runtime\";\nvar InvoiceToolbar = ({\n invoice,\n initialIncomesOrder,\n handleSubmitReviewedStatus,\n isLoading,\n isReadOnly,\n onSubmit\n}) => {\n const {\n incomeOptions,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const history = useHistory13();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParamsAndSearch = useGeneratePathWithParamsAndSearch();\n const handleContinue = (nextIncome2) => {\n if (!nextIncome2)\n return;\n history.push(generatePathWithParamsAndSearch(nextIncome2.isInvoice ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL : ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: nextIncome2.id\n }));\n };\n const handleSaveAndContinue = async (nextIncome2) => {\n const response = await onSubmit();\n if (response.errors)\n return;\n handleContinue(nextIncome2);\n };\n const handleIsReviewedChange = ({\n value\n }) => {\n handleSubmitReviewedStatus({\n id: invoice.id,\n status: value\n });\n };\n const currentIndex = initialIncomesOrder?.findIndex((element) => element.id === invoice.id) ?? 0;\n const totalLength = initialIncomesOrder?.length ?? 0;\n const nextIncome = initialIncomesOrder?.[(currentIndex + 1) % totalLength];\n if (!initialIncomesOrder.length)\n return null;\n return /* @__PURE__ */ _jsx125(RecordToolbar, {\n activeRecordIndex: currentIndex,\n isBookkeepingDoneByAccountant,\n isComplete: Invoice.isComplete(incomeOptions)(invoice),\n isDraft: Invoice.isDraft(invoice),\n isFiled: Invoice.isFiled(invoice),\n isLoading,\n isReadOnly,\n isReviewed: Invoice.isReviewed(invoice),\n onClickNext: () => handleContinue(nextIncome),\n onClickSaveAndNext: () => handleSaveAndContinue(nextIncome),\n totalAmountOfRecords: totalLength,\n children: /* @__PURE__ */ _jsx125(RecordReviewToggle, {\n isComplete: Invoice.isComplete(incomeOptions)(invoice),\n isFiled: Invoice.isFiled(invoice),\n isDraft: Invoice.isDraft(invoice),\n isLoading,\n isReviewed: Invoice.isReviewed(invoice),\n onChangeIsReviewed: handleIsReviewedChange\n })\n });\n};\n\n// src/components/accountant/tracking/incomes/invoices/InvoiceModal.tsx\nimport { jsx as _jsx126, jsxs as _jsxs79, Fragment as _Fragment42 } from \"react/jsx-runtime\";\nvar InvoiceModal = ({\n handleClose,\n invoiceId,\n initialIncomesOrder,\n onSetInitialIncomesOrderFromInvoice\n}) => {\n const translation = useTranslation();\n const {\n defaultCurrency\n } = useConfig();\n const {\n invoice,\n isLoading: isLoadingInvoice,\n isFetching,\n isError\n } = useInvoice({\n invoiceId\n });\n const {\n updateExchangeRate,\n isLoading: isLoadingUpdateExchangeRate\n } = useUpdateExchangeRate();\n const {\n updateInvoiceReviewedStatus,\n isLoading: isLoadingUpdateReviewed\n } = useUpdateInvoice();\n const {\n formData,\n handleFormChange,\n cleanForm\n } = useForm(null);\n const isDraft3 = formData && Invoice.isDraft(formData);\n const isReviewed4 = Invoice.isReviewed(invoice);\n const isFiled4 = Invoice.isFiled(invoice);\n const hasForeignCurrency = invoice?.currency?.code !== defaultCurrency;\n const isReadOnly = isReviewed4 || isFiled4 || isDraft3 || !hasForeignCurrency;\n const isLoading = isFetching || isLoadingUpdateExchangeRate || isLoadingUpdateReviewed;\n useEffect20(() => {\n if (formData?.id != invoice?.id && invoice) {\n handleFormChange(invoice);\n cleanForm();\n } else {\n onSetInitialIncomesOrderFromInvoice();\n }\n }, [formData, handleFormChange, invoice, cleanForm, onSetInitialIncomesOrderFromInvoice]);\n const handleSubmit = ({\n closeModal\n } = {\n closeModal: false\n }) => {\n if (formData && hasForeignCurrency)\n return updateExchangeRate(formData).then((response) => {\n if (response?.errors)\n return response;\n addSuccessToast7({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n if (closeModal)\n handleClose();\n return response;\n });\n if (closeModal)\n handleClose();\n return Promise.resolve({});\n };\n const handleSubmitReviewedStatus = async (data) => {\n if (!isReadOnly) {\n const response = await handleSubmit();\n if (response.errors)\n return;\n }\n updateInvoiceReviewedStatus(data).then((response) => {\n if (response.errors)\n return;\n addSuccessToast7({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n return /* @__PURE__ */ _jsx126(Modal15, {\n errorMessage: translation({\n id: \"common.errorRequest\"\n }),\n isError,\n isFullScreen: true,\n isLoading: isLoadingInvoice,\n onClose: handleClose,\n children: invoice && formData && /* @__PURE__ */ _jsxs79(_Fragment42, {\n children: [/* @__PURE__ */ _jsx126(InvoiceToolbar, {\n invoice,\n initialIncomesOrder,\n handleSubmitReviewedStatus,\n isLoading,\n isReadOnly,\n onSubmit: handleSubmit\n }), /* @__PURE__ */ _jsxs79(ModalBody15, {\n children: [/* @__PURE__ */ _jsx126(Spacer24, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\"\n }), /* @__PURE__ */ _jsxs79(RecordModalGrid, {\n children: [/* @__PURE__ */ _jsx126(InvoiceFilePreview, {\n invoice\n }), /* @__PURE__ */ _jsxs79(Container36, {\n children: [/* @__PURE__ */ _jsx126(InvoiceModalTitle, {\n children: /* @__PURE__ */ _jsx126(Translation, {\n strings: [`Invoice \"${formData?.invoiceNumber ?? \"----\"}\" details`, `Detalle de factura \"${formData?.invoiceNumber ?? \"----\"}\"`]\n })\n }), /* @__PURE__ */ _jsxs79(RecordFormContainer, {\n children: [/* @__PURE__ */ _jsx126(InvoiceForm, {\n invoice: formData,\n onFormChange: handleFormChange,\n disabled: isReadOnly || !!isLoading\n }), /* @__PURE__ */ _jsx126(Spacer24, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx126(InvoiceLabels, {\n invoice\n })\n })]\n })]\n })]\n })]\n }), /* @__PURE__ */ _jsx126(ModalFooter15, {\n children: /* @__PURE__ */ _jsxs79(ModalActions7, {\n children: [/* @__PURE__ */ _jsx126(Button24, {\n isSecondary: !isReadOnly,\n onClick: handleClose,\n disabled: isLoading,\n children: /* @__PURE__ */ _jsx126(Translation, {\n id: isReadOnly ? \"common.actions.close\" : \"common.actions.cancel\"\n })\n }), !isReadOnly && /* @__PURE__ */ _jsx126(Button24, {\n onClick: () => handleSubmit({\n closeModal: true\n }),\n \"aria-label\": translation({\n id: \"common.actions.save\"\n }),\n disabled: isLoading,\n isLoading: isLoadingUpdateExchangeRate,\n children: /* @__PURE__ */ _jsx126(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })\n })]\n })\n });\n};\n\n// src/components/accountant/tracking/incomes/OutstandingIncomesBanner.tsx\nimport { getPreviousDate as getPreviousDate3 } from \"@scouts/helpers\";\nimport { Spacer as Spacer25 } from \"@scouts/ui\";\nimport { jsx as _jsx127 } from \"react/jsx-runtime\";\nvar OutstandingIncomesBanner = () => {\n const taxPeriodStartDate = useGetTaxPeriodStartDate(true);\n const {\n data: outstandingIncomes,\n isFetching: isFetchingOutstandingIncomes\n } = useSearchIncomes({\n isDraft: false,\n isFiled: false,\n isReviewed: false,\n endDateTime: getPreviousDate3(taxPeriodStartDate)\n });\n const outstandingIncomesCount = outstandingIncomes?.totalCount || 0;\n const shouldDisplayOutstandingRecordsBanner = outstandingIncomesCount > 0;\n if (!shouldDisplayOutstandingRecordsBanner) {\n return null;\n }\n return /* @__PURE__ */ _jsx127(Spacer25, {\n marginBottom: \"12px\",\n children: /* @__PURE__ */ _jsx127(OutstandingRecordsBanner, {\n isFetching: isFetchingOutstandingIncomes,\n itemsCount: outstandingIncomesCount\n })\n });\n};\n\n// src/components/accountant/tracking/incomes/TrackingIncomes.tsx\nimport { jsx as _jsx128, jsxs as _jsxs80, Fragment as _Fragment43 } from \"react/jsx-runtime\";\nvar TrackingIncomes = () => {\n const {\n ROUTES\n } = useRoutes();\n const history = useHistory14();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const translation = useTranslation();\n const {\n pageNumber,\n pageSize,\n onPaginationChange,\n onPaginationScrollToTop\n } = useRecordListPagination(\"all-incomes\");\n const {\n incomes,\n isError: isErrorIncomes,\n isLoading: isLoadingIncomes,\n pagination: allIncomesPagination\n } = useAllIncomes({\n pageNumber,\n pageSize\n });\n const scrollHelperRef = useRef18(null);\n const handlePaginationChange = (updatedPagination) => {\n onPaginationChange(updatedPagination);\n onPaginationScrollToTop(scrollHelperRef?.current);\n };\n const {\n incomeBalances,\n isFetching: isFetchingIncomeBalances,\n isError: isErrorIncomeBalances,\n isLoading: isLoadingIncomeBalances\n } = useIncomeBalances();\n const {\n isSuccess: isSuccessTaxes,\n isError: isErrorTaxes\n } = useTaxes();\n const [initialIncomesOrder, setInitialIncomesOrder] = useState43([]);\n const handleSetInitialIncomesOrder = useCallback39(() => setInitialIncomesOrder(incomes ?? []), [incomes]);\n useEffect21(() => {\n if (incomes.length > initialIncomesOrder.length)\n setInitialIncomesOrder(incomes);\n }, [incomes, initialIncomesOrder]);\n const setInitialIncomesOrderFromInvoice = useCallback39(() => {\n if (incomes.length !== initialIncomesOrder.length)\n setInitialIncomesOrder(incomes);\n }, [incomes, initialIncomesOrder.length]);\n const closeDetailModal = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES));\n };\n const navigateToIncomeEditModal = (id) => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id\n }));\n };\n const isError = isErrorIncomes || isErrorTaxes || isErrorIncomeBalances;\n if (isError)\n return /* @__PURE__ */ _jsx128(Translation, {\n id: \"common.errorRequest\"\n });\n const isLoading = !isSuccessTaxes || !incomes || isLoadingIncomes || isLoadingIncomeBalances;\n if (isLoading)\n return /* @__PURE__ */ _jsxs80(_Fragment43, {\n children: [/* @__PURE__ */ _jsx128(Skeleton5, {\n gap: \"2px\",\n padding: \"0 0 12px\",\n children: /* @__PURE__ */ _jsx128(SkeletonLine5, {\n height: \"63px\"\n })\n }), /* @__PURE__ */ _jsxs80(Skeleton5, {\n gap: \"2px\",\n padding: \"0\",\n children: [/* @__PURE__ */ _jsx128(SkeletonLine5, {\n height: \"48px\"\n }), /* @__PURE__ */ _jsx128(SkeletonLine5, {\n height: \"48px\"\n }), /* @__PURE__ */ _jsx128(SkeletonLine5, {\n height: \"48px\"\n })]\n })]\n });\n const shouldDisplayPagination = Number(allIncomesPagination?.totalCount) > 0;\n return /* @__PURE__ */ _jsxs80(_Fragment43, {\n children: [/* @__PURE__ */ _jsx128(\"span\", {\n ref: scrollHelperRef\n }), /* @__PURE__ */ _jsx128(OutstandingIncomesBanner, {}), /* @__PURE__ */ _jsx128(Statistics, {\n gross: incomeBalances?.totalGross ?? 0,\n net: incomeBalances?.totalNet ?? 0,\n amountOfRecords: incomeBalances?.totalRecords ?? 0,\n taxRates: incomeBalances?.taxRates.map((statTaxRate) => ({\n amountToDisplay: statTaxRate.amount,\n name: statTaxRate.name\n })) ?? [],\n isLoading: isFetchingIncomeBalances,\n recordLabel: translation({\n id: \"common.incomes\"\n })\n }), /* @__PURE__ */ _jsx128(IncomesList, {\n records: incomes,\n onSetInitialIncomesOrder: handleSetInitialIncomesOrder\n }), shouldDisplayPagination && /* @__PURE__ */ _jsxs80(_Fragment43, {\n children: [/* @__PURE__ */ _jsx128(Spacer26, {\n marginTop: \"12px\",\n children: /* @__PURE__ */ _jsx128(Flexer42, {\n column: true,\n alignEnd: true,\n children: /* @__PURE__ */ _jsx128(Line22, {\n tabletSize: font19.small,\n color: colors56.neutralDarker,\n children: /* @__PURE__ */ _jsx128(PaginationResultsCount, {\n pagination: allIncomesPagination\n })\n })\n })\n }), /* @__PURE__ */ _jsx128(Spacer26, {\n marginTop: \"12px\",\n children: /* @__PURE__ */ _jsx128(RecordListPaginationNav, {\n pagination: allIncomesPagination,\n onPaginationChange: handlePaginationChange\n })\n })]\n }), /* @__PURE__ */ _jsxs80(Switch2, {\n children: [/* @__PURE__ */ _jsx128(Route2, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_CREATE,\n render: () => /* @__PURE__ */ _jsx128(IncomeAccountantModal, {\n initialIncomesOrder,\n handleClose: closeDetailModal,\n handleNavigateToEdit: navigateToIncomeEditModal\n })\n }), /* @__PURE__ */ _jsx128(Route2, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx128(IncomeAccountantModal, {\n incomeId: Number(matchedId),\n initialIncomesOrder,\n handleClose: closeDetailModal,\n handleNavigateToEdit: navigateToIncomeEditModal\n })\n }), /* @__PURE__ */ _jsx128(Route2, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL,\n render: ({\n match: {\n params: {\n id: invoiceId\n }\n }\n }) => /* @__PURE__ */ _jsx128(InvoiceModal, {\n invoiceId: Number(invoiceId),\n initialIncomesOrder,\n handleClose: closeDetailModal,\n onSetInitialIncomesOrderFromInvoice: setInitialIncomesOrderFromInvoice\n })\n })]\n })]\n });\n};\n\n// src/components/accountant/tracking/incomes/IncomesActions.tsx\nimport { useHistory as useHistory15 } from \"react-router-dom\";\nimport styled37 from \"styled-components\";\nimport { useToggle as useToggle10 } from \"@scouts/helpers\";\nimport { DropdownButton as DropdownButton12 } from \"@scouts/ui\";\nimport { jsx as _jsx129, jsxs as _jsxs81, Fragment as _Fragment44 } from \"react/jsx-runtime\";\nvar IncomesActions = () => {\n const translation = useTranslation();\n const history = useHistory15();\n const {\n ROUTES\n } = useRoutes();\n const {\n featureFlags\n } = useConfig();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const {\n clearFilters\n } = useFilters();\n const [isExportModalOpen, openExportModal, closeExportModal] = useToggle10();\n const handleAddIncome = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_CREATE));\n };\n const actions = [{\n title: translation({\n id: \"record.actions.add.income\"\n }),\n onClick: handleAddIncome\n }, {\n title: translation({\n id: \"export.content.title\"\n }),\n onClick: openExportModal,\n shouldHide: !featureFlags.featureStandaloneBookkeepingExporting\n }, {\n title: translation({\n id: \"common.actions.clearFilters\"\n }),\n onClick: clearFilters\n }];\n return /* @__PURE__ */ _jsxs81(_Fragment44, {\n children: [/* @__PURE__ */ _jsxs81(Container37, {\n children: [/* @__PURE__ */ _jsx129(Filters, {\n shouldDisplayDateFilter: true,\n shouldDisplayIncomeFilter: true\n }), /* @__PURE__ */ _jsx129(DropdownButton12, {\n isSecondary: true,\n alignRight: true,\n actions\n })]\n }), isExportModalOpen && /* @__PURE__ */ _jsx129(ExportModal, {\n onClose: closeExportModal\n })]\n });\n};\nvar Container37 = styled37.div.withConfig({\n displayName: \"IncomesActions__Container\",\n componentId: \"sc-mkiu5f-0\"\n})([\"display:flex;gap:24px;\"]);\n\n// src/components/accountant/tracking/TrackingNavigation.tsx\nimport { NavLink, Route as Route3, Switch as Switch3 } from \"react-router-dom\";\nimport styled39 from \"styled-components\";\nimport { colors as colors59, font as font21, shadows as shadows7 } from \"@scouts/ui\";\n\n// src/components/accountant/tracking/shared/RecordSearchInput.tsx\nimport { colors as colors58 } from \"@scouts/ui\";\n\n// src/components/ui/SearchInput.ts\nimport styled38 from \"styled-components\";\nimport { colors as colors57, font as font20, media as media17, radius as radius24 } from \"@scouts/ui\";\nvar SearchInput2 = styled38.input.withConfig({\n displayName: \"SearchInput\",\n componentId: \"sc-15phk30-0\"\n})([\"font-size:\", \";width:100%;padding:9px 15px;background:\", \";border:2px solid \", \";border-radius:\", \";\", \"{&:hover{border-color:\", \";}}&:focus{outline:0;border-color:\", \";background:\", \";&::-webkit-search-cancel-button{opacity:0.3;pointer-events:all;}}&::placeholder{color:\", \";}\", \"{padding:9px 12px;}&::-webkit-search-cancel-button{height:12px;width:12px;border-radius:\", \";opacity:0;pointer-events:none;cursor:pointer;}\"], font20.small, ({\n background\n}) => background || colors57.neutralLightest, colors57.neutralLightest, radius24.small, media17.pointer, colors57.neutralLight, colors57.blue, colors57.white, colors57.neutralDarker, media17.tablet, radius24.full);\n\n// src/components/accountant/tracking/shared/RecordSearchInput.tsx\nimport { jsx as _jsx130 } from \"react/jsx-runtime\";\nvar RecordSearchInput = () => {\n const translation = useTranslation();\n const {\n activeFilters,\n applyFilter\n } = useFilters();\n return /* @__PURE__ */ _jsx130(SearchInput2, {\n background: colors58.white,\n autoComplete: \"off\",\n name: \"searchQuery\",\n onChange: (event) => applyFilter({\n updatedFilter: {\n search: event.target.value\n }\n }),\n placeholder: translation([\"Search...\", \"Buscar...\"]),\n type: \"search\",\n value: activeFilters.search || \"\"\n });\n};\n\n// src/components/accountant/tracking/TrackingNavigation.tsx\nimport { jsx as _jsx131, jsxs as _jsxs82, Fragment as _Fragment45 } from \"react/jsx-runtime\";\nvar TrackingNavigation = () => {\n const generatePath4 = useGeneratePathWithParams();\n const {\n ROUTES\n } = useRoutes();\n return /* @__PURE__ */ _jsxs82(_Fragment45, {\n children: [/* @__PURE__ */ _jsxs82(Container38, {\n marginBottom: \"30px\",\n children: [/* @__PURE__ */ _jsxs82(NavContainer, {\n children: [/* @__PURE__ */ _jsx131(NavItem, {\n to: generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES),\n children: /* @__PURE__ */ _jsx131(Translation, {\n id: \"common.incomes\"\n })\n }), /* @__PURE__ */ _jsx131(NavItem, {\n to: generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES),\n children: /* @__PURE__ */ _jsx131(Translation, {\n id: \"common.expenses\"\n })\n })]\n }), /* @__PURE__ */ _jsx131(AlignRight2, {\n children: /* @__PURE__ */ _jsx131(RecordSearchInput, {})\n })]\n }), /* @__PURE__ */ _jsx131(Container38, {\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx131(AlignRight2, {\n children: /* @__PURE__ */ _jsxs82(Switch3, {\n children: [/* @__PURE__ */ _jsx131(Route3, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES,\n component: IncomesActions\n }), /* @__PURE__ */ _jsx131(Route3, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES,\n component: ExpensesActions\n })]\n })\n })\n })]\n });\n};\nvar Container38 = styled39.div.withConfig({\n displayName: \"TrackingNavigation__Container\",\n componentId: \"sc-1g8mprz-0\"\n})([\"display:flex;align-items:center;gap:36px;margin-bottom:\", \";\"], ({\n marginBottom\n}) => marginBottom);\nvar AlignRight2 = styled39.div.withConfig({\n displayName: \"TrackingNavigation__AlignRight\",\n componentId: \"sc-1g8mprz-1\"\n})([\"margin-left:auto;\"]);\nvar NavContainer = styled39.div.withConfig({\n displayName: \"TrackingNavigation__NavContainer\",\n componentId: \"sc-1g8mprz-2\"\n})([\"display:inline-flex;padding:4px;border-radius:4px;border-color:\", \";border-width:1px;border-style:solid;\"], colors59.neutralLight);\nvar NavItem = styled39(NavLink).withConfig({\n displayName: \"TrackingNavigation__NavItem\",\n componentId: \"sc-1g8mprz-3\"\n})([\"padding:6px 24px;border-radius:4px;color:\", \";font-size:\", \";line-height:1.3;text-align:center;text-decoration:none;&:hover{color:\", \";}&[aria-current]{background:\", \";color:\", \";box-shadow:\", \";}\"], colors59.neutralDarker, font21.small, colors59.blue, colors59.white, colors59.black, shadows7.low);\n\n// src/components/accountant/tracking/AccountantTracking.tsx\nimport { jsx as _jsx132, jsxs as _jsxs83 } from \"react/jsx-runtime\";\nvar AccountantTracking = withConfigurationErrorBoundary(() => {\n const {\n ROUTES\n } = useRoutes();\n return /* @__PURE__ */ _jsxs83(Container39, {\n padding: \"30px 0\",\n children: [/* @__PURE__ */ _jsx132(TrackingNavigation, {}), /* @__PURE__ */ _jsxs83(Switch4, {\n children: [/* @__PURE__ */ _jsx132(Route4, {\n path: [ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES, ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_DETAIL],\n component: TrackingIncomes\n }), /* @__PURE__ */ _jsx132(Route4, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES,\n component: TrackingExpenses\n }), /* @__PURE__ */ _jsx132(Redirect, {\n to: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES\n })]\n })]\n });\n});\n\n// src/components/customer/index.ts\nvar customer_exports = {};\n__export(customer_exports, {\n Balance: () => Balance,\n BankingIntegration: () => BankingIntegration,\n Invoicing: () => Invoicing,\n OnboardingExpenseUploadButton: () => OnboardingExpenseUploadButton,\n OnboardingInvoiceAppearance: () => OnboardingInvoiceAppearance,\n OnboardingLogoUpload: () => OnboardingLogoUpload,\n Tracking: () => Tracking,\n TrackingBalance: () => TrackingBalance\n});\n\n// src/components/customer/balance/Balance.tsx\nimport { formatCurrency as formatCurrency13, getYear as getYear5 } from \"@scouts/helpers\";\nimport { useLocale as useLocale17 } from \"@scouts/i18n\";\nimport { colors as colors61, radius as radius26, Chip as Chip9, Container as Container41, Grid as Grid5, Skeleton as Skeleton6, SkeletonLine as SkeletonLine6, Spacer as Spacer28 } from \"@scouts/ui\";\n\n// src/store/balance/use-balance.ts\nimport { formatDateQuery as formatDateQuery13 } from \"@scouts/helpers\";\n\n// src/store/balance/api.ts\nimport { generateApiPath as generateApiPath23 } from \"@scouts/helpers\";\nvar extendedApi18 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getBalance: builder.query({\n query: ({\n startTaxPointDate,\n endTaxPointDate,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath23(ENDPOINTS.BALANCE.GET, {\n userId\n }, {\n queryParameters: {\n ...startTaxPointDate && {\n startTaxPointDate\n },\n ...endTaxPointDate && {\n endTaxPointDate\n }\n }\n })\n }),\n providesTags: [Tags.Balance]\n })\n })\n});\nvar {\n useGetBalanceQuery\n} = extendedApi18;\n\n// src/store/balance/use-balance.ts\nvar useBalance = ({\n defaultFilter\n} = {}) => {\n const {\n id: userId\n } = useUser();\n const {\n activeFilters\n } = useFilters();\n const {\n startDate,\n endDate\n } = activeFilters;\n const {\n data: balance,\n isLoading,\n isError,\n isFetching,\n isSuccess,\n refetch\n } = useGetBalanceQuery({\n userId,\n startTaxPointDate: formatDateQuery13(defaultFilter?.startDate || startDate),\n endTaxPointDate: formatDateQuery13(defaultFilter?.endDate || endDate)\n });\n return {\n balance,\n isLoading,\n isFetching,\n isError,\n isSuccess,\n refetch\n };\n};\n\n// src/components/customer/balance/BalanceItem.tsx\nimport styled40 from \"styled-components\";\nimport { colors as colors60, font as font22, media as media18, radius as radius25, ChipButton as ChipButton7, Container as Container40, Flexer as Flexer43, Line as Line23, Spacer as Spacer27 } from \"@scouts/ui\";\nimport { jsx as _jsx133, jsxs as _jsxs84, Fragment as _Fragment46 } from \"react/jsx-runtime\";\nvar BalanceItem = ({\n title,\n onClick,\n amount,\n actionLabel,\n unpaidAmount\n}) => /* @__PURE__ */ _jsx133(NavWrapper, {\n onClick,\n children: /* @__PURE__ */ _jsx133(Container40, {\n background: colors60.neutralLightest,\n padding: \"12px 18px 15px\",\n radius: radius25.large,\n children: /* @__PURE__ */ _jsxs84(Flexer43, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsxs84(Flexer43, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx133(Line23, {\n size: font22.small,\n children: title\n }), /* @__PURE__ */ _jsxs84(Line23, {\n size: font22.large,\n tabletSize: font22.larger,\n lineHeight: 1,\n children: [/* @__PURE__ */ _jsx133(\"strong\", {\n children: amount\n }), !!unpaidAmount && /* @__PURE__ */ _jsxs84(_Fragment46, {\n children: [\" \", /* @__PURE__ */ _jsxs84(UnpaidAmount, {\n children: [/* @__PURE__ */ _jsx133(Translation, {\n strings: [\"Unpaid\", \"No cobrado\"]\n }), \" \", unpaidAmount]\n })]\n })]\n })]\n }), /* @__PURE__ */ _jsx133(Spacer27, {\n children: /* @__PURE__ */ _jsx133(ChipButton7, {\n withBorder: true,\n variant: \"inverted\",\n onClick,\n children: actionLabel ? actionLabel : /* @__PURE__ */ _jsx133(Translation, {\n id: \"common.actions.add\"\n })\n })\n })]\n })\n })\n});\nvar NavWrapper = styled40.div.withConfig({\n displayName: \"BalanceItem__NavWrapper\",\n componentId: \"sc-13l4x8c-0\"\n})([\"cursor:pointer;background:\", \";border-radius:\", \";\", \"{&:hover{color:\", \";}}\"], colors60.neutralLightest, radius25.large, media18.pointer, colors60.blue);\nvar UnpaidAmount = styled40.span.withConfig({\n displayName: \"BalanceItem__UnpaidAmount\",\n componentId: \"sc-13l4x8c-1\"\n})([\"display:inline-block;font-weight:\", \";font-size:\", \";background:\", \";border-radius:\", \";padding:3px 9px;margin:6px 0 0;vertical-align:bottom;\"], font22.weight.medium, font22.smaller, colors60.white, radius25.full);\n\n// src/components/customer/balance/Balance.tsx\nimport { jsx as _jsx134, jsxs as _jsxs85 } from \"react/jsx-runtime\";\nvar Balance = withConfigurationErrorBoundary(({\n title,\n navigateToExpenses,\n navigateToExpensesLabel,\n navigateToIncomes,\n navigateToIncomesLabel,\n dateRangeFilter,\n expense,\n income\n}) => {\n const {\n balance\n } = useBalance({\n defaultFilter: dateRangeFilter\n });\n const translation = useTranslation();\n const locale = useLocale17();\n const {\n defaultCurrency\n } = useCurrencies();\n const currentYear = getYear5();\n if (!balance || !defaultCurrency)\n return /* @__PURE__ */ _jsxs85(Grid5, {\n gap: \"9px\",\n columns: 2,\n children: [/* @__PURE__ */ _jsxs85(Skeleton6, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius26.large,\n children: [/* @__PURE__ */ _jsx134(SkeletonLine6, {\n height: \"12px\",\n width: \"50%\"\n }), /* @__PURE__ */ _jsx134(SkeletonLine6, {\n height: \"24px\"\n })]\n }), /* @__PURE__ */ _jsxs85(Skeleton6, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius26.large,\n children: [/* @__PURE__ */ _jsx134(SkeletonLine6, {\n height: \"12px\",\n width: \"50%\"\n }), /* @__PURE__ */ _jsx134(SkeletonLine6, {\n height: \"24px\"\n })]\n })]\n });\n const incomeToDisplay = income ?? balance.taxableIncome.totalNet;\n const expensesToDisplay = expense ?? balance.expenses.totalNet;\n return /* @__PURE__ */ _jsxs85(Container41, {\n children: [/* @__PURE__ */ _jsx134(Spacer28, {\n marginBottom: \"6px\",\n children: title ? title : /* @__PURE__ */ _jsxs85(Chip9, {\n size: \"small\",\n color: colors61.black,\n children: [/* @__PURE__ */ _jsx134(Translation, {\n id: \"common.year\"\n }), \" \", currentYear]\n })\n }), /* @__PURE__ */ _jsxs85(Grid5, {\n gap: \"9px\",\n columns: 2,\n children: [/* @__PURE__ */ _jsx134(BalanceItem, {\n amount: formatCurrency13(incomeToDisplay, {\n currency: defaultCurrency.code,\n locale\n }),\n unpaidAmount: balance.unpaidIncome.totalNet ? formatCurrency13(balance.unpaidIncome.totalNet, {\n currency: defaultCurrency.code,\n locale\n }) : void 0,\n onClick: navigateToIncomes,\n actionLabel: navigateToIncomesLabel,\n title: translation({\n id: \"common.incomes\"\n })\n }), /* @__PURE__ */ _jsx134(BalanceItem, {\n amount: formatCurrency13(expensesToDisplay, {\n currency: defaultCurrency.code,\n locale\n }),\n onClick: navigateToExpenses,\n actionLabel: navigateToExpensesLabel,\n title: translation({\n id: \"common.expenses\"\n })\n })]\n })]\n });\n});\n\n// src/components/customer/invoicing/Invoicing.tsx\nimport { Redirect as Redirect2, Route as Route6, Switch as Switch6 } from \"react-router-dom\";\nimport { Loadable as Loadable11 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/InvoiceForm.tsx\nimport { useState as useState56 } from \"react\";\nimport { useHistory as useHistory20, Route as Route5, Switch as Switch5 } from \"react-router-dom\";\nimport { addSuccessToast as addSuccessToast12 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-appearance/InvoiceAppearanceModal.tsx\nimport { Container as Container44, Heading as Heading2, ModalBodyLegacy as ModalBody16, ModalLegacy as Modal16, Paragraph as Paragraph10, Spacer as Spacer31 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-appearance/InvoiceAppearance.tsx\nimport _isEmpty2 from \"lodash/isEmpty\";\nimport { useState as useState44 } from \"react\";\nimport { openFileDialog as openFileDialog4 } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast12, colors as colors63, font as font23, Button as Button25, ButtonLink as ButtonLink9, Container as Container43, Flexer as Flexer45, Grid as Grid7, GridItem as GridItem4, Heading, Line as Line24, Spacer as Spacer30 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-appearance/InvoiceAppearancePreview.tsx\nimport styled41 from \"styled-components\";\nimport { colors as colors62, radius as radius27, shadows as shadows8, Container as Container42, Flexer as Flexer44, Grid as Grid6, GridItem as GridItem3, Loadable as Loadable8, Spacer as Spacer29 } from \"@scouts/ui\";\nimport { jsx as _jsx135, jsxs as _jsxs86 } from \"react/jsx-runtime\";\nvar InvoiceAppearancePreview = ({\n lineColor,\n backgroundColor\n}) => {\n const {\n logoUri,\n hasLogo,\n isFetching: isFetchingLogo\n } = useLogo();\n const isDefaultBackgroundColor = backgroundColor === INVOICE_DEFAULT_FOOTER_BACKGROUND_COLOR;\n return /* @__PURE__ */ _jsxs86(Container42, {\n border: `1px solid ${colors62.neutralLightest}`,\n shadow: shadows8.medium,\n radius: radius27.medium,\n background: colors62.white,\n children: [/* @__PURE__ */ _jsxs86(Container42, {\n padding: \"24px 24px 0\",\n children: [/* @__PURE__ */ _jsxs86(Grid6, {\n columns: 2,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsxs86(GridItem3, {\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"34px\",\n height: \"9px\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"70px\",\n height: \"9px\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"70px\",\n height: \"9px\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"70px\",\n height: \"9px\"\n })]\n }), hasLogo && /* @__PURE__ */ _jsx135(GridItem3, {\n alignStart: true,\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx135(Loadable8, {\n isSmall: true,\n isLoading: isFetchingLogo,\n children: /* @__PURE__ */ _jsx135(Logo2, {\n src: logoUri,\n alt: \"Logo\"\n })\n })\n })]\n }), /* @__PURE__ */ _jsxs86(Spacer29, {\n marginTop: \"48px\",\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {}), /* @__PURE__ */ _jsx135(PreviewLine, {\n background: lineColor ?? colors62.white,\n height: \"2px\"\n }), /* @__PURE__ */ _jsxs86(Flexer44, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"calc(50% - 12px)\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"72px\"\n })]\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n background: lineColor ?? colors62.white,\n height: \"2px\"\n }), /* @__PURE__ */ _jsxs86(Flexer44, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"calc(50% - 12px)\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"72px\"\n })]\n })]\n }), /* @__PURE__ */ _jsx135(Spacer29, {\n marginTop: \"30px\",\n children: /* @__PURE__ */ _jsxs86(Flexer44, {\n column: true,\n alignEnd: true,\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"72px\"\n }), /* @__PURE__ */ _jsx135(PreviewLine, {\n width: \"72px\"\n })]\n })\n })]\n }), /* @__PURE__ */ _jsx135(Spacer29, {\n marginTop: \"42px\",\n children: /* @__PURE__ */ _jsx135(Container42, {\n background: backgroundColor,\n padding: isDefaultBackgroundColor ? \"30px 24px 18px\" : \"45px 24px\",\n radius: `0 0 ${radius27.medium} ${radius27.medium}`,\n children: isDefaultBackgroundColor && /* @__PURE__ */ _jsxs86(Grid6, {\n columns: 2,\n gap: \"24px\",\n children: [/* @__PURE__ */ _jsxs86(GridItem3, {\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {}), /* @__PURE__ */ _jsx135(PreviewLine, {})]\n }), /* @__PURE__ */ _jsxs86(GridItem3, {\n children: [/* @__PURE__ */ _jsx135(PreviewLine, {}), /* @__PURE__ */ _jsx135(PreviewLine, {})]\n })]\n })\n })\n })]\n });\n};\nvar PreviewLine = styled41.div.withConfig({\n displayName: \"InvoiceAppearancePreview__PreviewLine\",\n componentId: \"sc-12psyvr-0\"\n})([\"width:\", \";height:\", \";margin-bottom:9px;background-color:\", \";border-radius:\", \";\"], ({\n width\n}) => width ?? \"100%\", ({\n height\n}) => height ?? \"12px\", ({\n background\n}) => background ?? colors62.neutralLightest, radius27.medium);\nvar Logo2 = styled41.img.withConfig({\n displayName: \"InvoiceAppearancePreview__Logo\",\n componentId: \"sc-12psyvr-1\"\n})([\"max-height:72px;width:auto;display:block;max-width:140px;height:auto;\"]);\n\n// src/store/invoice-appearance-settings/api.ts\nimport { generateApiPath as generateApiPath24 } from \"@scouts/helpers\";\nvar extendedApi19 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getInvoiceAppearanceSettings: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath24(ENDPOINTS.INVOICE_APPEARANCE_SETTINGS.GET, {\n userId\n })\n }),\n providesTags: [Tags.InvoiceAppearanceSettings]\n }),\n updateInvoiceAppearanceSettings: builder.mutation({\n query: ({\n userId,\n ...data\n }) => ({\n method: \"PUT\",\n url: generateApiPath24(ENDPOINTS.INVOICE_APPEARANCE_SETTINGS.PUT, {\n userId\n }),\n data\n }),\n invalidatesTags: [Tags.InvoiceAppearanceSettings]\n }),\n deleteInvoiceAppearanceSettings: builder.mutation({\n query: ({\n userId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath24(ENDPOINTS.INVOICE_APPEARANCE_SETTINGS.DELETE, {\n userId\n })\n }),\n invalidatesTags: [Tags.InvoiceAppearanceSettings]\n })\n })\n});\nvar {\n useGetInvoiceAppearanceSettingsQuery,\n useUpdateInvoiceAppearanceSettingsMutation,\n useDeleteInvoiceAppearanceSettingsMutation\n} = extendedApi19;\n\n// src/store/invoice-appearance-settings/hooks.ts\nvar useInvoiceAppearanceSettings = () => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isFetching,\n isLoading\n } = useGetInvoiceAppearanceSettingsQuery({\n userId\n });\n return {\n appearanceSettings: data,\n isFetching,\n isLoading\n };\n};\nvar useUpdateInvoiceAppearanceSettings = () => {\n const {\n id: userId\n } = useUser();\n const [action, {\n isLoading\n }] = useUpdateInvoiceAppearanceSettingsMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateInvoiceAppearanceSettings = (data) => action({\n userId,\n ...data\n }).unwrap().catch(normalizeError);\n return {\n updateInvoiceAppearanceSettings,\n isLoading\n };\n};\nvar useDeleteInvoiceAppearanceSettings = () => {\n const {\n id: userId\n } = useUser();\n const [action, {\n isLoading\n }] = useDeleteInvoiceAppearanceSettingsMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteInvoiceAppearanceSettings = () => action({\n userId\n }).unwrap().catch(normalizeError);\n return {\n deleteInvoiceAppearanceSettings,\n isLoading\n };\n};\n\n// src/components/customer/invoicing/invoice/invoice-appearance/useInvoiceAppearance.ts\nvar useInvoiceAppearance = ({\n onSuccess\n}) => {\n const {\n appearanceSettings,\n isLoading: isLoadingInvoiceAppearanceSettings\n } = useInvoiceAppearanceSettings();\n const {\n updateInvoiceAppearanceSettings,\n isLoading: isLoadingUpdateInvoiceAppearanceSettings\n } = useUpdateInvoiceAppearanceSettings();\n const {\n deleteInvoiceAppearanceSettings,\n isLoading: isLoadingDeleteInvoiceAppearanceSettings\n } = useDeleteInvoiceAppearanceSettings();\n const resetAppearance = () => {\n if (appearanceSettings)\n deleteInvoiceAppearanceSettings();\n };\n const saveAppearance = async (state) => {\n const response = await updateInvoiceAppearanceSettings({\n lineColor: state.lineColor || appearanceSettings?.lineColor,\n backgroundColor: state.backgroundColor || appearanceSettings?.backgroundColor\n });\n if (onSuccess && response?.errors)\n return;\n if (onSuccess)\n onSuccess();\n };\n return {\n appearanceSettings,\n resetAppearance,\n saveAppearance,\n isLoadingResetAppearance: isLoadingDeleteInvoiceAppearanceSettings,\n isLoading: isLoadingUpdateInvoiceAppearanceSettings || isLoadingInvoiceAppearanceSettings\n };\n};\n\n// src/components/customer/invoicing/invoice/invoice-appearance/InvoiceAppearance.tsx\nimport { jsx as _jsx136, jsxs as _jsxs87 } from \"react/jsx-runtime\";\nvar InvoiceAppearance = ({\n actionLabel,\n children,\n onSuccess\n}) => {\n const translation = useTranslation();\n const {\n hasLogo,\n isLoading\n } = useLogo();\n const {\n uploadLogo,\n isLoading: isLoadingUploadLogo\n } = useUploadLogo();\n const {\n deleteLogo\n } = useDeleteLogo();\n const {\n appearanceSettings,\n resetAppearance,\n isLoadingResetAppearance,\n saveAppearance\n } = useInvoiceAppearance({\n onSuccess\n });\n const [state, setState] = useState44({});\n const isDefaultColors = appearanceSettings?.lineColor === INVOICE_DEFAULT_LINE_COLOR && appearanceSettings?.backgroundColor === INVOICE_DEFAULT_FOOTER_BACKGROUND_COLOR;\n const shouldDisplayResetButton = !isDefaultColors || !_isEmpty2(state);\n const handleChange = (e) => {\n const {\n name,\n value\n } = e.target;\n setState({\n ...state,\n [name]: value\n });\n };\n const handleReset = () => {\n setState({});\n if (!isDefaultColors)\n resetAppearance();\n };\n const handleUpload = (uploadedImages) => {\n const [file] = uploadedImages;\n if (file.size > INVOICE_LOGO_SIZE_LIMIT_BYTES) {\n addErrorToast12({\n body: translation({\n id: \"error.maxFileSize\"\n }, {\n maxValue: INVOICE_LOGO_SIZE_LIMIT_MEGABYTES\n })\n });\n return;\n }\n uploadLogo(file);\n };\n const handleDeleteLogo = () => {\n deleteLogo();\n };\n return /* @__PURE__ */ _jsxs87(Container43, {\n children: [/* @__PURE__ */ _jsxs87(Grid7, {\n tabletColumns: 2,\n gap: \"24px\",\n children: [/* @__PURE__ */ _jsxs87(GridItem4, {\n children: [children && /* @__PURE__ */ _jsx136(Spacer30, {\n marginBottom: \"18px\",\n children\n }), /* @__PURE__ */ _jsxs87(Spacer30, {\n children: [/* @__PURE__ */ _jsx136(Spacer30, {\n marginBottom: \"18px\",\n children: /* @__PURE__ */ _jsx136(Heading, {\n size: font23.normal,\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Logo\", \"Logo\"]\n })\n })\n }), /* @__PURE__ */ _jsxs87(Spacer30, {\n marginBottom: \"24px\",\n children: [!hasLogo && /* @__PURE__ */ _jsx136(Button25, {\n onClick: () => openFileDialog4({\n onChange: handleUpload,\n accept: \"image/jpeg,image/png\"\n }),\n isLoading: isLoading || isLoadingUploadLogo,\n isOutlined: true,\n isFullWidth: true,\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Click to add logo\", \"A\\xF1ade tu logo\"]\n })\n }), hasLogo && /* @__PURE__ */ _jsx136(ButtonLink9, {\n onClick: handleDeleteLogo,\n color: colors63.red,\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Remove\", \"Eliminar\"]\n })\n })]\n }), /* @__PURE__ */ _jsx136(Spacer30, {\n marginBottom: \"18px\",\n children: /* @__PURE__ */ _jsx136(Heading, {\n size: font23.normal,\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Colours\", \"Colores\"]\n })\n })\n }), /* @__PURE__ */ _jsxs87(Flexer45, {\n column: true,\n gap: \"9px\",\n children: [/* @__PURE__ */ _jsxs87(Flexer45, {\n gap: \"18px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx136(\"input\", {\n type: \"color\",\n id: \"lineColor\",\n name: \"lineColor\",\n value: state.lineColor || appearanceSettings?.lineColor || \"\",\n onChange: handleChange\n }), /* @__PURE__ */ _jsx136(Line24, {\n children: /* @__PURE__ */ _jsx136(\"label\", {\n htmlFor: \"lineColor\",\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Lines\", \"L\\xEDneas\"]\n })\n })\n })]\n }), /* @__PURE__ */ _jsxs87(Flexer45, {\n gap: \"18px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx136(\"input\", {\n type: \"color\",\n id: \"backgroundColor\",\n name: \"backgroundColor\",\n value: state.backgroundColor || appearanceSettings?.backgroundColor || \"\",\n onChange: handleChange\n }), /* @__PURE__ */ _jsx136(Line24, {\n children: /* @__PURE__ */ _jsx136(\"label\", {\n htmlFor: \"backgroundColor\",\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Footer background\", \"Fondo del pie de p\\xE1gina\"]\n })\n })\n })]\n })]\n }), shouldDisplayResetButton && /* @__PURE__ */ _jsx136(Spacer30, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx136(ButtonLink9, {\n color: colors63.red,\n onClick: handleReset,\n disabled: isLoadingResetAppearance,\n children: /* @__PURE__ */ _jsx136(Translation, {\n strings: [\"Reset colours\", \"Restablecer colores\"]\n })\n })\n })]\n })]\n }), /* @__PURE__ */ _jsx136(GridItem4, {\n children: /* @__PURE__ */ _jsx136(InvoiceAppearancePreview, {\n backgroundColor: state.backgroundColor || appearanceSettings?.backgroundColor || \"\",\n lineColor: state.lineColor || appearanceSettings?.lineColor || \"\"\n })\n })]\n }), /* @__PURE__ */ _jsx136(Spacer30, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx136(Flexer45, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx136(Button25, {\n isMobileFullWidth: true,\n onClick: () => saveAppearance({\n lineColor: state.lineColor || appearanceSettings?.lineColor || \"\",\n backgroundColor: state.backgroundColor || appearanceSettings?.backgroundColor || \"\"\n }),\n children: actionLabel || /* @__PURE__ */ _jsx136(Translation, {\n id: \"common.actions.save\"\n })\n })\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-appearance/InvoiceAppearanceModal.tsx\nimport { jsx as _jsx137, jsxs as _jsxs88 } from \"react/jsx-runtime\";\nvar InvoiceAppearanceModal = ({\n onClose,\n isLoading\n}) => /* @__PURE__ */ _jsx137(Modal16, {\n isLoading,\n onClose,\n isWide: true,\n children: /* @__PURE__ */ _jsx137(ModalBody16, {\n children: /* @__PURE__ */ _jsx137(Container44, {\n padding: \"24px 0\",\n children: /* @__PURE__ */ _jsxs88(InvoiceAppearance, {\n onSuccess: onClose,\n children: [/* @__PURE__ */ _jsx137(Heading2, {\n children: /* @__PURE__ */ _jsx137(Translation, {\n strings: [\"Let\\u2019s personalise the look\", \"Vamos a personalizar el dise\\xF1o\"]\n })\n }), /* @__PURE__ */ _jsx137(Spacer31, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx137(Paragraph10, {\n children: /* @__PURE__ */ _jsx137(Translation, {\n strings: [\"Personalise the invoice template to match your brand by uploading a logo and choosing a complementary colour scheme.\", \"Personaliza tus facturas para que se ajusten a tu imagen de marca subiendo un logo y eligiendo los colores de tus plantillas.\"]\n })\n })\n })]\n })\n })\n })\n});\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceHeader.tsx\nimport styled45 from \"styled-components\";\nimport { getStringDate as getStringDate11 } from \"@scouts/helpers\";\nimport { colors as colors66, media as media22, shadows as shadows10 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-header/hooks/use-customer-invoice-payment-date.ts\nimport { useState as useState45 } from \"react\";\nimport { addSuccessToast as addSuccessToast8 } from \"@scouts/ui\";\nvar useCustomerInvoicePaymentDate = () => {\n const {\n formData,\n cleanForm,\n handleFormChange\n } = useInvoiceForm();\n const {\n updateInvoicePaidStatus\n } = useUpdateInvoice();\n const translation = useTranslation();\n const [isUpdating, setIsUpdating] = useState45(false);\n const updatePaidDate = async (updatedPaidDateUTC) => {\n setIsUpdating(true);\n updateInvoicePaidStatus({\n id: formData.id,\n paidDateUTC: updatedPaidDateUTC\n }).then((response) => {\n setIsUpdating(false);\n if (response?.errors)\n return;\n handleFormChange(response);\n cleanForm();\n addSuccessToast8({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n return {\n isPaymentDateUpdating: isUpdating,\n updatePaidDate,\n currentPaymentDate: formData.paidDateUTC\n };\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/BackButton.tsx\nimport { useEffect as useEffect22, useState as useState46 } from \"react\";\nimport { useHistory as useHistory16, Prompt } from \"react-router-dom\";\nimport { Button as Button26, ConfirmationModal as ConfirmationModal6 } from \"@scouts/ui\";\nimport { jsx as _jsx138, Fragment as _Fragment47, jsxs as _jsxs89 } from \"react/jsx-runtime\";\nvar BackButton = ({\n onSave\n}) => {\n const history = useHistory16();\n const {\n ROUTES\n } = useRoutes();\n const translation = useTranslation();\n const {\n hasChanges,\n formData\n } = useInvoiceForm();\n const [targetLocation, setTargetLocation] = useState46(null);\n const isSaveConfirmationModalOpen = targetLocation !== null;\n const closeSaveConfirmationModal = () => setTargetLocation(null);\n const isPaid3 = Invoice.isPaid(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const shouldPreventFromLeaving = hasChanges && !isPaid3 && !isReviewed4 && !isFiled4;\n useEffect22(() => {\n const handleBeforeUnload = (e) => {\n if (shouldPreventFromLeaving)\n e.preventDefault();\n };\n window.addEventListener(\"beforeunload\", handleBeforeUnload);\n return () => {\n window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n };\n }, [shouldPreventFromLeaving]);\n const goToTarget = () => {\n if (!targetLocation)\n return;\n history.push(targetLocation);\n };\n const handleConfirm = () => {\n const meta = {\n onSuccess: goToTarget,\n onError: closeSaveConfirmationModal\n };\n onSave(meta);\n };\n const handleBack = () => {\n history.goBack();\n };\n return /* @__PURE__ */ _jsxs89(_Fragment47, {\n children: [/* @__PURE__ */ _jsx138(Prompt, {\n message: (location) => {\n if (isSaveConfirmationModalOpen)\n return true;\n if (location.pathname.startsWith(ROUTES.PATH_BOOKKEEPING_INVOICING))\n return true;\n if (shouldPreventFromLeaving) {\n setTargetLocation(location);\n return false;\n }\n return true;\n }\n }), /* @__PURE__ */ _jsx138(Button26, {\n onClick: handleBack,\n isOutlined: true,\n size: \"small\",\n children: /* @__PURE__ */ _jsx138(Translation, {\n strings: [\"Back\", \"Atr\\xE1s\"]\n })\n }), isSaveConfirmationModalOpen && /* @__PURE__ */ _jsx138(ConfirmationModal6, {\n onClose: closeSaveConfirmationModal,\n onCancel: goToTarget,\n onConfirm: handleConfirm,\n labelCancel: translation([\"Don't save\", \"Salir\"]),\n labelConfirm: translation([\"Save\", \"Guardar\"]),\n title: translation([\"Unsaved changes\", \"Tienes algunos cambios sin guardar\"]),\n children: /* @__PURE__ */ _jsx138(Translation, {\n strings: [\"Do you want to save the changes?\", \"\\xBFQuieres guardar antes de salir de esta p\\xE1gina?\"]\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/DownloadButton.tsx\nimport { useState as useState47 } from \"react\";\nimport { useIsTablet as useIsTablet4, Button as Button27 } from \"@scouts/ui\";\nimport { jsx as _jsx139 } from \"react/jsx-runtime\";\nvar DownloadButton = () => {\n const translation = useTranslation();\n const isTablet = useIsTablet4();\n const {\n formData\n } = useInvoiceForm();\n const {\n downloadInvoiceFile\n } = useInvoiceFilesActions();\n const [isUpdating, setIsUpdating] = useState47(false);\n const isDraft3 = Invoice.isDraft(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const isReadOnly = isReviewed4 || isFiled4;\n const shouldDisplay = (!isDraft3 || isReadOnly) && isTablet;\n const handleDownloadInvoice = () => {\n setIsUpdating(true);\n downloadInvoiceFile({\n invoiceId: formData.id,\n fileName: formData.invoiceNumber || translation({\n id: \"record.content.title.invoice\"\n })\n }).then(() => {\n setIsUpdating(false);\n });\n };\n if (!shouldDisplay)\n return null;\n return /* @__PURE__ */ _jsx139(Button27, {\n onClick: handleDownloadInvoice,\n isLoading: isUpdating,\n size: \"small\",\n isOutlined: true,\n children: /* @__PURE__ */ _jsx139(Translation, {\n id: \"common.actions.download\"\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceTitle.tsx\nimport { useState as useState48 } from \"react\";\nimport { useHistory as useHistory17 } from \"react-router-dom\";\nimport styled43 from \"styled-components\";\nimport { addSuccessToast as addSuccessToast9, colors as colors64, font as font25, media as media20, Chip as Chip10, ConfirmationModal as ConfirmationModal7, DropdownButton as DropdownButton13, Flexer as Flexer46, Spacer as Spacer32 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceDownloadDraftModal.tsx\nimport { Button as Button28, ModalActionsLegacy as ModalActions8, ModalBodyLegacy as ModalBody17, ModalFooterLegacy as ModalFooter16, ModalHeaderLegacy as ModalHeader13, ModalLegacy as Modal17, ModalTitleLegacy as ModalTitle13, Paragraph as Paragraph11 } from \"@scouts/ui\";\nimport { jsx as _jsx140, Fragment as _Fragment48, jsxs as _jsxs90 } from \"react/jsx-runtime\";\nvar InvoiceDownloadDraftModal = ({\n hasValidationErrors,\n validationErrors,\n onClose,\n onConfirm\n}) => /* @__PURE__ */ _jsxs90(Modal17, {\n onClose,\n children: [/* @__PURE__ */ _jsx140(ModalHeader13, {\n children: /* @__PURE__ */ _jsx140(ModalTitle13, {\n children: /* @__PURE__ */ _jsx140(Translation, {\n strings: [\"Downloading a draft\", \"Descargar\"]\n })\n })\n }), /* @__PURE__ */ _jsxs90(ModalBody17, {\n children: [/* @__PURE__ */ _jsx140(Paragraph11, {\n children: /* @__PURE__ */ _jsx140(Translation, {\n strings: ['Make sure to finalise and issue the invoice before sending it out. This can be done from the \"Save\" button.', \"\\xBFEst\\xE1s seguro que quieres descargar esta factura? Ten en cuenta que el n\\xFAmero de factura no es definitivo hasta que la finalices.\"]\n })\n }), hasValidationErrors && /* @__PURE__ */ _jsxs90(_Fragment48, {\n children: [/* @__PURE__ */ _jsx140(Paragraph11, {\n children: /* @__PURE__ */ _jsx140(Translation, {\n strings: [\"Some required fields are missing:\", \"Tambi\\xE9n te falta informaci\\xF3n obligatoria:\"]\n })\n }), /* @__PURE__ */ _jsx140(IssueInvoiceMissingFieldsNotice, {\n validationErrors\n })]\n })]\n }), /* @__PURE__ */ _jsx140(ModalFooter16, {\n children: /* @__PURE__ */ _jsxs90(ModalActions8, {\n children: [/* @__PURE__ */ _jsx140(Button28, {\n isSecondary: true,\n onClick: onClose,\n children: /* @__PURE__ */ _jsx140(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx140(Button28, {\n onClick: onConfirm,\n children: /* @__PURE__ */ _jsx140(Translation, {\n id: \"common.actions.download\"\n })\n })]\n })\n })]\n});\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceLanguageIndicator.tsx\nimport styled42 from \"styled-components\";\nimport { font as font24, media as media19, ButtonLink as ButtonLink10, Tooltip as Tooltip8 } from \"@scouts/ui\";\nimport { jsx as _jsx141, jsxs as _jsxs91 } from \"react/jsx-runtime\";\nvar InvoiceLanguageIndicator = ({\n openSettingsModal\n}) => {\n const translation = useTranslation();\n const {\n languageOptions: {\n invoicePrintCountryCodes\n }\n } = useConfig();\n const {\n formData\n } = useInvoiceForm();\n const {\n language\n } = formData;\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const isReadonly = isReviewed4 || isFiled4;\n const hasMultipleLanguageSupport = invoicePrintCountryCodes.length > 1;\n if (!hasMultipleLanguageSupport || !language || isReadonly)\n return null;\n return /* @__PURE__ */ _jsx141(Tooltip8, {\n content: translation({\n id: \"invoice.content.languageHelp\"\n }),\n children: /* @__PURE__ */ _jsxs91(Container45, {\n children: [/* @__PURE__ */ _jsx141(Label2, {\n children: /* @__PURE__ */ _jsx141(Translation, {\n id: \"common.language\"\n })\n }), /* @__PURE__ */ _jsx141(ButtonLink10, {\n onClick: openSettingsModal,\n children: /* @__PURE__ */ _jsx141(Translation, {\n id: `languages.${language}`\n })\n })]\n })\n });\n};\nvar Container45 = styled42.div.withConfig({\n displayName: \"InvoiceLanguageIndicator__Container\",\n componentId: \"sc-16lmchn-0\"\n})([\"font-size:\", \";display:flex;align-items:center;gap:6px;\"], font24.small);\nvar Label2 = styled42.div.withConfig({\n displayName: \"InvoiceLanguageIndicator__Label\",\n componentId: \"sc-16lmchn-1\"\n})([\"display:none;\", \"{display:inline-block;}\"], media19.tablet);\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceStatusIndicatorWithTooltip.tsx\nimport { Tooltip as Tooltip9 } from \"@scouts/ui\";\nimport { jsx as _jsx142, Fragment as _Fragment49 } from \"react/jsx-runtime\";\nvar InvoiceStatusIndicatorWithTooltip = () => {\n const {\n formData\n } = useInvoiceForm();\n const {\n id\n } = formData;\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n if (!id)\n return null;\n return /* @__PURE__ */ _jsx142(TooltipContainer, {\n shouldDisplayTooltip: isReviewed4 || isFiled4,\n children: /* @__PURE__ */ _jsx142(InvoiceStatusIndicator, {\n invoice: formData\n })\n });\n};\nvar TooltipContainer = ({\n children,\n shouldDisplayTooltip\n}) => {\n const translation = useTranslation();\n return shouldDisplayTooltip ? /* @__PURE__ */ _jsx142(Tooltip9, {\n content: translation({\n id: \"common.review.notice.tooltip\"\n }),\n children\n }) : /* @__PURE__ */ _jsx142(_Fragment49, {\n children\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceTitle.tsx\nimport { jsx as _jsx143, jsxs as _jsxs92, Fragment as _Fragment50 } from \"react/jsx-runtime\";\nvar InvoiceTitle = ({\n onPaymentStatusClick,\n openAppearanceModal,\n openSettingsModal\n}) => {\n const translation = useTranslation();\n const {\n formData,\n mode,\n hasChanges,\n hasValidationErrors,\n validationErrors\n } = useInvoiceForm();\n const {\n incomeOptions\n } = useConfig();\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState48(false);\n const [isDownloadDraftConfirmationModalOpen, setIsDownloadDraftConfirmationModalOpen] = useState48(false);\n const {\n ROUTES\n } = useRoutes();\n const history = useHistory17();\n const isCreating = mode === MODE_CREATE;\n const {\n deleteInvoice,\n isLoading: isLoadingDeleteInvoice\n } = useDeleteInvoice();\n const {\n downloadInvoiceFile,\n downloadInvoiceFileQuote\n } = useInvoiceFilesActions();\n const isDraft3 = Invoice.isDraft(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const isDownloadDisabled = isCreating || hasChanges || hasValidationErrors;\n const shouldAllowDeleting = mode !== MODE_CREATE;\n const isReadonly = isReviewed4 || isFiled4;\n const generatePath4 = useGeneratePathWithParams();\n const handleDeleteInvoice = () => {\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleConfirmDelete = () => deleteInvoice({\n invoiceId: formData.id,\n status: formData.status\n }).then((response) => {\n if (response?.errors)\n return;\n addSuccessToast9({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING));\n });\n const handleDownloadQuote = () => downloadInvoiceFileQuote({\n invoiceId: formData.id,\n fileName: formData.invoiceNumber || translation({\n id: \"record.content.title.quote\"\n })\n });\n const handleDownloadInvoice = () => downloadInvoiceFile({\n invoiceId: formData.id,\n fileName: formData.invoiceNumber || translation({\n id: \"record.content.title.invoice\"\n })\n });\n const openDownloadDraftModal = () => setIsDownloadDraftConfirmationModalOpen(true);\n const closeDownloadModal = () => setIsDownloadDraftConfirmationModalOpen(false);\n const handleDownloadDraftConfirmation = () => {\n setIsDownloadDraftConfirmationModalOpen(false);\n handleDownloadInvoice();\n };\n const handlePaymentStatusClick = () => {\n if (incomeOptions.hasSpecifiedPaymentDate) {\n onPaymentStatusClick();\n }\n };\n const dropdownActions = [{\n title: translation({\n id: \"common.settings\"\n }),\n onClick: openSettingsModal\n }, {\n title: translation([\"Appearance\", \"Dise\\xF1o\"]),\n onClick: openAppearanceModal\n }, {\n onClick: Invoice.isComplete(incomeOptions)(formData) ? handleDownloadInvoice : openDownloadDraftModal,\n disabled: isDownloadDisabled,\n title: translation({\n id: \"common.actions.download\"\n }),\n shouldHide: isReadonly\n }, {\n disabled: isDownloadDisabled,\n onClick: handleDownloadQuote,\n title: translation({\n id: \"invoice.actions.downloadQuote\"\n }),\n shouldHide: !isDraft3\n }, {\n onClick: handleDeleteInvoice,\n title: translation({\n id: \"common.actions.delete\"\n }),\n disabled: !shouldAllowDeleting,\n color: colors64.red,\n shouldHide: isReadonly\n }].filter((action) => !action.shouldHide);\n const hasActions = dropdownActions.length > 0;\n const canEditPaymentStatus = !isDraft3 && incomeOptions.hasSpecifiedPaymentDate;\n return /* @__PURE__ */ _jsxs92(_Fragment50, {\n children: [/* @__PURE__ */ _jsxs92(HeadingContainer, {\n children: [/* @__PURE__ */ _jsx143(Heading3, {\n children: /* @__PURE__ */ _jsx143(Translation, {\n id: isCreating ? \"invoice.content.new\" : \"invoice.content.edit\"\n })\n }), /* @__PURE__ */ _jsx143(Spacer32, {\n flexFill: true,\n children: /* @__PURE__ */ _jsxs92(Flexer46, {\n gap: \"12px\",\n tabletGap: \"24px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsxs92(Flexer46, {\n gap: \"6px\",\n children: [/* @__PURE__ */ _jsx143(InvoiceStatusIndicatorWithTooltip, {}), !isDraft3 && /* @__PURE__ */ _jsx143(IncomePaymentStatus, {\n isSmall: true,\n onClick: canEditPaymentStatus ? handlePaymentStatusClick : void 0,\n record: formData,\n withDate: true\n }), !!formData.transactionLinks?.length && /* @__PURE__ */ _jsx143(Chip10, {\n size: \"small\",\n background: colors64.white,\n children: /* @__PURE__ */ _jsx143(RecordLinkedBankingTransaction, {\n isSmallIcon: true,\n record: formData\n })\n })]\n }), /* @__PURE__ */ _jsxs92(Flexer46, {\n gap: \"12px\",\n tabletGap: \"24px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx143(InvoiceLanguageIndicator, {\n openSettingsModal\n }), hasActions && /* @__PURE__ */ _jsx143(DropdownButton13, {\n isSecondary: true,\n alignRight: true,\n actions: dropdownActions\n })]\n })]\n })\n })]\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx143(ConfirmationModal7, {\n isLoading: isLoadingDeleteInvoice,\n onCancel: () => setIsDeleteConfirmationModalOpen(false),\n onConfirm: handleConfirmDelete,\n title: translation({\n id: \"common.areYouSure\"\n }),\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n }),\n children: !isDraft3 && /* @__PURE__ */ _jsx143(Translation, {\n strings: [\"By deleting the invoice it might result in gaps in your invoice numbering. Are your sure?\", \"Eliminar este registro podr\\xEDa crear huecos en tu serie de facturaci\\xF3n, lo que podr\\xEDa causar problemas con la Agencia Tributaria.\"]\n })\n }), isDownloadDraftConfirmationModalOpen && /* @__PURE__ */ _jsx143(InvoiceDownloadDraftModal, {\n onClose: closeDownloadModal,\n onConfirm: handleDownloadDraftConfirmation,\n hasValidationErrors,\n validationErrors\n })]\n });\n};\nvar HeadingContainer = styled43.div.withConfig({\n displayName: \"InvoiceTitle__HeadingContainer\",\n componentId: \"sc-ka0m34-0\"\n})([\"display:flex;align-items:center;justify-content:space-between;margin:21px 15px;\", \"{width:672px;margin:36px auto;}\", \"{width:768px;}\"], media20.tablet, media20.desktop);\nvar Heading3 = styled43.h1.withConfig({\n displayName: \"InvoiceTitle__Heading\",\n componentId: \"sc-ka0m34-1\"\n})([\"font-size:\", \";font-weight:\", \";line-height:1.3;margin-right:12px;\", \"{font-size:\", \";margin-right:24px;}\"], font25.small, font25.weight.medium, media20.tablet, font25.large);\n\n// src/components/customer/invoicing/invoice/invoice-header/MarkAsPaidButton.tsx\nimport { getStringDate as getStringDate10 } from \"@scouts/helpers\";\nimport { Button as Button29 } from \"@scouts/ui\";\nimport { jsx as _jsx144, Fragment as _Fragment51 } from \"react/jsx-runtime\";\nvar MarkAsPaidButton = ({\n onClick\n}) => {\n const {\n formData,\n hasChanges\n } = useInvoiceForm();\n const {\n isPaymentDateUpdating,\n updatePaidDate\n } = useCustomerInvoicePaymentDate();\n const {\n incomeOptions\n } = useConfig();\n const isComplete4 = Invoice.isComplete(incomeOptions)(formData);\n const isDraft3 = Invoice.isDraft(formData);\n const isPaid3 = Invoice.isPaid(formData);\n const isDisabled = !isComplete4 || hasChanges || isPaymentDateUpdating;\n const isHidden = isDraft3;\n const toggleMarkAsPaid = async () => {\n if (!isPaid3 && incomeOptions.hasSpecifiedPaymentDate) {\n onClick();\n } else {\n updatePaidDate(isPaid3 ? null : getStringDate10());\n }\n };\n if (isHidden)\n return null;\n return /* @__PURE__ */ _jsx144(_Fragment51, {\n children: /* @__PURE__ */ _jsx144(Button29, {\n disabled: isDisabled,\n onClick: toggleMarkAsPaid,\n isLoading: isPaymentDateUpdating,\n size: \"small\",\n isOutlined: true,\n children: /* @__PURE__ */ _jsx144(Translation, {\n id: isPaid3 ? \"invoice.actions.markAsUnpaid.short\" : \"invoice.actions.markAsPaid.short\"\n })\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/MultipleOptionButton.tsx\nimport { useRef as useRef19, useState as useState49 } from \"react\";\nimport styled44 from \"styled-components\";\nimport useOnClickOutside5 from \"use-onclickoutside\";\nimport { addErrorToast as addErrorToast13, colors as colors65, font as font26, media as media21, radius as radius28, shadows as shadows9, Button as Button30 } from \"@scouts/ui\";\nimport { jsx as _jsx145, jsxs as _jsxs93, Fragment as _Fragment52 } from \"react/jsx-runtime\";\nvar MultipleOptionButton = ({\n onSave\n}) => {\n const translation = useTranslation();\n const {\n formData\n } = useInvoiceForm();\n const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState49(false);\n const [isUpdating, setIsUpdating] = useState49(false);\n const isIssued3 = Invoice.isIssued(formData);\n const isPaid3 = Invoice.isPaid(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const isDisabled = isUpdating;\n const isHidden = isPaid3 || isReviewed4 || isFiled4;\n const isVisible = !isIssued3;\n const ref = useRef19(null);\n useOnClickOutside5(ref, () => {\n setIsOptionsMenuOpen(false);\n });\n const handleSaveError = () => {\n setIsUpdating(false);\n addErrorToast13({\n body: translation({\n id: \"invoice.error.failedToSave\"\n })\n });\n };\n const handleSave = () => {\n const meta = {\n onSuccess: () => setIsUpdating(false),\n onError: handleSaveError\n };\n setIsUpdating(true);\n onSave(meta);\n setIsOptionsMenuOpen(false);\n };\n const handleSaveAndIssue = () => {\n const meta = {\n onSuccess: () => setIsUpdating(false),\n onError: handleSaveError,\n extraAction: \"issue\"\n };\n setIsUpdating(true);\n onSave(meta);\n setIsOptionsMenuOpen(false);\n };\n const handleIssueAndSend = () => {\n const meta = {\n onSuccess: () => setIsUpdating(false),\n onError: handleSaveError,\n extraAction: \"issueAndSend\"\n };\n setIsUpdating(true);\n onSave(meta);\n setIsOptionsMenuOpen(false);\n };\n if (isHidden)\n return null;\n return /* @__PURE__ */ _jsx145(_Fragment52, {\n children: isVisible && /* @__PURE__ */ _jsxs93(Container46, {\n children: [/* @__PURE__ */ _jsx145(Button30, {\n disabled: isDisabled,\n onClick: () => setIsOptionsMenuOpen(true),\n isLoading: isUpdating,\n size: \"small\",\n children: /* @__PURE__ */ _jsx145(Translation, {\n id: \"common.actions.save\"\n })\n }), isOptionsMenuOpen && /* @__PURE__ */ _jsxs93(Options, {\n ref,\n children: [/* @__PURE__ */ _jsxs93(Option, {\n type: \"button\",\n onClick: handleSaveAndIssue,\n children: [/* @__PURE__ */ _jsx145(OptionTitle, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"Issue invoice\", \"Finalizar factura\"]\n })\n }), /* @__PURE__ */ _jsx145(OptionDescription, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"Saves and finalises the invoice\", \"La factura es definitiva y empieza a formar parte de tus ingresos, aunque no est\\xE9 cobrada todav\\xEDa\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs93(Option, {\n type: \"button\",\n onClick: handleIssueAndSend,\n children: [/* @__PURE__ */ _jsx145(OptionTitle, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"Send to customer\", \"Finalizar y enviar\"]\n })\n }), /* @__PURE__ */ _jsx145(OptionDescription, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"As above, plus allows you to immediately send it to your customer\", \"La factura es definitiva y ser\\xE1 enviada por email al cliente\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs93(Option, {\n type: \"button\",\n onClick: handleSave,\n children: [/* @__PURE__ */ _jsx145(OptionTitle, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"Save as draft\", \"Guardar como borrador\"]\n })\n }), /* @__PURE__ */ _jsx145(OptionDescription, {\n children: /* @__PURE__ */ _jsx145(Translation, {\n strings: [\"Come back later to finalise the invoice\", \"El n\\xFAmero de factura no es definitivo. Deber\\xEDas finalizarla antes de compartirla con el cliente para evitar cambios\"]\n })\n })]\n })]\n })]\n })\n });\n};\nvar Container46 = styled44.div.withConfig({\n displayName: \"MultipleOptionButton__Container\",\n componentId: \"sc-13d2urt-0\"\n})([\"display:inline-block;position:relative;\"]);\nvar Options = styled44.div.withConfig({\n displayName: \"MultipleOptionButton__Options\",\n componentId: \"sc-13d2urt-1\"\n})([\"overflow:hidden;position:absolute;top:calc(100% + 3px);right:0;min-width:288px;background:\", \";border-radius:\", \";box-shadow:\", \";\"], colors65.white, radius28.large, shadows9.medium);\nvar Option = styled44.button.withConfig({\n displayName: \"MultipleOptionButton__Option\",\n componentId: \"sc-13d2urt-2\"\n})([\"text-align:left;width:100%;padding:9px 21px;&:first-child{padding-top:15px;}&:last-child{padding-bottom:18px;}\", \"{&:hover{background:\", \";}}\"], media21.pointer, colors65.neutralLightest);\nvar OptionTitle = styled44.span.withConfig({\n displayName: \"MultipleOptionButton__OptionTitle\",\n componentId: \"sc-13d2urt-3\"\n})([\"font-size:\", \";font-weight:\", \";line-height:1.3;display:block;margin-bottom:3px;\", \"{\", \":hover &{color:\", \";}}\"], font26.small, font26.weight.medium, media21.pointer, Option, colors65.blue);\nvar OptionDescription = styled44.span.withConfig({\n displayName: \"MultipleOptionButton__OptionDescription\",\n componentId: \"sc-13d2urt-4\"\n})([\"color:\", \";font-size:\", \";line-height:1.5;display:block;\", \"{\", \":hover &{color:\", \";}}\"], colors65.neutralDarker, font26.smaller, media21.pointer, Option, colors65.blue);\n\n// src/components/customer/invoicing/invoice/invoice-header/SaveButton.tsx\nimport { Button as Button31 } from \"@scouts/ui\";\nimport { jsx as _jsx146 } from \"react/jsx-runtime\";\nvar SaveButton = ({\n onSave,\n isLoading\n}) => {\n const {\n formData,\n mode\n } = useInvoiceForm();\n const {\n incomeOptions\n } = useConfig();\n const isCreating = mode === MODE_CREATE;\n const isInvalidIncomeSeries = isCreating && !formData.incomeSeriesId;\n const isComplete4 = Invoice.isComplete(incomeOptions)(formData);\n const isDraft3 = Invoice.isDraft(formData);\n const isIssued3 = Invoice.isIssued(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const areLinesDraftable2 = Invoice.areLinesDraftable(formData);\n const isDisabled = isInvalidIncomeSeries || !areLinesDraftable2 || isIssued3 && !isComplete4;\n const isHidden = isDraft3 || isReviewed4 || isFiled4;\n if (isHidden)\n return null;\n return /* @__PURE__ */ _jsx146(Button31, {\n disabled: isDisabled,\n onClick: onSave,\n isLoading,\n isOutlined: true,\n size: \"small\",\n children: /* @__PURE__ */ _jsx146(Translation, {\n id: \"common.actions.save\"\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/SendButton.tsx\nimport { useHistory as useHistory18 } from \"react-router-dom\";\nimport { Button as Button32 } from \"@scouts/ui\";\nimport { jsx as _jsx147 } from \"react/jsx-runtime\";\nvar SendButton = () => {\n const history = useHistory18();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const {\n formData,\n mode,\n hasChanges\n } = useInvoiceForm();\n const areLinesDraftable2 = Invoice.areLinesDraftable(formData);\n const isCreating = mode === MODE_CREATE;\n const isDraft3 = Invoice.isDraft(formData);\n const isPaid3 = Invoice.isPaid(formData);\n const isReviewed4 = Invoice.isReviewed(formData);\n const isFiled4 = Invoice.isFiled(formData);\n const isReadOnly = isReviewed4 || isFiled4;\n const isDisabled = isCreating || !areLinesDraftable2 || hasChanges;\n const isHidden = isDraft3 || isPaid3 || isReadOnly;\n const handleSend = () => {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SEND, {\n id: formData.id\n }));\n };\n if (isHidden)\n return null;\n return /* @__PURE__ */ _jsx147(Button32, {\n onClick: handleSend,\n disabled: isDisabled,\n size: \"small\",\n isOutlined: true,\n children: /* @__PURE__ */ _jsx147(Translation, {\n id: \"common.actions.send\"\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-header/InvoiceHeader.tsx\nimport { jsx as _jsx148, jsxs as _jsxs94, Fragment as _Fragment53 } from \"react/jsx-runtime\";\nvar InvoiceHeader = ({\n isPaid: isPaid3,\n onSave,\n openSettingsModal,\n openAppearanceModal,\n isLoading\n}) => {\n const {\n currentPaymentDate,\n updatePaidDate\n } = useCustomerInvoicePaymentDate();\n const {\n closePaymentDateModal,\n isPaymentDateModalOpen,\n openPaymentDateModal\n } = usePaymentDateModal();\n const handleSaveModal = (paymentDate) => {\n closePaymentDateModal();\n updatePaidDate(paymentDate);\n };\n const handleMarkAsUnpaid = () => {\n closePaymentDateModal();\n updatePaidDate(null);\n };\n return /* @__PURE__ */ _jsxs94(_Fragment53, {\n children: [/* @__PURE__ */ _jsx148(FloatingHeader, {\n children: /* @__PURE__ */ _jsxs94(Header, {\n children: [/* @__PURE__ */ _jsx148(BackButton, {\n onSave\n }), /* @__PURE__ */ _jsxs94(Actions, {\n children: [/* @__PURE__ */ _jsx148(SaveButton, {\n onSave,\n isLoading\n }), /* @__PURE__ */ _jsx148(SendButton, {}), /* @__PURE__ */ _jsx148(DownloadButton, {}), /* @__PURE__ */ _jsx148(MarkAsPaidButton, {\n onClick: openPaymentDateModal\n }), /* @__PURE__ */ _jsx148(MultipleOptionButton, {\n onSave\n })]\n })]\n })\n }), /* @__PURE__ */ _jsx148(InvoiceTitle, {\n onPaymentStatusClick: openPaymentDateModal,\n openSettingsModal,\n openAppearanceModal\n }), isPaymentDateModalOpen && /* @__PURE__ */ _jsx148(PaymentDateModal, {\n defaultDate: currentPaymentDate || getStringDate11(),\n isPaid: isPaid3,\n onClose: closePaymentDateModal,\n onMarkAsUnpaid: handleMarkAsUnpaid,\n onSave: ({\n value\n }) => handleSaveModal(value)\n })]\n });\n};\nvar FloatingHeader = styled45.div.withConfig({\n displayName: \"InvoiceHeader__FloatingHeader\",\n componentId: \"sc-11tso6n-0\"\n})([\"position:sticky;top:0;z-index:11;margin-inline:-6px;background:\", \";border-top:1px solid \", \";box-shadow:\", \";\", \"{top:60px;}\"], colors66.white, colors66.neutralLightest, shadows10.low, media22.desktop);\nvar Header = styled45.div.withConfig({\n displayName: \"InvoiceHeader__Header\",\n componentId: \"sc-11tso6n-1\"\n})([\"display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:12px;\", \"{width:672px;padding:12px 0;}\", \"{width:768px;}\"], media22.tablet, media22.desktop);\nvar Actions = styled45.div.withConfig({\n displayName: \"InvoiceHeader__Actions\",\n componentId: \"sc-11tso6n-2\"\n})([\"& > :not(:last-child){margin-right:9px;}\"]);\n\n// src/components/customer/invoicing/invoice/invoice-settings/InvoiceSettingsModal.tsx\nimport { useState as useState50 } from \"react\";\nimport { Button as Button33, ModalActionsLegacy as ModalActions9, ModalBodyLegacy as ModalBody18, ModalFooterLegacy as ModalFooter17, ModalHeaderLegacy as ModalHeader14, ModalLegacy as Modal18, ModalTitleLegacy as ModalTitle14 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-settings/InvoiceSettingsCurrency.tsx\nimport { useEffect as useEffect23 } from \"react\";\nimport { Form as Form11, Input as Input18, Select as Select3 } from \"@scouts/ui\";\nimport { jsx as _jsx149, jsxs as _jsxs95 } from \"react/jsx-runtime\";\nvar InvoiceSettingsCurrency = ({\n formData,\n handleFormChange,\n isDisabled\n}) => {\n const {\n currencies,\n defaultCurrency,\n isSuccess: isSuccessCurrencies\n } = useCurrencies();\n useEffect23(() => {\n if (!defaultCurrency || formData.currencyId)\n return;\n handleFormChange({\n currencyId: defaultCurrency.id,\n currency: defaultCurrency\n });\n }, [defaultCurrency, formData, handleFormChange]);\n const getCurrenciesDropdownOptions = () => currencies?.map(({\n id,\n code\n }) => ({\n value: id,\n title: code\n }));\n const handleCurrencyChange = ({\n value\n }) => {\n const updatedCurrency = currencies?.find(({\n id: currencyId\n }) => currencyId === Number(value));\n handleFormChange({\n currency: updatedCurrency,\n currencyId: Number(value),\n exchangeRate: 1\n });\n };\n const handleExchangeRateChange = ({\n name,\n value\n }) => {\n handleFormChange({\n [name]: value\n });\n };\n return /* @__PURE__ */ _jsx149(Form11.Row, {\n children: /* @__PURE__ */ _jsxs95(Form11.Columns, {\n children: [/* @__PURE__ */ _jsxs95(Form11.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsx149(Form11.Row.Title, {\n children: /* @__PURE__ */ _jsx149(Translation, {\n id: \"common.currency\"\n })\n }), /* @__PURE__ */ _jsx149(Form11.Row.Content, {\n children: /* @__PURE__ */ _jsx149(FormItem, {\n children: /* @__PURE__ */ _jsx149(Select3, {\n disabled: !isSuccessCurrencies || isDisabled,\n id: \"currencyId\",\n name: \"currencyId\",\n onChange: handleCurrencyChange,\n options: getCurrenciesDropdownOptions() || [],\n width: \"100%\",\n value: formData.currencyId\n })\n })\n })]\n }), !formData.currency?.isDefault && /* @__PURE__ */ _jsxs95(Form11.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsxs95(Form11.Row.Title, {\n children: [/* @__PURE__ */ _jsx149(Translation, {\n id: \"common.exchangeRate\"\n }), \" (\", formData.currency?.code, \" \\u2192\", \" \", defaultCurrency?.code, \")\"]\n }), /* @__PURE__ */ _jsx149(Form11.Row.Content, {\n children: /* @__PURE__ */ _jsx149(FormItem, {\n children: /* @__PURE__ */ _jsx149(Input18, {\n id: \"exchangeRate\",\n name: \"exchangeRate\",\n type: \"number\",\n min: \"0\",\n step: \"any\",\n value: formData.exchangeRate ?? \"\",\n onChange: handleExchangeRateChange,\n disabled: isDisabled\n })\n })\n })]\n })]\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-settings/InvoiceSettingsLanguage.tsx\nimport { useMemo as useMemo36 } from \"react\";\nimport { Form as Form12, Select as Select4 } from \"@scouts/ui\";\nimport { jsx as _jsx150, jsxs as _jsxs96 } from \"react/jsx-runtime\";\nvar InvoiceSettingsLanguage = ({\n value,\n onChange,\n isReadOnly\n}) => {\n const translation = useTranslation();\n const {\n languageOptions: {\n invoicePrintCountryCodes\n }\n } = useConfig();\n const languageOptions = useMemo36(() => invoicePrintCountryCodes.map((lang) => ({\n title: translation({\n id: `languages.${lang}`\n }),\n value: lang\n })).sort((a, b) => a.title.localeCompare(b.title)), [translation, invoicePrintCountryCodes]);\n const shouldDisplayLanguageDropdown = invoicePrintCountryCodes.length > 1;\n if (!shouldDisplayLanguageDropdown)\n return null;\n return /* @__PURE__ */ _jsx150(Form12.Row, {\n children: /* @__PURE__ */ _jsx150(Form12.Columns, {\n children: /* @__PURE__ */ _jsxs96(Form12.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsx150(Form12.Row.Title, {\n children: /* @__PURE__ */ _jsx150(Translation, {\n id: \"common.language\"\n })\n }), /* @__PURE__ */ _jsx150(Form12.Row.Content, {\n children: /* @__PURE__ */ _jsxs96(FormItem, {\n children: [/* @__PURE__ */ _jsx150(Select4, {\n id: \"language\",\n name: \"language\",\n value,\n options: [{\n title: `${translation({\n id: \"common.actions.select\"\n })}...`,\n value: \"\",\n disabled: true\n }, ...languageOptions],\n width: \"100%\",\n onChange,\n disabled: isReadOnly\n }), /* @__PURE__ */ _jsx150(Form12.Row.Description, {\n children: /* @__PURE__ */ _jsx150(Translation, {\n id: \"invoice.content.languageHelp\"\n })\n })]\n })\n })]\n })\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-settings/InvoiceSettingsTaxes.tsx\nimport { useCallback as useCallback40, useEffect as useEffect24 } from \"react\";\nimport { Checkbox as Checkbox5, Form as Form13, Input as Input19, Select as Select5 } from \"@scouts/ui\";\nimport { jsx as _jsx151, jsxs as _jsxs97, Fragment as _Fragment54 } from \"react/jsx-runtime\";\nvar MIN_RATE = -100;\nvar MAX_RATE = 100;\nvar InvoiceSettingsTaxes = ({\n isMultiTaxRate,\n isReadOnly,\n isReviewed: isReviewed4,\n onChange,\n onSelectMultiTaxRate,\n otherRates,\n setOtherRates,\n taxRates\n}) => {\n const translate = useTranslation();\n const {\n formData: invoice\n } = useInvoiceForm();\n const {\n taxes,\n hasTaxes,\n taxesCount\n } = useTaxes();\n const shouldDisplayMultiTaxRates = isMultiTaxRate;\n useEffect24(() => {\n if (otherRates.length > 0 || !taxes || taxesCount <= 0 || !invoice.taxRates || invoice.taxRates.length <= 0)\n return;\n const updatedOtherRates = invoice.taxRates.map((taxRate) => Calculations.isOtherRate({\n taxes,\n tax: taxRate\n }) ? taxRate.rate || 0 : \"\");\n setOtherRates(updatedOtherRates);\n }, [invoice.taxRates, otherRates.length, taxes, taxesCount, setOtherRates]);\n const getTaxRatesDropdownOptions = useCallback40((taxesForOptions) => [...taxesForOptions.map((rate) => ({\n value: String(rate),\n title: `${rate}%`\n })), {\n title: translate({\n id: \"common.other\"\n }),\n value: Taxes.Constants.OTHER_RATE\n }], [translate]);\n const handleRateChange = ({\n value,\n taxIndex\n }) => {\n const updatedTaxRates = [...taxRates];\n updatedTaxRates[taxIndex] = {\n ...taxRates[taxIndex],\n rate: value === Taxes.Constants.OTHER_RATE ? Taxes.Constants.OTHER_RATE : Number(value)\n };\n onChange({\n taxRates: updatedTaxRates\n });\n };\n const handleRateOtherChange = ({\n value,\n taxIndex\n }) => {\n const normalizedValue = limitValue(Number(value), MIN_RATE, MAX_RATE);\n const updatedOtherRates = [...otherRates];\n updatedOtherRates[taxIndex] = normalizedValue;\n setOtherRates(updatedOtherRates);\n };\n if (!hasTaxes)\n return null;\n return /* @__PURE__ */ _jsxs97(_Fragment54, {\n children: [Object.entries(taxes ?? {}).map(([taxName, applicableTaxes], taxIndex) => {\n const tax = taxRates.find(({\n name\n }) => name === taxName);\n if (!tax)\n return null;\n const {\n rate: taxRate,\n name: taxRateName\n } = tax;\n const options = getTaxRatesDropdownOptions(applicableTaxes);\n const isOtherRate2 = taxes && Calculations.isOtherRate({\n taxes,\n tax\n });\n return /* @__PURE__ */ _jsx151(Form13.Row, {\n children: /* @__PURE__ */ _jsxs97(Form13.Columns, {\n children: [/* @__PURE__ */ _jsxs97(Form13.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsx151(Form13.Row.Title, {\n children: taxName\n }), /* @__PURE__ */ _jsx151(Form13.Row.Content, {\n children: /* @__PURE__ */ _jsx151(FormItem, {\n children: /* @__PURE__ */ _jsx151(Select5, {\n id: `${taxName}-rate`,\n name: `taxRates.${taxIndex}.rate`,\n \"aria-label\": translate({\n id: \"invoice.content.settings.rateAria\"\n }, {\n taxRateName\n }),\n options,\n width: \"100%\",\n value: isOtherRate2 ? Taxes.Constants.OTHER_RATE : taxRate || 0,\n onChange: ({\n value\n }) => {\n handleRateChange({\n value,\n taxIndex\n });\n },\n disabled: isReadOnly || shouldDisplayMultiTaxRates\n })\n })\n })]\n }), isOtherRate2 && !shouldDisplayMultiTaxRates && /* @__PURE__ */ _jsxs97(Form13.Column, {\n width: \"calc(50% - 6px)\",\n children: [/* @__PURE__ */ _jsxs97(Form13.Row.Title, {\n children: [\"% \", taxName]\n }), /* @__PURE__ */ _jsx151(Form13.Row.Content, {\n children: /* @__PURE__ */ _jsx151(FormItem, {\n children: /* @__PURE__ */ _jsx151(Input19, {\n id: `${taxName}-rate-other`,\n name: `taxRates.${taxIndex}.rateOther`,\n onChange: ({\n value\n }) => handleRateOtherChange({\n value,\n taxIndex\n }),\n type: \"number\",\n step: \"any\",\n required: true,\n value: otherRates[taxIndex] ?? \"\",\n disabled: isReadOnly\n })\n })\n })]\n })]\n })\n }, taxName);\n }), /* @__PURE__ */ _jsx151(Form13.Row, {\n children: /* @__PURE__ */ _jsx151(Checkbox5, {\n checked: isMultiTaxRate,\n disabled: isReviewed4,\n label: translate([\"Toggle multiple tax rates / custom gross amounts\", \"Activar detalle de impuestos por concepto\"]),\n name: \"isMultiTaxRate\",\n onChange: ({\n checked\n }) => onSelectMultiTaxRate(checked)\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-settings/InvoiceSettingsModal.tsx\nimport { jsx as _jsx152, jsxs as _jsxs98, Fragment as _Fragment55 } from \"react/jsx-runtime\";\nvar InvoiceSettingsModal = ({\n onClose,\n onSave\n}) => {\n const {\n formData: invoice\n } = useInvoiceForm();\n const {\n taxes\n } = useTaxes();\n const {\n formData,\n handleFieldChange,\n handleFormChange\n } = useForm({\n currency: invoice.currency,\n currencyId: invoice.currencyId,\n exchangeRate: invoice.exchangeRate,\n hasTaxRatesPerLine: invoice.hasTaxRatesPerLine,\n language: invoice.language,\n taxRates: invoice.taxRates\n });\n const [otherRate, setOtherRate] = useState50([]);\n const [isMultiTaxRate, setIsMultiTaxRate] = useState50(invoice.hasTaxRatesPerLine);\n const saveAndClose = () => {\n const updatedTaxRates = Object.entries(taxes ?? {}).map(([taxName], index) => {\n const match = formData.taxRates.find(({\n name\n }) => name === taxName);\n if (match) {\n const {\n name,\n amount,\n rate\n } = match;\n const rateOther = otherRate[index] ?? null;\n const isOtherRate2 = taxes && Calculations.isOtherRate({\n taxes,\n tax: match\n });\n return {\n name,\n amount,\n rate: isOtherRate2 ? Number(rateOther || 0) : Number(rate)\n };\n }\n return {\n amount: 0,\n name: taxName,\n rate: 0\n };\n });\n const newInvoice = {\n ...invoice,\n language: formData.language,\n currency: formData.currency,\n currencyId: formData.currencyId,\n exchangeRate: Number(formData.exchangeRate) || 1,\n hasTaxRatesPerLine: isMultiTaxRate\n };\n if (isMultiTaxRate)\n return onSave(newInvoice);\n onSave(updateInvoiceTaxRates({\n invoice: newInvoice,\n taxRates: updatedTaxRates\n }));\n };\n const isReviewed4 = Invoice.isReviewed(invoice);\n const isFiled4 = Invoice.isFiled(invoice);\n const isReadOnly = isReviewed4 || isFiled4;\n return /* @__PURE__ */ _jsxs98(Modal18, {\n onClose,\n children: [/* @__PURE__ */ _jsx152(ModalHeader14, {\n children: /* @__PURE__ */ _jsx152(ModalTitle14, {\n children: /* @__PURE__ */ _jsx152(Translation, {\n id: \"invoice.content.settings\"\n })\n })\n }), /* @__PURE__ */ _jsxs98(ModalBody18, {\n children: [/* @__PURE__ */ _jsx152(InvoiceSettingsTaxes, {\n isMultiTaxRate,\n isReadOnly,\n isReviewed: isReviewed4,\n onChange: handleFormChange,\n onSelectMultiTaxRate: setIsMultiTaxRate,\n otherRates: otherRate,\n setOtherRates: setOtherRate,\n taxRates: formData.taxRates\n }), /* @__PURE__ */ _jsx152(InvoiceSettingsLanguage, {\n value: formData.language ?? \"\",\n onChange: handleFieldChange,\n isReadOnly\n }), /* @__PURE__ */ _jsx152(InvoiceSettingsCurrency, {\n formData,\n handleFormChange,\n isDisabled: isReadOnly\n })]\n }), /* @__PURE__ */ _jsx152(ModalFooter17, {\n children: /* @__PURE__ */ _jsxs98(ModalActions9, {\n children: [!isReadOnly && /* @__PURE__ */ _jsxs98(_Fragment55, {\n children: [/* @__PURE__ */ _jsx152(Button33, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx152(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx152(Button33, {\n onClick: saveAndClose,\n children: /* @__PURE__ */ _jsx152(Translation, {\n id: \"common.actions.done\"\n })\n })]\n }), isReadOnly && /* @__PURE__ */ _jsx152(Button33, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx152(Translation, {\n id: \"common.actions.close\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/InvoiceTemplate.tsx\nimport { useIsTablet as useIsTablet5, Skeleton as Skeleton7, SkeletonLine as SkeletonLine7, Spacer as Spacer33 } from \"@scouts/ui\";\n\n// src/store/income-series/hooks.ts\nimport { useCallback as useCallback41, useEffect as useEffect25, useMemo as useMemo37 } from \"react\";\nimport { matchErrorResponse, matchSuccessResponse } from \"@scouts/helpers\";\nimport { addErrorToast as addErrorToast14, addSuccessToast as addSuccessToast10 } from \"@scouts/ui\";\n\n// src/domain/income-series.ts\nvar getIncomeSeriesPreview = ({\n prefix = \"\",\n suffix = \"\",\n startingNumber\n} = {}) => {\n const invoiceNumber = !startingNumber ? \"XXXX\" : `${startingNumber}`.padStart(4, \"0\");\n return `${prefix}${invoiceNumber}${suffix}`;\n};\nvar getShouldDisplayIncomeSeriesConfirmUsageWarning = (incomeSeries, date = /* @__PURE__ */ new Date()) => {\n if (!incomeSeries)\n return false;\n const currentYear = date.getFullYear();\n const createdYear = new Date(incomeSeries.createdDateUTC).getFullYear();\n return currentYear !== createdYear && !incomeSeries.isConfirmedValidForCurrentYear;\n};\n\n// src/store/income-series/api.ts\nimport { generateApiPath as generateApiPath25 } from \"@scouts/helpers\";\nvar extendedApi20 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getIncomeSeries: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath25(ENDPOINTS.INCOME_SERIES.GET, {\n userId\n })\n }),\n providesTags: [Tags.IncomeSeries]\n }),\n updateIncomeSeriesConfirmUsage: builder.mutation({\n query: ({\n userId,\n id\n }) => ({\n method: \"PUT\",\n url: generateApiPath25(ENDPOINTS.INCOME_SERIES.PUT.CONFIRM_USAGE, {\n userId,\n incomeSeriesId: id\n })\n }),\n invalidatesTags: [Tags.IncomeSeries]\n }),\n createIncomeSeries: builder.mutation({\n query: ({\n userId,\n ...data\n }) => ({\n method: \"POST\",\n url: generateApiPath25(ENDPOINTS.INCOME_SERIES.POST, {\n userId\n }),\n data\n }),\n invalidatesTags: [Tags.IncomeSeries]\n }),\n deleteIncomeSeries: builder.mutation({\n query: ({\n userId,\n id\n }) => ({\n method: \"DELETE\",\n url: generateApiPath25(ENDPOINTS.INCOME_SERIES.DELETE, {\n userId,\n incomeSeriesId: id\n })\n }),\n invalidatesTags: [Tags.IncomeSeries]\n })\n })\n});\nvar {\n useGetIncomeSeriesQuery,\n useCreateIncomeSeriesMutation,\n useDeleteIncomeSeriesMutation,\n useUpdateIncomeSeriesConfirmUsageMutation\n} = extendedApi20;\n\n// src/store/income-series/hooks.ts\nvar useIncomeSeries = () => {\n const {\n id: userId\n } = useUser();\n const {\n data: incomeSeries,\n isError,\n isLoading,\n isFetching\n } = useGetIncomeSeriesQuery({\n userId\n });\n const translation = useTranslation();\n useEffect25(() => {\n if (!isError)\n return;\n addErrorToast14({\n body: translation({\n id: \"common.errorRequest\"\n })\n });\n }, [isError, translation]);\n const defaultIncomeSeries = useMemo37(() => incomeSeries ? [...incomeSeries].sort((a, b) => new Date(b.createdDateUTC).getTime() - new Date(a.createdDateUTC).getTime())[0] : null, [incomeSeries]);\n const defaultIncomeSeriesPreview = defaultIncomeSeries ? getIncomeSeriesPreview({\n prefix: defaultIncomeSeries.prefix,\n suffix: defaultIncomeSeries.suffix,\n startingNumber: defaultIncomeSeries.nextNumber\n }) : null;\n const getIncomeSeriesById = (id) => {\n return incomeSeries?.find((series) => series.id === id) || null;\n };\n return {\n defaultIncomeSeries,\n defaultIncomeSeriesPreview,\n incomeSeries,\n getIncomeSeriesById,\n isLoading,\n isFetching\n };\n};\nvar useCreateIncomeSeries = () => {\n const {\n id: userId\n } = useUser();\n const [action] = useCreateIncomeSeriesMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorCreate\");\n const createIncomeSeries = useCallback41((params) => action({\n userId,\n ...params\n }).unwrap().catch(normalizeError), [action, normalizeError, userId]);\n return {\n createIncomeSeries\n };\n};\nvar useDeleteIncomeSeries = () => {\n const {\n id: userId\n } = useUser();\n const [action] = useDeleteIncomeSeriesMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorDelete\");\n const deleteIncomeSeries = useCallback41((params) => action({\n ...params,\n userId\n }).unwrap().catch(normalizeError), [action, normalizeError, userId]);\n return {\n deleteIncomeSeries\n };\n};\nvar useUpdateIncomeSeriesConfirmUsage = () => {\n const translation = useTranslation();\n const {\n id: userId\n } = useUser();\n const [action] = useUpdateIncomeSeriesConfirmUsageMutation();\n const updateIncomeSeriesConfirmUsage = (params) => {\n return action({\n userId,\n ...params\n }).then(matchSuccessResponse(() => {\n addSuccessToast10({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n })).then(matchErrorResponse(() => {\n addErrorToast14({\n body: translation({\n id: \"common.errorUpdate\"\n })\n });\n }));\n };\n return {\n updateIncomeSeriesConfirmUsage\n };\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/InvoiceMetaData.tsx\nimport { useEffect as useEffect27, useRef as useRef20, useState as useState54 } from \"react\";\nimport { FormattedDate } from \"react-intl\";\nimport { isSameDay as isSameDay4, useComponentDidMount } from \"@scouts/helpers\";\nimport { AutoScrolled as AutoScrolled5, Button as Button36 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeries.tsx\nimport { useEffect as useEffect26, useMemo as useMemo38 } from \"react\";\nimport { useToggle as useToggle11 } from \"@scouts/helpers\";\nimport { DropdownButton as DropdownButton14, Flexer as Flexer49, Loadable as Loadable9, SelectWithLabel as SelectWithLabel7 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesCreateModal.tsx\nimport { Flexer as Flexer48, ModalBodyLegacy as ModalBody19, ModalLegacy as Modal19 } from \"@scouts/ui\";\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesForm.tsx\nimport { useState as useState52 } from \"react\";\nimport styled46 from \"styled-components\";\nimport { font as font27, Button as Button34, Form as Form14, Input as Input20 } from \"@scouts/ui\";\n\n// src/hooks/use-api-error-handler.ts\nimport { useState as useState51 } from \"react\";\nvar CODE_KEYS = {\n [ApiErrorCodes.Duplicate]: \"error.duplicate\",\n [ApiErrorCodes.EmptyField]: \"error.emptyField\",\n [ApiErrorCodes.ExceedsRange]: \"error.rangeExceed\",\n // especial\n [ApiErrorCodes.Unknown]: \"error.unexpected\",\n [ApiErrorCodes.WrongFormat]: \"error.wrongFormat\"\n};\nvar useAPIErrorHandler = () => {\n const translation = useTranslation();\n const [errors, setErrors] = useState51([]);\n const clearFieldError = (field) => {\n const newErrors = errors.filter((formError) => isValidationErrorResponse(formError) && !!formError.field && formError.field !== field);\n setErrors(newErrors);\n };\n const getFieldHasError = (field) => errors.some((error) => isValidationErrorResponse(error) && error.field === field);\n const getFieldErrorMessage = (field) => {\n const fieldError = errors.find((error) => isValidationErrorResponse(error) && error.field === field);\n return fieldError?.message ?? \"\";\n };\n const getPlainErrorMessage = () => {\n const plainError = errors.filter((error) => !isValidationErrorResponse(error));\n return plainError[0]?.message ?? \"\";\n };\n const handleAPIErrorResponse = ({\n errors: {\n validationErrors,\n errors: apiErrors\n }\n }) => {\n const getTranslatedErrorMessage = (error) => {\n const getExceedsRangeMessage = ({\n field,\n metadata: {\n maxValue,\n minValue\n }\n }) => {\n if (maxValue === void 0)\n return translation({\n id: \"error.minRangeExceed\"\n }, {\n field,\n minValue\n });\n if (minValue === void 0)\n return translation({\n id: \"error.maxRangeExceed\"\n }, {\n field,\n maxValue\n });\n return translation({\n id: \"error.rangeExceed\"\n }, {\n maxValue,\n minValue\n });\n };\n if (!error.code)\n return error.message;\n if (isExceedsRangeErrorResponse(error))\n return getExceedsRangeMessage(error);\n if (!(error.code in CODE_KEYS))\n return translation({\n id: \"error.unexpected\"\n });\n return translation({\n id: CODE_KEYS[error.code] ?? \"error.unexpected\"\n }, {\n ...error.metadata\n });\n };\n const newErrors = [...validationErrors, ...apiErrors].reduce((acc, apiError) => [...acc, {\n ...apiError,\n message: getTranslatedErrorMessage(apiError)\n }], []);\n setErrors(newErrors);\n };\n return {\n clearFieldError,\n getFieldHasError,\n getFieldErrorMessage,\n getPlainErrorMessage,\n handleAPIErrorResponse,\n hasErrors: errors.length > 0\n };\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesForm.tsx\nimport { jsx as _jsx153, jsxs as _jsxs99 } from \"react/jsx-runtime\";\nvar INITIAL_STATE = {\n prefix: \"\",\n startingNumber: 1,\n suffix: \"\"\n};\nvar Title = styled46.div.withConfig({\n displayName: \"InvoiceSeriesForm__Title\",\n componentId: \"sc-1avlmqm-0\"\n})([\"font-weight:\", \";font-size:\", \";margin-bottom:24px;\"], font27.weight.medium, font27.large);\nvar InvoiceSeriesForm = ({\n onClose\n}) => {\n const translation = useTranslation();\n const [formData, setFormData] = useState52(INITIAL_STATE);\n const [isSubmitting, setIsSubmitting] = useState52(false);\n const {\n handleFormChange: handleInvoiceFormChange\n } = useInvoiceForm();\n const {\n createIncomeSeries\n } = useCreateIncomeSeries();\n const {\n clearFieldError,\n getFieldErrorMessage,\n getFieldHasError,\n getPlainErrorMessage,\n handleAPIErrorResponse,\n hasErrors\n } = useAPIErrorHandler();\n const handleFormChange = ({\n name,\n value\n }) => {\n setFormData({\n ...formData,\n [name]: value\n });\n clearFieldError(name);\n };\n const handleSubmit = async () => {\n setIsSubmitting(true);\n const response = await createIncomeSeries(formData);\n if (response.errors) {\n handleAPIErrorResponse(response);\n return;\n }\n handleInvoiceFormChange({\n incomeSeriesId: response.id,\n seriesNumber: response.nextNumber\n });\n onClose(response);\n setIsSubmitting(false);\n };\n const shouldDisableSubmit = hasErrors || !formData.startingNumber || formData.startingNumber <= 0 || !formData.prefix && !formData.suffix;\n const plainErrorMessage = getPlainErrorMessage();\n return /* @__PURE__ */ _jsxs99(Form14, {\n children: [/* @__PURE__ */ _jsx153(Title, {\n children: /* @__PURE__ */ _jsx153(Translation, {\n id: \"invoice.content.addIncomeSeries\"\n })\n }), /* @__PURE__ */ _jsx153(Form14.Row, {\n isCompact: true,\n children: /* @__PURE__ */ _jsxs99(Form14.Columns, {\n children: [/* @__PURE__ */ _jsx153(Form14.Column, {\n width: \"calc(33% - 8px)\",\n children: /* @__PURE__ */ _jsx153(Form14.Column.Content, {\n children: /* @__PURE__ */ _jsx153(Input20, {\n type: \"text\",\n name: \"prefix\",\n value: formData.prefix,\n onChange: handleFormChange,\n required: true,\n floatingLabel: translation({\n id: \"invoiceSeries.prefix\"\n }),\n \"aria-label\": translation({\n id: \"invoiceSeries.prefix\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n hasError: getFieldHasError(\"prefix\"),\n errorMessage: getFieldErrorMessage(\"prefix\")\n })\n })\n }), /* @__PURE__ */ _jsx153(Form14.Column, {\n width: \"calc(33% - 8px)\",\n children: /* @__PURE__ */ _jsx153(Form14.Column.Content, {\n children: /* @__PURE__ */ _jsx153(Input20, {\n type: \"number\",\n name: \"startingNumber\",\n min: 1,\n value: formData.startingNumber,\n onChange: handleFormChange,\n required: true,\n floatingLabel: translation({\n id: \"invoice.content.incomeSeriesStartingNumber\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n hasError: getFieldHasError(\"startingNumber\"),\n errorMessage: getFieldErrorMessage(\"startingNumber\")\n })\n })\n }), /* @__PURE__ */ _jsx153(Form14.Column, {\n width: \"calc(33% - 8px)\",\n children: /* @__PURE__ */ _jsx153(Form14.Column.Content, {\n children: /* @__PURE__ */ _jsx153(Input20, {\n type: \"text\",\n name: \"suffix\",\n value: formData.suffix,\n onChange: handleFormChange,\n required: true,\n floatingLabel: translation({\n id: \"invoiceSeries.suffix\"\n }),\n \"aria-label\": translation({\n id: \"invoiceSeries.suffix\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n hasError: getFieldHasError(\"suffix\"),\n errorMessage: getFieldErrorMessage(\"suffix\")\n })\n })\n })]\n })\n }), /* @__PURE__ */ _jsx153(Form14.Row, {\n children: /* @__PURE__ */ _jsx153(Input20, {\n name: \"incomeSeriesPreview\",\n type: \"text\",\n placeholder: getIncomeSeriesPreview(formData),\n floatingLabel: translation({\n id: \"common.example\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n disabled: true,\n onChange: () => {\n }\n })\n }), !!plainErrorMessage && /* @__PURE__ */ _jsx153(Form14.ValidationError, {\n children: plainErrorMessage\n }), /* @__PURE__ */ _jsxs99(Form14.Actions, {\n alignRight: true,\n children: [/* @__PURE__ */ _jsx153(Button34, {\n isSecondary: true,\n onClick: () => onClose(),\n children: /* @__PURE__ */ _jsx153(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx153(Button34, {\n isLoading: isSubmitting,\n disabled: shouldDisableSubmit,\n \"aria-label\": translation({\n id: \"common.actions.save\"\n }),\n onClick: handleSubmit,\n children: /* @__PURE__ */ _jsx153(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesList.tsx\nimport { useState as useState53 } from \"react\";\nimport styled47 from \"styled-components\";\nimport { colors as colors67, font as font28, ButtonLink as ButtonLink11, Chip as Chip11, ConfirmationModal as ConfirmationModal8, Flexer as Flexer47, Form as Form15 } from \"@scouts/ui\";\nimport { jsx as _jsx154, jsxs as _jsxs100, Fragment as _Fragment56 } from \"react/jsx-runtime\";\nvar Container47 = styled47.div.withConfig({\n displayName: \"InvoiceSeriesList__Container\",\n componentId: \"sc-gvikew-0\"\n})([\"\"]);\nvar Title2 = styled47.div.withConfig({\n displayName: \"InvoiceSeriesList__Title\",\n componentId: \"sc-gvikew-1\"\n})([\"font-size:\", \";font-weight:\", \";margin-bottom:24px;\"], font28.large, font28.weight.medium);\nvar NO_ERROR = null;\nvar InvoiceSeriesList = () => {\n const translation = useTranslation();\n const [error, setError] = useState53(NO_ERROR);\n const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState53(false);\n const [seriesToDelete, setSeriesToDelete] = useState53(null);\n const {\n incomeSeries\n } = useIncomeSeries();\n const {\n deleteIncomeSeries\n } = useDeleteIncomeSeries();\n const handleDeleteClick = (income) => {\n setError(NO_ERROR);\n setSeriesToDelete(income);\n setIsDeleteConfirmationModalOpen(true);\n };\n const handleConfirmDelete = async () => {\n if (!seriesToDelete)\n return;\n const response = await deleteIncomeSeries({\n id: seriesToDelete.id\n });\n setSeriesToDelete(null);\n setIsDeleteConfirmationModalOpen(false);\n if (!response)\n return;\n if (response.errors?.errors.length > 0)\n setError(response.errors.errors[0].message);\n };\n if (!incomeSeries || incomeSeries.length <= 0)\n return null;\n return /* @__PURE__ */ _jsxs100(_Fragment56, {\n children: [/* @__PURE__ */ _jsxs100(Container47, {\n children: [/* @__PURE__ */ _jsx154(Title2, {\n children: /* @__PURE__ */ _jsx154(Translation, {\n id: \"invoiceSeries.existingSeries.title\"\n })\n }), /* @__PURE__ */ _jsx154(Flexer47, {\n column: true,\n gap: \"12px\",\n children: incomeSeries.map((incomeSeriesItem) => /* @__PURE__ */ _jsxs100(Flexer47, {\n gap: \"9px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx154(Chip11, {\n color: colors67.black,\n children: getIncomeSeriesPreview({\n prefix: incomeSeriesItem.prefix,\n suffix: incomeSeriesItem.suffix\n })\n }), /* @__PURE__ */ _jsx154(ButtonLink11, {\n isSmall: true,\n color: colors67.red,\n onClick: () => handleDeleteClick(incomeSeriesItem),\n children: translation({\n id: \"common.actions.delete\"\n })\n })]\n }, incomeSeriesItem.id))\n }), error && /* @__PURE__ */ _jsx154(Form15.ValidationError, {\n children: error\n })]\n }), isDeleteConfirmationModalOpen && /* @__PURE__ */ _jsx154(ConfirmationModal8, {\n onCancel: () => setIsDeleteConfirmationModalOpen(false),\n onConfirm: handleConfirmDelete,\n title: translation({\n id: \"common.areYouSure\"\n }),\n labelCancel: translation({\n id: \"common.actions.cancel\"\n }),\n labelConfirm: translation({\n id: \"common.actions.delete\"\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesCreateModal.tsx\nimport { jsx as _jsx155, jsxs as _jsxs101 } from \"react/jsx-runtime\";\nvar InvoiceSeriesCreateModal = ({\n isOpen,\n onClose\n}) => {\n if (!isOpen)\n return null;\n return /* @__PURE__ */ _jsx155(Modal19, {\n onClose: () => onClose(),\n children: /* @__PURE__ */ _jsx155(ModalBody19, {\n children: /* @__PURE__ */ _jsxs101(Flexer48, {\n column: true,\n gap: \"36px\",\n children: [/* @__PURE__ */ _jsx155(InvoiceSeriesList, {}), /* @__PURE__ */ _jsx155(InvoiceSeriesForm, {\n onClose\n })]\n })\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeries.tsx\nimport { jsx as _jsx156, jsxs as _jsxs102, Fragment as _Fragment57 } from \"react/jsx-runtime\";\nvar InvoiceSeries = () => {\n const translation = useTranslation();\n const {\n formData,\n validationErrors,\n handleFormChange,\n handleFieldChange\n } = useInvoiceForm();\n const {\n incomeSeries,\n defaultIncomeSeries\n } = useIncomeSeries();\n const [isCreateModalOpen, openCreateSeriesModal, closeCreateSeriesModal] = useToggle11();\n const options = useMemo38(() => {\n if (!incomeSeries)\n return [];\n return incomeSeries.map(({\n id,\n prefix,\n suffix,\n nextNumber\n }) => ({\n value: id,\n title: getIncomeSeriesPreview({\n prefix,\n suffix,\n startingNumber: id === formData.incomeSeriesId && formData.seriesNumber ? formData.seriesNumber : nextNumber\n })\n }));\n }, [incomeSeries, formData.incomeSeriesId, formData.seriesNumber]);\n useEffect26(() => {\n if (!defaultIncomeSeries || !!formData.incomeSeriesId)\n return;\n handleFormChange({\n incomeSeriesId: defaultIncomeSeries.id\n });\n }, [defaultIncomeSeries, formData.incomeSeriesId, handleFormChange]);\n const isLoading = !incomeSeries;\n const shouldDisableIncomeSeries = options.length <= 0;\n return /* @__PURE__ */ _jsxs102(_Fragment57, {\n children: [/* @__PURE__ */ _jsx156(FormItem, {\n children: /* @__PURE__ */ _jsxs102(Loadable9, {\n isLoading,\n isSmall: true,\n children: [/* @__PURE__ */ _jsxs102(Flexer49, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx156(SelectWithLabel7, {\n name: \"incomeSeriesId\",\n options,\n width: \"100%\",\n label: translation({\n id: \"common.invoiceNumber\"\n }),\n disabled: shouldDisableIncomeSeries,\n \"aria-label\": translation({\n id: \"common.invoiceNumber\"\n }),\n value: formData.incomeSeriesId ?? \"\",\n onChange: handleFieldChange\n }), /* @__PURE__ */ _jsx156(DropdownButton14, {\n alignRight: true,\n disabled: isLoading,\n actions: [{\n onClick: openCreateSeriesModal,\n title: translation({\n id: \"invoice.actions.editSeries\"\n })\n }]\n })]\n }), validationErrors.incomeSeriesId && /* @__PURE__ */ _jsx156(FormInvalidMessage, {\n children: validationErrors.incomeSeriesId\n })]\n })\n }), /* @__PURE__ */ _jsx156(InvoiceSeriesCreateModal, {\n isOpen: isCreateModalOpen,\n onClose: closeCreateSeriesModal\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/invoice-series/InvoiceSeriesConfirmUsageModal.tsx\nimport { useToggle as useToggle12 } from \"@scouts/helpers\";\nimport { Button as Button35, ButtonLink as ButtonLink12, Flexer as Flexer50, ModalBodyLegacy as ModalBody20, ModalFooterLegacy as ModalFooter18, ModalHeaderLegacy as ModalHeader15, ModalLegacy as Modal20, ModalTitleLegacy as ModalTitle15, Paragraph as Paragraph12 } from \"@scouts/ui\";\nimport { jsx as _jsx157, jsxs as _jsxs103, Fragment as _Fragment58 } from \"react/jsx-runtime\";\nvar InvoiceSeriesConfirmUsageModal = ({\n onConfirmCreate,\n onConfirmKeepCurrent,\n onClose\n}) => {\n const [isCreateModalOpen, openCreateModal, closeCreateModal] = useToggle12(false);\n const {\n incomeSeries\n } = useIncomeSeries();\n const handleCloseCreateModal = (createdSeries) => {\n closeCreateModal();\n if (createdSeries)\n onConfirmCreate();\n };\n const confirmedSeries = incomeSeries?.filter((series) => series.isConfirmedValidForCurrentYear);\n const hasConfirmedSeries = (confirmedSeries?.length ?? 0) > 0;\n return /* @__PURE__ */ _jsxs103(_Fragment58, {\n children: [/* @__PURE__ */ _jsxs103(Modal20, {\n children: [/* @__PURE__ */ _jsx157(ModalHeader15, {\n children: /* @__PURE__ */ _jsx157(ModalTitle15, {\n children: /* @__PURE__ */ _jsx157(Translation, {\n id: \"invoiceSeries.usageConfirmation.title\"\n })\n })\n }), /* @__PURE__ */ _jsx157(ModalBody20, {\n children: /* @__PURE__ */ _jsx157(Translation, {\n id: \"invoiceSeries.usageConfirmation.body\",\n values: {\n p: (text) => /* @__PURE__ */ _jsx157(Paragraph12, {\n children: text\n }),\n lastYear: (/* @__PURE__ */ new Date()).getFullYear() - 1,\n currentYear: (/* @__PURE__ */ new Date()).getFullYear()\n }\n })\n }), /* @__PURE__ */ _jsx157(ModalFooter18, {\n children: /* @__PURE__ */ _jsxs103(Flexer50, {\n spaceBetween: hasConfirmedSeries,\n justifyEnd: !hasConfirmedSeries,\n alignCenter: true,\n gap: \"12px\",\n flexWrap: true,\n children: [hasConfirmedSeries && /* @__PURE__ */ _jsx157(ButtonLink12, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx157(Translation, {\n id: \"invoiceSeries.usageConfirmation.useExisting\"\n })\n }), /* @__PURE__ */ _jsxs103(Flexer50, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx157(Button35, {\n isSecondary: true,\n onClick: onConfirmKeepCurrent,\n children: /* @__PURE__ */ _jsx157(Translation, {\n id: \"invoiceSeries.usageConfirmation.keepCurrent\"\n })\n }), /* @__PURE__ */ _jsx157(Button35, {\n onClick: openCreateModal,\n children: /* @__PURE__ */ _jsx157(Translation, {\n id: \"invoiceSeries.usageConfirmation.createNew\"\n })\n })]\n })]\n })\n })]\n }), /* @__PURE__ */ _jsx157(InvoiceSeriesCreateModal, {\n isOpen: isCreateModalOpen,\n onClose: handleCloseCreateModal\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/InvoiceDates.tsx\nimport { useMemo as useMemo39 } from \"react\";\nimport { useIntl as useIntl2 } from \"react-intl\";\nimport styled48 from \"styled-components\";\nimport { getNextYear as getNextYear8, isSameDay as isSameDay3, useToggle as useToggle13 } from \"@scouts/helpers\";\nimport { colors as colors68, DatePickerWithLabel as DatePickerWithLabel8, DropdownButton as DropdownButton15, Notice as Notice4 } from \"@scouts/ui\";\nimport { jsx as _jsx158, jsxs as _jsxs104, Fragment as _Fragment59 } from \"react/jsx-runtime\";\nvar InvoiceDateWithAction = styled48.div.withConfig({\n displayName: \"InvoiceDates__InvoiceDateWithAction\",\n componentId: \"sc-ppytw9-0\"\n})([\"display:grid;align-items:center;gap:12px;grid-template-columns:1fr auto;\"]);\nvar NoticeWrapper = styled48.div.withConfig({\n displayName: \"InvoiceDates__NoticeWrapper\",\n componentId: \"sc-ppytw9-1\"\n})([\"margin-bottom:12px;\"]);\nvar InvoiceDates = () => {\n const {\n formData,\n validationErrors,\n handleFormChange,\n handleFieldChange\n } = useInvoiceForm();\n const config = useConfig();\n const {\n formatDate\n } = useIntl2();\n const translation = useTranslation();\n const [isModalOpen, , , toggleModal] = useToggle13();\n const {\n invoiceDate,\n taxPointDate\n } = formData;\n const {\n bookkeepingPeriod,\n timeZone,\n incomeOptions: {\n hasTaxPointDate\n }\n } = config;\n const nextYear = getNextYear8();\n const handleInvoiceDateChange = (data) => {\n const {\n value: newInvoiceDate\n } = data;\n const newTaxPointDate = !taxPointDate || isSameDay3(new Date(invoiceDate), new Date(taxPointDate)) ? newInvoiceDate : taxPointDate;\n handleFormChange({\n invoiceDate: newTaxPointDate,\n taxPointDate: newTaxPointDate\n });\n };\n const isWithinBookkeepingPeriod = useMemo39(() => {\n const isStandaloneMode = !bookkeepingPeriod?.startDate || !bookkeepingPeriod?.endDate;\n if (isStandaloneMode)\n return true;\n const compareDate = !taxPointDate ? invoiceDate : taxPointDate;\n if (!compareDate)\n return true;\n const checkBookkeepingRange = isWithinRange([bookkeepingPeriod.startDate, bookkeepingPeriod.endDate]);\n return checkBookkeepingRange(new Date(compareDate));\n }, [bookkeepingPeriod?.endDate, bookkeepingPeriod?.startDate, invoiceDate, taxPointDate]);\n const shouldDisplayTaxPointDate = !!taxPointDate && !isSameDay3(new Date(invoiceDate), new Date(taxPointDate));\n const hasHighlightedFields = \"invoiceDate\" in validationErrors;\n return /* @__PURE__ */ _jsxs104(_Fragment59, {\n children: [/* @__PURE__ */ _jsx158(FormItem, {\n children: /* @__PURE__ */ _jsxs104(InvoiceDateWithAction, {\n children: [/* @__PURE__ */ _jsx158(DatePickerWithLabel8, {\n name: \"invoiceDate\",\n defaultDate: (/* @__PURE__ */ new Date()).toISOString(),\n value: invoiceDate,\n locale: config.locale,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n label: translation({\n id: \"common.invoiceDate\"\n }),\n onChange: handleInvoiceDateChange\n }), !shouldDisplayTaxPointDate && hasTaxPointDate && /* @__PURE__ */ _jsx158(DropdownButton15, {\n actions: [{\n title: translation({\n id: \"common.actions.setTaxPointDate\"\n }),\n onClick: toggleModal\n }],\n alignRight: true\n })]\n })\n }), shouldDisplayTaxPointDate && /* @__PURE__ */ _jsx158(FormItem, {\n children: /* @__PURE__ */ _jsxs104(InvoiceDateWithAction, {\n children: [/* @__PURE__ */ _jsx158(DatePickerWithLabel8, {\n name: \"taxPointDate\",\n defaultDate: (/* @__PURE__ */ new Date()).toISOString(),\n value: taxPointDate,\n locale: config.locale,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2010-01-01\",\n label: translation({\n id: \"common.taxPointDate\"\n }),\n onChange: ({\n value\n }) => {\n handleFieldChange({\n name: \"taxPointDate\",\n value\n });\n }\n }), /* @__PURE__ */ _jsx158(DropdownButton15, {\n actions: [{\n title: translation({\n id: \"common.actions.delete\"\n }),\n onClick: () => handleFormChange({\n taxPointDate: invoiceDate\n })\n }]\n })]\n })\n }), !isWithinBookkeepingPeriod && /* @__PURE__ */ _jsx158(NoticeWrapper, {\n children: /* @__PURE__ */ _jsx158(Notice4, {\n background: colors68.redLighter,\n children: /* @__PURE__ */ _jsx158(Translation, {\n id: !taxPointDate || isSameDay3(new Date(taxPointDate), new Date(invoiceDate)) ? \"common.invoiceDateOutsideBookkeepingPeriodError\" : \"common.taxPointDateOutsideBookkeepingPeriodError\"\n })\n })\n }), hasHighlightedFields && /* @__PURE__ */ _jsx158(FormInvalidMessage, {\n children: /* @__PURE__ */ _jsx158(Translation, {\n id: \"common.dateOutsideBookkeepingPeriodError\",\n values: {\n startDate: formatDate(bookkeepingPeriod?.startDate ?? void 0, {\n dateStyle: \"medium\",\n timeZone\n }),\n endDate: formatDate(bookkeepingPeriod?.endDate ?? void 0, {\n dateStyle: \"medium\",\n timeZone\n })\n }\n })\n }), isModalOpen && /* @__PURE__ */ _jsx158(TaxPointDateModal_default, {\n initialDate: invoiceDate,\n onClose: toggleModal,\n onSave: ({\n value\n }) => {\n handleFormChange({\n taxPointDate: value\n });\n toggleModal();\n },\n title: /* @__PURE__ */ _jsx158(Translation, {\n id: \"common.taxPointDate\"\n })\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/invoice-metadata/InvoiceMetaData.tsx\nimport { jsx as _jsx159, jsxs as _jsxs105, Fragment as _Fragment60 } from \"react/jsx-runtime\";\nvar InvoiceMetaData = ({\n isDisabled,\n onSave\n}) => {\n const translation = useTranslation();\n const {\n formData,\n handleFormChange,\n validationErrors\n } = useInvoiceForm();\n const [isComponentBeingMountRef, setComponentDidMount] = useComponentDidMount();\n const {\n invoiceDate,\n invoiceNumber,\n taxPointDate\n } = formData;\n const initialValues = useInitial(formData);\n const {\n defaultIncomeSeries,\n defaultIncomeSeriesPreview,\n getIncomeSeriesById\n } = useIncomeSeries();\n const {\n updateIncomeSeriesConfirmUsage\n } = useUpdateIncomeSeriesConfirmUsage();\n const invoiceNumberOrPreview = invoiceNumber || defaultIncomeSeriesPreview;\n useEffect27(() => {\n if (!defaultIncomeSeries || !!formData.incomeSeriesId)\n return;\n handleFormChange({\n incomeSeriesId: defaultIncomeSeries.id\n });\n }, [formData.incomeSeriesId, handleFormChange, defaultIncomeSeries]);\n const restore = () => {\n const {\n invoiceDate: initialInvoiceDate,\n taxPointDate: initialTaxPointDate\n } = initialValues;\n handleFormChange({\n invoiceDate: initialInvoiceDate,\n taxPointDate: initialTaxPointDate\n });\n };\n const hasHighlightedFields = [\"invoiceDate\", \"taxPointDate\", \"incomeSeriesId\"].some((field) => field in validationErrors);\n const shouldDisplayTaxPointDate = !!taxPointDate && !isSameDay4(new Date(invoiceDate), new Date(taxPointDate));\n const isEditable = Invoice.isDraft(formData) && !isDisabled;\n const hasNotBeenCreatedYet = !formData.id;\n const shouldDisplayIncomeSeriesConfirmUsageWarning = getShouldDisplayIncomeSeriesConfirmUsageWarning(getIncomeSeriesById(formData.incomeSeriesId ?? -1) || defaultIncomeSeries) && isEditable;\n const [isSectionOpen, toggleSection] = useSectionToggle({\n shouldKeepOpen: hasHighlightedFields,\n initialValue: shouldDisplayIncomeSeriesConfirmUsageWarning\n });\n const [isUsageConfirmationModalOpen, setIsUsageConfirmationModalOpen] = useState54(shouldDisplayIncomeSeriesConfirmUsageWarning);\n const shouldDisableSubmit = hasHighlightedFields || !formData.incomeSeriesId;\n const sectionRef = useRef20(null);\n useEnterKeyForSave(onSave, toggleSection, isSectionOpen, sectionRef);\n useEffect27(() => {\n if (isComponentBeingMountRef.current) {\n setComponentDidMount();\n return;\n }\n if (formData.id)\n toggleSection();\n }, [formData.id, toggleSection, isComponentBeingMountRef, setComponentDidMount]);\n return /* @__PURE__ */ _jsxs105(_Fragment60, {\n children: [/* @__PURE__ */ _jsx159(Focusable, {\n ref: sectionRef,\n children: /* @__PURE__ */ _jsx159(Collapsible, {\n isExpanded: isSectionOpen && !isDisabled,\n expanded: /* @__PURE__ */ _jsx159(AutoScrolled5, {\n block: \"end\",\n children: /* @__PURE__ */ _jsxs105(CollapsibleContent, {\n children: [/* @__PURE__ */ _jsx159(InvoiceSeries, {}), /* @__PURE__ */ _jsx159(InvoiceDates, {}), /* @__PURE__ */ _jsxs105(FormSectionActions, {\n children: [!hasNotBeenCreatedYet && /* @__PURE__ */ _jsx159(Button36, {\n onClick: () => {\n restore();\n toggleSection();\n },\n isSecondary: true,\n \"aria-label\": translation({\n id: \"common.actions.cancel\"\n }),\n children: /* @__PURE__ */ _jsx159(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx159(Button36, {\n onClick: () => {\n onSave();\n toggleSection();\n },\n \"aria-label\": translation({\n id: \"common.actions.done\"\n }),\n disabled: shouldDisableSubmit,\n children: /* @__PURE__ */ _jsx159(Translation, {\n id: \"common.actions.done\"\n })\n })]\n })]\n })\n }),\n collapsed: /* @__PURE__ */ _jsx159(CollapsibleContent, {\n onClick: toggleSection,\n isDisabled: !isEditable,\n children: /* @__PURE__ */ _jsxs105(CollapsibleContentCollapsed, {\n isClickable: isEditable,\n children: [/* @__PURE__ */ _jsxs105(FormText, {\n children: [/* @__PURE__ */ _jsx159(Translation, {\n id: \"record.content.title.invoice\"\n }), \" \", /* @__PURE__ */ _jsx159(FormTextHighlighted, {\n children: invoiceNumberOrPreview\n })]\n }), /* @__PURE__ */ _jsx159(FormText, {\n children: shouldDisplayTaxPointDate ? /* @__PURE__ */ _jsxs105(_Fragment60, {\n children: [/* @__PURE__ */ _jsx159(Translation, {\n id: \"common.invoiceDate\"\n }), \" \", /* @__PURE__ */ _jsx159(FormTextHighlighted, {\n children: /* @__PURE__ */ _jsx159(FormattedDate, {\n value: invoiceDate,\n dateStyle: \"medium\"\n })\n })]\n }) : /* @__PURE__ */ _jsx159(FormattedDate, {\n value: invoiceDate,\n dateStyle: \"medium\"\n })\n }), shouldDisplayTaxPointDate && /* @__PURE__ */ _jsxs105(FormText, {\n children: [/* @__PURE__ */ _jsx159(Translation, {\n id: \"common.taxPointDate\"\n }), \" \", /* @__PURE__ */ _jsx159(FormTextHighlighted, {\n children: /* @__PURE__ */ _jsx159(FormattedDate, {\n value: taxPointDate,\n dateStyle: \"medium\"\n })\n })]\n })]\n })\n })\n })\n }), isUsageConfirmationModalOpen && /* @__PURE__ */ _jsx159(InvoiceSeriesConfirmUsageModal, {\n onConfirmCreate: () => setIsUsageConfirmationModalOpen(false),\n onConfirmKeepCurrent: () => {\n if (!defaultIncomeSeries)\n return;\n updateIncomeSeriesConfirmUsage({\n id: formData.incomeSeriesId ?? defaultIncomeSeries.id\n }).then(() => {\n setIsUsageConfirmationModalOpen(false);\n });\n },\n onClose: () => setIsUsageConfirmationModalOpen(false)\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/InvoiceCalculations.tsx\nimport { useHistory as useHistory19 } from \"react-router-dom\";\nimport { jsx as _jsx160 } from \"react/jsx-runtime\";\nvar InvoiceCalculations = ({\n isDisabled\n}) => {\n const {\n mode\n } = useInvoiceForm();\n const history = useHistory19();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const handleOpenDetailsClick = () => {\n history.replace(generatePath4(mode === MODE_CREATE ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE_SETTINGS : ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SETTINGS));\n };\n return /* @__PURE__ */ _jsx160(FormSectionSummary, {\n onOpenDetailsClick: handleOpenDetailsClick,\n isDisabled\n });\n};\n\n// src/components/customer/invoicing/invoice/invoice-template/InvoiceTemplate.tsx\nimport { jsx as _jsx161, jsxs as _jsxs106 } from \"react/jsx-runtime\";\nvar InvoiceTemplate = (props) => {\n const isTablet = useIsTablet5();\n const invoiceForm = useInvoiceForm();\n const {\n isLoading: isLoadingIncomeSeries\n } = useIncomeSeries();\n const {\n incomeOptions: {\n hasSenderIdNumber,\n hasRecipientIdNumber\n }\n } = useConfig();\n const isReviewed4 = Invoice.isReviewed(invoiceForm.formData);\n const isFiled4 = Invoice.isFiled(invoiceForm.formData);\n const isReadOnly = isReviewed4 || isFiled4;\n return /* @__PURE__ */ _jsx161(FormContainer, {\n children: /* @__PURE__ */ _jsxs106(FormLayout, {\n children: [/* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: isLoadingIncomeSeries ? /* @__PURE__ */ _jsx161(Skeleton7, {\n children: /* @__PURE__ */ _jsx161(SkeletonLine7, {\n height: \"90px\"\n })\n }) : /* @__PURE__ */ _jsx161(InvoiceMetaData, {\n isDisabled: isReadOnly,\n ...props\n })\n }), isTablet && /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(FormSectionLogo, {\n isDisabled: isReadOnly\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(FormSectionRecipient, {\n form: invoiceForm,\n isDisabled: isReadOnly,\n hasRecipientIdNumber,\n ...props\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(FormSectionSender, {\n form: invoiceForm,\n isDisabled: isReadOnly,\n hasSenderIdNumber,\n ...props\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n spanned: true,\n children: /* @__PURE__ */ _jsx161(FormSectionLines, {\n form: invoiceForm,\n isDisabled: isReadOnly\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {}), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(Spacer33, {\n tabletMarginBottom: \"60px\",\n children: /* @__PURE__ */ _jsx161(InvoiceCalculations, {\n isDisabled: isReadOnly\n })\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(FormSectionPaymentTerms, {\n form: invoiceForm,\n isDisabled: isReadOnly,\n ...props\n })\n }), /* @__PURE__ */ _jsx161(FormLayoutItem, {\n children: /* @__PURE__ */ _jsx161(FormSectionNotes, {\n form: invoiceForm,\n isDisabled: isReadOnly,\n ...props\n })\n })]\n })\n });\n};\n\n// src/components/customer/invoicing/invoice/InvoiceIssueModal.tsx\nimport { Button as Button37, ModalActionsLegacy as ModalActions10, ModalBodyLegacy as ModalBody21, ModalFooterLegacy as ModalFooter19, ModalHeaderLegacy as ModalHeader16, ModalLegacy as Modal21, ModalTitleLegacy as ModalTitle16, Paragraph as Paragraph13 } from \"@scouts/ui\";\nimport { jsx as _jsx162, Fragment as _Fragment61, jsxs as _jsxs107 } from \"react/jsx-runtime\";\nvar InvoiceIssueModal = ({\n isLoading,\n validation,\n onClose,\n onConfirm\n}) => /* @__PURE__ */ _jsxs107(Modal21, {\n onClose,\n children: [/* @__PURE__ */ _jsx162(ModalHeader16, {\n children: /* @__PURE__ */ _jsx162(ModalTitle16, {\n children: /* @__PURE__ */ _jsx162(Translation, {\n strings: [\"Finalising the invoice\", \"Finalizar factura\"]\n })\n })\n }), /* @__PURE__ */ _jsxs107(ModalBody21, {\n children: [!validation?.hasValidationErrors && /* @__PURE__ */ _jsx162(Paragraph13, {\n children: /* @__PURE__ */ _jsx162(Translation, {\n strings: [\"Just so you know, once issued, invoice number and invoice date will be final and can no longer be changed.\", \"Si finalizas la factura, el n\\xFAmero y la fecha ya no podr\\xE1n ser modificados. Eso evitar\\xE1 problemas con Hacienda una vez compartas la factura con tus clientes.\"]\n })\n }), validation?.hasValidationErrors && /* @__PURE__ */ _jsxs107(_Fragment61, {\n children: [/* @__PURE__ */ _jsx162(Paragraph13, {\n children: /* @__PURE__ */ _jsx162(Translation, {\n strings: [\"Before we can issue the invoice please fill in the missing information:\", \"Hemos guardado un borrador de esta factura, pero te falta informaci\\xF3n obligatoria para poder finalizarla:\"]\n })\n }), /* @__PURE__ */ _jsx162(IssueInvoiceMissingFieldsNotice, {\n validationErrors: validation?.validationErrors\n })]\n })]\n }), /* @__PURE__ */ _jsx162(ModalFooter19, {\n children: /* @__PURE__ */ _jsxs107(ModalActions10, {\n children: [!validation?.hasValidationErrors && /* @__PURE__ */ _jsxs107(_Fragment61, {\n children: [/* @__PURE__ */ _jsx162(Button37, {\n onClick: onClose,\n isLoading,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx162(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx162(Button37, {\n onClick: onConfirm,\n isLoading,\n children: /* @__PURE__ */ _jsx162(Translation, {\n strings: [\"Continue\", \"Finalizar\"]\n })\n })]\n }), validation?.hasValidationErrors && /* @__PURE__ */ _jsx162(Button37, {\n onClick: onClose,\n children: /* @__PURE__ */ _jsx162(Translation, {\n strings: [\"Got it, will do\", \"Cerrar\"]\n })\n })]\n })\n })]\n});\n\n// src/components/customer/invoicing/invoice/InvoiceSendModal.tsx\nimport { useState as useState55 } from \"react\";\nimport { useIntl as useIntl3 } from \"react-intl\";\nimport styled49 from \"styled-components\";\nimport { formatCurrency as formatCurrency14 } from \"@scouts/helpers\";\nimport { useLocale as useLocale18 } from \"@scouts/i18n\";\nimport { addErrorToast as addErrorToast15, addSuccessToast as addSuccessToast11, colors as colors69, media as media23, radius as radius29, Button as Button38, Checkbox as Checkbox6, Chip as Chip12, ChipButton as ChipButton8, Container as Container48, Flexer as Flexer51, Form as Form16, Input as Input21, ModalActionsLegacy as ModalActions11, ModalBodyLegacy as ModalBody22, ModalFooterLegacy as ModalFooter20, ModalHeaderLegacy as ModalHeader17, ModalLegacy as Modal22, ModalSubtitleLegacy as ModalSubtitle2, ModalTitleLegacy as ModalTitle17, MultiEmailInput, TextArea as TextArea5 } from \"@scouts/ui\";\nimport { jsx as _jsx163, jsxs as _jsxs108 } from \"react/jsx-runtime\";\nvar MAX_NUMBER_OF_RECIPIENTS = 6;\nvar InvoiceSendModal = ({\n invoice,\n onClose,\n onDownload\n}) => {\n const {\n formatDate\n } = useIntl3();\n const locale = useLocale18();\n const translation = useTranslation();\n const {\n defaultCurrency\n } = useConfig();\n const {\n invoiceNumber,\n senderName,\n id,\n gross,\n issuedDateUTC,\n recipientName,\n currency\n } = invoice;\n const formattedGross = formatCurrency14(gross || 0, {\n currency: currency?.code || defaultCurrency,\n locale\n });\n const formattedDate = issuedDateUTC ? formatDate(issuedDateUTC, {\n dateStyle: \"long\"\n }) : null;\n const defaultSubject = translation({\n id: \"invoice.email.defaultSubject\"\n }, {\n invoiceNumber,\n senderName\n }) || \"\";\n const defaultGreeting = recipientName ? translation({\n id: \"invoice.email.defaultGreeting\"\n }, {\n recipientName\n }) : translation({\n id: \"invoice.email.defaultGreeting.nameless\"\n });\n const defaultBody = translation({\n id: \"invoice.email.defaultMessage\"\n }, {\n invoiceNumber,\n senderName,\n gross: formattedGross,\n issuedDateUTC: formattedDate\n }) || \"\";\n const defaultMessage = `${defaultGreeting}${defaultBody}`;\n const [emails, setEmails] = useState55([]);\n const [emailInputValue, setEmailInputValue] = useState55(\"\");\n const [isSendCopyToSelf, setIsSendCopyToSelf] = useState55(false);\n const [subject, setSubject] = useState55(defaultSubject);\n const [message, setMessage] = useState55(defaultMessage);\n const [isUpdating, setIsUpdating] = useState55(false);\n const totalNumberOfRecipients = emails.length + (isSendCopyToSelf ? 1 : 0);\n const hasMaxRecipientsError = totalNumberOfRecipients > MAX_NUMBER_OF_RECIPIENTS;\n const hasMaxRecipientsWarning = totalNumberOfRecipients >= MAX_NUMBER_OF_RECIPIENTS;\n const isSubmitDisabled = !emails.length && !emailInputValue || !subject || !message || isUpdating || hasMaxRecipientsError;\n const {\n sendInvoiceEmail\n } = useSendInvoiceEmail();\n const handleFileDownload = () => {\n onDownload();\n };\n const hasIncompleteEmailInInput = Boolean(emailInputValue.trim() && !emails.includes(emailInputValue));\n const handleSendInvoices = async () => {\n if (hasIncompleteEmailInInput) {\n addErrorToast15({\n body: translation({\n id: \"invoice.error.emailIncomplete\"\n })\n });\n return;\n }\n setIsUpdating(true);\n const uniqueEmails = Array.from(new Set(emails));\n const response = await sendInvoiceEmail({\n id,\n recipientEmails: uniqueEmails,\n sendCopyToSelf: isSendCopyToSelf,\n emailSubject: subject,\n emailContents: message\n });\n if (response && response.errors) {\n setIsUpdating(false);\n addErrorToast15({\n body: translation({\n id: \"common.errorSend\"\n })\n });\n } else {\n addSuccessToast11({\n body: translation({\n id: \"invoice.success.sendToRecipients\"\n }, {\n count: uniqueEmails.length\n })\n });\n onClose();\n }\n };\n return /* @__PURE__ */ _jsxs108(Modal22, {\n onClose,\n children: [/* @__PURE__ */ _jsxs108(ModalHeader17, {\n children: [/* @__PURE__ */ _jsx163(ModalTitle17, {\n children: /* @__PURE__ */ _jsx163(Translation, {\n strings: [\"Send invoice\", \"Enviar factura\"]\n })\n }), /* @__PURE__ */ _jsx163(ModalSubtitle2, {\n children: /* @__PURE__ */ _jsx163(Translation, {\n strings: [\"You can share this invoice by adding multiple email addresses. Press the 'comma', 'semicolon' or 'tab' keys after entering an address to add the next.\", \"Puedes compartir esta factura a\\xF1adiendo varias direcciones de correo electr\\xF3nico. Pulsa las teclas 'coma', 'punto y coma' o 'tabulador' despu\\xE9s de introducir una direcci\\xF3n para a\\xF1adir la siguiente.\"]\n })\n })]\n }), /* @__PURE__ */ _jsx163(ModalBody22, {\n children: /* @__PURE__ */ _jsxs108(BodyWrapper, {\n children: [/* @__PURE__ */ _jsx163(Form16.Row, {\n children: /* @__PURE__ */ _jsx163(Form16.Row.Content, {\n children: /* @__PURE__ */ _jsxs108(Flexer51, {\n column: true,\n gap: \"24px\",\n children: [/* @__PURE__ */ _jsx163(MultiEmailInput, {\n allowDuplicate: true,\n floatingLabel: translation({\n id: \"invoice.email.recipients\"\n }),\n hasError: hasIncompleteEmailInInput,\n emails,\n onChange: setEmails,\n onChangeInput: setEmailInputValue\n }), /* @__PURE__ */ _jsx163(Checkbox6, {\n isSmall: true,\n checked: isSendCopyToSelf,\n label: translation({\n id: \"invoice.email.sendToMyself\"\n }),\n onChange: (params) => setIsSendCopyToSelf(params.checked)\n }), hasMaxRecipientsWarning && /* @__PURE__ */ _jsx163(Container48, {\n children: /* @__PURE__ */ _jsx163(Chip12, {\n color: colors69.text.base,\n background: hasMaxRecipientsError ? colors69.surface.attention : colors69.surface.neutral,\n children: hasMaxRecipientsError ? /* @__PURE__ */ _jsx163(Translation, {\n strings: [\"You have exceeded the recipient limit\", \"Has superado el l\\xEDmite de destinatarios\"]\n }) : /* @__PURE__ */ _jsx163(Translation, {\n strings: [\"You have reached the recipient limit\", \"Has alcanzado el l\\xEDmite de destinatarios\"]\n })\n })\n })]\n })\n })\n }), /* @__PURE__ */ _jsx163(Form16.Row, {\n children: /* @__PURE__ */ _jsx163(Form16.Row.Content, {\n children: /* @__PURE__ */ _jsx163(Input21, {\n required: true,\n name: \"subject\",\n floatingLabel: translation({\n id: \"invoice.email.subject\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n value: subject,\n onChange: ({\n value\n }) => setSubject(value)\n })\n })\n }), /* @__PURE__ */ _jsx163(Form16.Row, {\n children: /* @__PURE__ */ _jsx163(Form16.Row.Content, {\n children: /* @__PURE__ */ _jsx163(TextArea5, {\n required: true,\n height: \"198px\",\n name: \"message\",\n floatingLabel: translation({\n id: \"invoice.email.message\"\n }),\n shouldAlwaysDisplayFloatingLabel: true,\n value: message,\n onChange: ({\n value\n }) => setMessage(value),\n resize: \"vertical\"\n })\n })\n }), /* @__PURE__ */ _jsx163(Container48, {\n padding: \"12px\",\n radius: radius29.medium,\n background: colors69.surface.highlightSoft,\n children: /* @__PURE__ */ _jsxs108(ChipButton8, {\n onClick: handleFileDownload,\n variant: \"inverted\",\n children: [invoiceNumber, \".pdf\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx163(ModalFooter20, {\n children: /* @__PURE__ */ _jsxs108(ModalActions11, {\n children: [/* @__PURE__ */ _jsx163(Button38, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx163(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx163(Button38, {\n onClick: handleSendInvoices,\n disabled: isSubmitDisabled,\n isLoading: isUpdating,\n children: /* @__PURE__ */ _jsx163(Translation, {\n id: \"common.actions.send\"\n })\n })]\n })\n })]\n });\n};\nvar BodyWrapper = styled49.div.withConfig({\n displayName: \"InvoiceSendModal__BodyWrapper\",\n componentId: \"sc-7j1r26-0\"\n})([\"padding-top:6px;\", \"{padding-top:0;}\"], media23.tablet);\n\n// src/components/customer/invoicing/invoice/InvoiceForm.tsx\nimport { jsx as _jsx164, jsxs as _jsxs109, Fragment as _Fragment62 } from \"react/jsx-runtime\";\nvar InvoiceForm2 = () => {\n const translation = useTranslation();\n const history = useHistory20();\n const {\n incomeOptions\n } = useConfig();\n const {\n mode,\n formData,\n handleFormChange,\n cleanForm,\n setValidationErrors\n } = useInvoiceForm();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const {\n downloadInvoiceFile\n } = useInvoiceFilesActions();\n const {\n updateInvoice,\n updateInvoiceStatus,\n isLoading: isLoadingUpdateInvoice\n } = useUpdateInvoice();\n const {\n createInvoice,\n isLoading: isLoadingCreateInvoice\n } = useCreateInvoice();\n const [shouldSendEmail, setShouldSendEmail] = useState56(false);\n const isPaid3 = Invoice.isPaid(formData);\n const validationResultForIssuing = validateInvoice({\n translation,\n invoice: formData,\n asDraft: false,\n incomeOptions\n });\n const openSettingsModal = () => {\n history.replace(generatePath4(mode === MODE_CREATE ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE_SETTINGS : ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SETTINGS));\n };\n const closeSettingsModal = () => {\n history.replace(generatePath4(mode === MODE_CREATE ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE : ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT));\n };\n const openAppearanceModal = () => {\n history.replace(generatePath4(mode === MODE_CREATE ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE_APPEARANCE : ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_APPEARANCE));\n };\n const closeAppearanceModal = () => {\n history.replace(generatePath4(mode === MODE_CREATE ? ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE : ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT));\n };\n const closeConfirmationModal = () => {\n if (validationResultForIssuing)\n setValidationErrors(validationResultForIssuing.validationErrors);\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT));\n };\n const closeSendModal = () => {\n setShouldSendEmail(false);\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT));\n };\n const handleInvoiceCreation = ({\n extraAction,\n normalizedInvoice,\n onSuccess = () => {\n },\n onError = () => {\n }\n }) => {\n createInvoice(normalizedInvoice).then((response) => {\n if (response?.errors) {\n if (onError)\n onError();\n return;\n }\n const {\n id\n } = response;\n if (extraAction === \"issue\") {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_ISSUE, {\n id\n }));\n } else if (extraAction === \"issueAndSend\") {\n setShouldSendEmail(true);\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_ISSUE, {\n id\n }));\n } else {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT, {\n id\n }));\n }\n handleFormChange(response);\n cleanForm();\n if (onSuccess)\n onSuccess();\n addSuccessToast12({\n body: translation({\n id: \"common.successCreate\"\n })\n });\n });\n };\n const handleInvoiceUpdate = ({\n extraAction,\n normalizedInvoice,\n onSuccess = () => {\n },\n onError = () => {\n }\n }) => {\n updateInvoice(normalizedInvoice).then((response) => {\n if (response?.errors) {\n if (onError)\n onError();\n return;\n }\n if (extraAction === \"issue\") {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_ISSUE, {\n id: formData.id\n }));\n } else if (extraAction === \"issueAndSend\") {\n setShouldSendEmail(true);\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_ISSUE, {\n id: formData.id\n }));\n }\n handleFormChange(response);\n cleanForm();\n if (onSuccess)\n onSuccess();\n if (Invoice.isDraft(formData))\n addSuccessToast12({\n body: translation({\n id: \"common.successUpdate\"\n })\n });\n });\n };\n const handleSettingsUpdate = (data) => {\n handleFormChange(data);\n closeSettingsModal();\n };\n const handleSave = (meta = {}) => {\n const {\n onSuccess,\n onError,\n extraAction\n } = meta;\n const validationResult = validateInvoice({\n translation,\n invoice: formData,\n asDraft: mode === MODE_CREATE || Invoice.isDraft(formData),\n incomeOptions\n });\n if (validationResult.hasValidationErrors) {\n setValidationErrors(validationResult.validationErrors);\n if (onError)\n onError();\n return;\n }\n const normalizedInvoice = Invoice.toRecord(formData);\n if (mode === MODE_CREATE) {\n handleInvoiceCreation({\n normalizedInvoice,\n onSuccess,\n onError,\n extraAction\n });\n return;\n }\n handleInvoiceUpdate({\n normalizedInvoice,\n onSuccess,\n onError,\n extraAction\n });\n };\n const handleInvoiceIssue = () => {\n updateInvoiceStatus({\n id: formData.id,\n status: InvoiceStatus.ISSUED\n }).then((response) => {\n if (response?.errors)\n return;\n handleFormChange(response);\n cleanForm();\n closeConfirmationModal();\n if (shouldSendEmail)\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SEND, {\n id: formData.id\n }));\n });\n };\n const handleDownloadInvoice = () => downloadInvoiceFile({\n invoiceId: formData.id,\n fileName: formData.invoiceNumber || translation({\n id: \"record.content.title.invoice\"\n })\n });\n if (!formData)\n return null;\n const isLoading = isLoadingCreateInvoice || isLoadingUpdateInvoice;\n return /* @__PURE__ */ _jsxs109(_Fragment62, {\n children: [/* @__PURE__ */ _jsxs109(\"form\", {\n children: [/* @__PURE__ */ _jsx164(InvoiceHeader, {\n isPaid: isPaid3,\n onSave: handleSave,\n openSettingsModal,\n openAppearanceModal,\n isLoading\n }), /* @__PURE__ */ _jsx164(InvoiceTemplate, {\n onSave: handleSave\n })]\n }), /* @__PURE__ */ _jsxs109(Switch5, {\n children: [/* @__PURE__ */ _jsx164(Route5, {\n path: [ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE_SETTINGS, ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SETTINGS],\n render: () => /* @__PURE__ */ _jsx164(InvoiceSettingsModal, {\n onClose: closeSettingsModal,\n onSave: handleSettingsUpdate\n })\n }), /* @__PURE__ */ _jsx164(Route5, {\n path: ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_ISSUE,\n render: () => /* @__PURE__ */ _jsx164(InvoiceIssueModal, {\n isLoading,\n onClose: closeConfirmationModal,\n onConfirm: handleInvoiceIssue,\n validation: validationResultForIssuing\n })\n }), /* @__PURE__ */ _jsx164(Route5, {\n path: ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_SEND,\n render: () => /* @__PURE__ */ _jsx164(InvoiceSendModal, {\n onClose: closeSendModal,\n onDownload: handleDownloadInvoice,\n invoice: formData\n })\n }), /* @__PURE__ */ _jsx164(Route5, {\n path: [ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE_APPEARANCE, ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT_APPEARANCE],\n render: () => /* @__PURE__ */ _jsx164(InvoiceAppearanceModal, {\n onClose: closeAppearanceModal\n })\n })]\n })]\n });\n};\n\n// src/components/customer/invoicing/invoice/InvoicePage.tsx\nimport { jsx as _jsx165 } from \"react/jsx-runtime\";\nvar InvoicePage = (props) => /* @__PURE__ */ _jsx165(InvoiceProvider, {\n ...props,\n children: /* @__PURE__ */ _jsx165(InvoiceForm2, {})\n});\n\n// src/components/customer/invoicing/invoice/InvoicePageEdit.tsx\nimport { colors as colors70, Loadable as Loadable10, Notice as Notice5 } from \"@scouts/ui\";\nimport { jsx as _jsx166 } from \"react/jsx-runtime\";\nvar InvoicePageEdit = ({\n invoiceId\n}) => {\n const {\n invoice,\n isError\n } = useInvoice({\n invoiceId\n });\n if (isError)\n return /* @__PURE__ */ _jsx166(Notice5, {\n background: colors70.red,\n children: /* @__PURE__ */ _jsx166(Translation, {\n id: \"error.unexpected\"\n })\n });\n if (!invoice)\n return /* @__PURE__ */ _jsx166(Loadable10, {\n isLoading: true\n });\n return /* @__PURE__ */ _jsx166(InvoicePage, {\n invoice,\n mode: MODE_EDIT\n });\n};\n\n// src/components/customer/invoicing/Invoicing.tsx\nimport { jsx as _jsx167, jsxs as _jsxs110 } from \"react/jsx-runtime\";\nvar Invoicing = withConfigurationErrorBoundary(() => {\n const {\n isReadOnly\n } = useConfig();\n const {\n createBlankInvoice,\n isReady: isReadyCreateBlankInvoice\n } = useCreateBlankInvoice();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParams = useGeneratePathWithParams();\n useCurrencies();\n const {\n isSuccess: isSuccessTaxes\n } = useTaxes();\n if (isReadOnly)\n return null;\n if (!isSuccessTaxes || !isReadyCreateBlankInvoice)\n return /* @__PURE__ */ _jsx167(Loadable11, {\n isLoading: true\n });\n return /* @__PURE__ */ _jsxs110(Switch6, {\n children: [/* @__PURE__ */ _jsx167(Route6, {\n path: ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE,\n render: () => /* @__PURE__ */ _jsx167(InvoicePage, {\n invoice: createBlankInvoice(),\n mode: MODE_CREATE\n })\n }), /* @__PURE__ */ _jsx167(Route6, {\n path: ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT,\n render: ({\n match\n }) => {\n const {\n params: {\n id\n }\n } = match;\n return /* @__PURE__ */ _jsx167(InvoicePageEdit, {\n invoiceId: Number(id)\n });\n }\n }), /* @__PURE__ */ _jsx167(Redirect2, {\n to: generatePathWithParams(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE)\n })]\n });\n});\n\n// src/components/customer/tracking/BookkeepingTrackingBalance.tsx\nimport { useHistory as useHistory21 } from \"react-router-dom\";\nimport { colors as colors71, Flexer as Flexer52, Notice as Notice6, Spinner as Spinner3 } from \"@scouts/ui\";\nimport { jsx as _jsx168, Fragment as _Fragment63, jsxs as _jsxs111 } from \"react/jsx-runtime\";\nvar TrackingBalance = withConfigurationErrorBoundary(({\n children\n}) => {\n const generatePath4 = useGeneratePathWithParams();\n const history = useHistory21();\n const {\n ROUTES\n } = useRoutes();\n const {\n balance,\n isError: isErrorBalance,\n isSuccess: isSuccessBalance\n } = useBalance();\n const {\n isError: isErrorInvoices,\n isSuccess: isSuccessInvoices\n } = useInvoices();\n const {\n isError: isErrorIncomes,\n isSuccess: isSuccessIncomes,\n incompleteIncomesCount: numberOfIncompleteIncomes\n } = useIncompleteIncomes();\n const {\n isError: isErrorExpenses,\n isSuccess: isSuccessExpenses,\n incompleteExpensesCount: numberOfIncompleteExpenses\n } = useIncompleteExpenses();\n const navigateToIncomes = () => {\n history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES));\n };\n const navigateToExpenses = () => {\n history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES));\n };\n const isError = isErrorBalance || isErrorExpenses || isErrorIncomes || isErrorInvoices;\n const isSuccess = isSuccessBalance && isSuccessExpenses && isSuccessIncomes && isSuccessInvoices;\n return /* @__PURE__ */ _jsxs111(_Fragment63, {\n children: [isError && /* @__PURE__ */ _jsx168(Notice6, {\n background: colors71.red,\n children: /* @__PURE__ */ _jsx168(Translation, {\n id: \"error.unexpected\"\n })\n }), !isSuccess && !isError && /* @__PURE__ */ _jsx168(Flexer52, {\n justifyCenter: true,\n children: /* @__PURE__ */ _jsx168(Spinner3, {})\n }), !!balance && isSuccess && children({\n data: {\n expensesCount: balance.expenses.count,\n incomesCount: balance.taxableIncome.count,\n numberOfIncompleteExpenses,\n numberOfIncompleteIncomes,\n totalNetExpense: balance.expenses.totalNet,\n totalNetIncome: balance.taxableIncome.totalNet\n },\n actions: {\n navigateToIncomes,\n navigateToExpenses\n }\n })]\n });\n});\n\n// src/components/customer/tracking/Tracking.tsx\nimport { useEffect as useEffect33 } from \"react\";\nimport { generatePath as generatePath3, Redirect as Redirect3, Route as Route9, Switch as Switch9 } from \"react-router-dom\";\nimport styled71 from \"styled-components\";\nimport { useLocalStorage } from \"@scouts/helpers\";\nimport { media as media36, Container as Container77, Flexer as Flexer86, Grid as Grid15, GridItem as GridItem9 } from \"@scouts/ui\";\n\n// src/components/customer/banking/shared/hooks/use-banking-transactions-notification.ts\nimport { useMemo as useMemo40 } from \"react\";\n\n// src/store/banking-providers/hooks/use-total-unreviewed-banking-transactions.ts\nvar useTotalUnreviewedBankingTransactions = ({\n params,\n skip\n}) => {\n const {\n id: userId\n } = useUser();\n const startDate = useGetTaxPeriodStartDate();\n const {\n data: fetchedData\n } = useGetTotalUnreviewedBankingTransactionsQuery({\n userId,\n isBusiness: bankingTransactionStatus.NotSet,\n pageSize: 1,\n startDate,\n ...params\n }, {\n skip\n });\n const {\n data,\n totalCount\n } = fetchedData || {};\n return {\n data,\n totalCount\n };\n};\n\n// src/components/customer/banking/shared/hooks/use-banking-transactions-notification.ts\nvar useBankingTransactionsNotification = () => {\n const {\n data: connectedBankingProviders,\n isLoading: isLoadingConnectedBankingProviders\n } = useConnectedBankingProviders();\n const {\n data: unreviewedTransactions,\n totalCount: totalCountUnreviewedTransactions\n } = useTotalUnreviewedBankingTransactions({\n skip: !connectedBankingProviders?.length\n });\n const connectedBankingProvider = useMemo40(() => {\n const allTransactions = unreviewedTransactions;\n if (connectedBankingProviders?.length) {\n if (allTransactions?.length) {\n const disconnectedBankingProvider = connectedBankingProviders.find((bank) => bank.isDisconnected);\n if (disconnectedBankingProvider) {\n return disconnectedBankingProvider;\n }\n const bankingProviderInLatestTransaction = connectedBankingProviders.find((bank) => bank.bankingProviderId === allTransactions[0].bankingProviderId);\n return bankingProviderInLatestTransaction;\n }\n return connectedBankingProviders[0];\n }\n return void 0;\n }, [connectedBankingProviders, unreviewedTransactions]);\n const totalUnreviewedTransactions = totalCountUnreviewedTransactions || 0;\n return {\n connectedBankingProvider,\n connectedBankingProviders,\n isLoadingConnectedBankingProviders,\n totalUnreviewedTransactions\n };\n};\n\n// src/components/customer/banking/BankingIntegration.tsx\nimport { Route as Route7, Switch as Switch7 } from \"react-router-dom\";\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviderConnectModal.tsx\nimport { useHistory as useHistory22, useParams as useParams2 } from \"react-router-dom\";\nimport { Button as Button39, ModalActionsLegacy as ModalActions12, ModalBodyLegacy as ModalBody23, ModalFooterLegacy as ModalFooter21, ModalHeaderLegacy as ModalHeader18, ModalLegacy as Modal23, ModalTitleLegacy as ModalTitle18, Paragraph as Paragraph14 } from \"@scouts/ui\";\nimport { jsx as _jsx169, jsxs as _jsxs112 } from \"react/jsx-runtime\";\nvar AvailableBankingProviderConnectModal = () => {\n const history = useHistory22();\n const {\n routes\n } = useBankingContext();\n const {\n bankingProviderId\n } = useParams2();\n const {\n data,\n isError,\n isFetching\n } = useBankingProviderAuthLink({\n bankingProviderId\n });\n const handleConnect = () => {\n if (!data)\n return;\n track(EVENTS.BANKING_INITIATE_CONNECT, {\n bankingProviderId\n });\n window.location.assign(data + `&state=${bankingProviderId}`);\n };\n const handleClose = () => history.push(routes.providers);\n return /* @__PURE__ */ _jsxs112(Modal23, {\n isLoading: isFetching,\n isError: !data || isError,\n onClose: handleClose,\n children: [/* @__PURE__ */ _jsx169(ModalHeader18, {\n children: /* @__PURE__ */ _jsx169(ModalTitle18, {\n children: /* @__PURE__ */ _jsx169(Translation, {\n strings: [\"We'll take you to your online bank\", \"\\xA1V\\xE1monos a tu banco!\"]\n })\n })\n }), /* @__PURE__ */ _jsxs112(ModalBody23, {\n children: [/* @__PURE__ */ _jsx169(Paragraph14, {\n children: /* @__PURE__ */ _jsx169(Translation, {\n strings: [\"Next you'll be redirected to your bank's secure site to authenticate and grant TaxScouts permission to access your transaction data.\", \"En este paso te redirigimos a la web de tu entidad bancaria, donde podr\\xE1s identificarte y darnos permiso para acceder a tus transacciones.\"]\n })\n }), /* @__PURE__ */ _jsx169(Paragraph14, {\n children: /* @__PURE__ */ _jsx169(Translation, {\n strings: [\"Once done, you'll be brought back here so we can continue simplifying your self-employed finances.\", \"Una vez hecho esto, volveremos a TaxScouts para que puedas empezar a contabilizar tus ingresos y gastos. \\xBFVamos?\"]\n })\n })]\n }), /* @__PURE__ */ _jsx169(ModalFooter21, {\n children: /* @__PURE__ */ _jsxs112(ModalActions12, {\n children: [/* @__PURE__ */ _jsx169(Button39, {\n onClick: handleClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx169(Translation, {\n strings: [\"Cancel\", \"Cancelar\"]\n })\n }), /* @__PURE__ */ _jsx169(Button39, {\n onClick: handleConnect,\n children: /* @__PURE__ */ _jsx169(Translation, {\n strings: [\"Get started\", \"Empezar\"]\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviderReconnectModal.tsx\nimport { useHistory as useHistory23, useParams as useParams3 } from \"react-router-dom\";\nimport { Button as Button40, ModalActionsLegacy as ModalActions13, ModalBodyLegacy as ModalBody24, ModalFooterLegacy as ModalFooter22, ModalHeaderLegacy as ModalHeader19, ModalLegacy as Modal24, ModalTitleLegacy as ModalTitle19, Paragraph as Paragraph15 } from \"@scouts/ui\";\n\n// src/store/banking-providers/hooks/use-banking-provider-reauth-link.ts\nvar useBankingProviderReauthLink = ({\n bankingProviderId\n}) => {\n const {\n id: userId\n } = useUser();\n const {\n redirectUri\n } = useRedirectUri();\n const {\n data,\n isError,\n isFetching\n } = useGetBankingProviderReauthLinkQuery({\n userId,\n bankingProviderId,\n redirectUri: `${redirectUri}`\n });\n return {\n data,\n isError,\n isFetching\n };\n};\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviderReconnectModal.tsx\nimport { jsx as _jsx170, Fragment as _Fragment64, jsxs as _jsxs113 } from \"react/jsx-runtime\";\nvar AvailableBankingProviderReconnectModal = () => {\n const history = useHistory23();\n const {\n routes\n } = useBankingContext();\n const {\n bankingProviderId\n } = useParams3();\n const {\n data,\n isError,\n isFetching\n } = useBankingProviderReauthLink({\n bankingProviderId\n });\n const handleConnect = () => {\n if (!data)\n return;\n track(EVENTS.BANKING_INITIATE_CONNECT, {\n bankingProviderId\n });\n window.location.assign(data + `&state=${bankingProviderId}`);\n };\n const handleClose = () => history.push(routes.back);\n return /* @__PURE__ */ _jsxs113(Modal24, {\n isLoading: isFetching,\n isError: !data || isError,\n onClose: handleClose,\n children: [/* @__PURE__ */ _jsx170(ModalHeader19, {\n children: /* @__PURE__ */ _jsx170(ModalTitle19, {\n children: /* @__PURE__ */ _jsx170(Translation, {\n strings: [\"We'll take you to your online bank\", \"\\xA1V\\xE1monos a tu banco!\"]\n })\n })\n }), /* @__PURE__ */ _jsx170(ModalBody24, {\n children: /* @__PURE__ */ _jsxs113(_Fragment64, {\n children: [/* @__PURE__ */ _jsx170(Paragraph15, {\n children: /* @__PURE__ */ _jsx170(Translation, {\n strings: [\"Next you'll be redirected to your bank's secure site to authenticate and grant TaxScouts permission to access your transaction data.\", \"En este paso te redirigimos a la web de tu entidad bancaria, donde podr\\xE1s identificarte y darnos permiso para acceder a tus transacciones.\"]\n })\n }), /* @__PURE__ */ _jsx170(Paragraph15, {\n children: /* @__PURE__ */ _jsx170(Translation, {\n strings: [\"Once done, you'll be brought back here so we can continue simplifying your self-employed finances.\", \"Una vez hecho esto, volveremos a TaxScouts para que puedas empezar a contabilizar tus ingresos y gastos. \\xBFVamos?\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx170(ModalFooter22, {\n children: /* @__PURE__ */ _jsxs113(ModalActions13, {\n children: [/* @__PURE__ */ _jsx170(Button40, {\n onClick: handleClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx170(Translation, {\n strings: [\"Cancel\", \"Cancelar\"]\n })\n }), /* @__PURE__ */ _jsx170(Button40, {\n onClick: handleConnect,\n children: /* @__PURE__ */ _jsx170(Translation, {\n strings: [\"Reconnect\", \"Reconectar\"]\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviders.tsx\nimport { useHistory as useHistory24 } from \"react-router-dom\";\nimport { font as font31, Button as Button41, Flexer as Flexer55, Heading as Heading4, Paragraph as Paragraph16, Spacer as Spacer35 } from \"@scouts/ui\";\n\n// src/components/customer/banking/shared/BankingErrorNotice.tsx\nimport { colors as colors72, Notice as Notice7 } from \"@scouts/ui\";\nimport { jsx as _jsx171 } from \"react/jsx-runtime\";\nvar BankingErrorNotice = ({\n translations\n}) => /* @__PURE__ */ _jsx171(Notice7, {\n background: colors72.surface.alert,\n children: /* @__PURE__ */ _jsx171(Translation, {\n strings: translations\n })\n});\n\n// src/components/customer/banking/banking-providers/shared/BankingProvidersSkeleton.tsx\nimport { radius as radius30, Grid as Grid8, Skeleton as Skeleton8, SkeletonLine as SkeletonLine8 } from \"@scouts/ui\";\nimport { jsx as _jsx172 } from \"react/jsx-runtime\";\nvar BankingProvidersSkeleton = ({\n itemCount = 1,\n padding = \"0\"\n}) => {\n if (itemCount < 1)\n return null;\n return /* @__PURE__ */ _jsx172(Skeleton8, {\n padding,\n radius: radius30.large,\n children: /* @__PURE__ */ _jsx172(Grid8, {\n tabletColumns: 2,\n desktopColumns: 3,\n gap: \"9px\",\n children: /* @__PURE__ */ _jsx172(SkeletonLine8, {\n height: \"40px\",\n repeat: itemCount\n })\n })\n });\n};\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProvidersListWrapper.tsx\nimport styled52 from \"styled-components\";\nimport { useToggle as useToggle14 } from \"@scouts/helpers\";\nimport { colors as colors75, font as font30, media as media25, radius as radius32, Container as Container49, Line as Line26, Spacer as Spacer34 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProvidersList.tsx\nimport { Grid as Grid9 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviderItem.tsx\nimport styled51 from \"styled-components\";\nimport { colors as colors74, media as media24, radius as radius31, shadows as shadows11, Flexer as Flexer54 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/shared/BankingProviderItemTitle.tsx\nimport styled50 from \"styled-components\";\nimport { colors as colors73, font as font29, Flexer as Flexer53, Line as Line25 } from \"@scouts/ui\";\nimport { jsx as _jsx173, jsxs as _jsxs114 } from \"react/jsx-runtime\";\nvar BankingProviderItemTitle = ({\n bankingProvider\n}) => {\n const {\n displayName,\n logoUrl,\n isDisconnected\n } = bankingProvider;\n return /* @__PURE__ */ _jsxs114(Flexer53, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx173(BankingProviderIcon_default, {\n logoUrl\n }), /* @__PURE__ */ _jsxs114(Flexer53, {\n column: true,\n children: [/* @__PURE__ */ _jsx173(Title3, {\n children: displayName\n }), isDisconnected && /* @__PURE__ */ _jsx173(Line25, {\n color: colors73.red,\n size: font29.smaller,\n children: /* @__PURE__ */ _jsx173(Translation, {\n strings: [\"Disconnected\", \"Desconectado\"]\n })\n })]\n })]\n });\n};\nvar Title3 = styled50.span.withConfig({\n displayName: \"BankingProviderItemTitle__Title\",\n componentId: \"sc-14fh8vn-0\"\n})([\"color:\", \";font-size:\", \";font-weight:\", \";line-height:1.3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;\"], colors73.black, font29.small, font29.weight.medium);\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviderItem.tsx\nimport { jsx as _jsx174 } from \"react/jsx-runtime\";\nvar AvailableBankingProviderItem = ({\n bankingProvider,\n onClick\n}) => {\n const {\n bankingProviderId,\n displayName\n } = bankingProvider;\n return /* @__PURE__ */ _jsx174(ItemButton, {\n onClick: () => onClick(bankingProviderId),\n title: displayName,\n children: /* @__PURE__ */ _jsx174(Flexer54, {\n spaceBetween: true,\n children: /* @__PURE__ */ _jsx174(BankingProviderItemTitle, {\n bankingProvider\n })\n })\n });\n};\nvar ItemButton = styled51.button.withConfig({\n displayName: \"AvailableBankingProviderItem__ItemButton\",\n componentId: \"sc-ushf5z-0\"\n})([\"overflow:hidden;padding:15px 18px;background:\", \";border-radius:\", \";box-shadow:\", \";cursor:default;\", \"\"], colors74.white, radius31.large, shadows11.high, ({\n onClick\n}) => onClick && `\n cursor: pointer;\n\n &:active {\n outline: none;\n }\n\n &:focus {\n outline: 2px solid ${colors74.blue};\n }\n\n ${media24.pointer} {\n &:hover {\n opacity: 0.75;\n }\n }\n `);\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProvidersList.tsx\nimport { jsx as _jsx175 } from \"react/jsx-runtime\";\nvar AvailableBankingProvidersList = ({\n bankingProviders,\n onBankingProviderClick\n}) => /* @__PURE__ */ _jsx175(Grid9, {\n tabletColumns: 2,\n desktopColumns: 3,\n gap: \"9px\",\n children: bankingProviders?.map((bankingProvider) => /* @__PURE__ */ _jsx175(AvailableBankingProviderItem, {\n bankingProvider,\n onClick: onBankingProviderClick\n }, bankingProvider.bankingProviderId))\n});\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProvidersListWrapper.tsx\nimport { jsx as _jsx176, jsxs as _jsxs115, Fragment as _Fragment65 } from \"react/jsx-runtime\";\nvar AvailableBankingProvidersListWrapper = ({\n additionalBankingProviders,\n handleConnect,\n hasBankingProviders,\n suggestedBankingProviders\n}) => {\n const [isListExpanded, , , toggleList] = useToggle14();\n return /* @__PURE__ */ _jsx176(Container49, {\n background: colors75.neutralLightest,\n padding: \"18px\",\n tabletPadding: \"18px 24px\",\n radius: radius32.large,\n children: hasBankingProviders ? /* @__PURE__ */ _jsxs115(_Fragment65, {\n children: [/* @__PURE__ */ _jsxs115(Spacer34, {\n children: [/* @__PURE__ */ _jsx176(Line26, {\n size: font30.smaller,\n tabletSize: font30.small,\n children: /* @__PURE__ */ _jsx176(Translation, {\n strings: [\"Suggested\", \"Sugerencias\"]\n })\n }), /* @__PURE__ */ _jsx176(Spacer34, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx176(AvailableBankingProvidersList, {\n bankingProviders: suggestedBankingProviders,\n onBankingProviderClick: handleConnect\n })\n })]\n }), !!additionalBankingProviders && /* @__PURE__ */ _jsx176(Spacer34, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsxs115(AdditionalBankingProviders, {\n children: [/* @__PURE__ */ _jsx176(AdditionalBankingProvidersToggle, {\n onClick: toggleList,\n children: !isListExpanded ? /* @__PURE__ */ _jsx176(Translation, {\n strings: [\"Show more\", \"Ver todo\"]\n }) : /* @__PURE__ */ _jsx176(Translation, {\n strings: [\"Show less\", \"Ver menos\"]\n })\n }), /* @__PURE__ */ _jsx176(Spacer34, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx176(AvailableBankingProvidersList, {\n bankingProviders: additionalBankingProviders,\n onBankingProviderClick: handleConnect\n })\n })]\n })\n })]\n }) : /* @__PURE__ */ _jsx176(Spacer34, {\n children: /* @__PURE__ */ _jsx176(Translation, {\n strings: [\"There are currently no banks available\", \"No hay bancos disponibles actualmente\"]\n })\n })\n });\n};\nvar AdditionalBankingProviders = styled52.details.withConfig({\n displayName: \"AvailableBankingProvidersListWrapper__AdditionalBankingProviders\",\n componentId: \"sc-q3vf9x-0\"\n})([\"\"]);\nvar AdditionalBankingProvidersToggle = styled52.summary.withConfig({\n displayName: \"AvailableBankingProvidersListWrapper__AdditionalBankingProvidersToggle\",\n componentId: \"sc-q3vf9x-1\"\n})([\"color:\", \";font-size:\", \";font-weight:\", \";list-style:none;text-align:center;cursor:pointer;\", \"{&:hover{opacity:0.75;}}\"], colors75.blue, font30.smaller, font30.weight.medium, media25.pointer);\n\n// src/components/customer/banking/banking-providers/available-banking-providers/AvailableBankingProviders.tsx\nimport { jsx as _jsx177, jsxs as _jsxs116 } from \"react/jsx-runtime\";\nvar AvailableBankingProviders = () => {\n const history = useHistory24();\n const {\n bankingOptions,\n bankingPromotion\n } = useConfig();\n const {\n renderBankingPromotionBanner\n } = bankingPromotion || {};\n const {\n routes\n } = useBankingContext();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n data: bankingProviders,\n isError,\n isLoading: isLoadingBankingProviders\n } = useAvailableBankingProviders();\n const {\n data: connectedBankingProviders\n } = useConnectedBankingProviders();\n const handleConnect = (bankingProviderId) => history.push(generatePathWithParams(routes.connect, {\n bankingProviderId\n }));\n if (isError) {\n return /* @__PURE__ */ _jsx177(BankingErrorNotice, {\n translations: [\"Couldn't load available banking providers\", \"No se pudieron cargar los bancos disponibles\"]\n });\n }\n const isConnected = (bankingProviderId) => connectedBankingProviders?.some((connection) => connection.bankingProviderId === bankingProviderId);\n const bankingProvidersAllowingNewConnections = bankingProviders?.filter((provider) => !isConnected(provider.bankingProviderId));\n const suggestedBankingProvidersList = bankingOptions.popularBankingProviders.split(\",\");\n const groupedBankingProviders = bankingProvidersAllowingNewConnections?.reduce((acc, curr) => {\n if (suggestedBankingProvidersList.includes(curr.bankingProviderId)) {\n acc.set(\"suggested\", [...acc.get(\"suggested\") || [], curr]);\n } else {\n acc.set(\"additional\", [...acc.get(\"additional\") || [], curr]);\n }\n return acc;\n }, /* @__PURE__ */ new Map()) || /* @__PURE__ */ new Map();\n const hasBankingProviders = !!groupedBankingProviders.size;\n const suggestedBankingProviders = groupedBankingProviders.get(\"suggested\");\n const additionalBankingProviders = groupedBankingProviders.get(\"additional\");\n return /* @__PURE__ */ _jsxs116(Spacer35, {\n tabletWidth: \"672px\",\n desktopWidth: \"768px\",\n margin: \"0 auto\",\n children: [/* @__PURE__ */ _jsxs116(Flexer55, {\n column: true,\n gap: \"24px\",\n children: [/* @__PURE__ */ _jsx177(Spacer35, {\n children: /* @__PURE__ */ _jsx177(Button41, {\n isSecondary: true,\n size: \"small\",\n onClick: () => history.push(routes.back),\n children: /* @__PURE__ */ _jsx177(Translation, {\n strings: [\"Back\", \"Atr\\xE1s\"]\n })\n })\n }), /* @__PURE__ */ _jsxs116(Spacer35, {\n children: [/* @__PURE__ */ _jsx177(Heading4, {\n children: /* @__PURE__ */ _jsx177(Translation, {\n strings: [\"Select your bank\", \"Elige tu banco\"]\n })\n }), /* @__PURE__ */ _jsxs116(Spacer35, {\n marginTop: \"12px\",\n tabletMarginTop: \"18px\",\n children: [/* @__PURE__ */ _jsx177(Paragraph16, {\n size: font31.small,\n tabletSize: font31.normal,\n children: /* @__PURE__ */ _jsx177(Translation, {\n strings: [\"Save time by automatically syncing your bank transactions from your bank account\", \"Selecciona tu entidad y estableceremos una conexi\\xF3n segura entre tu cuenta de TaxScouts y tu cuenta bancaria. Esto nos permitir\\xE1 mantener tu informaci\\xF3n financiera actualizada y, de esta forma, ahorrarte tiempo.\"]\n })\n }), /* @__PURE__ */ _jsx177(Paragraph16, {\n size: font31.small,\n tabletSize: font31.normal,\n children: /* @__PURE__ */ _jsx177(Translation, {\n strings: [\"This helps to streamline your self-employed income and expenses, saving you time and avoiding mistakes. To continue, choose your bank below.\", \"La automatizaci\\xF3n de estos tr\\xE1mites es una gran ventaja para presentar tus impuestos, ya que asegura que no se cometan errores en ninguna fase del proceso.\"]\n })\n })]\n })]\n })]\n }), renderBankingPromotionBanner && /* @__PURE__ */ _jsx177(Spacer35, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\",\n children: renderBankingPromotionBanner\n }), /* @__PURE__ */ _jsx177(Spacer35, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\",\n children: isLoadingBankingProviders ? /* @__PURE__ */ _jsx177(BankingProvidersSkeleton, {\n itemCount: 6,\n padding: \"24px\"\n }) : /* @__PURE__ */ _jsx177(AvailableBankingProvidersListWrapper, {\n additionalBankingProviders,\n handleConnect,\n hasBankingProviders,\n suggestedBankingProviders\n })\n })]\n });\n};\n\n// src/components/customer/banking/banking-providers/ConnectBankingProviderCallback.tsx\nimport { colors as colors77, font as font33, radius as radius34, Container as Container51, Flexer as Flexer57, Line as Line28, Notice as Notice8, Spacer as Spacer36, Spinner as Spinner4 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/hooks/use-connect-banking-provider-callback.ts\nimport { useEffect as useEffect28, useMemo as useMemo41 } from \"react\";\nimport { useHistory as useHistory25 } from \"react-router-dom\";\nimport { useQueryParams as useQueryParams3 } from \"@scouts/helpers\";\nvar useBankingProviderCallbackQueryParams = () => {\n const {\n queryParams\n } = useQueryParams3();\n const defaultCode = queryParams.code ? String(queryParams.code) : null;\n const code = queryParams.credentials_id ? String(queryParams.credentials_id) : defaultCode;\n const bankingProviderId = queryParams.state ? String(queryParams.state) : \"\";\n const isError = !!queryParams.error;\n const errorMessage = queryParams.error ? `ERROR: ${queryParams.error}` : null;\n return {\n bankingProviderId,\n code,\n errorMessage,\n isError\n };\n};\nvar useConnectBankingProviderCallback = () => {\n const history = useHistory25();\n const {\n id: userId\n } = useUser();\n const {\n routes\n } = useBankingContext();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n bankingProviderId,\n code,\n errorMessage,\n isError: isErrorCallbackParams\n } = useBankingProviderCallbackQueryParams();\n const transactionsRoute = useMemo41(() => generatePathWithParams(routes.transactions, {\n id: bankingProviderId\n }), [bankingProviderId, generatePathWithParams, routes.transactions]);\n const {\n connectBankingProvider,\n isLoading: isLoadingConnectBankingProvider,\n isError: isErrorConnectBankingProvider,\n isSuccess: isSuccessConnectBankingProvider\n } = useConnectBankingProvider({\n bankingProviderId\n });\n useEffect28(() => {\n if (!code)\n return;\n connectBankingProvider({\n code\n }).then((response) => {\n if (response?.errors)\n return;\n track(EVENTS.BANKING_CONNECT, {\n bankingProviderId\n });\n history.replace(transactionsRoute);\n });\n }, [history, bankingProviderId, code, connectBankingProvider, transactionsRoute, userId]);\n useEffect28(() => {\n if (isErrorCallbackParams) {\n if (errorMessage) {\n track(EVENTS.BANKING_CONNECT_ERROR, {\n bankingProviderId\n });\n history.replace(routes.providers);\n }\n }\n }, [errorMessage, history, isErrorCallbackParams, routes.providers, bankingProviderId]);\n return {\n errorMessage,\n isErrorCallbackParams,\n isLoadingConnectBankingProvider,\n isErrorConnectBankingProvider,\n isSuccessConnectBankingProvider\n };\n};\n\n// src/components/customer/banking/shared/BankingConnectionSuccessBanner.tsx\nimport { colors as colors76, font as font32, radius as radius33, Container as Container50, Flexer as Flexer56, Line as Line27 } from \"@scouts/ui\";\nimport { jsx as _jsx178, jsxs as _jsxs117 } from \"react/jsx-runtime\";\nvar BankingConnectionSuccessBanner = ({\n bankingProviderId\n}) => {\n const {\n data: connectedBankingProviders\n } = useConnectedBankingProviders();\n const connectedBankingProvider = !connectedBankingProviders ? void 0 : connectedBankingProviders.find((bank) => bank.bankingProviderId === bankingProviderId) || connectedBankingProviders[0];\n const bankingProviderLogo = connectedBankingProvider?.logoUrl;\n const bankingProviderName = connectedBankingProvider?.displayName;\n return /* @__PURE__ */ _jsx178(Container50, {\n border: `1px solid ${colors76.neutralLightest}`,\n radius: radius33.large,\n padding: \"12px 15px\",\n tabletPadding: \"12px 18px\",\n children: /* @__PURE__ */ _jsx178(Flexer56, {\n alignCenter: true,\n spaceBetween: true,\n children: /* @__PURE__ */ _jsxs117(Flexer56, {\n gap: \"12px\",\n tabletGap: \"15px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx178(BankingProviderIcon_default, {\n logoUrl: bankingProviderLogo,\n width: \"24px\"\n }), /* @__PURE__ */ _jsx178(Line27, {\n size: font32.small,\n children: connectedBankingProvider ? /* @__PURE__ */ _jsx178(Translation, {\n strings: [`Successfully connected to your ${bankingProviderName} account`, `Cuenta de ${bankingProviderName} conectada correctamente`]\n }) : /* @__PURE__ */ _jsx178(Translation, {\n strings: [`Successfully connected to your account`, `Cuenta conectada correctamente`]\n })\n })]\n })\n })\n });\n};\n\n// src/components/customer/banking/banking-providers/ConnectBankingProviderCallback.tsx\nimport { jsx as _jsx179, jsxs as _jsxs118 } from \"react/jsx-runtime\";\nvar ConnectBankingProviderCallback = () => {\n const {\n isErrorConnectBankingProvider,\n isLoadingConnectBankingProvider,\n isSuccessConnectBankingProvider\n } = useConnectBankingProviderCallback();\n if (isErrorConnectBankingProvider) {\n return /* @__PURE__ */ _jsx179(Notice8, {\n background: colors77.red,\n children: /* @__PURE__ */ _jsx179(Translation, {\n id: \"error.unexpected\"\n })\n });\n }\n return /* @__PURE__ */ _jsx179(Spacer36, {\n tabletWidth: \"672px\",\n desktopWidth: \"768px\",\n margin: \"0 auto\",\n children: /* @__PURE__ */ _jsxs118(Flexer57, {\n column: true,\n gap: \"18px\",\n tabletGap: \"24px\",\n children: [isSuccessConnectBankingProvider && /* @__PURE__ */ _jsx179(BankingConnectionSuccessBanner, {}), isLoadingConnectBankingProvider && /* @__PURE__ */ _jsx179(Container51, {\n background: colors77.blueLighter,\n padding: \"12px 18px\",\n tabletPadding: \"18px\",\n radius: radius34.large,\n children: /* @__PURE__ */ _jsx179(Flexer57, {\n alignCenter: true,\n spaceBetween: true,\n children: /* @__PURE__ */ _jsxs118(Flexer57, {\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx179(Spacer36, {\n marginRight: \"9px\",\n children: /* @__PURE__ */ _jsx179(Spinner4, {\n isSmall: true,\n color: colors77.blue\n })\n }), /* @__PURE__ */ _jsx179(Line28, {\n size: font33.small,\n children: /* @__PURE__ */ _jsx179(Translation, {\n strings: [\"Just a moment, getting your transactions...\", \"Cargando tus transacciones...\"]\n })\n })]\n })\n })\n })]\n })\n });\n};\n\n// src/components/customer/banking/transactions/BankingIncomeTransactions.tsx\nimport { useEffect as useEffect30, useRef as useRef21 } from \"react\";\nimport { useHistory as useHistory26, useParams as useParams4 } from \"react-router-dom\";\nimport { colors as colors82, font as font36, radius as radius38, shadows as shadows12, Button as Button44, Container as Container55, Flexer as Flexer61, Heading as Heading5, Line as Line31, Paragraph as Paragraph19, Spacer as Spacer41 } from \"@scouts/ui\";\n\n// src/store/banking-providers/hooks/use-banking-transactions.ts\nvar useBankingTransactions = (props = {}) => {\n const {\n params = {},\n pollingInterval = void 0,\n refetchOnMountOrArgChange = false,\n skip = false\n } = props;\n const {\n id: userId\n } = useUser();\n const shouldSkip = !!skip || params.search !== void 0 && params.search !== null && params.search?.length < 2;\n const {\n data: fetchedData,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetBankingTransactionsQuery({\n userId,\n ...params\n }, {\n skip: shouldSkip,\n refetchOnMountOrArgChange,\n pollingInterval\n });\n const {\n data,\n totalCount,\n currentPage,\n pageCount,\n perPageCount\n } = fetchedData || {};\n const [trigger] = useLazyGetBankingTransactionsQuery();\n const fetch = (params2) => trigger({\n ...params2,\n userId\n });\n return {\n currentPage,\n data,\n fetch,\n isError,\n isFetching,\n isLoading,\n isSuccess,\n pageCount,\n perPageCount,\n totalCount\n };\n};\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsErrorNotice.tsx\nimport { jsx as _jsx180 } from \"react/jsx-runtime\";\nvar BankingTransactionsErrorNotice = () => /* @__PURE__ */ _jsx180(BankingErrorNotice, {\n translations: [\"Failed to load transactions, try reloading the page. If you keep seeing this message, please contact support.\", \"No se pudieron cargar las transacciones, intenta recargar la p\\xE1gina. Si sigues viendo este mensaje, contacta con soporte.\"]\n});\n\n// src/components/customer/banking/transactions/shared/banking-transactions-item/BankingTransactionsItem.tsx\nimport { useEffect as useEffect29, useState as useState59 } from \"react\";\nimport { useToggle as useToggle15 } from \"@scouts/helpers\";\nimport { colors as colors80, Checkbox as Checkbox8, Container as Container53, Flexer as Flexer59, Icon as Icon10, IconRotateCw, Spacer as Spacer39, Toggle as Toggle2, Tooltip as Tooltip11 } from \"@scouts/ui\";\n\n// src/domain/banking-transactions.ts\nvar isRecurringBankingTransaction = (transaction) => !!transaction.activeRuleId;\nvar getIsBankingTransactionIncome = (transaction) => transaction.amount >= 0;\n\n// src/store/banking-providers/hooks/use-update-banking-transaction-status.ts\nimport { useCallback as useCallback42 } from \"react\";\nvar useUpdateBankingTransaction = ({\n preventInvalidation\n} = {}) => {\n const {\n id: userId\n } = useUser();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorRequest\");\n const [updateAction, {\n isLoading: isUpdateLoading\n }] = useUpdateBankingTransactionMutation();\n const updateBankingTransaction = useCallback42(async (params) => {\n return updateAction({\n ...params,\n userId,\n preventInvalidation\n }).unwrap().catch(normalizeError);\n }, [normalizeError, preventInvalidation, updateAction, userId]);\n return {\n updateBankingTransaction,\n isLoading: isUpdateLoading\n };\n};\n\n// src/store/banking-transaction-rules/slice.ts\nimport { generateApiPath as generateApiPath26 } from \"@scouts/helpers\";\nvar extendedApi21 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getBankingTransactionRules: builder.query({\n query: ({\n bankingProviderId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath26(ENDPOINTS.BANKING_TRANSACTION_RULES.GET.ALL, {\n userId\n }, {\n queryParameters: {\n bankingProviderId\n }\n })\n }),\n providesTags: (result) => result ? [...result.map(({\n id\n }) => ({\n type: Tags.BankingTransactionsRules,\n id\n })), Tags.BankingTransactionsRules] : [Tags.BankingTransactionsRules]\n }),\n getBankingTransactionRuleById: builder.query({\n query: ({\n bankingTransactionRuleId,\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath26(ENDPOINTS.BANKING_TRANSACTION_RULES.GET.SINGLE, {\n bankingTransactionRuleId,\n userId\n })\n }),\n providesTags: (_1, _2, arg) => [{\n type: Tags.BankingTransactionsRules,\n id: arg.bankingTransactionRuleId\n }]\n }),\n createBankingTransactionRule: builder.mutation({\n query: ({\n userId,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n bankingTransactionId,\n ...payload\n }) => ({\n method: \"POST\",\n url: generateApiPath26(ENDPOINTS.BANKING_TRANSACTION_RULES.POST.SINGLE, {\n userId\n }),\n data: payload\n }),\n invalidatesTags: (_1, _2, {\n bankingTransactionId\n }) => [Tags.BankingTransactionsRules, {\n type: Tags.BankingTransactions,\n id: bankingTransactionId\n }]\n }),\n deleteBankingTransactionRule: builder.mutation({\n query: ({\n bankingTransactionRuleId,\n userId\n }) => ({\n method: \"DELETE\",\n url: generateApiPath26(ENDPOINTS.BANKING_TRANSACTION_RULES.DELETE.SINGLE, {\n bankingTransactionRuleId,\n userId\n })\n }),\n invalidatesTags: (_1, _2, {\n bankingTransactionId\n }) => [Tags.BankingTransactionsRules, {\n type: Tags.BankingTransactions,\n id: bankingTransactionId\n }]\n })\n })\n});\nvar {\n useGetBankingTransactionRulesQuery,\n useGetBankingTransactionRuleByIdQuery,\n useCreateBankingTransactionRuleMutation,\n useDeleteBankingTransactionRuleMutation\n} = extendedApi21;\n\n// src/store/banking-transaction-rules/hooks/use-banking-transaction-rule-by-id.ts\nimport { skipToken as skipToken4 } from \"@reduxjs/toolkit/dist/query\";\nvar useBankingTransactionRuleById = (bankingTransactionRuleId) => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n } = useGetBankingTransactionRuleByIdQuery(bankingTransactionRuleId ? {\n bankingTransactionRuleId,\n userId\n } : skipToken4);\n return {\n data,\n isError,\n isFetching,\n isLoading,\n isSuccess\n };\n};\n\n// src/store/banking-transaction-rules/hooks/use-create-banking-transaction-rule.ts\nimport { useCallback as useCallback43 } from \"react\";\nvar useCreateBankingTransactionRule = () => {\n const [action, {\n isLoading,\n isError,\n isSuccess\n }] = useCreateBankingTransactionRuleMutation();\n const {\n id: userId\n } = useUser();\n const {\n normalizeError\n } = useNormalizeRTKError(\"error.unexpected\");\n const createBankingTransactionRule = useCallback43(async (params) => action({\n userId,\n ...params\n }).unwrap().catch(normalizeError), [action, normalizeError, userId]);\n return {\n createBankingTransactionRule,\n isLoading,\n isError,\n isSuccess\n };\n};\n\n// src/store/banking-transaction-rules/hooks/use-delete-banking-transaction-rule.ts\nimport { useCallback as useCallback44 } from \"react\";\nimport { addErrorToast as addErrorToast16, addSuccessToast as addSuccessToast13 } from \"@scouts/ui\";\nvar useDeleteBankingTransactionRule = () => {\n const {\n id: userId\n } = useUser();\n const translation = useTranslation();\n const [deleteAction, {\n isLoading,\n isError,\n isSuccess\n }] = useDeleteBankingTransactionRuleMutation();\n const deleteBankingTransactionRule = useCallback44((params) => deleteAction({\n ...params,\n userId\n }).unwrap().then(() => {\n addSuccessToast13({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n }).catch(() => {\n addErrorToast16({\n body: translation([\"This transaction rule couldn't be deleted, please try again later.\", \"No pudimos eliminar esta regla de transacci\\xF3n, int\\xE9ntalo de nuevo m\\xE1s tarde.\"])\n });\n }), [deleteAction, translation, userId]);\n return {\n deleteBankingTransactionRule,\n isLoading,\n isError,\n isSuccess\n };\n};\n\n// src/components/customer/banking/transactions/shared/banking-transactions-item/BankingTransactionItemDetails.tsx\nimport { useCallback as useCallback45, useState as useState57 } from \"react\";\nimport { styled as styled53 } from \"styled-components\";\nimport { formatCurrency as formatCurrency15, formatDateUTC as formatDateUTC6, getIsOverflowActive } from \"@scouts/helpers\";\nimport { useLocale as useLocale19 } from \"@scouts/i18n\";\nimport { colors as colors78, font as font34, media as media26, useIsTablet as useIsTablet6, Grid as Grid10, GridItem as GridItem5, Label as Label3, Spacer as Spacer37, Tooltip as Tooltip10 } from \"@scouts/ui\";\nimport { jsx as _jsx181, jsxs as _jsxs119 } from \"react/jsx-runtime\";\nvar BankingTransactionItemDetails = ({\n transaction,\n isDimmed\n}) => {\n const {\n amount,\n currency,\n dateTimeUTC,\n description,\n merchantName,\n rawDescription\n } = transaction;\n const locale = useLocale19();\n const isTablet = useIsTablet6();\n const [isDisplayNameEllipsisActive, setIsDisplayNameEllipsisActive] = useState57(false);\n const [isDisplayDescriptionEllipsisActive, setIsDisplayDescriptionEllipsisActive] = useState57(false);\n const formattedDate = formatDateUTC6(dateTimeUTC, LONG_DATE_PATTERN, locale);\n const formattedAmount = formatCurrency15(amount, {\n currency,\n locale,\n removeMeaninglessDecimals: false\n });\n const displayName = merchantName || description;\n const displayDescription = merchantName ? description || rawDescription : rawDescription;\n const displayNameRef = useCallback45((element) => {\n if (element !== null)\n setIsDisplayNameEllipsisActive(getIsOverflowActive(element));\n }, []);\n const displayDescriptionRef = useCallback45((element) => {\n if (element !== null)\n setIsDisplayDescriptionEllipsisActive(getIsOverflowActive(element));\n }, []);\n return /* @__PURE__ */ _jsx181(Spacer37, {\n flexFill: true,\n children: /* @__PURE__ */ _jsxs119(Grid10, {\n columns: 1,\n gap: \"3px\",\n tabletGap: \"12px\",\n tabletColumns: \"120px 1fr 100px\",\n children: [/* @__PURE__ */ _jsx181(GridItem5, {\n children: /* @__PURE__ */ _jsx181(Date4, {\n title: dateTimeUTC,\n isDimmed,\n children: formattedDate || \"\"\n })\n }), /* @__PURE__ */ _jsx181(GridItem5, {\n children: /* @__PURE__ */ _jsxs119(Grid10, {\n columns: \"minmax(90px, 1fr)\",\n tabletColumns: \"minmax(150px, 1fr)\",\n desktopColumns: \"200px minmax(100px, auto)\",\n tabletColumnGap: \"12px\",\n children: [(isTablet || displayName) && /* @__PURE__ */ _jsx181(Tooltip10, {\n content: displayName,\n shouldDisplay: isDisplayNameEllipsisActive,\n children: /* @__PURE__ */ _jsx181(DisplayName, {\n isDimmed,\n children: /* @__PURE__ */ _jsx181(Label3, {\n hasEllipsis: true,\n ref: displayNameRef,\n children: displayName\n })\n })\n }), (isTablet || displayDescription) && /* @__PURE__ */ _jsx181(Tooltip10, {\n content: displayDescription,\n shouldDisplay: isDisplayDescriptionEllipsisActive,\n children: /* @__PURE__ */ _jsx181(DisplayDescription, {\n children: /* @__PURE__ */ _jsx181(Label3, {\n hasEllipsis: true,\n ref: displayDescriptionRef,\n fontSize: font34.smaller,\n children: displayDescription\n })\n })\n })]\n })\n }), /* @__PURE__ */ _jsx181(GridItem5, {\n children: /* @__PURE__ */ _jsx181(Amount3, {\n color: getIsBankingTransactionIncome(transaction) ? colors78.mint : colors78.red,\n isDimmed,\n children: formattedAmount || \"\"\n })\n })]\n })\n });\n};\nvar Date4 = styled53.div.withConfig({\n displayName: \"BankingTransactionItemDetails__Date\",\n componentId: \"sc-t1i034-0\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;\", \"{font-size:\", \";}\"], ({\n isDimmed\n}) => isDimmed ? colors78.neutralDarker : colors78.black, font34.smaller, media26.tablet, font34.small);\nvar DisplayName = styled53.span.withConfig({\n displayName: \"BankingTransactionItemDetails__DisplayName\",\n componentId: \"sc-t1i034-1\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;word-wrap:break-word;\", \"{font-size:\", \";word-wrap:normal;}\"], ({\n isDimmed\n}) => isDimmed ? colors78.neutralDarker : colors78.black, font34.smaller, media26.tablet, font34.small);\nvar DisplayDescription = styled53.span.withConfig({\n displayName: \"BankingTransactionItemDetails__DisplayDescription\",\n componentId: \"sc-t1i034-2\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;word-wrap:break-word;\", \"{font-size:\", \";word-wrap:normal;}\"], colors78.neutralDarker, font34.smaller, media26.tablet, font34.small);\nvar Amount3 = styled53.div.withConfig({\n displayName: \"BankingTransactionItemDetails__Amount\",\n componentId: \"sc-t1i034-3\"\n})([\"color:\", \";font-size:\", \";line-height:1.3;white-space:nowrap;\", \"{font-size:\", \";font-weight:\", \";text-align:end;}\"], ({\n color,\n isDimmed\n}) => isDimmed ? colors78.neutralDarker : color, font34.smaller, media26.tablet, font34.small, ({\n isDimmed\n}) => isDimmed ? font34.weight.normal : font34.weight.medium);\n\n// src/components/customer/banking/transactions/shared/banking-transactions-item/RecurringBankingTransactionModal.tsx\nimport { useState as useState58 } from \"react\";\nimport { colors as colors79, radius as radius35, Button as Button42, Checkbox as Checkbox7, Container as Container52, Flexer as Flexer58, ModalActionsLegacy as ModalActions14, ModalBodyLegacy as ModalBody25, ModalFooterLegacy as ModalFooter23, ModalHeaderLegacy as ModalHeader20, ModalLegacy as Modal25, ModalTitleLegacy as ModalTitle20, Paragraph as Paragraph17, Spacer as Spacer38 } from \"@scouts/ui\";\nimport { jsx as _jsx182, jsxs as _jsxs120 } from \"react/jsx-runtime\";\nvar RecurringBankingTransactionModal = ({\n isLoading,\n isRecurringTransaction,\n onClose,\n onConfirm,\n transaction\n}) => {\n const translation = useTranslation();\n const {\n activeRuleId,\n bankingProviderId,\n isBusiness,\n merchantName\n } = transaction;\n const {\n data: bankingTransactionRule,\n isLoading: isLoadingBankingTransactionRule\n } = useBankingTransactionRuleById(activeRuleId);\n const [applyToExistingTransactions, setApplyToExistingTransactions] = useState58(false);\n const isBankingTransactionIncome = getIsBankingTransactionIncome(transaction);\n const getUnmarkAsRecurringTransactionTranslations = () => {\n if (bankingTransactionRule?.isBusiness) {\n return [`New transactions matching the name \\u201C${merchantName}\\u201C will not be automatically marked as Business from now on.`, `\\xBFEst\\xE1s seguro? Todas las futuras transacciones con el nombre \\u201C${merchantName}\\u201C no se marcar\\xE1n autom\\xE1ticamente como de negocio a partir de ahora y no crear\\xE1n su correspondiente ${isBankingTransactionIncome ? \"ingreso\" : \"gasto\"}.`];\n }\n return [`New transactions matching the name \\u201C${merchantName}\\u201C will not be automatically marked as Personal from now on.`, `\\xBFEst\\xE1s seguro? Todas las futuras transacciones con el nombre \\u201C${merchantName}\\u201C no se marcar\\xE1n autom\\xE1ticamente como personales a partir de ahora.`];\n };\n const getMarkAsRecurringTransactionTranslations = () => {\n if (isBusiness) {\n return [`New transactions matching the name \\u201C${merchantName}\\u201C will be automatically marked as Business.`, `Todas las futuras transacciones con el nombre \\u201C${merchantName}\\u201C se marcar\\xE1n autom\\xE1ticamente como de negocio a partir de ahora y crear\\xE1n su correspondiente ${isBankingTransactionIncome ? \"ingreso\" : \"gasto\"}. Si luego tienes que combinarlo con una factura existente, no te preocupes que lo podr\\xE1s hacer f\\xE1cilmente \\u{1F60E}`];\n }\n return [`New transactions matching the name \\u201C${merchantName}\\u201C will be automatically marked as Personal.`, `Todas las futuras transacciones con el nombre \\u201C${merchantName}\\u201C se marcar\\xE1n autom\\xE1ticamente como personales a partir de ahora, as\\xED no tendr\\xE1s que seguir filtr\\xE1ndolas. Y ese tiempo te lo ahorras \\u{1F60E}`];\n };\n const handleConfirm = () => onConfirm({\n applyToExistingTransactions,\n bankingProviderId,\n bankingTransactionRuleId: activeRuleId\n });\n return /* @__PURE__ */ _jsxs120(Modal25, {\n isWide: true,\n isLoading: isLoadingBankingTransactionRule,\n onClose,\n children: [/* @__PURE__ */ _jsx182(ModalHeader20, {\n children: /* @__PURE__ */ _jsx182(ModalTitle20, {\n children: /* @__PURE__ */ _jsx182(Translation, {\n strings: isRecurringTransaction ? [\"Unmark transaction as recurring\", \"Eliminar transacci\\xF3n como recurrente\"] : [\"Mark transaction as recurring\", \"Marcar transacci\\xF3n como recurrente\"]\n })\n })\n }), /* @__PURE__ */ _jsx182(ModalBody25, {\n children: /* @__PURE__ */ _jsxs120(Flexer58, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx182(Spacer38, {\n marginBottom: \"24px\",\n children: /* @__PURE__ */ _jsx182(Container52, {\n border: `1px solid ${colors79.neutralLightest}`,\n padding: \"15px 0\",\n tabletPadding: \"15px 12px\",\n radius: radius35.large,\n children: /* @__PURE__ */ _jsx182(BankingTransactionItemDetails, {\n transaction,\n isDimmed: false\n })\n })\n }), /* @__PURE__ */ _jsx182(Paragraph17, {\n children: /* @__PURE__ */ _jsx182(Translation, {\n strings: isRecurringTransaction ? getUnmarkAsRecurringTransactionTranslations() : getMarkAsRecurringTransactionTranslations()\n })\n }), !isRecurringTransaction && /* @__PURE__ */ _jsx182(Checkbox7, {\n label: translation([\"Also apply to existing transactions\", \"Incluir transacciones previas a esta fecha\"]),\n name: \"applyToExistingTransactions\",\n onChange: ({\n checked\n }) => setApplyToExistingTransactions(checked),\n isSmall: true,\n checked: applyToExistingTransactions\n })]\n })\n }), /* @__PURE__ */ _jsx182(ModalFooter23, {\n children: /* @__PURE__ */ _jsxs120(ModalActions14, {\n children: [/* @__PURE__ */ _jsx182(Button42, {\n onClick: onClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx182(Translation, {\n strings: [\"Cancel\", \"Cancelar\"]\n })\n }), /* @__PURE__ */ _jsx182(Button42, {\n isLoading,\n isDanger: isRecurringTransaction,\n onClick: handleConfirm,\n children: /* @__PURE__ */ _jsx182(Translation, {\n strings: isRecurringTransaction ? [\"Unmark as recurring\", \"Eliminar como recurrente\"] : [\"Mark as recurring\", \"Marcar como recurrente\"]\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/banking/transactions/shared/banking-transactions-item/BankingTransactionsItem.tsx\nimport { jsx as _jsx183, jsxs as _jsxs121, Fragment as _Fragment66 } from \"react/jsx-runtime\";\nvar BankingTransactionsItem = ({\n isSelected,\n onToggleSelection,\n transaction\n}) => {\n const {\n featureFlags: {\n featureBankingRecurringTransactions\n }\n } = useConfig();\n const translation = useTranslation();\n const {\n id,\n merchantName,\n isBusiness\n } = transaction;\n const {\n updateBankingTransaction,\n isLoading: isLoadingUpdateBankingTransaction\n } = useUpdateBankingTransaction({\n preventInvalidation: true\n });\n const {\n createBankingTransactionRule,\n isLoading: isLoadingCreateBankingTransactionRule\n } = useCreateBankingTransactionRule();\n const {\n deleteBankingTransactionRule,\n isLoading: isLoadingDeleteBankingTransactionRule\n } = useDeleteBankingTransactionRule();\n const [localTransaction, setLocalTransaction] = useState59(transaction);\n const [isBusinessLocalValue, setIsBusinessLocalValue] = useState59(isBusiness);\n const [isRecurringTransactionModalOpen, , , toggleRecurringTransactionModal] = useToggle15();\n const startDate = useGetTaxPeriodStartDate(true);\n const isDimmed = isBusinessLocalValue === false;\n const isRecurring = isRecurringBankingTransaction(transaction);\n const recurringTransactionTranslation = isRecurring ? translation([\"Remove as recurring\", \"Eliminar como recurrente\"]) : translation([\"Mark as recurring\", \"Marcar como recurrente\"]);\n const isRecurringTransactionLoading = isLoadingCreateBankingTransactionRule || isLoadingDeleteBankingTransactionRule;\n const handleSelectTransaction = () => onToggleSelection && onToggleSelection(transaction);\n const handleTransactionStatusChange = ({\n value\n }) => {\n if (isBusinessLocalValue === value)\n return;\n setIsBusinessLocalValue(value);\n updateBankingTransaction({\n isBusiness: value,\n transactionId: id\n }).then((response) => {\n if (response.errors)\n return;\n setLocalTransaction(response);\n });\n track(EVENTS.BANKING_REVIEW);\n };\n const handleRecurringTransactionAction = ({\n applyToExistingTransactions,\n bankingProviderId,\n bankingTransactionRuleId\n }) => {\n if (isRecurring && bankingTransactionRuleId) {\n deleteBankingTransactionRule({\n bankingTransactionRuleId,\n bankingTransactionId: transaction.id\n }).finally(toggleRecurringTransactionModal);\n } else {\n createBankingTransactionRule({\n applyToExistingTransactions,\n applyToExistingTransactionsFromDate: startDate,\n bankingProviderId,\n filterText: merchantName,\n isBusiness: isBusinessLocalValue,\n transactionType: transaction.type,\n bankingTransactionId: transaction.id\n }).finally(toggleRecurringTransactionModal);\n }\n };\n useEffect29(() => {\n setIsBusinessLocalValue(isBusiness);\n }, [isBusiness]);\n return /* @__PURE__ */ _jsxs121(_Fragment66, {\n children: [/* @__PURE__ */ _jsx183(Container53, {\n padding: \"15px 0\",\n desktopPadding: \"15px 0\",\n children: /* @__PURE__ */ _jsxs121(Flexer59, {\n gap: \"18px\",\n desktopGap: \"24px\",\n spaceBetween: true,\n alignCenter: true,\n width: \"100%\",\n children: [onToggleSelection && /* @__PURE__ */ _jsx183(Checkbox8, {\n isLabelless: true,\n isSmall: true,\n name: `select-${transaction.id}`,\n label: translation({\n id: \"common.actions.select\"\n }),\n onChange: handleSelectTransaction,\n value: String(transaction.id),\n checked: isSelected\n }), /* @__PURE__ */ _jsx183(BankingTransactionItemDetails, {\n transaction,\n isDimmed\n }), /* @__PURE__ */ _jsx183(Spacer39, {\n children: /* @__PURE__ */ _jsxs121(Flexer59, {\n alignCenter: true,\n gap: \"12px\",\n tabletGap: \"24px\",\n width: \"120px\",\n children: [/* @__PURE__ */ _jsx183(Toggle2, {\n onChange: handleTransactionStatusChange,\n name: \"isBusiness\",\n optionLabel: {\n false: translation([\"No\", \"No\"]),\n true: translation([\"Yes\", \"S\\xED\"])\n },\n value: isBusinessLocalValue,\n isLoading: isLoadingUpdateBankingTransaction\n }), featureBankingRecurringTransactions && isBusinessLocalValue !== null && !!merchantName?.length && /* @__PURE__ */ _jsx183(Tooltip11, {\n content: recurringTransactionTranslation,\n children: /* @__PURE__ */ _jsx183(Icon10, {\n color: isRecurring ? colors80.blue : colors80.neutralDarker,\n Component: IconRotateCw,\n onClick: toggleRecurringTransactionModal\n })\n })]\n })\n })]\n })\n }), featureBankingRecurringTransactions && isRecurringTransactionModalOpen && /* @__PURE__ */ _jsx183(RecurringBankingTransactionModal, {\n isLoading: isRecurringTransactionLoading,\n isRecurringTransaction: isRecurring,\n onClose: toggleRecurringTransactionModal,\n onConfirm: handleRecurringTransactionAction,\n transaction: localTransaction\n })]\n });\n};\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsList.tsx\nimport styled54 from \"styled-components\";\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsListEmptyState.tsx\nimport { Line as Line29 } from \"@scouts/ui\";\nimport { jsx as _jsx184 } from \"react/jsx-runtime\";\nvar BankingTransactionsListEmptyState = () => /* @__PURE__ */ _jsx184(Line29, {\n children: /* @__PURE__ */ _jsx184(Translation, {\n strings: [\"There are no transactions to show\", \"No hay transacciones que mostrar\"]\n })\n});\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsList.tsx\nimport { jsx as _jsx185 } from \"react/jsx-runtime\";\nvar BankingTransactionsList = ({\n isFetching = false,\n transactions = []\n}) => {\n const hasTransactions = transactions.length > 0;\n if (!hasTransactions)\n return /* @__PURE__ */ _jsx185(BankingTransactionsListEmptyState, {});\n return /* @__PURE__ */ _jsx185(Wrapper4, {\n isFetching,\n children: transactions.map((transaction) => /* @__PURE__ */ _jsx185(BankingTransactionsItem, {\n transaction\n }, transaction.id))\n });\n};\nvar Wrapper4 = styled54.div.withConfig({\n displayName: \"BankingTransactionsList__Wrapper\",\n componentId: \"sc-ivnh5j-0\"\n})([\"opacity:\", \";pointer-events:\", \";\"], ({\n isFetching\n}) => isFetching ? \"0.4\" : \"1\", ({\n isFetching\n}) => isFetching ? \"none\" : \"auto\");\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsListHeading.tsx\nimport { useState as useState60 } from \"react\";\nimport { colors as colors81, font as font35, radius as radius36, Button as Button43, ChipButton as ChipButton9, Container as Container54, Flexer as Flexer60, Line as Line30, ModalActionsLegacy as ModalActions15, ModalBodyLegacy as ModalBody26, ModalFooterLegacy as ModalFooter24, ModalHeaderLegacy as ModalHeader21, ModalLegacy as Modal26, ModalTitleLegacy as ModalTitle21, Paragraph as Paragraph18, Spacer as Spacer40 } from \"@scouts/ui\";\nimport { jsx as _jsx186, jsxs as _jsxs122, Fragment as _Fragment67 } from \"react/jsx-runtime\";\nvar BankingTransactionsListHeading = () => {\n const {\n bankingPromotion\n } = useConfig();\n const {\n renderBankingPromotionParagraph\n } = bankingPromotion || {};\n const [isHelpModalOpen, setIsHelpModalOpen] = useState60(false);\n return /* @__PURE__ */ _jsxs122(_Fragment67, {\n children: [/* @__PURE__ */ _jsx186(Container54, {\n background: colors81.yellow,\n padding: \"12px 15px\",\n tabletPadding: \"12px 24px\",\n radius: radius36.medium,\n children: /* @__PURE__ */ _jsxs122(Flexer60, {\n gap: \"24px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx186(Line30, {\n size: font35.smaller,\n tabletSize: font35.small,\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"Mark the transactions you want to include in your self-employment finances\", \"Selecciona \\xFAnicamente las transacciones que sean de tu negocio como aut\\xF3nomo\"]\n })\n }), /* @__PURE__ */ _jsx186(Spacer40, {\n children: /* @__PURE__ */ _jsx186(ChipButton9, {\n onClick: () => setIsHelpModalOpen(true),\n size: \"small\",\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"How?\", \"\\xBFC\\xF3mo funciona?\"]\n })\n })\n })]\n })\n }), isHelpModalOpen && /* @__PURE__ */ _jsxs122(Modal26, {\n onClose: () => setIsHelpModalOpen(false),\n children: [/* @__PURE__ */ _jsx186(ModalHeader21, {\n children: /* @__PURE__ */ _jsx186(ModalTitle21, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"Filtering transactions\", \"Filtrar transacciones\"]\n })\n })\n }), /* @__PURE__ */ _jsxs122(ModalBody26, {\n children: [/* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"As a self-employed you might have a mix of business and personal transactions in your banking activity. For precise income and expense tracking, it's essential to accurately distinguish between the two.\", \"Como aut\\xF3nomo, es posible que en tu cuenta bancaria tengas tanto transacciones de tu actividad como transacciones personales. Es imprescindible que diferencies unas de otras para poder llevar correctamente tu contabilidad.\"]\n })\n }), /* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [`In this step, you'll see all your recent transactions. For each, we ask you to clarify whether we should include it in your self-employed finances or not. Marking as \"Yes\" or \"No\".`, 'En este apartado, ver\\xE1s una lista de las transacciones extra\\xEDdas de tu banco. Selecciona una por una si es un movimiento personal o si se trata de una transacci\\xF3n relacionada con tu negocio. Los movimientos personales aparecer\\xE1n en rojo y no se a\\xF1adir\\xE1n a la contabilidad, mientras que las transacciones de tu actividad profesional aparecer\\xE1n en verde y se a\\xF1adir\\xE1n a tus \"Ingresos y gastos\"']\n })\n }), /* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: ['If a transaction is related to your self-employment, mark it by choosing \"Yes\" (highlighted in green). These transactions will be tracked as part of your business income or expenses.', \"No hace falta que categorices todos los movimientos en el momento: si no tienes claro a qu\\xE9 categor\\xEDa pertenecen, podr\\xE1s revisarlo despu\\xE9s. Tampoco te preocupes si te equivocas, podr\\xE1s modificar las categor\\xEDas cuando quieras.\"]\n })\n }), /* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [`For any unrelated transaction, choose \"No\" (highlighted in red). These transactions won't factor into your business accounting.`, \"Sincronizar los movimientos de tu cuenta y clasificarlos de esta manera har\\xE1 que llevar tu contabilidad de aut\\xF3nomo sea m\\xE1s f\\xE1cil, ya que no tendr\\xE1s que a\\xF1adir los importes de tus ingresos y gastos de forma manual. \\xA1Un consejo! Si quieres sacarle m\\xE1s partido a esta funcionalidad, lo mejor es que tengas una cuenta exclusivamente profesional.\"]\n })\n }), renderBankingPromotionParagraph, /* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"You can always adjust the categorization of any transaction later if you think you've made a mistake.\", \"\"]\n })\n }), /* @__PURE__ */ _jsx186(Paragraph18, {\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"Taking these small steps will ensure accurate and effective management of your self-employment finances and taxes.\", \"\"]\n })\n })]\n }), /* @__PURE__ */ _jsx186(ModalFooter24, {\n children: /* @__PURE__ */ _jsx186(ModalActions15, {\n children: /* @__PURE__ */ _jsx186(Button43, {\n onClick: () => setIsHelpModalOpen(false),\n children: /* @__PURE__ */ _jsx186(Translation, {\n strings: [\"Got it\", \"Entendido\"]\n })\n })\n })\n })]\n })]\n });\n};\n\n// src/components/customer/banking/transactions/shared/BankingTransactionsSkeleton.tsx\nimport { radius as radius37, Skeleton as Skeleton9, SkeletonLine as SkeletonLine9 } from \"@scouts/ui\";\nimport { jsx as _jsx187 } from \"react/jsx-runtime\";\nvar DEFAULT_SKELETON_LINE_COUNT = 6;\nvar BankingTransactionsSkeleton = ({\n repeat\n}) => /* @__PURE__ */ _jsx187(Skeleton9, {\n padding: \"24px\",\n radius: radius37.large,\n children: /* @__PURE__ */ _jsx187(SkeletonLine9, {\n repeat: repeat || DEFAULT_SKELETON_LINE_COUNT\n })\n});\n\n// src/components/customer/banking/transactions/BankingIncomeTransactions.tsx\nimport { jsx as _jsx188, jsxs as _jsxs123 } from \"react/jsx-runtime\";\nvar MAX_POLL_COUNT = 15;\nvar POLL_INTERVAL = 3e3;\nvar BankingIncomeTransactions = () => {\n const history = useHistory26();\n const {\n id: bankingProviderId\n } = useParams4();\n const shouldPoll = useRef21(false);\n const pollCount = useRef21(0);\n const {\n ROUTES\n } = useRoutes();\n const {\n data: transactions,\n isError: isErrorTransactions,\n isLoading: isLoadingTransactions,\n isFetching: isFetchingTransactions,\n isSuccess: isSuccessTransactions\n } = useBankingTransactions({\n params: {\n isCredit: true,\n pageSize: 10,\n bankingProviderIds: [bankingProviderId]\n },\n pollingInterval: shouldPoll.current ? POLL_INTERVAL : 0\n });\n const handleContinue = () => {\n history.push(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES);\n };\n useEffect30(() => {\n pollCount.current += 1;\n shouldPoll.current = !!(transactions?.length === 0 && pollCount.current <= MAX_POLL_COUNT);\n return () => {\n shouldPoll.current = false;\n pollCount.current = 0;\n };\n }, [transactions]);\n if (isErrorTransactions) {\n return /* @__PURE__ */ _jsx188(BankingTransactionsErrorNotice, {});\n }\n return /* @__PURE__ */ _jsx188(Spacer41, {\n tabletWidth: \"672px\",\n desktopWidth: \"768px\",\n margin: \"0 auto\",\n children: /* @__PURE__ */ _jsxs123(Flexer61, {\n column: true,\n gap: \"18px\",\n tabletGap: \"24px\",\n children: [/* @__PURE__ */ _jsx188(BankingConnectionSuccessBanner, {\n bankingProviderId: bankingProviderId || (transactions?.length ? transactions[0].bankingProviderId : void 0)\n }), /* @__PURE__ */ _jsx188(Container55, {\n background: colors82.blueLighter,\n padding: \"18px\",\n tabletPadding: \"24px 36px\",\n radius: radius38.large,\n children: /* @__PURE__ */ _jsxs123(Flexer61, {\n column: true,\n gap: \"18px\",\n tabletGap: \"24px\",\n children: [/* @__PURE__ */ _jsxs123(Flexer61, {\n column: true,\n gap: \"9px\",\n tabletGap: \"9px\",\n children: [/* @__PURE__ */ _jsx188(Heading5, {\n children: /* @__PURE__ */ _jsx188(Translation, {\n strings: [\"Let's review your recent income\", \"Revisemos tus \\xFAltimos ingresos\"]\n })\n }), /* @__PURE__ */ _jsx188(Paragraph19, {\n size: font36.smaller,\n tabletSize: font36.small,\n children: /* @__PURE__ */ _jsx188(Translation, {\n strings: [\"Not every bank transaction is business-related. Simply mark each as to be included or not ('Yes' or 'No'). This ensures we only track what actually applies for your self-employed finances.\", \"Gestionar tus ingresos como aut\\xF3nomo es el primer paso para mantener tus finanzas en regla. M\\xE1s adelante tambi\\xE9n revisaremos tus gastos.\"]\n })\n })]\n }), /* @__PURE__ */ _jsx188(Container55, {\n padding: \"18px\",\n tabletPadding: \"24px\",\n radius: radius38.large,\n background: colors82.white,\n shadow: shadows12.high,\n children: isLoadingTransactions || isFetchingTransactions || !transactions?.length ? /* @__PURE__ */ _jsx188(BankingTransactionsSkeleton, {}) : isSuccessTransactions && /* @__PURE__ */ _jsxs123(Flexer61, {\n column: true,\n gap: \"18px\",\n tabletGap: \"24px\",\n children: [/* @__PURE__ */ _jsx188(BankingTransactionsListHeading, {}), /* @__PURE__ */ _jsx188(BankingTransactionsList, {\n transactions,\n preventInvalidation: true\n }), /* @__PURE__ */ _jsx188(Spacer41, {\n tabletMarginLeft: \"auto\",\n children: /* @__PURE__ */ _jsx188(Button44, {\n onClick: handleContinue,\n isMobileFullWidth: true,\n children: /* @__PURE__ */ _jsx188(Translation, {\n strings: [\"Continue\", \"Continuar\"]\n })\n })\n })]\n })\n }), /* @__PURE__ */ _jsx188(Spacer41, {\n children: /* @__PURE__ */ _jsx188(Line31, {\n size: font36.smaller,\n children: /* @__PURE__ */ _jsx188(Translation, {\n strings: [\"Don\\u2019t worry if you don\\u2019t see all your transactions here. You can review your full history later, including expenses.\", \"Podr\\xE1s acceder al historial de transacciones completo m\\xE1s tarde\"]\n })\n })\n })]\n })\n })]\n })\n });\n};\n\n// src/components/customer/banking/BankingIntegration.tsx\nimport { jsx as _jsx189, jsxs as _jsxs124 } from \"react/jsx-runtime\";\nvar useBookkeepingBankingRoutes = (externalRootPath, goBackPath) => {\n const {\n ROUTES\n } = useRoutes();\n const rootPath = externalRootPath ?? (ROUTES.PATH_BOOKKEEPING_TRACKING || \"\");\n const bankingRoutes = {\n providers: `${rootPath}${ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS}`,\n connect: `${rootPath}${ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_CONNECT}`,\n reconnect: `${rootPath}${ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_RECONNECT}`,\n connectCallback: `${rootPath}${ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_CONNECT_CALLBACK}`,\n transactions: `${rootPath}${ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_TRANSACTIONS}`,\n back: goBackPath ?? ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES\n };\n return bankingRoutes;\n};\nvar BankingIntegration = withConfigurationErrorBoundary(({\n externalRootPath,\n goBackPath\n}) => {\n const bankingRoutes = useBookkeepingBankingRoutes(externalRootPath, goBackPath);\n return /* @__PURE__ */ _jsx189(BankingContextProvider, {\n config: {\n routes: bankingRoutes\n },\n children: /* @__PURE__ */ _jsxs124(Switch7, {\n children: [/* @__PURE__ */ _jsx189(Route7, {\n path: bankingRoutes.connect,\n children: /* @__PURE__ */ _jsx189(AvailableBankingProviderConnectModal, {})\n }), /* @__PURE__ */ _jsx189(Route7, {\n path: bankingRoutes.reconnect,\n children: /* @__PURE__ */ _jsx189(AvailableBankingProviderReconnectModal, {})\n }), /* @__PURE__ */ _jsx189(Route7, {\n path: bankingRoutes.connectCallback,\n children: /* @__PURE__ */ _jsx189(ConnectBankingProviderCallback, {})\n }), /* @__PURE__ */ _jsx189(Route7, {\n path: bankingRoutes.transactions,\n children: /* @__PURE__ */ _jsx189(BankingIncomeTransactions, {})\n }), /* @__PURE__ */ _jsx189(AvailableBankingProviders, {})]\n })\n });\n});\n\n// src/components/customer/banking/overview/BankingOverview.tsx\nimport { useHistory as useHistory30 } from \"react-router-dom\";\nimport { colors as colors86, radius as radius42, Button as Button47, Container as Container59, Page, Spacer as Spacer43 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProviders.tsx\nimport { useState as useState61 } from \"react\";\nimport { useHistory as useHistory28 } from \"react-router-dom\";\nimport { Container as Container57 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProvidersDeleteModal.tsx\nimport { Button as Button45, ModalActionsLegacy as ModalActions16, ModalBodyLegacy as ModalBody27, ModalFooterLegacy as ModalFooter25, ModalHeaderLegacy as ModalHeader22, ModalLegacy as Modal27, ModalTitleLegacy as ModalTitle22, Paragraph as Paragraph20 } from \"@scouts/ui\";\n\n// src/store/banking-providers/hooks/use-delete-connected-banking-provider.ts\nimport { useCallback as useCallback46 } from \"react\";\nimport { addErrorToast as addErrorToast17, addSuccessToast as addSuccessToast14 } from \"@scouts/ui\";\nvar useDeleteConnectedBankingProvider = () => {\n const {\n id: userId\n } = useUser();\n const translation = useTranslation();\n const [deleteAction, {\n isLoading: isDeleteLoading\n }] = useDeleteConnectedBankingProviderMutation();\n const deleteBankingProvider = useCallback46((params) => deleteAction({\n ...params,\n userId\n }).unwrap().then(() => {\n track(EVENTS.BANKING_DISCONNECT, {\n id: params.bankingProviderId\n });\n addSuccessToast14({\n body: translation({\n id: \"common.successDelete\"\n })\n });\n }).catch(() => {\n addErrorToast17({\n body: translation([\"Your bank couldn't be disconnected, please try again later.\", \"No pudimos eliminar la integraci\\xF3n bancaria, int\\xE9ntalo de nuevo m\\xE1s tarde.\"])\n });\n }), [deleteAction, translation, userId]);\n return {\n deleteBankingProvider,\n isDeleteLoading\n };\n};\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProvidersDeleteModal.tsx\nimport { jsx as _jsx190, Fragment as _Fragment68, jsxs as _jsxs125 } from \"react/jsx-runtime\";\nvar ConnectedBankingProvidersDeleteModal = ({\n activeBankingProvider,\n onClose\n}) => {\n const {\n deleteBankingProvider,\n isDeleteLoading\n } = useDeleteConnectedBankingProvider();\n const handleConfirmDelete = async () => {\n if (activeBankingProvider) {\n await deleteBankingProvider({\n bankingProviderId: activeBankingProvider\n });\n onClose();\n }\n };\n return /* @__PURE__ */ _jsxs125(Modal27, {\n onClose,\n children: [isDeleteLoading ? /* @__PURE__ */ _jsxs125(_Fragment68, {\n children: [/* @__PURE__ */ _jsx190(ModalHeader22, {\n children: /* @__PURE__ */ _jsx190(ModalTitle22, {\n children: /* @__PURE__ */ _jsx190(Translation, {\n strings: [\"Disconnecting your bank...\", \"Eliminando la integraci\\xF3n con tu banco\\u2026\"]\n })\n })\n }), /* @__PURE__ */ _jsx190(ModalBody27, {\n children: /* @__PURE__ */ _jsx190(Paragraph20, {\n children: /* @__PURE__ */ _jsx190(Translation, {\n strings: [\"This may take a few seconds to complete\", \"Esto puede tardar unos segundos en finalizar\"]\n })\n })\n })]\n }) : /* @__PURE__ */ _jsxs125(_Fragment68, {\n children: [/* @__PURE__ */ _jsx190(ModalHeader22, {\n children: /* @__PURE__ */ _jsx190(ModalTitle22, {\n children: /* @__PURE__ */ _jsx190(Translation, {\n strings: [\"Are you sure you want to disconnect this bank?\", \"\\xBFSeguro que quieres eliminar esta conexi\\xF3n bancaria?\"]\n })\n })\n }), /* @__PURE__ */ _jsxs125(ModalBody27, {\n children: [/* @__PURE__ */ _jsx190(Paragraph20, {\n children: /* @__PURE__ */ _jsx190(Translation, {\n strings: [\"This will remove our access to your bank and delete all related transaction data in our system.\", \"Esto eliminar\\xE1 nuestra posibilidad de acceder a tus transacciones bancarias, y tambi\\xE9n borrar\\xE1 las que ya tengamos en el sistema.\"]\n })\n }), /* @__PURE__ */ _jsx190(Paragraph20, {\n children: /* @__PURE__ */ _jsx190(Translation, {\n strings: [\"Please note that any incomes or expenses that were created from these transactions will remain untouched.\", \"Recuerda que cualquier registro de ingreso o gasto que se haya creado a partir de una transacci\\xF3n bancaria no ser\\xE1 borrado.\"]\n })\n })]\n })]\n }), /* @__PURE__ */ _jsx190(ModalFooter25, {\n children: /* @__PURE__ */ _jsxs125(ModalActions16, {\n children: [/* @__PURE__ */ _jsx190(Button45, {\n onClick: onClose,\n isSecondary: true,\n disabled: isDeleteLoading,\n children: /* @__PURE__ */ _jsx190(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx190(Button45, {\n onClick: handleConfirmDelete,\n isLoading: isDeleteLoading,\n children: /* @__PURE__ */ _jsx190(Translation, {\n id: \"common.actions.delete\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProvidersList.tsx\nimport styled55 from \"styled-components\";\nimport { colors as colors84, media as media27, radius as radius40, Grid as Grid11 } from \"@scouts/ui\";\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProvidersItem.tsx\nimport { useHistory as useHistory27 } from \"react-router-dom\";\nimport { colors as colors83, radius as radius39, shadows as shadows13, Container as Container56, DropdownButton as DropdownButton16, Flexer as Flexer62 } from \"@scouts/ui\";\nimport { jsx as _jsx191, jsxs as _jsxs126 } from \"react/jsx-runtime\";\nvar ConnectedBankingProvidersItem = ({\n bankingProvider,\n onDeleteBankingProvider\n}) => {\n const history = useHistory27();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParams();\n const translation = useTranslation();\n const {\n bankingProviderId,\n displayName,\n isDisconnected\n } = bankingProvider;\n const actions = [{\n \"aria-label\": translation([\"Reconnect bank\", \"Reconectar banco\"]),\n title: translation([\"Reconnect bank\", \"Reconectar banco\"]),\n onClick: () => history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_RECONNECT_FULL, {\n bankingProviderId\n })),\n shouldHide: !isDisconnected\n }, {\n \"aria-label\": translation([\"Remove connection\", \"Quitar conexi\\xF3n\"]),\n color: colors83.red,\n title: translation([\"Remove connection\", \"Quitar conexi\\xF3n\"]),\n onClick: () => onDeleteBankingProvider(bankingProviderId)\n }].filter((action) => !action.shouldHide);\n return /* @__PURE__ */ _jsx191(Container56, {\n title: displayName,\n background: isDisconnected ? colors83.redLighter : colors83.white,\n padding: \"15px 18px\",\n radius: radius39.large,\n shadow: shadows13.high,\n children: /* @__PURE__ */ _jsxs126(Flexer62, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx191(BankingProviderItemTitle, {\n bankingProvider\n }), /* @__PURE__ */ _jsx191(DropdownButton16, {\n actions,\n alignRight: true,\n isSecondary: isDisconnected\n })]\n })\n });\n};\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProvidersList.tsx\nimport { jsx as _jsx192, jsxs as _jsxs127 } from \"react/jsx-runtime\";\nvar ConnectedBankingProvidersList = ({\n bankingProviders,\n onConnectBank,\n onDeleteBankingProvider\n}) => {\n return /* @__PURE__ */ _jsxs127(Grid11, {\n tabletColumns: 2,\n desktopColumns: 3,\n gap: \"9px\",\n children: [bankingProviders?.map((bankingProvider) => /* @__PURE__ */ _jsx192(ConnectedBankingProvidersItem, {\n bankingProvider,\n onDeleteBankingProvider\n }, bankingProvider.bankingProviderId)), /* @__PURE__ */ _jsx192(BankActionButton, {\n onClick: onConnectBank,\n children: /* @__PURE__ */ _jsx192(Translation, {\n strings: bankingProviders?.length ? [\"Add bank account\", \"A\\xF1adir banco\"] : [\"Connect your bank\", \"Conectar un banco\"]\n })\n })]\n });\n};\nvar BankActionButton = styled55.button.withConfig({\n displayName: \"ConnectedBankingProvidersList__BankActionButton\",\n componentId: \"sc-qwow38-0\"\n})([\"padding:15px 18px;border-width:2px;border-style:solid;border-color:\", \";border-radius:\", \";width:fit-content;color:\", \";\", \"{&:hover{opacity:0.75;color:\", \";border-color:\", \";}}\"], colors84.neutralLight, radius40.large, colors84.neutralDarker, media27.pointer, colors84.blue, colors84.blue);\n\n// src/components/customer/banking/banking-providers/connected-banking-providers/ConnectedBankingProviders.tsx\nimport { jsx as _jsx193, jsxs as _jsxs128 } from \"react/jsx-runtime\";\nvar ConnectedBankingProviders = ({\n bankingProviders,\n isError,\n isLoading\n}) => {\n const history = useHistory28();\n const [activeBankingProvider, setActiveBankingProvider] = useState61(null);\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState61(false);\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParams = useGeneratePathWithParams();\n const handleOpenDeleteModal = (bankingProviderId) => {\n setActiveBankingProvider(bankingProviderId);\n setIsDeleteModalOpen(true);\n };\n const handelCloseDeleteModal = () => {\n setIsDeleteModalOpen(false);\n setActiveBankingProvider(null);\n };\n const navigateToAvailableBankingProviders = () => history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS_FULL));\n if (isLoading) {\n return /* @__PURE__ */ _jsx193(BankingProvidersSkeleton, {});\n }\n if (isError) {\n return /* @__PURE__ */ _jsx193(BankingErrorNotice, {\n translations: [\"Couldn't load connected banking providers, try reloading the page. If you keep seeing this message, please contact support.\", \"No se pudieron cargar los bancos conectados, intenta recargar la p\\xE1gina. Si sigues viendo este mensaje, contacta con soporte.\"]\n });\n }\n return /* @__PURE__ */ _jsxs128(Container57, {\n children: [/* @__PURE__ */ _jsx193(ConnectedBankingProvidersList, {\n bankingProviders,\n onConnectBank: navigateToAvailableBankingProviders,\n onDeleteBankingProvider: handleOpenDeleteModal\n }), isDeleteModalOpen && activeBankingProvider && /* @__PURE__ */ _jsx193(ConnectedBankingProvidersDeleteModal, {\n activeBankingProvider,\n onClose: handelCloseDeleteModal\n })]\n });\n};\n\n// src/components/customer/banking/overview/BankingOverviewTransactions.tsx\nimport { useEffect as useEffect32, useState as useState63 } from \"react\";\nimport { colors as colors85, font as font37, radius as radius41, shadows as shadows14, Container as Container58, DropdownSelect, Flexer as Flexer63, Line as Line33, Spacer as Spacer42 } from \"@scouts/ui\";\n\n// src/components/customer/banking/overview/hooks/use-banking-overview-filters.ts\nimport { useEffect as useEffect31, useState as useState62 } from \"react\";\nimport { useHistory as useHistory29 } from \"react-router-dom\";\nimport { useDebounce as useDebounce15 } from \"use-debounce\";\nimport { useQueryParams as useQueryParams4 } from \"@scouts/helpers\";\nvar getParsedDateFromQueryParams = (queryParam) => {\n if (queryParam && typeof queryParam === \"string\") {\n const dateFilter = JSON.parse(window.atob(queryParam));\n return {\n endDate: dateFilter.endDate ? String(dateFilter.endDate) : void 0,\n startDate: dateFilter.startDate ? String(dateFilter.startDate) : void 0\n };\n }\n return null;\n};\nvar getFilterQueryParam = (queryParam) => queryParam === \"true\" || queryParam === \"false\" ? queryParam === \"true\" : void 0;\nvar useBankingOverviewFilters = () => {\n const history = useHistory29();\n const {\n queryParams,\n removeQueryParams,\n updateQueryParams\n } = useQueryParams4();\n const {\n filter: datesQueryParam,\n isCredit: isCreditQueryParam,\n isUnreviewed: isUnreviewedQueryParam,\n search: searchQueryParam,\n bankingProviderIds: bankingProviderIdsParams\n } = queryParams;\n const dateRange = getParsedDateFromQueryParams(datesQueryParam);\n const [filters, setFilters] = useState62({\n endDate: dateRange?.endDate,\n isCredit: getFilterQueryParam(isCreditQueryParam),\n isUnreviewed: !!getFilterQueryParam(isUnreviewedQueryParam),\n search: searchQueryParam || void 0,\n startDate: dateRange?.startDate,\n bankingProviderIds: bankingProviderIdsParams || \"\"\n // @TODO: Update to array once we introduce multi bank select\n });\n const [debouncedSearch] = useDebounce15(filters.search, SEARCH_DEBOUNCE_DELAY);\n const updateFilters = (updatedFilters) => {\n for (let index = 0; index < updatedFilters.length; index++) {\n const {\n key,\n value\n } = updatedFilters[index];\n const queryParamKey = key === \"startDate\" || key === \"endDate\" ? \"filter\" : key;\n if (value !== void 0) {\n history.replace(updateQueryParams({\n [queryParamKey]: value\n }));\n } else {\n history.replace(removeQueryParams([queryParamKey]));\n }\n setFilters({\n ...filters,\n [queryParamKey]: value\n });\n }\n };\n const queryParamDependencies = {\n isCredit: filters.isCredit,\n // Type filter param\n isBusiness: filters.isUnreviewed ? bankingTransactionStatus.NotSet : void 0,\n // Review status filter param\n search: debouncedSearch,\n startDate: filters.startDate,\n endDate: filters.endDate,\n ...filters.bankingProviderIds && {\n bankingProviderIds: filters.bankingProviderIds\n }\n };\n useEffect31(() => {\n const dateRange2 = getParsedDateFromQueryParams(datesQueryParam);\n setFilters((prevFilters) => ({\n ...prevFilters,\n ...dateRange2\n }));\n }, [datesQueryParam]);\n return {\n filters,\n queryParamDependencies,\n updateFilters\n };\n};\n\n// src/components/customer/banking/overview/BankingOverviewReviewStatusFilter.tsx\nimport { Checkbox as Checkbox9 } from \"@scouts/ui\";\nimport { jsx as _jsx194 } from \"react/jsx-runtime\";\nvar BankingOverviewReviewStatusFilter = ({\n isUnreviewed,\n onChange\n}) => {\n const translation = useTranslation();\n return /* @__PURE__ */ _jsx194(Checkbox9, {\n label: translation([\"Show only unreviewed\", \"Ver solo no revisados\"]),\n name: \"unreviewedTransactions\",\n onChange: ({\n checked\n }) => onChange(checked),\n isSmall: true,\n checked: isUnreviewed\n });\n};\n\n// src/components/customer/banking/overview/BankingOverviewSearch.tsx\nimport { jsx as _jsx195 } from \"react/jsx-runtime\";\nvar BankingOverviewSearch = ({\n onChange,\n searchQuery\n}) => {\n const translation = useTranslation();\n return /* @__PURE__ */ _jsx195(SearchInput2, {\n autoComplete: \"off\",\n name: \"searchQuery\",\n onChange: (value) => onChange(value.target.value),\n placeholder: translation([\"Search...\", \"Buscar...\"]),\n type: \"search\",\n value: searchQuery\n });\n};\n\n// src/components/customer/banking/overview/BankingOverviewTransactionsList.tsx\nimport styled56 from \"styled-components\";\n\n// src/components/customer/banking/overview/BankingOverviewBulkActions.tsx\nimport { Button as Button46, Line as Line32 } from \"@scouts/ui\";\n\n// src/store/banking-providers/hooks/use-bulk-update-banking-transaction-status.ts\nimport { useCallback as useCallback47 } from \"react\";\nimport { addErrorToast as addErrorToast18 } from \"@scouts/ui\";\nvar useBulkUpdateBankingTransactions = ({\n preventInvalidation\n} = {}) => {\n const {\n id: userId\n } = useUser();\n const translation = useTranslation();\n const [updateAction, {\n isLoading: isUpdateLoading\n }] = useBulkUpdateBankingTransactionsMutation();\n const bulkUpdateBankingTransactions = useCallback47((params) => updateAction({\n ...params,\n userId,\n preventInvalidation\n }).unwrap().catch(() => addErrorToast18({\n body: translation({\n id: \"common.errorRequest\"\n })\n })), [updateAction, translation, userId, preventInvalidation]);\n return {\n bulkUpdateBankingTransactions,\n isLoading: isUpdateLoading\n };\n};\n\n// src/components/customer/banking/overview/BankingOverviewBulkActions.tsx\nimport { jsx as _jsx196, jsxs as _jsxs129, Fragment as _Fragment69 } from \"react/jsx-runtime\";\nvar BankingOverviewBulkActions = ({\n areAllSelected,\n selectedItems,\n onSelectAll,\n onUnselectAll\n}) => {\n const {\n bulkUpdateBankingTransactions,\n isLoading\n } = useBulkUpdateBankingTransactions();\n const handleSelectionAction = (isBusiness) => {\n bulkUpdateBankingTransactions({\n isBusiness,\n transactionIds: selectedItems.map(({\n id\n }) => id)\n }).then(() => {\n onUnselectAll();\n });\n };\n return /* @__PURE__ */ _jsx196(BulkActions, {\n areAllSelected,\n onSelectAll,\n onUnSelectAll: onUnselectAll,\n actions: /* @__PURE__ */ _jsxs129(_Fragment69, {\n children: [/* @__PURE__ */ _jsx196(Button46, {\n size: \"small\",\n onClick: () => handleSelectionAction(false),\n disabled: selectedItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsxs129(Line32, {\n children: [/* @__PURE__ */ _jsx196(Translation, {\n strings: [\"Personal\", \"Personal\"]\n }), \" (\", selectedItems.length, \")\"]\n })\n }), /* @__PURE__ */ _jsx196(Button46, {\n size: \"small\",\n onClick: () => handleSelectionAction(true),\n disabled: selectedItems.length === 0,\n isLoading,\n children: /* @__PURE__ */ _jsxs129(Line32, {\n children: [/* @__PURE__ */ _jsx196(Translation, {\n strings: [\"Business\", \"Negocio\"]\n }), \" (\", selectedItems.length, \")\"]\n })\n })]\n }),\n selectedItems\n });\n};\n\n// src/components/customer/banking/overview/BankingOverviewTransactionsList.tsx\nimport { jsx as _jsx197, jsxs as _jsxs130 } from \"react/jsx-runtime\";\nvar BankingOverviewTransactionsList = ({\n isFetching = false,\n transactions = []\n}) => {\n const {\n areAllSelected,\n selectAll,\n unselectAll,\n selectedRecords,\n toggleSelection\n } = useBulkActions({\n records: transactions\n });\n const hasTransactions = transactions.length > 0;\n if (!hasTransactions)\n return /* @__PURE__ */ _jsx197(BankingTransactionsListEmptyState, {});\n return /* @__PURE__ */ _jsxs130(Wrapper5, {\n isFetching,\n children: [transactions.map((transaction) => {\n const isSelected = selectedRecords.includes(transaction);\n return /* @__PURE__ */ _jsx197(BankingTransactionsItem, {\n isSelected,\n onToggleSelection: toggleSelection,\n transaction\n }, transaction.id);\n }), /* @__PURE__ */ _jsx197(BankingOverviewBulkActions, {\n selectedItems: selectedRecords,\n onSelectAll: selectAll,\n onUnselectAll: unselectAll,\n areAllSelected\n })]\n });\n};\nvar Wrapper5 = styled56.div.withConfig({\n displayName: \"BankingOverviewTransactionsList__Wrapper\",\n componentId: \"sc-1vncp5k-0\"\n})([\"opacity:\", \";pointer-events:\", \";\"], ({\n isFetching\n}) => isFetching ? \"0.4\" : \"1\", ({\n isFetching\n}) => isFetching ? \"none\" : \"auto\");\n\n// src/components/customer/banking/overview/BankingOverviewTypeFilter.tsx\nimport { Tabs } from \"@scouts/ui\";\nimport { jsx as _jsx198, jsxs as _jsxs131 } from \"react/jsx-runtime\";\nvar BankingOverviewTypeFilter = ({\n onChange,\n isIncome\n}) => /* @__PURE__ */ _jsxs131(Tabs, {\n children: [/* @__PURE__ */ _jsx198(Tabs.Item, {\n onClick: () => onChange(void 0),\n isActive: isIncome === void 0,\n children: /* @__PURE__ */ _jsx198(Translation, {\n id: \"common.filters.all\"\n })\n }), /* @__PURE__ */ _jsx198(Tabs.Item, {\n onClick: () => onChange(true),\n isActive: isIncome === true,\n children: /* @__PURE__ */ _jsx198(Translation, {\n id: \"common.incomes\"\n })\n }), /* @__PURE__ */ _jsx198(Tabs.Item, {\n onClick: () => onChange(false),\n isActive: isIncome === false,\n children: /* @__PURE__ */ _jsx198(Translation, {\n id: \"common.expenses\"\n })\n })]\n});\n\n// src/components/customer/banking/overview/BankingOverviewTransactions.tsx\nimport { jsx as _jsx199, jsxs as _jsxs132, Fragment as _Fragment70 } from \"react/jsx-runtime\";\nvar BANKING_TRANSACTIONS_INITIAL_PAGE = 1;\nvar BANKING_TRANSACTIONS_PAGE_SIZE = 25;\nvar BankingOverviewTransactions = ({\n connectedBankingProviders\n}) => {\n const translation = useTranslation();\n const hasConnectedMultipleBankingProviders = connectedBankingProviders.length > 1;\n const [pagination, setPagination] = useState63({\n currentPage: BANKING_TRANSACTIONS_INITIAL_PAGE,\n pageSize: BANKING_TRANSACTIONS_PAGE_SIZE\n });\n const {\n queryParamDependencies,\n filters,\n updateFilters\n } = useBankingOverviewFilters();\n const {\n endDate: endDateQueryParam,\n isBusiness: isBusinessQueryParam,\n isCredit: isCreditQueryParam,\n search: searchQueryParam,\n startDate: startDateQueryParam,\n bankingProviderIds: bankingProviderIdsParam\n } = queryParamDependencies;\n const {\n isCredit,\n isUnreviewed,\n search: searchQuery,\n bankingProviderIds\n } = filters;\n const {\n data: transactions,\n totalCount: transactionsTotalCount,\n pageCount: transactionsPageCount,\n isError: isErrorTransactions,\n isLoading: isLoadingTransactions,\n isFetching: isFetchingTransactions\n } = useBankingTransactions({\n params: {\n pageSize: pagination.pageSize,\n pageNumber: pagination.currentPage,\n ...queryParamDependencies,\n bankingProviderIds: bankingProviderIdsParam ? [bankingProviderIdsParam] : void 0\n },\n refetchOnMountOrArgChange: true\n });\n const bankingProviderFilterOptions = connectedBankingProviders.map((bankingProvider) => ({\n value: bankingProvider.bankingProviderId,\n title: bankingProvider.displayName\n }));\n const handlePaginationChange = ({\n selectedPageItem,\n selectedPageSize\n }) => setPagination({\n currentPage: selectedPageItem,\n pageSize: selectedPageSize\n });\n useEffect32(() => {\n setPagination((prevPagination) => ({\n ...prevPagination,\n currentPage: BANKING_TRANSACTIONS_INITIAL_PAGE\n }));\n }, [endDateQueryParam, isBusinessQueryParam, isCreditQueryParam, searchQueryParam, startDateQueryParam]);\n if (isErrorTransactions) {\n return /* @__PURE__ */ _jsx199(BankingTransactionsErrorNotice, {});\n }\n return /* @__PURE__ */ _jsx199(Container58, {\n padding: \"18px 18px 21px\",\n tabletPadding: \"24px 36px 30px\",\n radius: radius41.large,\n background: colors85.white,\n border: `1px solid ${colors85.neutralLightest}`,\n shadow: shadows14.high,\n children: /* @__PURE__ */ _jsx199(Flexer63, {\n column: true,\n gap: \"18px\",\n tabletGap: \"24px\",\n children: isLoadingTransactions ? /* @__PURE__ */ _jsx199(BankingTransactionsSkeleton, {}) : /* @__PURE__ */ _jsxs132(_Fragment70, {\n children: [/* @__PURE__ */ _jsxs132(Container58, {\n children: [/* @__PURE__ */ _jsxs132(Flexer63, {\n column: true,\n tabletRow: true,\n gap: \"18px\",\n tabletGap: \"0\",\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsxs132(Flexer63, {\n column: true,\n tabletRow: true,\n gap: \"18px\",\n tabletGap: \"30px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx199(BankingOverviewTypeFilter, {\n onChange: (value) => updateFilters([{\n key: \"isCredit\",\n value\n }]),\n isIncome: isCredit\n }), /* @__PURE__ */ _jsx199(FiltersDate, {\n skipPersistFilterInLocalStorage: true\n }), /* @__PURE__ */ _jsx199(BankingOverviewReviewStatusFilter, {\n onChange: (value) => updateFilters([{\n key: \"isUnreviewed\",\n value\n }]),\n isUnreviewed\n }), hasConnectedMultipleBankingProviders && /* @__PURE__ */ _jsx199(DropdownSelect, {\n name: \"selectedBankingProvider\",\n value: bankingProviderIds || \"\",\n options: [{\n value: \"\",\n title: translation([\"All banks\", \"Todos los bancos\"])\n }, ...bankingProviderFilterOptions],\n onChange: ({\n value\n }) => updateFilters([{\n key: \"bankingProviderIds\",\n value\n }])\n })]\n }), /* @__PURE__ */ _jsx199(Flexer63, {\n column: true,\n tabletRow: true,\n children: /* @__PURE__ */ _jsx199(BankingOverviewSearch, {\n searchQuery,\n onChange: (value) => updateFilters([{\n key: \"search\",\n value: value?.length ? value : void 0\n }])\n })\n })]\n }), /* @__PURE__ */ _jsx199(Spacer42, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx199(Flexer63, {\n justifyStart: true,\n tabletJustifyEnd: true,\n children: /* @__PURE__ */ _jsx199(Flexer63, {\n alignCenter: true,\n children: /* @__PURE__ */ _jsx199(Line33, {\n size: font37.small,\n children: /* @__PURE__ */ _jsx199(PaginationResultsCount, {\n pagination: {\n currentPage: pagination.currentPage,\n perPageCount: pagination.pageSize,\n totalCount: transactionsTotalCount\n }\n })\n })\n })\n })\n })]\n }), !!transactions?.length && /* @__PURE__ */ _jsx199(BankingTransactionsListHeading, {}), /* @__PURE__ */ _jsx199(BankingOverviewTransactionsList, {\n isFetching: isFetchingTransactions,\n transactions\n }), !!transactions?.length && transactionsPageCount && transactionsTotalCount && /* @__PURE__ */ _jsx199(PaginationNav, {\n currentPage: pagination.currentPage,\n onPaginationChange: handlePaginationChange,\n pageSize: pagination.pageSize,\n totalPageCount: transactionsPageCount,\n totalResultCount: transactionsTotalCount\n })]\n })\n })\n });\n};\n\n// src/components/customer/banking/overview/BankingOverview.tsx\nimport { jsx as _jsx200, jsxs as _jsxs133, Fragment as _Fragment71 } from \"react/jsx-runtime\";\nvar BankingOverview = () => {\n const {\n bankingPromotion\n } = useConfig();\n const {\n renderBankingPromotionBanner\n } = bankingPromotion || {};\n const history = useHistory30();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n data: bankingProviders,\n isError: isErrorBankingProviders,\n isLoading: isLoadingBankingProviders,\n isSuccess: isSuccessBankingProviders\n } = useConnectedBankingProviders();\n const navigateToBookkeeping = () => history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES));\n return /* @__PURE__ */ _jsxs133(_Fragment71, {\n children: [/* @__PURE__ */ _jsx200(Spacer43, {\n marginBottom: \"42px\",\n children: /* @__PURE__ */ _jsx200(Button47, {\n isSecondary: true,\n size: \"small\",\n onClick: navigateToBookkeeping,\n children: /* @__PURE__ */ _jsx200(Translation, {\n strings: [\"Back\", \"Atr\\xE1s\"]\n })\n })\n }), /* @__PURE__ */ _jsx200(Page.Heading, {\n children: /* @__PURE__ */ _jsx200(Translation, {\n strings: [\"Bank transactions\", \"Integraciones bancarias\"]\n })\n }), renderBankingPromotionBanner && /* @__PURE__ */ _jsx200(Page.Section, {\n children: renderBankingPromotionBanner\n }), /* @__PURE__ */ _jsx200(Page.Section, {\n children: /* @__PURE__ */ _jsxs133(Container59, {\n background: colors86.neutralLightest,\n padding: \"15px 18px 18px\",\n tabletPadding: \"24px 36px\",\n radius: radius42.large,\n children: [/* @__PURE__ */ _jsx200(ConnectedBankingProviders, {\n bankingProviders,\n isError: isErrorBankingProviders,\n isLoading: isLoadingBankingProviders\n }), isSuccessBankingProviders && !!bankingProviders?.length && /* @__PURE__ */ _jsx200(Spacer43, {\n marginTop: \"30px\",\n children: /* @__PURE__ */ _jsx200(BankingOverviewTransactions, {\n connectedBankingProviders: bankingProviders\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/banking/shared/BankingTransactionsBanner/BankingTransactionsBanner.tsx\nimport { useHistory as useHistory31 } from \"react-router-dom\";\nimport styled57 from \"styled-components\";\nimport { useToggle as useToggle16 } from \"@scouts/helpers\";\nimport { colors as colors90, radius as radius43, shadows as shadows15, Button as Button48, Container as Container60, ModalActionsLegacy as ModalActions17, ModalBodyLegacy as ModalBody28, ModalFooterLegacy as ModalFooter26, ModalHeaderLegacy as ModalHeader23, ModalLegacy as Modal28, ModalTitleLegacy as ModalTitle23, Paragraph as Paragraph21 } from \"@scouts/ui\";\n\n// src/components/customer/banking/shared/BankingTransactionsBanner/BankingTransactionsBannerConnect.tsx\nimport { colors as colors87, font as font38, useIsTablet as useIsTablet7, ButtonLink as ButtonLink13, Chip as Chip13, Flexer as Flexer64, Icon as Icon11, IconCreditCardPlus, Line as Line34 } from \"@scouts/ui\";\nimport { jsx as _jsx201, jsxs as _jsxs134 } from \"react/jsx-runtime\";\nvar BankingTransactionsBannerConnect = ({\n onHideClick\n}) => {\n const isTablet = useIsTablet7();\n return /* @__PURE__ */ _jsxs134(Flexer64, {\n gap: \"12px\",\n tabletGap: \"24px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsxs134(Flexer64, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx201(Icon11, {\n Component: IconCreditCardPlus\n }), /* @__PURE__ */ _jsxs134(Line34, {\n size: font38.smaller,\n tabletSize: font38.small,\n children: [/* @__PURE__ */ _jsx201(Translation, {\n strings: [\"Connect your bank account\", \"Sincroniza tu cuenta bancaria\"]\n }), \" \"]\n })]\n }), /* @__PURE__ */ _jsxs134(Flexer64, {\n alignCenter: true,\n gap: \"18px\",\n children: [isTablet && /* @__PURE__ */ _jsx201(ButtonLink13, {\n as: \"a\",\n onClick: onHideClick,\n isSmall: true,\n children: /* @__PURE__ */ _jsx201(Translation, {\n strings: [\"Hide\", \"Ocultar\"]\n })\n }), /* @__PURE__ */ _jsx201(Flexer64, {\n alignCenter: true,\n children: /* @__PURE__ */ _jsx201(Chip13, {\n background: colors87.white,\n color: colors87.blue,\n size: \"small\",\n children: /* @__PURE__ */ _jsx201(Translation, {\n strings: [\"Learn more\", \"Saber m\\xE1s\"]\n })\n })\n })]\n })]\n });\n};\n\n// src/components/customer/banking/shared/BankingTransactionsBanner/BankingTransactionsBannerReconnect.tsx\nimport { colors as colors88, font as font39, useIsTablet as useIsTablet8, Chip as Chip14, Flexer as Flexer65, Line as Line35 } from \"@scouts/ui\";\nimport { jsx as _jsx202, jsxs as _jsxs135 } from \"react/jsx-runtime\";\nvar BankingTransactionsBannerReconnect = ({\n connectedBankingProvider\n}) => {\n const isTablet = useIsTablet8();\n return /* @__PURE__ */ _jsxs135(Flexer65, {\n gap: \"12px\",\n tabletGap: \"18px\",\n alignCenter: true,\n tabletSpaceBetween: true,\n children: [/* @__PURE__ */ _jsxs135(Flexer65, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx202(BankingProviderIcon_default, {\n logoUrl: connectedBankingProvider?.logoUrl,\n width: \"24px\"\n }), /* @__PURE__ */ _jsxs135(Line35, {\n size: font39.smaller,\n tabletSize: font39.small,\n children: [/* @__PURE__ */ _jsx202(Translation, {\n strings: [\"Connection is expired\", \"La conexi\\xF3n ha caducado\"]\n }), \" \"]\n })]\n }), isTablet && /* @__PURE__ */ _jsx202(Chip14, {\n background: colors88.white,\n color: colors88.blue,\n size: \"small\",\n children: /* @__PURE__ */ _jsx202(Translation, {\n strings: [\"Reconnect\", \"Reconectar\"]\n })\n })]\n });\n};\n\n// src/components/customer/banking/shared/BankingTransactionsBanner/BankingTransactionsBannerReview.tsx\nimport { colors as colors89, font as font40, Chip as Chip15, Flexer as Flexer66, Line as Line36 } from \"@scouts/ui\";\nimport { jsx as _jsx203, jsxs as _jsxs136 } from \"react/jsx-runtime\";\nvar BankingTransactionsBannerReview = ({\n connectedBankingProvider,\n totalUnreviewedTransactions\n}) => {\n if (!connectedBankingProvider || !totalUnreviewedTransactions)\n return null;\n return /* @__PURE__ */ _jsxs136(Flexer66, {\n gap: \"12px\",\n tabletGap: \"18px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsxs136(Flexer66, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx203(BankingProviderIcon_default, {\n logoUrl: connectedBankingProvider?.logoUrl,\n width: \"24px\"\n }), /* @__PURE__ */ _jsx203(Line36, {\n size: font40.smaller,\n tabletSize: font40.small,\n children: /* @__PURE__ */ _jsx203(TranslationPlural, {\n strings: {\n one: [\"# new transaction to review\", \"# transacci\\xF3n sin contabilizar\"],\n other: [\"# new transactions to review\", \"# transacciones sin contabilizar\"]\n },\n count: totalUnreviewedTransactions\n })\n })]\n }), /* @__PURE__ */ _jsx203(Chip15, {\n background: colors89.white,\n color: colors89.blue,\n size: \"small\",\n children: /* @__PURE__ */ _jsx203(Translation, {\n strings: [\"Review\", \"Revisar\"]\n })\n })]\n });\n};\n\n// src/components/customer/banking/shared/BankingTransactionsBanner/BankingTransactionsBanner.tsx\nimport { jsx as _jsx204, jsxs as _jsxs137 } from \"react/jsx-runtime\";\nvar BankingTransactionsBanner = ({\n connectedBankingProvider,\n connectRoute,\n onHideConnectBanner,\n overviewRoute,\n reconnectRoute,\n totalUnreviewedTransactions\n}) => {\n const history = useHistory31();\n const [isModalOpen, , , toggleModal] = useToggle16();\n if (connectedBankingProvider && !totalUnreviewedTransactions)\n return null;\n const {\n isDisconnected\n } = connectedBankingProvider || {};\n const openConnectModal = () => history.push(connectRoute);\n const handleClick = () => {\n if (!connectedBankingProvider) {\n return openConnectModal();\n }\n if (isDisconnected) {\n return history.push(reconnectRoute);\n }\n return history.push(overviewRoute);\n };\n return /* @__PURE__ */ _jsxs137(Wrapper6, {\n onClick: handleClick,\n children: [/* @__PURE__ */ _jsx204(Container60, {\n background: isDisconnected ? colors90.redLighter : connectedBankingProvider ? colors90.yellow : `linear-gradient(135deg, ${colors90.purpleLighter} 0%, ${colors90.redLighter} 100%)`,\n padding: \"12px 15px\",\n tabletPadding: \"12px 18px\",\n radius: radius43.large,\n shadow: shadows15.high,\n children: !connectedBankingProvider ? /* @__PURE__ */ _jsx204(BankingTransactionsBannerConnect, {\n onHideClick: onHideConnectBanner\n }) : connectedBankingProvider && isDisconnected ? /* @__PURE__ */ _jsx204(BankingTransactionsBannerReconnect, {\n connectedBankingProvider\n }) : /* @__PURE__ */ _jsx204(BankingTransactionsBannerReview, {\n connectedBankingProvider,\n totalUnreviewedTransactions\n })\n }), isModalOpen && /* @__PURE__ */ _jsxs137(Modal28, {\n onClose: toggleModal,\n children: [/* @__PURE__ */ _jsx204(ModalHeader23, {\n children: /* @__PURE__ */ _jsx204(ModalTitle23, {\n children: /* @__PURE__ */ _jsx204(Translation, {\n strings: [\"Connect your bank account\", \"Sincroniza tu cuenta bancaria\"]\n })\n })\n }), /* @__PURE__ */ _jsx204(ModalBody28, {\n children: /* @__PURE__ */ _jsx204(Paragraph21, {\n children: /* @__PURE__ */ _jsx204(Translation, {\n strings: [\"Save time by automatically syncing your bank transactions and avoid manual errors\", \"Conecta tu cuenta bancaria y registra tus transacciones autom\\xE1ticamente para ahorrar tiempo y evitar errores.\"]\n })\n })\n }), /* @__PURE__ */ _jsx204(ModalFooter26, {\n children: /* @__PURE__ */ _jsx204(ModalActions17, {\n children: /* @__PURE__ */ _jsx204(Button48, {\n onClick: openConnectModal,\n children: /* @__PURE__ */ _jsx204(Translation, {\n strings: [\"Connect now\", \"Conectar ahora\"]\n })\n })\n })\n })]\n })]\n });\n};\nvar Wrapper6 = styled57.button.withConfig({\n displayName: \"BankingTransactionsBanner__Wrapper\",\n componentId: \"sc-1xw1aiq-0\"\n})([\"width:100%;cursor:pointer;\"]);\n\n// src/components/customer/onboarding/Onboarding.tsx\nimport styled61 from \"styled-components\";\nimport { media as media31, ChipButton as ChipButton13, Container as Container64, Grid as Grid12, GridItem as GridItem6, Page as Page2, Spacer as Spacer47 } from \"@scouts/ui\";\n\n// src/components/customer/onboarding/hooks/use-onboarding.ts\nimport { useState as useState64 } from \"react\";\nimport { localStorageGet as localStorageGet2, localStorageSet as localStorageSet2 } from \"@scouts/helpers\";\nvar BOOKKEEPING_ONBOARDING_STORAGE_KEY = \"hideBookkeepingOnboarding\";\nvar useOnboarding = () => {\n const {\n shouldDisplayBookkeepingOnboarding\n } = useConfig();\n const [isHidden, setIsHidden] = useState64(!!localStorageGet2(BOOKKEEPING_ONBOARDING_STORAGE_KEY));\n const shouldDisplayOnboarding = shouldDisplayBookkeepingOnboarding && !isHidden;\n const handleHide = () => {\n localStorageSet2(BOOKKEEPING_ONBOARDING_STORAGE_KEY, \"true\");\n setIsHidden(true);\n };\n return {\n handleHide,\n shouldDisplayOnboarding\n };\n};\n\n// src/components/customer/onboarding/OnboardingBanking.tsx\nimport { useHistory as useHistory32 } from \"react-router-dom\";\nimport { styled as styled58 } from \"styled-components\";\nimport { colors as colors91, font as font41, media as media28, radius as radius44, ChipButton as ChipButton10, Container as Container61, Flexer as Flexer67, Paragraph as Paragraph22, Spacer as Spacer44 } from \"@scouts/ui\";\nimport { jsx as _jsx205, jsxs as _jsxs138 } from \"react/jsx-runtime\";\nvar OnboardingBanking = () => {\n const history = useHistory32();\n const {\n ROUTES\n } = useRoutes();\n const translation = useTranslation();\n return /* @__PURE__ */ _jsxs138(Container61, {\n padding: \"24px\",\n desktopPadding: \"24px 36px\",\n background: `linear-gradient(130deg, ${colors91.redLighter} 0%, ${colors91.yellow} 100%)`,\n radius: radius44.large,\n children: [/* @__PURE__ */ _jsxs138(Spacer44, {\n marginBottom: \"18px\",\n children: [/* @__PURE__ */ _jsx205(Paragraph22, {\n children: /* @__PURE__ */ _jsx205(\"strong\", {\n children: /* @__PURE__ */ _jsx205(Translation, {\n strings: [\"Connect your bank account\", \"Conecta tu cuenta bancaria\"]\n })\n })\n }), /* @__PURE__ */ _jsx205(Paragraph22, {\n size: font41.small,\n children: /* @__PURE__ */ _jsx205(Translation, {\n strings: [\"\", \"Ahorra tiempo y evita errores manteniendo todos tus ingresos y gastos al d\\xEDa. Podr\\xE1s filtrar f\\xE1cilmente las operaciones que no sean del negocio.\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs138(Flexer67, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx205(ChipButton10, {\n onClick: () => history.push(ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS_FULL),\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx205(Translation, {\n strings: [\"Try now\", \"Vamos a verlo\"]\n })\n }), /* @__PURE__ */ _jsx205(LearnMoreLink, {\n href: translation([\"\", \"https://www.notion.so/taxscouts/C-mo-integrarme-con-mi-banco-1c5a46a3955e4bce9af7171bd7d15417\"]),\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n children: /* @__PURE__ */ _jsx205(Translation, {\n strings: [\"Learn more\", \"Saber m\\xE1s\"]\n })\n })]\n })]\n });\n};\nvar LearnMoreLink = styled58.a.withConfig({\n displayName: \"OnboardingBanking__LearnMoreLink\",\n componentId: \"sc-arax8u-0\"\n})([\"color:\", \";font-family:\", \";font-size:\", \";font-weight:\", \";line-height:1;text-decoration:none;\", \"{&:hover{opacity:0.75;}}\"], colors91.text.interactive, font41.family.body, font41.body.medium, font41.weight.medium, media28.pointer);\n\n// src/components/customer/onboarding/OnboardingExpenses.tsx\nimport { useHistory as useHistory33 } from \"react-router-dom\";\nimport { styled as styled59 } from \"styled-components\";\nimport { colors as colors92, font as font42, media as media29, radius as radius45, ChipButton as ChipButton11, Container as Container62, Flexer as Flexer68, Paragraph as Paragraph23, Spacer as Spacer45 } from \"@scouts/ui\";\nimport { jsx as _jsx206, jsxs as _jsxs139 } from \"react/jsx-runtime\";\nvar OnboardingExpenses = () => {\n const history = useHistory33();\n const {\n ROUTES\n } = useRoutes();\n const translation = useTranslation();\n const generatePathWithParams = useGeneratePathWithParams();\n return /* @__PURE__ */ _jsxs139(Container62, {\n padding: \"24px\",\n desktopPadding: \"24px 36px\",\n background: `linear-gradient(130deg, ${colors92.purpleLighter} 0%, ${colors92.redLighter} 100%)`,\n radius: radius45.large,\n children: [/* @__PURE__ */ _jsxs139(Spacer45, {\n marginBottom: \"18px\",\n children: [/* @__PURE__ */ _jsx206(Paragraph23, {\n children: /* @__PURE__ */ _jsx206(\"strong\", {\n children: /* @__PURE__ */ _jsx206(Translation, {\n strings: [\"Digitize your expenses\", \"Digitaliza tus gastos\"]\n })\n })\n }), /* @__PURE__ */ _jsx206(Paragraph23, {\n size: font42.small,\n children: /* @__PURE__ */ _jsx206(Translation, {\n strings: [\"\", \"Guarda tus facturas en formato digital y olv\\xEDdate de los recibos en papel. Tus gastos siempre accesibles y ordenados, con las cuentas claras.\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs139(Flexer68, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx206(ChipButton11, {\n onClick: () => history.push(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_CREATE)),\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx206(Translation, {\n strings: [\"Try now\", \"Vamos a verlo\"]\n })\n }), /* @__PURE__ */ _jsx206(LearnMoreLink2, {\n href: translation([\"\", \"https://www.notion.so/taxscouts/C-mo-a-adir-gastos-c64a1cd891d148cb9d283e72da3ca20d\"]),\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n children: /* @__PURE__ */ _jsx206(Translation, {\n strings: [\"Learn more\", \"Saber m\\xE1s\"]\n })\n })]\n })]\n });\n};\nvar LearnMoreLink2 = styled59.a.withConfig({\n displayName: \"OnboardingExpenses__LearnMoreLink\",\n componentId: \"sc-12wcw26-0\"\n})([\"color:\", \";font-family:\", \";font-size:\", \";font-weight:\", \";line-height:1;text-decoration:none;\", \"{&:hover{opacity:0.75;}}\"], colors92.text.interactive, font42.family.body, font42.body.medium, font42.weight.medium, media29.pointer);\n\n// src/components/customer/onboarding/OnboardingInvoices.tsx\nimport { useHistory as useHistory34 } from \"react-router-dom\";\nimport { styled as styled60 } from \"styled-components\";\nimport { colors as colors93, font as font43, media as media30, radius as radius46, ChipButton as ChipButton12, Container as Container63, Flexer as Flexer69, Paragraph as Paragraph24, Spacer as Spacer46 } from \"@scouts/ui\";\nimport { jsx as _jsx207, jsxs as _jsxs140 } from \"react/jsx-runtime\";\nvar OnboardingInvoices = () => {\n const {\n invoicingOnboardingPath\n } = useConfig();\n const history = useHistory34();\n const {\n ROUTES\n } = useRoutes();\n const translation = useTranslation();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n address,\n idNumber\n } = useUser();\n const shouldRedirectToInvoicingOnboarding = !(address?.street && address?.city && address?.postcode && idNumber) && invoicingOnboardingPath;\n return /* @__PURE__ */ _jsxs140(Container63, {\n padding: \"24px\",\n desktopPadding: \"24px 36px\",\n background: `linear-gradient(130deg, ${colors93.mintLighter} 0%, ${colors93.yellow} 100%)`,\n radius: radius46.large,\n children: [/* @__PURE__ */ _jsxs140(Spacer46, {\n marginBottom: \"18px\",\n children: [/* @__PURE__ */ _jsx207(Paragraph24, {\n children: /* @__PURE__ */ _jsx207(\"strong\", {\n children: /* @__PURE__ */ _jsx207(Translation, {\n strings: [\"Create your invoices online\", \"Crea tus facturas online\"]\n })\n })\n }), /* @__PURE__ */ _jsx207(Paragraph24, {\n size: font43.small,\n children: /* @__PURE__ */ _jsx207(Translation, {\n strings: [\"\", \"Tus facturas listas en segundos. Y tus libros generados solos para que los datos se rellenen una sola vez. Pero oye, que si quieres crear tus facturas de otra forma, \\xA1no hay problema! Las subes aqu\\xED y listo.\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs140(Flexer69, {\n gap: \"12px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx207(ChipButton12, {\n onClick: () => shouldRedirectToInvoicingOnboarding ? history.push(invoicingOnboardingPath) : history.push(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE)),\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx207(Translation, {\n strings: [\"Try now\", \"Vamos a verlo\"]\n })\n }), /* @__PURE__ */ _jsx207(LearnMoreLink3, {\n href: translation([\"\", \"https://www.notion.so/taxscouts/C-mo-crear-una-factura-en-TaxScouts-3f1b7c3795d34679a317f99f1998f7c7\"]),\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n children: /* @__PURE__ */ _jsx207(Translation, {\n strings: [\"Learn more\", \"Saber m\\xE1s\"]\n })\n })]\n })]\n });\n};\nvar LearnMoreLink3 = styled60.a.withConfig({\n displayName: \"OnboardingInvoices__LearnMoreLink\",\n componentId: \"sc-3ntize-0\"\n})([\"color:\", \";font-family:\", \";font-size:\", \";font-weight:\", \";line-height:1;text-decoration:none;\", \"{&:hover{opacity:0.75;}}\"], colors93.text.interactive, font43.family.body, font43.body.medium, font43.weight.medium, media30.pointer);\n\n// src/components/customer/onboarding/Onboarding.tsx\nimport { jsx as _jsx208, jsxs as _jsxs141 } from \"react/jsx-runtime\";\nvar Onboarding = () => {\n const {\n isBankingDisabled\n } = useConfig();\n const {\n handleHide,\n shouldDisplayOnboarding\n } = useOnboarding();\n const {\n data: connectedBankingProviders,\n isLoading\n } = useConnectedBankingProviders();\n const hasConnectedBankingProviders = connectedBankingProviders && connectedBankingProviders.length > 0;\n if (!shouldDisplayOnboarding || isLoading || hasConnectedBankingProviders)\n return null;\n return /* @__PURE__ */ _jsx208(Spacer47, {\n marginBottom: \"30px\",\n children: /* @__PURE__ */ _jsxs141(Container64, {\n relative: true,\n children: [/* @__PURE__ */ _jsx208(ActionWrapper, {\n children: /* @__PURE__ */ _jsx208(ChipButton13, {\n size: \"small\",\n variant: \"neutral\",\n onClick: handleHide,\n children: /* @__PURE__ */ _jsx208(Translation, {\n strings: [\"Hide\", \"Ocultar\"]\n })\n })\n }), /* @__PURE__ */ _jsxs141(Spacer47, {\n marginBottom: \"30px\",\n children: [/* @__PURE__ */ _jsx208(Page2.Heading, {\n children: /* @__PURE__ */ _jsx208(Translation, {\n strings: [\"Invoice and track expenses with TaxScouts\", \"Tus facturas y gastos con TaxScouts\"]\n })\n }), /* @__PURE__ */ _jsx208(Page2.SubHeading, {\n children: /* @__PURE__ */ _jsx208(Translation, {\n strings: [\"No more spreadsheets or lost receipts \\u2013 everything in one place and ready for the next tax season\", \"Olv\\xEDdate del Excel y de perder recibos - todo accesible desde un \\xFAnico lugar y compartido con tu asesor para que revise y presente tus impuestos\"]\n })\n })]\n }), /* @__PURE__ */ _jsxs141(Grid12, {\n desktopColumns: isBankingDisabled ? 2 : 3,\n gap: \"24px\",\n children: [/* @__PURE__ */ _jsx208(GridItem6, {\n children: /* @__PURE__ */ _jsx208(OnboardingInvoices, {})\n }), /* @__PURE__ */ _jsx208(GridItem6, {\n children: /* @__PURE__ */ _jsx208(OnboardingExpenses, {})\n }), !isBankingDisabled && /* @__PURE__ */ _jsx208(GridItem6, {\n children: /* @__PURE__ */ _jsx208(OnboardingBanking, {})\n })]\n })]\n })\n });\n};\nvar ActionWrapper = styled61.div.withConfig({\n displayName: \"Onboarding__ActionWrapper\",\n componentId: \"sc-10jsmxr-0\"\n})([\"display:flex;justify-content:flex-end;margin-bottom:12px;\", \"{position:absolute;right:0;top:0;}\"], media31.tablet);\n\n// src/components/customer/tracking/HelpLink.tsx\nimport { styled as styled62 } from \"styled-components\";\nimport { colors as colors94, font as font44, media as media32, Flexer as Flexer70 } from \"@scouts/ui\";\nimport { jsx as _jsx209 } from \"react/jsx-runtime\";\nvar HelpLink = () => {\n const translation = useTranslation();\n return /* @__PURE__ */ _jsx209(Flexer70, {\n justifyCenter: true,\n children: /* @__PURE__ */ _jsx209(Link, {\n href: translation([\"\", \"https://taxscouts.notion.site/V-deos-explicativos-8be7bc49c3c144bfaf047ba22a097340\"]),\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n children: /* @__PURE__ */ _jsx209(Translation, {\n strings: [\"\", \"\\xBFNecesitas ayuda con tus facturas? \\u{1F4A1}\"]\n })\n })\n });\n};\nvar Link = styled62.a.withConfig({\n displayName: \"HelpLink__Link\",\n componentId: \"sc-7x8owx-0\"\n})([\"color:\", \";font-family:\", \";font-size:\", \";font-weight:\", \";line-height:1;text-decoration:none;\", \"{&:hover{opacity:0.75;}}\"], colors94.text.interactive, font44.family.body, font44.body.medium, font44.weight.medium, media32.pointer);\n\n// src/components/customer/tracking/NavigationModals.tsx\nimport { useHistory as useHistory35, Route as Route8, Switch as Switch8 } from \"react-router-dom\";\n\n// src/components/customer/tracking/expense/ExpenseCustomerModal.tsx\nimport { Container as Container66, Flexer as Flexer73, ModalBodyLegacy as ModalBody29, ModalFooterLegacy as ModalFooter27, Spacer as Spacer48 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/expense/ExpenseCustomerModalActions.tsx\nimport styled63 from \"styled-components\";\nimport { Button as Button49, Flexer as Flexer71, Form as Form17 } from \"@scouts/ui\";\nimport { jsx as _jsx210, jsxs as _jsxs142 } from \"react/jsx-runtime\";\nvar ExpenseCustomerModalActions = () => {\n const {\n isEditing,\n isReadOnly,\n hasBlockingErrors,\n handleClose,\n handleDeleteExpense,\n isLoading\n } = useExpenseContext();\n return /* @__PURE__ */ _jsx210(Form17.Actions, {\n children: /* @__PURE__ */ _jsxs142(ActionsContainer3, {\n children: [isEditing && !isReadOnly && /* @__PURE__ */ _jsx210(Button49, {\n disabled: isLoading,\n onClick: handleDeleteExpense,\n isDanger: true,\n children: /* @__PURE__ */ _jsx210(Translation, {\n id: \"common.actions.delete\"\n })\n }), !isReadOnly && /* @__PURE__ */ _jsxs142(Flexer71, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx210(Button49, {\n disabled: isLoading,\n onClick: handleClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx210(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx210(Button49, {\n type: \"submit\",\n form: \"record\",\n isLoading,\n disabled: hasBlockingErrors,\n children: /* @__PURE__ */ _jsx210(Translation, {\n id: \"common.actions.save\"\n })\n })]\n }), isReadOnly && /* @__PURE__ */ _jsx210(Button49, {\n disabled: isLoading,\n onClick: handleClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx210(Translation, {\n id: \"common.actions.close\"\n })\n })]\n })\n });\n};\nvar ActionsContainer3 = styled63.div.withConfig({\n displayName: \"ExpenseCustomerModalActions__ActionsContainer\",\n componentId: \"sc-1npb28o-0\"\n})([\"display:flex;justify-content:space-between;width:100%;& > *:only-child{margin-left:auto;}\"]);\n\n// src/components/shared/tracking/records/RecordTopBarStatus.tsx\nimport { colors as colors95, radius as radius47, Chip as Chip16, Container as Container65, Flexer as Flexer72, Line as Line37, Tooltip as Tooltip12 } from \"@scouts/ui\";\nimport { jsx as _jsx211, jsxs as _jsxs143 } from \"react/jsx-runtime\";\nvar RecordTopBarStatus = ({\n isReviewed: isReviewed4,\n isFiled: isFiled4\n}) => {\n const {\n isBookkeepingDoneByAccountant,\n isCompany\n } = useConfig();\n const translation = useTranslation();\n if (!isReviewed4 && !isFiled4 && !isBookkeepingDoneByAccountant)\n return null;\n const {\n background,\n lineTranslationMessageId,\n chipTranslationMessageId\n } = getTopBarStatusDetails({\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isCompany\n });\n return /* @__PURE__ */ _jsx211(Container65, {\n padding: \"15px 24px\",\n desktopPadding: \"24px 36px\",\n radius: `${radius47.large} ${radius47.large} 0 0`,\n background,\n children: /* @__PURE__ */ _jsxs143(Flexer72, {\n alignCenter: true,\n justifyCenter: true,\n gap: \"12px\",\n desktopGap: \"24px\",\n children: [isReviewed4 || isFiled4 ? /* @__PURE__ */ _jsx211(Tooltip12, {\n content: translation({\n id: \"common.review.notice.tooltip\"\n }),\n children: /* @__PURE__ */ _jsx211(Chip16, {\n color: colors95.black,\n background: colors95.white,\n children: /* @__PURE__ */ _jsx211(Translation, {\n id: chipTranslationMessageId\n })\n })\n }) : /* @__PURE__ */ _jsx211(Chip16, {\n color: colors95.black,\n background: colors95.white,\n children: /* @__PURE__ */ _jsx211(Translation, {\n id: chipTranslationMessageId\n })\n }), /* @__PURE__ */ _jsx211(Line37, {\n children: /* @__PURE__ */ _jsx211(Translation, {\n id: lineTranslationMessageId\n })\n })]\n })\n });\n};\nvar topBarStatusDetails = {\n accountantReview: {\n background: colors95.blueLighter,\n lineTranslationMessageId: \"common.accountantReview.notice\",\n chipTranslationMessageId: \"record.label.accountantReview\"\n },\n accountantReviewCompany: {\n background: colors95.blueLighter,\n lineTranslationMessageId: \"common.accountantReviewCompany.notice\",\n chipTranslationMessageId: \"record.label.accountantReview\"\n },\n filed: {\n background: colors95.mintLighter,\n lineTranslationMessageId: \"common.filed.notice\",\n chipTranslationMessageId: \"record.label.filed\"\n },\n reviewed: {\n background: colors95.blueLighter,\n lineTranslationMessageId: \"common.review.notice\",\n chipTranslationMessageId: \"record.label.reviewed\"\n }\n};\nvar getTopBarStatusDetails = ({\n isFiled: isFiled4,\n isReviewed: isReviewed4,\n isCompany\n}) => {\n if (isFiled4)\n return topBarStatusDetails.filed;\n if (isReviewed4)\n return topBarStatusDetails.reviewed;\n if (isCompany)\n return topBarStatusDetails.accountantReviewCompany;\n return topBarStatusDetails.accountantReview;\n};\n\n// src/components/customer/tracking/expense/ExpenseTopBarStatus.tsx\nimport { jsx as _jsx212 } from \"react/jsx-runtime\";\nvar ExpenseTopBarStatus = () => {\n const {\n expense\n } = useExpenseContext();\n const isFiled4 = Expense.isFiled(expense);\n const isReviewed4 = Expense.isReviewed(expense);\n return /* @__PURE__ */ _jsx212(RecordTopBarStatus, {\n isFiled: isFiled4,\n isReviewed: isReviewed4\n });\n};\n\n// src/components/customer/tracking/expense/ExpenseCustomerModal.tsx\nimport { jsx as _jsx213, jsxs as _jsxs144 } from \"react/jsx-runtime\";\nvar ExpenseCustomerModal = (props) => {\n return /* @__PURE__ */ _jsxs144(ExpenseModal, {\n ...props,\n children: [/* @__PURE__ */ _jsx213(ExpenseTopBarStatus, {}), /* @__PURE__ */ _jsxs144(ModalBody29, {\n children: [/* @__PURE__ */ _jsx213(Spacer48, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\"\n }), /* @__PURE__ */ _jsxs144(RecordModalGrid, {\n children: [/* @__PURE__ */ _jsx213(ExpenseFilePreview, {}), /* @__PURE__ */ _jsxs144(Flexer73, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx213(ExpenseFile, {\n children: /* @__PURE__ */ _jsx213(ExpenseNoFileRequiredCheckbox, {})\n }), /* @__PURE__ */ _jsxs144(Container66, {\n children: [/* @__PURE__ */ _jsx213(ExpenseTitle, {}), /* @__PURE__ */ _jsxs144(RecordFormContainer, {\n children: [/* @__PURE__ */ _jsx213(ExpenseForm, {\n id: \"record\"\n }), /* @__PURE__ */ _jsx213(Spacer48, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx213(ExpenseLabels, {})\n })]\n })]\n }), /* @__PURE__ */ _jsx213(ExpenseNotes, {})]\n })]\n })]\n }), /* @__PURE__ */ _jsx213(ModalFooter27, {\n children: /* @__PURE__ */ _jsx213(ExpenseCustomerModalActions, {})\n })]\n });\n};\n\n// src/components/customer/tracking/export/ExportModal.tsx\nimport { useState as useState65 } from \"react\";\nimport { getNextYear as getNextYear9 } from \"@scouts/helpers\";\nimport { Button as Button50, Checkbox as Checkbox10, DatePickerWithLabel as DatePickerWithLabel9, Form as Form18, ModalActionsLegacy as ModalActions18, ModalBodyLegacy as ModalBody30, ModalFooterLegacy as ModalFooter28, ModalHeaderLegacy as ModalHeader24, ModalLegacy as Modal29, ModalTitleLegacy as ModalTitle24, Paragraph as Paragraph25 } from \"@scouts/ui\";\nimport { jsx as _jsx214, jsxs as _jsxs145 } from \"react/jsx-runtime\";\nvar ExportModal2 = ({\n onClose\n}) => {\n const translation = useTranslation();\n const config = useConfig();\n const {\n requestBookkeepingRecordsExportFile\n } = useBookkeepingRecordsActions();\n const {\n activeFilters\n } = useFilters();\n const [fromDate, setFromDate] = useState65(activeFilters?.startDate || \"\");\n const [toDate, setToDate] = useState65(activeFilters?.endDate || \"\");\n const [exportAll, setExportAll] = useState65(false);\n const [isLoading, setIsLoading] = useState65(false);\n const nextYear = getNextYear9();\n const isDownloadDisabled = (!fromDate || !toDate) && !exportAll;\n const handleExport = () => {\n setIsLoading(true);\n const fileName = `${translation({\n id: \"export.content.fileName\"\n })}.csv`;\n requestBookkeepingRecordsExportFile({\n data: {\n startTaxPointDate: exportAll ? \"\" : fromDate,\n endTaxPointDate: exportAll ? \"\" : toDate\n },\n fileName\n }).then((response) => {\n setIsLoading(false);\n if (response?.errors)\n return;\n onClose();\n });\n };\n return /* @__PURE__ */ _jsxs145(Modal29, {\n onClose,\n children: [/* @__PURE__ */ _jsx214(ModalHeader24, {\n children: /* @__PURE__ */ _jsx214(ModalTitle24, {\n children: /* @__PURE__ */ _jsx214(Translation, {\n id: \"export.content.title\"\n })\n })\n }), /* @__PURE__ */ _jsxs145(ModalBody30, {\n children: [/* @__PURE__ */ _jsx214(Translation, {\n id: \"export.content.body\",\n values: {\n p: (chunks) => /* @__PURE__ */ _jsx214(Paragraph25, {\n children: chunks\n })\n }\n }), /* @__PURE__ */ _jsx214(Form18.Row, {\n children: /* @__PURE__ */ _jsxs145(Form18.Columns, {\n children: [/* @__PURE__ */ _jsx214(Form18.Column, {\n width: \"49%\",\n children: /* @__PURE__ */ _jsx214(DatePickerWithLabel9, {\n label: translation({\n id: \"common.fromDate\"\n }),\n locale: config.locale,\n name: \"fromDate\",\n minDate: \"2020-01-01\",\n onChange: ({\n value\n }) => setFromDate(value),\n value: fromDate,\n disabled: exportAll\n })\n }), /* @__PURE__ */ _jsx214(Form18.Column, {\n width: \"49%\",\n children: /* @__PURE__ */ _jsx214(DatePickerWithLabel9, {\n label: translation({\n id: \"common.toDate\"\n }),\n locale: config.locale,\n maxDate: `${nextYear}-12-31`,\n minDate: \"2020-01-01\",\n name: \"toDate\",\n onChange: ({\n value\n }) => setToDate(value),\n value: toDate,\n disabled: exportAll\n })\n })]\n })\n }), /* @__PURE__ */ _jsx214(Form18.Row, {\n children: /* @__PURE__ */ _jsx214(Form18.Row.Content, {\n children: /* @__PURE__ */ _jsx214(Checkbox10, {\n name: \"exportAll\",\n label: translation({\n id: \"export.exportAll\"\n }),\n onChange: ({\n checked\n }) => setExportAll(checked),\n checked: exportAll\n })\n })\n })]\n }), /* @__PURE__ */ _jsx214(ModalFooter28, {\n children: /* @__PURE__ */ _jsxs145(ModalActions18, {\n children: [/* @__PURE__ */ _jsx214(Button50, {\n onClick: onClose,\n isSecondary: true,\n disabled: isLoading,\n children: /* @__PURE__ */ _jsx214(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx214(Button50, {\n onClick: handleExport,\n disabled: isDownloadDisabled,\n isLoading,\n children: /* @__PURE__ */ _jsx214(Translation, {\n id: \"common.actions.download\"\n })\n })]\n })\n })]\n });\n};\n\n// src/components/customer/tracking/income/IncomeCustomerModal.tsx\nimport { Container as Container67, Flexer as Flexer75, ModalBodyLegacy as ModalBody31, ModalFooterLegacy as ModalFooter29, Spacer as Spacer49 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/income/IncomeCustomerModalActions.tsx\nimport styled64 from \"styled-components\";\nimport { Button as Button51, Flexer as Flexer74, Form as Form19 } from \"@scouts/ui\";\nimport { jsx as _jsx215, jsxs as _jsxs146 } from \"react/jsx-runtime\";\nvar IncomeCustomerModalActions = () => {\n const {\n handleDeleteIncome,\n isLoading,\n isEditing,\n isReadOnly,\n hasBlockingErrors,\n handleClose\n } = useIncomeContext();\n return /* @__PURE__ */ _jsx215(Form19.Actions, {\n children: /* @__PURE__ */ _jsxs146(ActionsContainer4, {\n children: [isEditing && !isReadOnly && /* @__PURE__ */ _jsx215(Button51, {\n onClick: handleDeleteIncome,\n disabled: isLoading || isReadOnly,\n isDanger: true,\n children: /* @__PURE__ */ _jsx215(Translation, {\n id: \"common.actions.delete\"\n })\n }), /* @__PURE__ */ _jsxs146(Flexer74, {\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx215(Button51, {\n disabled: isLoading,\n onClick: handleClose,\n isSecondary: true,\n children: /* @__PURE__ */ _jsx215(Translation, {\n id: \"common.actions.cancel\"\n })\n }), /* @__PURE__ */ _jsx215(Button51, {\n type: \"submit\",\n form: \"record\",\n isLoading,\n disabled: hasBlockingErrors,\n children: /* @__PURE__ */ _jsx215(Translation, {\n id: \"common.actions.save\"\n })\n })]\n })]\n })\n });\n};\nvar ActionsContainer4 = styled64.div.withConfig({\n displayName: \"IncomeCustomerModalActions__ActionsContainer\",\n componentId: \"sc-1jlmfnw-0\"\n})([\"display:flex;justify-content:space-between;width:100%;& > *:only-child{margin-left:auto;}\"]);\n\n// src/components/customer/tracking/income/IncomeTopBarStatus.tsx\nimport { jsx as _jsx216 } from \"react/jsx-runtime\";\nvar IncomeTopBarStatus = () => {\n const {\n income\n } = useIncomeContext();\n const isFiled4 = Income.isFiled(income);\n const isReviewed4 = Income.isReviewed(income);\n return /* @__PURE__ */ _jsx216(RecordTopBarStatus, {\n isFiled: isFiled4,\n isReviewed: isReviewed4\n });\n};\n\n// src/components/customer/tracking/income/IncomeCustomerModal.tsx\nimport { jsx as _jsx217, jsxs as _jsxs147 } from \"react/jsx-runtime\";\nvar IncomeCustomerModal = (props) => /* @__PURE__ */ _jsxs147(IncomeModal, {\n ...props,\n children: [/* @__PURE__ */ _jsx217(IncomeTopBarStatus, {}), /* @__PURE__ */ _jsxs147(ModalBody31, {\n children: [/* @__PURE__ */ _jsx217(Spacer49, {\n marginTop: \"24px\",\n tabletMarginTop: \"30px\"\n }), /* @__PURE__ */ _jsxs147(RecordModalGrid, {\n children: [/* @__PURE__ */ _jsx217(IncomeFilePreview, {}), /* @__PURE__ */ _jsxs147(Flexer75, {\n column: true,\n gap: \"12px\",\n children: [/* @__PURE__ */ _jsx217(IncomeFile, {}), /* @__PURE__ */ _jsxs147(Container67, {\n children: [/* @__PURE__ */ _jsx217(IncomeTitle, {}), /* @__PURE__ */ _jsxs147(RecordFormContainer, {\n children: [/* @__PURE__ */ _jsx217(IncomeForm, {\n id: \"record\"\n }), /* @__PURE__ */ _jsx217(Spacer49, {\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx217(IncomeLabels, {})\n })]\n })]\n }), /* @__PURE__ */ _jsx217(IncomeNotes, {})]\n })]\n })]\n }), /* @__PURE__ */ _jsx217(ModalFooter29, {\n children: /* @__PURE__ */ _jsx217(IncomeCustomerModalActions, {})\n })]\n});\n\n// src/components/customer/tracking/NavigationModals.tsx\nimport { jsx as _jsx218, jsxs as _jsxs148 } from \"react/jsx-runtime\";\nvar NavigationModals = () => {\n const {\n isReadOnly,\n isBookkeepingDoneByAccountant\n } = useConfig();\n const history = useHistory35();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParams = useGeneratePathWithParams();\n const closeIncomeModal = () => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES));\n };\n const navigateToIncomeEditModal = (id) => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id\n }));\n };\n const closeExpenseModal = () => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES));\n };\n const navigateToExpenseEditModal = (id) => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id\n }));\n };\n const shouldDisplayValidationErrors = !isBookkeepingDoneByAccountant;\n if (isReadOnly)\n return null;\n return /* @__PURE__ */ _jsxs148(Switch8, {\n children: [/* @__PURE__ */ _jsx218(Route8, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx218(IncomeCustomerModal, {\n incomeId: Number(matchedId),\n handleClose: closeIncomeModal,\n handleNavigateToEdit: navigateToIncomeEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT_VALIDATE,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx218(IncomeCustomerModal, {\n incomeId: Number(matchedId),\n handleClose: closeIncomeModal,\n handleNavigateToEdit: navigateToIncomeEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx218(ExpenseCustomerModal, {\n expenseId: Number(matchedId),\n handleClose: closeExpenseModal,\n handleNavigateToEdit: navigateToExpenseEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n exact: true,\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT_VALIDATE,\n render: ({\n match: {\n params: {\n id: matchedId\n }\n }\n }) => /* @__PURE__ */ _jsx218(ExpenseCustomerModal, {\n expenseId: Number(matchedId),\n handleClose: closeExpenseModal,\n handleNavigateToEdit: navigateToExpenseEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_CREATE,\n render: () => /* @__PURE__ */ _jsx218(ExpenseCustomerModal, {\n handleClose: closeExpenseModal,\n handleNavigateToEdit: navigateToExpenseEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EXPORT,\n render: () => /* @__PURE__ */ _jsx218(ExportModal2, {\n onClose: closeExpenseModal\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_CREATE,\n render: () => /* @__PURE__ */ _jsx218(IncomeCustomerModal, {\n handleClose: closeIncomeModal,\n handleNavigateToEdit: navigateToIncomeEditModal,\n shouldDisplayValidationErrors\n })\n }), /* @__PURE__ */ _jsx218(Route8, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EXPORT,\n render: () => /* @__PURE__ */ _jsx218(ExportModal2, {\n onClose: closeIncomeModal\n })\n })]\n });\n};\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesActions.tsx\nimport { useHistory as useHistory37 } from \"react-router-dom\";\nimport { ChipButton as ChipButton15, DropdownButton as DropdownButton17, Flexer as Flexer76 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/expenses-list/hooks/use-expense-upload.ts\nimport { useHistory as useHistory36 } from \"react-router-dom\";\nvar useExpenseUpload = ({\n onUploadFile\n} = {}) => {\n const history = useHistory36();\n const {\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const {\n createExpensesFromFiles,\n isLoading\n } = useCreateExpense();\n const generatePathWithParams = useGeneratePathWithParams();\n const handleUpload = async (files, taxPointDate = \"\") => {\n const response = await createExpensesFromFiles({\n files,\n taxPointDate\n });\n if (isBookkeepingDoneByAccountant || files.length !== 1 || response?.errors)\n return;\n const [record] = response;\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: record.id\n }));\n };\n const handleFileSelected = (files) => onUploadFile ? onUploadFile({\n files,\n onConfirm: handleUpload\n }) : handleUpload(files);\n return {\n handleFileSelected,\n isLoading\n };\n};\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesActionsUploadButton.tsx\nimport { openFileDialog as openFileDialog5 } from \"@scouts/helpers\";\nimport { ChipButton as ChipButton14 } from \"@scouts/ui\";\nimport { jsx as _jsx219 } from \"react/jsx-runtime\";\nvar ExpensesActionsUploadButton = ({\n children,\n isLoading,\n onUpload\n}) => /* @__PURE__ */ _jsx219(ChipButton14, {\n disabled: isLoading,\n onClick: () => openFileDialog5({\n onChange: onUpload,\n multiple: true\n }),\n children\n});\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesActions.tsx\nimport { jsx as _jsx220, jsxs as _jsxs149, Fragment as _Fragment72 } from \"react/jsx-runtime\";\nvar ExpensesActions2 = ({\n bankingOverviewLinkButtonTitle,\n bankingOverviewLinkButtonPath,\n onUploadFile\n}) => {\n const history = useHistory37();\n const translation = useTranslation();\n const {\n ROUTES\n } = useRoutes();\n const {\n featureFlags,\n isBankingDisabled\n } = useConfig();\n const {\n handleFileSelected,\n isLoading\n } = useExpenseUpload({\n onUploadFile\n });\n const generatePathWithParams = useGeneratePathWithParams();\n const handleExportClick = () => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EXPORT));\n };\n const handleCreateClick = () => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_CREATE));\n };\n return /* @__PURE__ */ _jsx220(_Fragment72, {\n children: /* @__PURE__ */ _jsxs149(Flexer76, {\n gap: \"9px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx220(ChipButton15, {\n variant: \"highlight\",\n onClick: handleCreateClick,\n \"data-tour\": \"create-expense\",\n \"aria-label\": translation({\n id: \"tracking.actions.addExpense\"\n }),\n children: /* @__PURE__ */ _jsx220(Translation, {\n id: \"tracking.actions.addExpense\"\n })\n }), /* @__PURE__ */ _jsx220(ExpensesActionsUploadButton, {\n isLoading,\n onUpload: handleFileSelected,\n \"data-tour\": \"upload-expenses-bulk\",\n \"aria-label\": translation({\n id: \"tracking.actions.uploadExpenseFiles\"\n }),\n children: /* @__PURE__ */ _jsx220(Translation, {\n id: \"tracking.actions.uploadExpenseFiles\"\n })\n }), (featureFlags.featureStandaloneBookkeepingExporting || !isBankingDisabled) && /* @__PURE__ */ _jsx220(DropdownButton17, {\n \"aria-label\": translation({\n id: \"common.moreActions\"\n }),\n actions: [{\n \"aria-label\": translation({\n id: \"export.content.title\"\n }),\n title: translation({\n id: \"export.content.title\"\n }),\n onClick: handleExportClick,\n shouldHide: !featureFlags.featureStandaloneBookkeepingExporting\n }, {\n \"aria-label\": bankingOverviewLinkButtonTitle,\n title: bankingOverviewLinkButtonTitle,\n onClick: () => history.push(generatePathWithParams(bankingOverviewLinkButtonPath)),\n shouldHide: isBankingDisabled\n }],\n alignRight: true\n })]\n })\n });\n};\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesList.tsx\nimport { useRef as useRef22, useState as useState66 } from \"react\";\nimport { colors as colors99, font as font47, radius as radius51, ChipButton as ChipButton16, Container as Container71, Flexer as Flexer80, Line as Line39, Skeleton as Skeleton11, SkeletonLine as SkeletonLine11, Spacer as Spacer51 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/expenses-list/ExpenseRow.tsx\nimport { useHistory as useHistory38 } from \"react-router-dom\";\n\n// src/components/customer/tracking/records-list/expenses-list/Row.tsx\nimport styled66 from \"styled-components\";\nimport { formatCurrency as formatCurrency16, formatDateUTC as formatDateUTC7 } from \"@scouts/helpers\";\nimport { useLocale as useLocale20 } from \"@scouts/i18n\";\nimport { colors as colors97, font as font45, media as media33, radius as radius49, useIsDesktop as useIsDesktop4, useIsDesktopLarge as useIsDesktopLarge3, useIsTablet as useIsTablet9, Container as Container68, Flexer as Flexer78, Grid as Grid13, GridItem as GridItem7, Icon as SVGIcon2, IconLink2 as IconLink25, Spacer as Spacer50, Tooltip as Tooltip14 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/expenses-list/ExpenseRowCategories.tsx\nimport styled65 from \"styled-components\";\nimport { colors as colors96, radius as radius48, Badge as Badge2, Chip as Chip17, Flexer as Flexer77, IconPaperclip2 as IconPaperclip22, Tooltip as Tooltip13 } from \"@scouts/ui\";\nimport { jsx as _jsx221, Fragment as _Fragment73, jsxs as _jsxs150 } from \"react/jsx-runtime\";\nvar ExpenseRowCategories2 = ({\n expense\n}) => {\n const {\n featureFlags\n } = useConfig();\n const {\n categoryName,\n isDepreciable\n } = expense;\n const translation = useTranslation();\n const isNotFullyDeductible = expense.deductibility !== DeductibilityType.FullyDeductible;\n const shouldDisplayDeductibilityStatus = featureFlags.featureBookkeepingDeductibility && isNotFullyDeductible;\n return /* @__PURE__ */ _jsxs150(Flexer77, {\n gap: \"6px\",\n justifyEnd: true,\n width: \"100%\",\n children: [(shouldDisplayDeductibilityStatus || isDepreciable) && /* @__PURE__ */ _jsxs150(_Fragment73, {\n children: [shouldDisplayDeductibilityStatus && !isDepreciable && /* @__PURE__ */ _jsx221(Chip17, {\n size: \"small\",\n background: colors96.redLighter,\n color: colors96.black,\n children: /* @__PURE__ */ _jsx221(Translation, {\n strings: DeductibilityDomain.getDeductibilityTranslationStrings(expense.deductibility)\n })\n }), isDepreciable && /* @__PURE__ */ _jsx221(Chip17, {\n size: \"small\",\n background: colors96.redLighter,\n color: colors96.black,\n children: /* @__PURE__ */ _jsx221(Translation, {\n strings: [\"Fix asset\", \"Bien inversi\\xF3n\"]\n })\n }), shouldDisplayDeductibilityStatus && isDepreciable && /* @__PURE__ */ _jsx221(Tooltip13, {\n content: translation(DeductibilityDomain.getDeductibilityTranslationStrings(expense.deductibility)),\n children: /* @__PURE__ */ _jsx221(ExpenseCategoryGridItem, {\n isCollapsed: true,\n children: /* @__PURE__ */ _jsx221(Badge2, {\n background: colors96.redLighter,\n color: colors96.black,\n children: \"%\"\n })\n })\n }), categoryName && /* @__PURE__ */ _jsx221(Tooltip13, {\n content: categoryName || \"\",\n children: /* @__PURE__ */ _jsx221(ExpenseCategoryGridItem, {\n isCollapsed: true,\n children: /* @__PURE__ */ _jsx221(ExpenseCategoryChipWrapper2, {\n children: /* @__PURE__ */ _jsx221(IconPaperclip22, {\n color: colors96.purple,\n transform: \"scale(.8)\"\n })\n })\n })\n })]\n }), !shouldDisplayDeductibilityStatus && !isDepreciable && categoryName && /* @__PURE__ */ _jsx221(ExpenseCategoryGridItemWrapper, {\n children: /* @__PURE__ */ _jsx221(Tooltip13, {\n content: categoryName || \"\",\n children: /* @__PURE__ */ _jsx221(ExpenseCategoryGridItem, {\n children: /* @__PURE__ */ _jsx221(Chip17, {\n background: colors96.purpleLighter,\n color: colors96.black,\n isFullWidth: true,\n size: \"small\",\n children: categoryName\n })\n })\n })\n })]\n });\n};\nvar ExpenseCategoryGridItemWrapper = styled65.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryGridItemWrapper\",\n componentId: \"sc-w8pc0n-0\"\n})([\"max-width:100%;min-width:0;\"]);\nvar ExpenseCategoryGridItem = styled65.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryGridItem\",\n componentId: \"sc-w8pc0n-1\"\n})([\"align-items:center;justify-content:end;\", \"\"], ({\n isCollapsed\n}) => isCollapsed && `width: 24px;`);\nvar ExpenseCategoryChipWrapper2 = styled65.div.withConfig({\n displayName: \"ExpenseRowCategories__ExpenseCategoryChipWrapper\",\n componentId: \"sc-w8pc0n-2\"\n})([\"display:flex;align-items:center;justify-content:center;background-color:\", \";border-radius:\", \";width:fit-content;transform:rotateZ(90deg);\"], colors96.purpleLighter, radius48.large);\n\n// src/components/customer/tracking/records-list/expenses-list/Row.tsx\nimport { jsx as _jsx222, jsxs as _jsxs151, Fragment as _Fragment74 } from \"react/jsx-runtime\";\nvar Row3 = ({\n record,\n currency,\n title,\n navigateToRecord,\n isComplete: isComplete4,\n actions,\n textExtraction\n}) => {\n const translation = useTranslation();\n const isTablet = useIsTablet9();\n const isDesktop = useIsDesktop4();\n const isDesktopLarge = useIsDesktopLarge3();\n const locale = useLocale20();\n const formatTaxRatePercentage = useFormatTaxRatePercentage();\n const {\n hasTaxes,\n taxesCount\n } = useTaxes();\n const {\n expenseOptions\n } = useConfig();\n const {\n isFileRequired\n } = expenseOptions;\n const {\n gross,\n taxPointDate,\n net,\n taxRates\n } = record;\n const Icon13 = getExpenseAttachmentIcon(record, isFileRequired);\n const shouldDisplayNetAndTaxes = isDesktop && !!net && hasTaxes;\n const transactionLinks = record.transactionLinks || [];\n const hasTransactionLink = !!transactionLinks.length;\n const transactionLinkedBankingProvider = record.linkedBankingProviders ? record.linkedBankingProviders[0] : void 0;\n const numberOfAmountColumns = isDesktop && hasTaxes ? taxesCount + 2 : 1;\n const transactionLinkColumnWidth = hasTransactionLink ? \"36px\" : \"\";\n const amountColumnWidth = isDesktop ? \"96px\" : \"72px\";\n const categoriesColumnWidth = !isDesktop || isDesktopLarge ? \"156px\" : \"96px\";\n if (isTablet) {\n return /* @__PURE__ */ _jsx222(Container68, {\n background: colors97.white,\n padding: \"0 18px\",\n radius: radius49.medium,\n children: /* @__PURE__ */ _jsxs151(Flexer78, {\n gap: \"12px\",\n alignCenter: true,\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx222(ClickableWrapper2, {\n onClick: navigateToRecord,\n children: /* @__PURE__ */ _jsxs151(Grid13, {\n columns: `45px 126px 24px 1fr\n ${transactionLinkColumnWidth}\n calc(${numberOfAmountColumns} * ${amountColumnWidth})\n ${categoriesColumnWidth}`,\n gap: \"9px\",\n width: \"100%\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(Date5, {\n children: /* @__PURE__ */ _jsx222(ExpenseRowDate, {\n record\n })\n })\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n alignCenter: true,\n children: /* @__PURE__ */ _jsx222(ExpenseStatusIndicator, {\n expense: record,\n textExtraction\n })\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(Icon13, {})\n }), /* @__PURE__ */ _jsx222(TitleContainer3, {\n children: title\n }), hasTransactionLink && transactionLinkedBankingProvider && /* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(Tooltip14, {\n content: translation([`Transaction received from ${transactionLinkedBankingProvider.displayName}`, `Transacci\\xF3n recibida de ${transactionLinkedBankingProvider.displayName}`]),\n children: /* @__PURE__ */ _jsx222(SVGIcon2, {\n color: colors97.neutralDarker,\n Component: IconLink25\n })\n })\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsxs151(Grid13, {\n columns: numberOfAmountColumns,\n children: [shouldDisplayNetAndTaxes && /* @__PURE__ */ _jsxs151(_Fragment74, {\n children: [/* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(Amount4, {\n children: formatCurrency16(Number(net), {\n currency,\n locale\n })\n })\n }), taxRates.map((tax) => /* @__PURE__ */ _jsxs151(GridItem7, {\n children: [/* @__PURE__ */ _jsx222(Amount4, {\n children: formatCurrency16(tax.amount, {\n currency,\n locale\n })\n }), \" \", /* @__PURE__ */ _jsx222(Percentage2, {\n children: formatTaxRatePercentage(tax.rate)\n })]\n }, tax.name))]\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n columnStart: numberOfAmountColumns,\n children: /* @__PURE__ */ _jsx222(Amount4, {\n children: formatCurrency16(Number(gross), {\n currency,\n locale\n })\n })\n })]\n })\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(ExpenseRowCategories2, {\n expense: record\n })\n })]\n })\n }), /* @__PURE__ */ _jsx222(Spacer50, {\n children: actions\n })]\n })\n });\n }\n return /* @__PURE__ */ _jsx222(Container68, {\n background: colors97.white,\n padding: \"12px 15px\",\n radius: radius49.medium,\n onClick: navigateToRecord,\n children: /* @__PURE__ */ _jsxs151(Flexer78, {\n column: true,\n gap: \"9px\",\n children: [isComplete4 && /* @__PURE__ */ _jsx222(Date5, {\n children: !taxPointDate ? \"\" : formatDateUTC7(taxPointDate, SHORT_DATE_PATTERN, locale)\n }), /* @__PURE__ */ _jsxs151(Grid13, {\n columns: \"24px 1fr auto\",\n gap: \"6px\",\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx222(GridItem7, {\n children: /* @__PURE__ */ _jsx222(Icon13, {})\n }), /* @__PURE__ */ _jsx222(TitleContainer3, {\n children: title\n }), /* @__PURE__ */ _jsx222(GridItem7, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx222(Amount4, {\n children: formatCurrency16(Number(gross), {\n currency,\n locale\n })\n })\n })]\n })]\n })\n });\n};\nvar ClickableWrapper2 = styled66.div.withConfig({\n displayName: \"Row__ClickableWrapper\",\n componentId: \"sc-sh5z4d-0\"\n})([\"width:100%;cursor:pointer;\", \"{padding:12px 0;}\"], media33.tablet);\nvar Date5 = styled66.div.withConfig({\n displayName: \"Row__Date\",\n componentId: \"sc-sh5z4d-1\"\n})([\"color:\", \";font-size:\", \";\", \"{color:\", \";}\"], colors97.neutralDarker, font45.smaller, media33.tablet, colors97.black);\nvar TitleContainer3 = styled66.div.withConfig({\n displayName: \"Row__TitleContainer\",\n componentId: \"sc-sh5z4d-2\"\n})([\"color:\", \";font-size:\", \";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;\"], colors97.neutralDarker, font45.smaller);\nvar Counterpart2 = styled66.span.withConfig({\n displayName: \"Row__Counterpart\",\n componentId: \"sc-sh5z4d-3\"\n})([\"color:\", \";\"], colors97.black);\nvar Amount4 = styled66.span.withConfig({\n displayName: \"Row__Amount\",\n componentId: \"sc-sh5z4d-4\"\n})([\"font-size:\", \";\"], font45.smaller);\nvar Percentage2 = styled66.span.withConfig({\n displayName: \"Row__Percentage\",\n componentId: \"sc-sh5z4d-5\"\n})([\"color:\", \";font-size:\", \";\"], colors97.neutralDarker, font45.smaller);\n\n// src/components/customer/tracking/records-list/expenses-list/ExpenseRow.tsx\nimport { jsx as _jsx223, Fragment as _Fragment75, jsxs as _jsxs152 } from \"react/jsx-runtime\";\nvar useIsComplete = (expense) => {\n const {\n expenseOptions\n } = useConfig();\n return Expense.isComplete(expenseOptions)(expense);\n};\nvar useExpenseRowTextExtraction = ({\n expense\n}) => {\n const isComplete4 = useIsComplete(expense);\n const initialTextExtractionStatus = expense?.file?.textExtractionStatus;\n const hasPotentialTextExtraction = initialTextExtractionStatus && [ExpenseTextExtractionStatus.FINISHED, ExpenseTextExtractionStatus.IN_PROGRESS].includes(initialTextExtractionStatus);\n return useExpenseTextExtraction({\n expense,\n shouldSkipFetch: isComplete4 || !hasPotentialTextExtraction,\n shouldPoll: true\n });\n};\nvar useTitle = (expense, textExtractionExpense) => {\n const {\n invoiceNumber,\n file,\n senderName,\n description\n } = expense;\n const {\n fileName\n } = file || {};\n if (!!invoiceNumber && !!senderName)\n return /* @__PURE__ */ _jsxs152(_Fragment75, {\n children: [/* @__PURE__ */ _jsx223(Counterpart2, {\n children: senderName\n }), \" \\xA0#\", invoiceNumber]\n });\n if (!invoiceNumber && !!senderName)\n return /* @__PURE__ */ _jsx223(Counterpart2, {\n children: senderName\n });\n if (!!invoiceNumber && !senderName)\n return /* @__PURE__ */ _jsxs152(_Fragment75, {\n children: [\"#\", invoiceNumber]\n });\n if (textExtractionExpense?.senderName)\n return /* @__PURE__ */ _jsx223(Counterpart2, {\n children: textExtractionExpense?.senderName\n });\n if (description)\n return /* @__PURE__ */ _jsx223(_Fragment75, {\n children: description\n });\n if (fileName)\n return /* @__PURE__ */ _jsx223(_Fragment75, {\n children: fileName\n });\n return /* @__PURE__ */ _jsx223(Translation, {\n id: \"expense.content.draft\"\n });\n};\nvar useGross = (expense, textExtractionExpense) => {\n if (expense.gross)\n return expense.gross;\n if (textExtractionExpense?.gross)\n return textExtractionExpense?.gross;\n return 0;\n};\nvar ExpenseRow2 = ({\n expense\n}) => {\n const history = useHistory38();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const {\n defaultCurrency\n } = useConfig();\n const isComplete4 = useIsComplete(expense);\n const {\n updatedExpense: textExtractionExpense,\n textExtraction\n } = useExpenseRowTextExtraction({\n expense\n });\n const title = useTitle(expense, textExtractionExpense);\n const gross = useGross(expense, textExtractionExpense);\n const currency = expense.currency?.code || defaultCurrency;\n const navigateToRecord = () => {\n if (!isComplete4) {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT_VALIDATE, {\n id: expense.id\n }));\n } else {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES_EDIT, {\n id: expense.id\n }));\n }\n };\n return /* @__PURE__ */ _jsx223(Row3, {\n actions: /* @__PURE__ */ _jsx223(ExpenseRowDropdown, {\n expense\n }),\n currency,\n isComplete: isComplete4,\n navigateToRecord,\n record: {\n ...expense,\n gross\n },\n textExtraction,\n title\n });\n};\n\n// src/components/customer/tracking/records-list/ShowMoreIncompleteRecords.tsx\nimport { ButtonLink as ButtonLink14 } from \"@scouts/ui\";\nimport { jsx as _jsx224, jsxs as _jsxs153 } from \"react/jsx-runtime\";\nvar PAGE_SIZE_MORE = 100;\nvar PAGE_SIZE_MAXIMUM = 1e3;\nvar ShowMoreIncompleteRecords = ({\n isFetching,\n hasMoreResults,\n hasMoreResultsCount,\n pageSize,\n setPageSize\n}) => {\n const showMore = () => setPageSize(PAGE_SIZE_MORE);\n const showMaximum = () => setPageSize(PAGE_SIZE_MAXIMUM);\n const shouldDisplayMore = !pageSize || pageSize < PAGE_SIZE_MORE;\n const shouldDisplayMaximum = pageSize === PAGE_SIZE_MORE;\n if (!hasMoreResults)\n return null;\n const buttonClickHandler = shouldDisplayMore ? showMore : shouldDisplayMaximum ? showMaximum : void 0;\n return /* @__PURE__ */ _jsxs153(RecordsSectionDisclaimer, {\n children: [hasMoreResults && /* @__PURE__ */ _jsx224(Translation, {\n id: \"tracking.content.hasMoreIncompleteRecords\",\n values: {\n count: hasMoreResultsCount\n }\n }), \" \", (shouldDisplayMore || shouldDisplayMaximum) && /* @__PURE__ */ _jsx224(ButtonLink14, {\n disabled: isFetching,\n onClick: buttonClickHandler,\n children: /* @__PURE__ */ _jsx224(Translation, {\n strings: [\"Show more\", \"Ver m\\xE1s\"]\n })\n })]\n });\n};\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesListEmpty.tsx\nimport { styled as styled67 } from \"styled-components\";\nimport { useIsTablet as useIsTablet10 } from \"@scouts/ui\";\nimport { jsx as _jsx225 } from \"react/jsx-runtime\";\nvar ExpensesListEmpty = () => {\n const isTablet = useIsTablet10();\n const {\n handleFileSelected,\n isLoading\n } = useExpenseUpload({});\n return /* @__PURE__ */ _jsx225(Container69, {\n children: /* @__PURE__ */ _jsx225(RecordFileUploadZone, {\n onUpload: (files) => handleFileSelected(files),\n isLoading,\n label: /* @__PURE__ */ _jsx225(Translation, {\n strings: isTablet ? [\"There are no records for this filter. Drag and drop your files here.\", \"No hay registros para este filtro. Arrastra aqu\\xED tus archivos\"] : [\"There are no records for this filter\", \"No hay registros para este filtro\"]\n })\n })\n });\n};\nvar Container69 = styled67.div.withConfig({\n displayName: \"ExpensesListEmpty__Container\",\n componentId: \"sc-17dvmcc-0\"\n})([\"height:240px;\"]);\n\n// src/components/customer/tracking/records-list/expenses-list/RecentExpenses.tsx\nimport { scrollPageToTop } from \"@scouts/helpers\";\nimport { colors as colors98, font as font46, radius as radius50, ButtonLink as ButtonLink15, Container as Container70, Flexer as Flexer79, Line as Line38, Skeleton as Skeleton10, SkeletonLine as SkeletonLine10 } from \"@scouts/ui\";\nimport { jsx as _jsx226, jsxs as _jsxs154, Fragment as _Fragment76 } from \"react/jsx-runtime\";\nvar RecentExpenses = () => {\n const {\n pageNumber,\n pageSize,\n onPaginationChange\n } = useRecordListPagination(\"recent-expenses\");\n const {\n recentExpenses,\n isError,\n isLoading,\n isOpen,\n toggle,\n hasRecentExpenses,\n numberOfRecentExpenses,\n pagination\n } = useRecentExpenses({\n pageNumber,\n pageSize\n });\n const handlePaginationChange = (updatedPagination) => {\n scrollPageToTop();\n onPaginationChange(updatedPagination);\n };\n if (isLoading)\n return /* @__PURE__ */ _jsx226(Skeleton10, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius50.large,\n children: /* @__PURE__ */ _jsx226(SkeletonLine10, {\n height: \"36px\"\n })\n });\n if (!hasRecentExpenses || isError)\n return null;\n return /* @__PURE__ */ _jsxs154(_Fragment76, {\n children: [!isOpen && /* @__PURE__ */ _jsx226(Container70, {\n background: colors98.surface.neutral,\n padding: \"6px\",\n tabletPadding: \"18px\",\n radius: radius50.large,\n children: /* @__PURE__ */ _jsxs154(Flexer79, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx226(Line38, {\n size: font46.body.medium,\n children: /* @__PURE__ */ _jsx226(Translation, {\n strings: [`There are ${numberOfRecentExpenses} expenses uploaded in the last 30 days`, `Hay ${numberOfRecentExpenses} gastos subidos en los \\xFAltimos 30 d\\xEDas`]\n })\n }), /* @__PURE__ */ _jsx226(ButtonLink15, {\n onClick: toggle,\n children: /* @__PURE__ */ _jsx226(Translation, {\n strings: [\"View\", \"Ver\"]\n })\n })]\n })\n }), isOpen && /* @__PURE__ */ _jsxs154(_Fragment76, {\n children: [/* @__PURE__ */ _jsxs154(RecordsSection, {\n background: colors98.surface.neutral,\n children: [/* @__PURE__ */ _jsx226(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsxs154(Flexer79, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx226(Translation, {\n strings: [\"Expenses uploaded in the last 30 days\", \"Gastos subidos en los \\xFAltimos 30 d\\xEDas\"]\n }), /* @__PURE__ */ _jsx226(ButtonLink15, {\n onClick: toggle,\n children: /* @__PURE__ */ _jsx226(Translation, {\n strings: [\"Hide\", \"Ocultar\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx226(RecordsSectionList, {\n children: recentExpenses?.map((expense) => /* @__PURE__ */ _jsx226(RecordsSectionListItem, {\n children: /* @__PURE__ */ _jsx226(ExpenseRow2, {\n expense\n })\n }, expense.id))\n })]\n }), /* @__PURE__ */ _jsx226(RecordListPaginationNav, {\n pagination,\n onPaginationChange: handlePaginationChange\n })]\n })]\n });\n};\n\n// src/components/customer/tracking/records-list/expenses-list/ExpensesList.tsx\nimport { jsx as _jsx227, jsxs as _jsxs155, Fragment as _Fragment77 } from \"react/jsx-runtime\";\nvar DEFAULT_INCOMPLETE_EXPENSES_PAGE_SIZE = 50;\nvar SCROLL_BUFFER_FOR_NAVBAR_HEIGHT = -78;\nvar groupExpensesByYear = (expenses) => expenses?.reduce((acc, curr) => {\n const date = new Date(curr.taxPointDate);\n const year = date.getFullYear().toString();\n acc.set(year, [...acc.get(year) || [], curr]);\n return acc;\n}, /* @__PURE__ */ new Map()) || /* @__PURE__ */ new Map();\nvar renderExpense = (expense) => /* @__PURE__ */ _jsx227(RecordsSectionListItem, {\n children: /* @__PURE__ */ _jsx227(ExpenseRow2, {\n expense\n })\n}, expense.id);\nvar ExpensesList2 = () => {\n const {\n isSuccess: isSuccessTaxes,\n isError: isErrorTaxes\n } = useTaxes();\n const {\n isBookkeepingDoneByAccountant,\n featureFlags,\n navigateToProfileSubscriptions\n } = useConfig();\n const scrollTargetRef = useRef22(null);\n const {\n pageNumber: completeExpensesPageNumber,\n pageSize: completeExpensesPageSize,\n onPaginationChange,\n onPaginationScroll\n } = useRecordListPagination(\"complete-expenses\");\n const {\n completeExpenses,\n pagination: completeExpensesPagination,\n isLoading: isLoadingCompleteExpenses,\n isError: isErrorCompleteExpenses,\n hasCompleteExpenses\n } = useCompleteExpenses({\n pageNumber: completeExpensesPageNumber,\n pageSize: completeExpensesPageSize\n });\n const handlePaginationChange = (updatedPagination) => {\n onPaginationChange(updatedPagination);\n onPaginationScroll(scrollTargetRef.current, SCROLL_BUFFER_FOR_NAVBAR_HEIGHT);\n };\n const [incompleteExpensesPageSize, setIncompleteExpensesPageSize] = useState66(DEFAULT_INCOMPLETE_EXPENSES_PAGE_SIZE);\n const {\n incompleteExpenses,\n isLoading: isLoadingIncompleteExpenses,\n isError: isErrorIncompleteExpenses,\n incompleteExpensesCount,\n hasIncompleteExpenses,\n isFetching,\n hasMoreResults,\n hasMoreResultsCount\n } = useIncompleteExpenses({\n pageSize: incompleteExpensesPageSize\n });\n const completedExpensesGroupedByYear = groupExpensesByYear(completeExpenses);\n const shouldDisplayBookkeepingUpsell = navigateToProfileSubscriptions && !isBookkeepingDoneByAccountant && (incompleteExpensesCount ?? 0) > 15;\n const isLoading = !isSuccessTaxes || isLoadingCompleteExpenses || isLoadingIncompleteExpenses;\n if (isLoading)\n return /* @__PURE__ */ _jsxs155(Skeleton11, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius51.large,\n children: [/* @__PURE__ */ _jsx227(SkeletonLine11, {\n height: \"36px\"\n }), /* @__PURE__ */ _jsx227(SkeletonLine11, {\n height: \"36px\"\n }), /* @__PURE__ */ _jsx227(SkeletonLine11, {\n height: \"36px\"\n })]\n });\n const isError = isErrorTaxes || isErrorCompleteExpenses || isErrorIncompleteExpenses;\n if (isError)\n return /* @__PURE__ */ _jsx227(Translation, {\n id: \"common.errorRequest\"\n });\n const isEmpty = !hasIncompleteExpenses && !hasCompleteExpenses;\n return /* @__PURE__ */ _jsxs155(Flexer80, {\n column: true,\n gap: \"24px\",\n tabletGap: \"36px\",\n children: [isBookkeepingDoneByAccountant && featureFlags.featureBookkeepingRecentRecords && /* @__PURE__ */ _jsx227(RecentExpenses, {}), isEmpty && /* @__PURE__ */ _jsx227(ExpensesListEmpty, {}), hasIncompleteExpenses && /* @__PURE__ */ _jsxs155(RecordsSection, {\n background: isBookkeepingDoneByAccountant ? colors99.neutralLightest : colors99.yellow,\n children: [/* @__PURE__ */ _jsx227(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsxs155(Flexer80, {\n spaceBetween: true,\n alignBaseline: true,\n gap: \"12px\",\n children: [isBookkeepingDoneByAccountant ? /* @__PURE__ */ _jsx227(Translation, {\n id: \"tracking.content.incompleteRecordsToBeProcessedByAccountant\"\n }) : /* @__PURE__ */ _jsx227(Translation, {\n id: \"tracking.content.incompleteRecordsNeedingReview\",\n values: {\n count: incompleteExpensesCount\n }\n }), shouldDisplayBookkeepingUpsell && /* @__PURE__ */ _jsx227(ChipButton16, {\n onClick: navigateToProfileSubscriptions,\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx227(Translation, {\n strings: [\"Need accounting? Manage my plan\", \"\\xBFNecesitas contabilidad? Ver mi plan\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx227(RecordsSectionList, {\n children: incompleteExpenses.map(renderExpense)\n }), /* @__PURE__ */ _jsx227(ShowMoreIncompleteRecords, {\n isFetching,\n hasMoreResults,\n hasMoreResultsCount,\n pageSize: incompleteExpensesPageSize,\n setPageSize: setIncompleteExpensesPageSize\n })]\n }), hasCompleteExpenses && /* @__PURE__ */ _jsxs155(_Fragment77, {\n children: [/* @__PURE__ */ _jsxs155(RecordsSection, {\n children: [/* @__PURE__ */ _jsx227(\"div\", {\n ref: scrollTargetRef\n }), /* @__PURE__ */ _jsxs155(Flexer80, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx227(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsx227(Translation, {\n strings: [\"Your expenses\", \"\\xA1Gastos!\"]\n })\n }), /* @__PURE__ */ _jsx227(RecordsSectionResultsCount, {\n children: /* @__PURE__ */ _jsx227(PaginationResultsCount, {\n pagination: completeExpensesPagination\n })\n })]\n }), completedExpensesGroupedByYear.size === 1 ? /* @__PURE__ */ _jsx227(RecordsSectionList, {\n children: Array.from(completedExpensesGroupedByYear.values())[0].map(renderExpense)\n }) : Array.from(completedExpensesGroupedByYear).map(([expenseYear], index) => /* @__PURE__ */ _jsxs155(Container71, {\n children: [/* @__PURE__ */ _jsx227(Spacer51, {\n margin: `${index === 0 ? \"0\" : \"12px\"} 0 9px 0`,\n children: /* @__PURE__ */ _jsx227(Container71, {\n paddingLeft: \"15px\",\n tabletPaddingLeft: \"0\",\n children: /* @__PURE__ */ _jsx227(Line39, {\n color: colors99.neutralDarker,\n size: font47.smaller,\n children: expenseYear\n })\n })\n }), /* @__PURE__ */ _jsx227(RecordsSectionList, {\n children: completedExpensesGroupedByYear.get(expenseYear)?.map(renderExpense)\n })]\n }, expenseYear))]\n }), /* @__PURE__ */ _jsx227(RecordListPaginationNav, {\n pagination: completeExpensesPagination,\n onPaginationChange: handlePaginationChange\n })]\n })]\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/IncomesActions.tsx\nimport { useHistory as useHistory40 } from \"react-router-dom\";\nimport { openFileDialog as openFileDialog6 } from \"@scouts/helpers\";\nimport { useIsDesktop as useIsDesktop5, ButtonLink as ButtonLink16, ChipButton as ChipButton17, DropdownButton as DropdownButton18, Flexer as Flexer81 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/incomes-list/hooks/use-income-upload.ts\nimport { useHistory as useHistory39 } from \"react-router-dom\";\nvar useIncomeUpload = ({\n onUploadFile\n}) => {\n const history = useHistory39();\n const {\n isBookkeepingDoneByAccountant\n } = useConfig();\n const {\n ROUTES\n } = useRoutes();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n createIncomesFromFiles,\n isLoading\n } = useCreateIncome();\n const handleUpload = async (files, taxPointDate = \"\") => {\n const response = await createIncomesFromFiles({\n files,\n taxPointDate\n });\n if (isBookkeepingDoneByAccountant || files.length !== 1 || response?.errors)\n return;\n const [record] = response;\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: record.id\n }));\n };\n const handleFileSelected = (files) => onUploadFile ? onUploadFile({\n files,\n onConfirm: handleUpload\n }) : handleUpload(files);\n return {\n handleFileSelected,\n isLoading\n };\n};\n\n// src/components/customer/tracking/records-list/incomes-list/IncomesActions.tsx\nimport { jsx as _jsx228, jsxs as _jsxs156, Fragment as _Fragment78 } from \"react/jsx-runtime\";\nvar IncomesActions2 = ({\n bankingOverviewLinkButtonTitle,\n bankingOverviewLinkButtonPath,\n onUploadFile\n}) => {\n const history = useHistory40();\n const translation = useTranslation();\n const {\n ROUTES\n } = useRoutes();\n const {\n featureFlags,\n isBankingDisabled\n } = useConfig();\n const isDesktop = useIsDesktop5();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n handleFileSelected,\n isLoading\n } = useIncomeUpload({\n onUploadFile\n });\n const handleExportClick = () => {\n history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EXPORT));\n };\n const dropdownActions = [{\n \"aria-label\": translation({\n id: \"tracking.actions.addIncomeEntry\"\n }),\n title: translation({\n id: \"tracking.actions.addIncomeEntry\"\n }),\n onClick: () => history.replace(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_CREATE)),\n \"data-tour\": \"create-income\"\n }, {\n \"aria-label\": translation({\n id: \"tracking.actions.uploadIncomeFiles\"\n }),\n title: translation({\n id: \"tracking.actions.uploadIncomeFiles\"\n }),\n onClick: () => openFileDialog6({\n multiple: true,\n onChange: handleFileSelected\n }),\n \"data-tour\": \"upload-incomes-bulk\"\n }, {\n \"aria-label\": translation({\n id: \"record.content.title.quote\"\n }),\n title: translation({\n id: \"record.content.title.quote\"\n }),\n onClick: () => {\n },\n // WIP\n hidden: !featureFlags.featureBookkeepingQuotes\n }].filter((item) => !item.hidden);\n return /* @__PURE__ */ _jsx228(_Fragment78, {\n children: /* @__PURE__ */ _jsxs156(Flexer81, {\n gap: \"9px\",\n alignCenter: true,\n children: [featureFlags.featureBookkeepingQuotes && /* @__PURE__ */ _jsx228(ButtonLink16, {\n onClick: () => {\n },\n children: translation({\n id: \"quote.actions.link\"\n })\n }), /* @__PURE__ */ _jsx228(ChipButton17, {\n variant: \"highlight\",\n onClick: () => history.push(generatePathWithParams(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_CREATE)),\n \"data-tour\": \"create-invoice\",\n \"aria-label\": translation({\n id: \"tracking.actions.createInvoice\"\n }),\n children: /* @__PURE__ */ _jsx228(Translation, {\n id: isDesktop ? \"tracking.actions.createInvoice\" : \"tracking.actions.createInvoice.short\"\n })\n }), /* @__PURE__ */ _jsx228(DropdownButton18, {\n \"aria-label\": translation({\n id: \"tracking.actions.addIncome\"\n }),\n actions: dropdownActions,\n isLoading,\n alignRight: true,\n isSecondary: true,\n isRounded: true,\n children: /* @__PURE__ */ _jsx228(Translation, {\n id: \"tracking.actions.addIncome\"\n })\n }), (featureFlags.featureStandaloneBookkeepingExporting || !isBankingDisabled) && /* @__PURE__ */ _jsx228(DropdownButton18, {\n \"aria-label\": translation({\n id: \"common.moreActions\"\n }),\n actions: [{\n \"aria-label\": translation({\n id: \"export.content.title\"\n }),\n title: translation({\n id: \"export.content.title\"\n }),\n onClick: handleExportClick,\n shouldHide: !featureFlags.featureStandaloneBookkeepingExporting\n }, {\n \"aria-label\": bankingOverviewLinkButtonTitle,\n title: bankingOverviewLinkButtonTitle,\n onClick: () => history.push(generatePathWithParams(bankingOverviewLinkButtonPath)),\n shouldHide: isBankingDisabled\n }],\n alignRight: true\n })]\n })\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/IncomesList.tsx\nimport { useMemo as useMemo42, useRef as useRef23, useState as useState67 } from \"react\";\nimport { colors as colors101, font as font49, radius as radius53, ChipButton as ChipButton18, Container as Container74, Flexer as Flexer83, Line as Line41, Skeleton as Skeleton13, SkeletonLine as SkeletonLine13, Spacer as Spacer52 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/records-list/incomes-list/IncomeRow.tsx\nimport { useHistory as useHistory41 } from \"react-router-dom\";\nimport { jsx as _jsx229, Fragment as _Fragment79, jsxs as _jsxs157 } from \"react/jsx-runtime\";\nvar useIsComplete2 = (income) => {\n const {\n incomeOptions\n } = useConfig();\n return Income.isComplete(incomeOptions)(income);\n};\nvar useIncomeRowTextExtraction = ({\n income\n}) => {\n const isComplete4 = useIsComplete2(income);\n const initialTextExtractionStatus = income?.file?.textExtractionStatus;\n const hasPotentialTextExtraction = initialTextExtractionStatus && [IncomeTextExtractionStatus.FINISHED, IncomeTextExtractionStatus.IN_PROGRESS].includes(initialTextExtractionStatus);\n return useIncomeTextExtraction({\n income,\n shouldSkipFetch: isComplete4 || !hasPotentialTextExtraction,\n shouldPoll: true\n });\n};\nvar useTitle2 = (income, textExtractionIncome) => {\n const {\n recipientName,\n invoiceNumber,\n file,\n description\n } = income;\n const {\n fileName\n } = file || {};\n if (!!invoiceNumber && !!recipientName)\n return /* @__PURE__ */ _jsxs157(_Fragment79, {\n children: [/* @__PURE__ */ _jsx229(Counterpart, {\n children: recipientName\n }), \" \\xA0#\", invoiceNumber]\n });\n if (!invoiceNumber && !!recipientName)\n return /* @__PURE__ */ _jsx229(Counterpart, {\n children: recipientName\n });\n if (!!invoiceNumber && !recipientName)\n return /* @__PURE__ */ _jsxs157(_Fragment79, {\n children: [\"#\", invoiceNumber]\n });\n if (textExtractionIncome?.recipientName)\n return /* @__PURE__ */ _jsx229(Counterpart, {\n children: textExtractionIncome?.recipientName\n });\n if (description)\n return /* @__PURE__ */ _jsx229(_Fragment79, {\n children: description\n });\n if (fileName)\n return /* @__PURE__ */ _jsx229(_Fragment79, {\n children: fileName\n });\n return /* @__PURE__ */ _jsx229(Translation, {\n id: \"income.content.draft\"\n });\n};\nvar useGross2 = (income, textExtractionIncome) => {\n if (income.gross)\n return income.gross;\n if (textExtractionIncome?.gross)\n return textExtractionIncome.gross;\n return 0;\n};\nvar IncomeRow2 = ({\n income\n}) => {\n const history = useHistory41();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const {\n defaultCurrency\n } = useConfig();\n const currency = income.currency?.code || defaultCurrency;\n const isComplete4 = useIsComplete2(income);\n const {\n updatedIncome: textExtractionIncome,\n textExtraction\n } = useIncomeRowTextExtraction({\n income\n });\n const title = useTitle2(income, textExtractionIncome);\n const gross = useGross2(income, textExtractionIncome);\n const navigateToRecord = () => {\n if (!isComplete4) {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT_VALIDATE, {\n id: income.id\n }));\n } else {\n history.replace(generatePath4(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES_EDIT, {\n id: income.id\n }));\n }\n };\n return /* @__PURE__ */ _jsx229(Row, {\n actions: /* @__PURE__ */ _jsx229(IncomeRowDropdown, {\n income\n }),\n currency,\n isComplete: isComplete4,\n navigateToRecord,\n record: {\n ...income,\n gross\n },\n title,\n textExtraction\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/IncomesListEmpty.tsx\nimport { styled as styled68 } from \"styled-components\";\nimport { useIsTablet as useIsTablet11 } from \"@scouts/ui\";\nimport { jsx as _jsx230 } from \"react/jsx-runtime\";\nvar IncomesListEmpty = () => {\n const isTablet = useIsTablet11();\n const {\n handleFileSelected,\n isLoading\n } = useIncomeUpload({});\n return /* @__PURE__ */ _jsx230(Container72, {\n children: /* @__PURE__ */ _jsx230(RecordFileUploadZone, {\n onUpload: (files) => handleFileSelected(files),\n isLoading,\n label: /* @__PURE__ */ _jsx230(Translation, {\n strings: isTablet ? [\"There are no records for this filter. Drag and drop your files here.\", \"No hay registros para este filtro. Arrastra aqu\\xED tus archivos\"] : [\"There are no records for this filter\", \"No hay registros para este filtro\"]\n })\n })\n });\n};\nvar Container72 = styled68.div.withConfig({\n displayName: \"IncomesListEmpty__Container\",\n componentId: \"sc-qc5tzp-0\"\n})([\"height:240px;\"]);\n\n// src/components/customer/tracking/records-list/incomes-list/InvoiceRow.tsx\nimport { useHistory as useHistory42 } from \"react-router-dom\";\nimport { jsx as _jsx231, Fragment as _Fragment80, jsxs as _jsxs158 } from \"react/jsx-runtime\";\nvar useCurrency = (invoice) => {\n const {\n defaultCurrency\n } = useConfig();\n return invoice.currency?.code || invoice.invoiceDetails?.currency?.code || defaultCurrency;\n};\nvar useIsComplete3 = (invoice) => {\n const {\n incomeOptions\n } = useConfig();\n return Invoice.isComplete(incomeOptions)(invoice);\n};\nvar useTitle3 = (invoice) => {\n const {\n recipientName,\n invoiceNumber\n } = invoice;\n if (invoiceNumber && recipientName)\n return /* @__PURE__ */ _jsxs158(_Fragment80, {\n children: [/* @__PURE__ */ _jsx231(Counterpart, {\n children: recipientName\n }), \" \\xA0#\", invoiceNumber]\n });\n if (!invoiceNumber && !!recipientName)\n return /* @__PURE__ */ _jsx231(Counterpart, {\n children: recipientName\n });\n if (invoiceNumber && !recipientName)\n return /* @__PURE__ */ _jsxs158(_Fragment80, {\n children: [\"#\", invoiceNumber]\n });\n return /* @__PURE__ */ _jsx231(Translation, {\n id: \"invoice.content.draft\"\n });\n};\nvar InvoiceRow = ({\n invoice\n}) => {\n const history = useHistory42();\n const {\n ROUTES\n } = useRoutes();\n const generatePath4 = useGeneratePathWithParamsAndSearch();\n const isComplete4 = useIsComplete3(invoice);\n const currency = useCurrency(invoice);\n const title = useTitle3(invoice);\n const navigateToRecord = () => {\n history.push(generatePath4(ROUTES.PATH_BOOKKEEPING_INVOICING_INVOICE_EDIT, {\n id: invoice.id\n }));\n };\n return /* @__PURE__ */ _jsx231(Row, {\n actions: /* @__PURE__ */ _jsx231(InvoiceRowDropdown, {\n invoice\n }),\n currency,\n isComplete: isComplete4,\n navigateToRecord,\n record: invoice,\n title\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/RecentIncomes.tsx\nimport { scrollPageToTop as scrollPageToTop2 } from \"@scouts/helpers\";\nimport { colors as colors100, font as font48, radius as radius52, ButtonLink as ButtonLink17, Container as Container73, Flexer as Flexer82, Line as Line40, Skeleton as Skeleton12, SkeletonLine as SkeletonLine12 } from \"@scouts/ui\";\nimport { jsx as _jsx232, jsxs as _jsxs159, Fragment as _Fragment81 } from \"react/jsx-runtime\";\nvar RecentIncomes = () => {\n const {\n pageNumber,\n pageSize,\n onPaginationChange\n } = useRecordListPagination(\"recent-incomes\");\n const {\n recentIncomes,\n isError,\n isLoading,\n isOpen,\n toggle,\n hasRecentIncomes,\n numberOfRecentIncomes,\n pagination\n } = useRecentIncomes({\n pageNumber,\n pageSize\n });\n const handlePaginationChange = (updatedPagination) => {\n scrollPageToTop2();\n onPaginationChange(updatedPagination);\n };\n if (isLoading)\n return /* @__PURE__ */ _jsx232(Skeleton12, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius52.large,\n children: /* @__PURE__ */ _jsx232(SkeletonLine12, {\n height: \"36px\"\n })\n });\n if (!hasRecentIncomes || isError)\n return null;\n return /* @__PURE__ */ _jsxs159(_Fragment81, {\n children: [!isOpen && /* @__PURE__ */ _jsx232(Container73, {\n background: colors100.surface.neutral,\n padding: \"6px\",\n tabletPadding: \"18px\",\n radius: radius52.large,\n children: /* @__PURE__ */ _jsxs159(Flexer82, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx232(Line40, {\n size: font48.body.medium,\n children: /* @__PURE__ */ _jsx232(Translation, {\n strings: [`There are ${numberOfRecentIncomes} incomes uploaded in the last 30 days`, `Hay ${numberOfRecentIncomes} ingresos subidos en los \\xFAltimos 30 d\\xEDas`]\n })\n }), /* @__PURE__ */ _jsx232(ButtonLink17, {\n onClick: toggle,\n children: /* @__PURE__ */ _jsx232(Translation, {\n strings: [\"View\", \"Ver\"]\n })\n })]\n })\n }), isOpen && /* @__PURE__ */ _jsxs159(_Fragment81, {\n children: [/* @__PURE__ */ _jsxs159(RecordsSection, {\n background: colors100.surface.neutral,\n children: [/* @__PURE__ */ _jsx232(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsxs159(Flexer82, {\n spaceBetween: true,\n alignCenter: true,\n children: [/* @__PURE__ */ _jsx232(Translation, {\n strings: [\"Incomes uploaded in the last 30 days\", \"Facturas subidas en los \\xFAltimos 30 d\\xEDas\"]\n }), /* @__PURE__ */ _jsx232(ButtonLink17, {\n onClick: toggle,\n children: /* @__PURE__ */ _jsx232(Translation, {\n strings: [\"Hide\", \"Ocultar\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx232(RecordsSectionList, {\n children: recentIncomes?.map((income) => /* @__PURE__ */ _jsx232(RecordsSectionListItem, {\n children: Income.isInvoice(income) ? /* @__PURE__ */ _jsx232(InvoiceRow, {\n invoice: income\n }) : /* @__PURE__ */ _jsx232(IncomeRow2, {\n income\n })\n }, income.id))\n })]\n }), /* @__PURE__ */ _jsx232(RecordListPaginationNav, {\n pagination,\n onPaginationChange: handlePaginationChange\n })]\n })]\n });\n};\n\n// src/components/customer/tracking/records-list/incomes-list/IncomesList.tsx\nimport { jsx as _jsx233, jsxs as _jsxs160, Fragment as _Fragment82 } from \"react/jsx-runtime\";\nvar DEFAULT_INCOMPLETE_INCOMES_PAGE_SIZE = 50;\nvar SCROLL_BUFFER_FOR_NAVBAR_HEIGHT2 = -78;\nvar groupIncomesByYear = (incomes, accountingMethod) => incomes?.reduce((acc, curr) => {\n const displayDate2 = Income.displayDate(curr, accountingMethod);\n const date = new Date(displayDate2);\n const year = date.getFullYear().toString();\n acc.set(year, [...acc.get(year) || [], curr]);\n return acc;\n}, /* @__PURE__ */ new Map()) || /* @__PURE__ */ new Map();\nvar renderRecord = (record) => /* @__PURE__ */ _jsx233(RecordsSectionListItem, {\n children: Income.isInvoice(record) ? /* @__PURE__ */ _jsx233(InvoiceRow, {\n invoice: record\n }) : /* @__PURE__ */ _jsx233(IncomeRow2, {\n income: record\n })\n}, record.id);\nvar IncomesList2 = () => {\n const {\n isBookkeepingDoneByAccountant,\n incomeOptions: {\n accountingMethod\n },\n featureFlags,\n navigateToProfileSubscriptions\n } = useConfig();\n const {\n isSuccess: isSuccessTaxes\n } = useTaxes();\n const scrollTargetRef = useRef23(null);\n const {\n pageNumber: completeIncomesPageNumber,\n pageSize: completeIncomesPageSize,\n onPaginationChange,\n onPaginationScroll\n } = useRecordListPagination(\"complete-incomes\");\n const {\n completeIncomes,\n pagination: completeIncomesPagination,\n isLoading: isLoadingCompleteIncomes,\n isError: isErrorCompleteIncomes,\n hasCompleteIncomes\n } = useCompleteIncomes({\n pageNumber: completeIncomesPageNumber,\n pageSize: completeIncomesPageSize\n });\n const handlePaginationChange = (updatedPagination) => {\n onPaginationChange(updatedPagination);\n onPaginationScroll(scrollTargetRef.current, SCROLL_BUFFER_FOR_NAVBAR_HEIGHT2);\n };\n const [incompleteIncomesPageSize, setIncompleteIncomesPageSize] = useState67(DEFAULT_INCOMPLETE_INCOMES_PAGE_SIZE);\n const {\n incompleteIncomes,\n isLoading: isLoadingIncompleteIncomes,\n isError: isErrorIncompleteIncomes,\n isFetching,\n hasMoreResults,\n hasMoreResultsCount,\n hasIncompleteIncomes,\n incompleteIncomesCount\n } = useIncompleteIncomes({\n pageSize: incompleteIncomesPageSize\n });\n const {\n invoices,\n isLoading: isLoadingInvoices,\n isError: isErrorInvoices,\n hasInvoices\n } = useInvoices({\n statuses: [InvoiceStatus.DRAFT]\n // @TODO: BE offers (status: InvoiceStatus.DRAFT) query, but it's not implemented yet\n });\n const completeIncomesGroupedByYear = useMemo42(() => groupIncomesByYear(completeIncomes, accountingMethod), [completeIncomes, accountingMethod]);\n const shouldDisplayBookkeepingUpsell = navigateToProfileSubscriptions && !isBookkeepingDoneByAccountant && (incompleteIncomesCount ?? 0) > 15;\n const isLoading = !isSuccessTaxes || isLoadingIncompleteIncomes || isLoadingInvoices || isLoadingCompleteIncomes;\n if (isLoading)\n return /* @__PURE__ */ _jsxs160(Skeleton13, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius53.large,\n children: [/* @__PURE__ */ _jsx233(SkeletonLine13, {\n height: \"36px\"\n }), /* @__PURE__ */ _jsx233(SkeletonLine13, {\n height: \"36px\"\n }), /* @__PURE__ */ _jsx233(SkeletonLine13, {\n height: \"36px\"\n })]\n });\n const isError = isErrorInvoices || isErrorCompleteIncomes || isErrorIncompleteIncomes;\n if (isError)\n return /* @__PURE__ */ _jsx233(Translation, {\n id: \"common.errorRequest\"\n });\n const hasRecords = hasIncompleteIncomes || hasCompleteIncomes || hasInvoices;\n return /* @__PURE__ */ _jsxs160(Flexer83, {\n column: true,\n gap: \"24px\",\n tabletGap: \"36px\",\n children: [isBookkeepingDoneByAccountant && featureFlags.featureBookkeepingRecentRecords && /* @__PURE__ */ _jsx233(RecentIncomes, {}), !hasRecords && /* @__PURE__ */ _jsx233(IncomesListEmpty, {}), hasIncompleteIncomes && /* @__PURE__ */ _jsxs160(RecordsSection, {\n background: isBookkeepingDoneByAccountant ? colors101.neutralLightest : colors101.yellow,\n children: [/* @__PURE__ */ _jsx233(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsxs160(Flexer83, {\n spaceBetween: true,\n alignBaseline: true,\n gap: \"12px\",\n children: [isBookkeepingDoneByAccountant ? /* @__PURE__ */ _jsx233(Translation, {\n id: \"tracking.content.incompleteRecordsToBeProcessedByAccountant\"\n }) : /* @__PURE__ */ _jsx233(Translation, {\n id: \"tracking.content.incompleteRecordsNeedingReview\",\n values: {\n count: incompleteIncomesCount\n }\n }), shouldDisplayBookkeepingUpsell && /* @__PURE__ */ _jsx233(ChipButton18, {\n onClick: navigateToProfileSubscriptions,\n variant: \"inverted\",\n children: /* @__PURE__ */ _jsx233(Translation, {\n strings: [\"Need accounting? Manage my plan\", \"\\xBFNecesitas contabilidad? Ver mi plan\"]\n })\n })]\n })\n }), /* @__PURE__ */ _jsx233(RecordsSectionList, {\n children: incompleteIncomes.map(renderRecord)\n }), /* @__PURE__ */ _jsx233(ShowMoreIncompleteRecords, {\n isFetching,\n hasMoreResults,\n hasMoreResultsCount,\n pageSize: incompleteIncomesPageSize,\n setPageSize: setIncompleteIncomesPageSize\n })]\n }), hasInvoices && /* @__PURE__ */ _jsxs160(RecordsSection, {\n background: colors101.redLighter,\n children: [/* @__PURE__ */ _jsx233(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsx233(Translation, {\n strings: [\"Your draft invoices\", \"Borradores de facturas. Cuando emitas las facturas deben de empezar a contar como ingreso, aunque no las hayas cobrado.\"]\n })\n }), /* @__PURE__ */ _jsx233(RecordsSectionList, {\n children: invoices.map(renderRecord)\n })]\n }), hasCompleteIncomes && /* @__PURE__ */ _jsxs160(_Fragment82, {\n children: [/* @__PURE__ */ _jsxs160(RecordsSection, {\n children: [/* @__PURE__ */ _jsx233(\"div\", {\n ref: scrollTargetRef\n }), /* @__PURE__ */ _jsxs160(Flexer83, {\n spaceBetween: true,\n children: [/* @__PURE__ */ _jsx233(RecordsSectionTitle, {\n children: /* @__PURE__ */ _jsx233(Translation, {\n strings: [\"Your income\", \"\\xA1Ingresos!\"]\n })\n }), /* @__PURE__ */ _jsx233(RecordsSectionResultsCount, {\n children: /* @__PURE__ */ _jsx233(PaginationResultsCount, {\n pagination: completeIncomesPagination\n })\n })]\n }), completeIncomesGroupedByYear.size === 1 ? /* @__PURE__ */ _jsx233(RecordsSectionList, {\n children: Array.from(completeIncomesGroupedByYear.values())[0].map(renderRecord)\n }) : Array.from(completeIncomesGroupedByYear).map(([incomeYear], index) => /* @__PURE__ */ _jsxs160(Container74, {\n children: [/* @__PURE__ */ _jsx233(Spacer52, {\n margin: `${index === 0 ? \"0\" : \"12px\"} 0 9px 0`,\n children: /* @__PURE__ */ _jsx233(Container74, {\n paddingLeft: \"15px\",\n tabletPaddingLeft: \"0\",\n children: /* @__PURE__ */ _jsx233(Line41, {\n color: colors101.neutralDarker,\n size: font49.smaller,\n children: incomeYear\n })\n })\n }), /* @__PURE__ */ _jsx233(RecordsSectionList, {\n children: completeIncomesGroupedByYear.get(incomeYear)?.map(renderRecord)\n })]\n }, incomeYear))]\n }), /* @__PURE__ */ _jsx233(RecordListPaginationNav, {\n pagination: completeIncomesPagination,\n onPaginationChange: handlePaginationChange\n })]\n })]\n });\n};\n\n// src/components/customer/tracking/TrackingBalance.tsx\nimport { useRouteMatch } from \"react-router-dom\";\nimport { formatCurrency as formatCurrency17 } from \"@scouts/helpers\";\nimport { useLocale as useLocale21 } from \"@scouts/i18n\";\nimport { colors as colors103, radius as radius55, Chip as Chip18, Container as Container76, Grid as Grid14, GridItem as GridItem8, Skeleton as Skeleton14, SkeletonLine as SkeletonLine14, Spacer as Spacer54 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/TrackingBalanceItem.tsx\nimport { NavLink as NavLink2 } from \"react-router-dom\";\nimport styled69 from \"styled-components\";\nimport { colors as colors102, font as font50, media as media34, radius as radius54, Container as Container75, Flexer as Flexer84, Line as Line42, Spacer as Spacer53 } from \"@scouts/ui\";\nimport { jsx as _jsx234, jsxs as _jsxs161 } from \"react/jsx-runtime\";\nvar TrackingBalanceItem = ({\n amount,\n isActive,\n label,\n to,\n children\n}) => /* @__PURE__ */ _jsx234(NavWrapper2, {\n to,\n color: isActive ? colors102.black : colors102.neutralDarker,\n children: /* @__PURE__ */ _jsx234(Container75, {\n background: isActive ? colors102.blueLighter : colors102.neutralLightest,\n padding: \"12px 18px\",\n radius: isActive ? `${radius54.large} ${radius54.large} 0 0` : radius54.large,\n style: {\n minHeight: \"100%\"\n },\n children: /* @__PURE__ */ _jsxs161(Flexer84, {\n column: true,\n gap: \"3px\",\n children: [/* @__PURE__ */ _jsx234(Line42, {\n size: font50.small,\n children: label\n }), /* @__PURE__ */ _jsxs161(Flexer84, {\n column: true,\n tabletRow: true,\n gap: \"3px\",\n tabletGap: \"9px\",\n tabletAlignCenter: true,\n children: [/* @__PURE__ */ _jsx234(Line42, {\n size: font50.large,\n tabletSize: font50.larger,\n children: /* @__PURE__ */ _jsx234(\"strong\", {\n children: amount\n })\n }), children && /* @__PURE__ */ _jsx234(Spacer53, {\n marginTop: \"3px\",\n children\n })]\n })]\n })\n })\n});\nvar NavWrapper2 = styled69(NavLink2).withConfig({\n displayName: \"TrackingBalanceItem__NavWrapper\",\n componentId: \"sc-tq78jt-0\"\n})([\"color:\", \";text-decoration:none;cursor:pointer;\", \"{&:hover{color:\", \";}}\"], ({\n color\n}) => color, media34.pointer, colors102.blue);\n\n// src/components/customer/tracking/TrackingBalance.tsx\nimport { jsx as _jsx235, jsxs as _jsxs162, Fragment as _Fragment83 } from \"react/jsx-runtime\";\nvar TrackingBalance2 = ({\n title,\n income,\n expense,\n children\n}) => {\n const {\n featureFlags\n } = useConfig();\n const translation = useTranslation();\n const locale = useLocale21();\n const generatePathWithParams = useGeneratePathWithParams();\n const {\n ROUTES\n } = useRoutes();\n const {\n balance,\n isFetching\n } = useBalance();\n const {\n defaultCurrency\n } = useCurrencies();\n const isIncomesActive = Boolean(useRouteMatch(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES));\n const isExpensesActive = Boolean(useRouteMatch(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES));\n if (!balance || isFetching || !defaultCurrency)\n return /* @__PURE__ */ _jsxs162(Grid14, {\n gap: \"9px\",\n columns: 2,\n children: [/* @__PURE__ */ _jsxs162(Skeleton14, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius55.large,\n children: [/* @__PURE__ */ _jsx235(SkeletonLine14, {\n height: \"12px\",\n width: \"50%\"\n }), /* @__PURE__ */ _jsx235(SkeletonLine14, {\n height: \"24px\"\n })]\n }), /* @__PURE__ */ _jsxs162(Skeleton14, {\n gap: \"9px\",\n padding: \"18px\",\n radius: radius55.large,\n children: [/* @__PURE__ */ _jsx235(SkeletonLine14, {\n height: \"12px\",\n width: \"50%\"\n }), /* @__PURE__ */ _jsx235(SkeletonLine14, {\n height: \"24px\"\n })]\n })]\n });\n const incomeToDisplay = income ?? balance.taxableIncome.totalNet;\n const expenseToDisplay = expense ?? (featureFlags.featureBookkeepingDeductibility ? balance.expenses.totalDeductibleNet : balance.expenses.totalNet);\n return /* @__PURE__ */ _jsxs162(_Fragment83, {\n children: [title && /* @__PURE__ */ _jsx235(Spacer54, {\n marginBottom: \"9px\",\n children: title\n }), /* @__PURE__ */ _jsxs162(Grid14, {\n columnGap: \"12px\",\n columns: 2,\n children: [/* @__PURE__ */ _jsx235(TrackingBalanceItem, {\n label: translation({\n id: \"common.incomes\"\n }),\n to: generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES),\n amount: formatCurrency17(incomeToDisplay, {\n currency: defaultCurrency.code,\n locale\n }),\n isActive: isIncomesActive,\n children: !!balance.unpaidIncome.totalNet && /* @__PURE__ */ _jsxs162(Chip18, {\n size: \"small\",\n background: colors103.white,\n color: isIncomesActive ? colors103.black : colors103.neutralDarker,\n children: [/* @__PURE__ */ _jsx235(Translation, {\n strings: [\"Unpaid\", \"No cobrado\"]\n }), \" \", formatCurrency17(balance.unpaidIncome.totalNet, {\n currency: defaultCurrency.code,\n locale\n })]\n })\n }), /* @__PURE__ */ _jsx235(TrackingBalanceItem, {\n to: generatePathWithParams(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES),\n label: translation({\n id: \"common.expenses\"\n }),\n amount: formatCurrency17(expenseToDisplay, {\n currency: defaultCurrency.code,\n locale\n }),\n isActive: isExpensesActive,\n children: featureFlags.featureBookkeepingDeductibility && balance.expenses.totalNonDeductibleNet > 0 && /* @__PURE__ */ _jsxs162(Chip18, {\n size: \"small\",\n background: colors103.white,\n color: isExpensesActive ? colors103.black : colors103.neutralDarker,\n children: [/* @__PURE__ */ _jsx235(Translation, {\n strings: [\"Not claimable\", \"No aplicable\"]\n }), \" \", formatCurrency17(balance.expenses.totalNonDeductibleNet, {\n currency: defaultCurrency.code,\n locale\n })]\n })\n }), /* @__PURE__ */ _jsx235(Container76, {\n paddingTop: \"12px\",\n background: isIncomesActive ? colors103.surface.highlight : colors103.surface.base\n }), /* @__PURE__ */ _jsx235(Container76, {\n paddingTop: \"12px\",\n background: isExpensesActive ? colors103.surface.highlight : colors103.surface.base\n }), /* @__PURE__ */ _jsx235(GridItem8, {\n column: \"1 / 3\",\n children: /* @__PURE__ */ _jsx235(Container76, {\n padding: \"18px\",\n tabletPadding: \"24px\",\n background: colors103.surface.highlight,\n radius: `${isIncomesActive ? `0 ${radius55.large}` : `${radius55.large} 0`} ${radius55.large} ${radius55.large}`,\n children\n })\n })]\n })]\n });\n};\n\n// src/components/customer/tracking/TrackingFilters.tsx\nimport styled70 from \"styled-components\";\nimport { useToggle as useToggle17 } from \"@scouts/helpers\";\nimport { colors as colors104, media as media35, Flexer as Flexer85, Icon as Icon12, IconSearch, Spacer as Spacer55 } from \"@scouts/ui\";\n\n// src/components/customer/tracking/TrackingRecordSearchInput.tsx\nimport { Input as Input22 } from \"@scouts/ui\";\nimport { jsx as _jsx236 } from \"react/jsx-runtime\";\nvar TrackingRecordSearchInput = () => {\n const translation = useTranslation();\n const {\n activeFilters,\n applyFilter\n } = useFilters();\n return /* @__PURE__ */ _jsx236(Input22, {\n autoComplete: \"off\",\n name: \"searchQuery\",\n onChange: ({\n value\n }) => applyFilter({\n updatedFilter: {\n search: value\n }\n }),\n placeholder: translation([\"Search...\", \"Buscar...\"]),\n type: \"search\",\n value: activeFilters.search || \"\"\n });\n};\n\n// src/components/customer/tracking/TrackingFilters.tsx\nimport { jsx as _jsx237, jsxs as _jsxs163, Fragment as _Fragment84 } from \"react/jsx-runtime\";\nvar TrackingFilters = ({\n shouldDisplayFilters\n}) => {\n const {\n activeFilters,\n removeFilter\n } = useFilters();\n const {\n search\n } = activeFilters;\n const [isSearchOpen, openSearch, closeSearch] = useToggle17();\n const shouldDisplaySearch = isSearchOpen || !!search;\n const handleToggleSearch = () => {\n if (shouldDisplaySearch) {\n closeSearch();\n } else {\n openSearch();\n }\n removeFilter({\n updatedFilter: {\n search: \"\"\n }\n });\n };\n return /* @__PURE__ */ _jsxs163(_Fragment84, {\n children: [/* @__PURE__ */ _jsxs163(Flexer85, {\n spaceBetween: shouldDisplayFilters,\n justifyEnd: !shouldDisplayFilters,\n children: [shouldDisplayFilters && /* @__PURE__ */ _jsx237(Filters, {\n shouldDisplayDateFilter: true\n }), /* @__PURE__ */ _jsx237(Tablet, {\n children: /* @__PURE__ */ _jsx237(TrackingRecordSearchInput, {})\n }), /* @__PURE__ */ _jsx237(Mobile, {\n children: /* @__PURE__ */ _jsx237(Icon12, {\n Component: IconSearch,\n onClick: handleToggleSearch,\n color: colors104.neutralDarker\n })\n })]\n }), /* @__PURE__ */ _jsx237(Mobile, {\n children: shouldDisplaySearch && /* @__PURE__ */ _jsx237(Spacer55, {\n marginTop: \"18px\",\n children: /* @__PURE__ */ _jsx237(TrackingRecordSearchInput, {})\n })\n })]\n });\n};\nvar Tablet = styled70.div.withConfig({\n displayName: \"TrackingFilters__Tablet\",\n componentId: \"sc-qyb9yt-0\"\n})([\"display:none;\", \"{display:block;flex:0 1 50%;}\"], media35.tablet);\nvar Mobile = styled70.div.withConfig({\n displayName: \"TrackingFilters__Mobile\",\n componentId: \"sc-qyb9yt-1\"\n})([\"\", \"{display:none;}\"], media35.tablet);\n\n// src/components/customer/tracking/Tracking.tsx\nimport { jsx as _jsx238, Fragment as _Fragment85, jsxs as _jsxs164 } from \"react/jsx-runtime\";\nvar Tracking = withConfigurationErrorBoundary(({\n children,\n feedbackComponent,\n onUploadFile,\n shouldDisplayFilters,\n balanceTitle,\n balanceExpense,\n balanceIncome\n}) => {\n const translation = useTranslation();\n const {\n ROUTES\n } = useRoutes();\n const {\n isBankingDisabled\n } = useConfig();\n const {\n connectedBankingProvider,\n isLoadingConnectedBankingProviders,\n totalUnreviewedTransactions\n } = useBankingTransactionsNotification();\n const [shouldHideConnectBankBanner, setShouldHideConnectBankBanner, removeShouldHideConnectBankBanner] = useLocalStorage(HIDE_CONNECT_BANK_BANNER_STORAGE_KEY, false);\n const bankingOverviewLinkButtonTitle = connectedBankingProvider ? translation([\"Bank transactions\", \"Bancos conectados\"]) : translation([\"Connect a bank\", \"Conectar un banco\"]);\n const bankingOverviewLinkButtonPath = connectedBankingProvider ? ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_TRANSACTIONS_OVERVIEW : ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS_FULL;\n const handleHideConnectBanner = (e) => {\n e?.stopPropagation();\n setShouldHideConnectBankBanner(true);\n };\n useEffect33(() => {\n if (connectedBankingProvider) {\n removeShouldHideConnectBankBanner();\n }\n }, [connectedBankingProvider, removeShouldHideConnectBankBanner]);\n return /* @__PURE__ */ _jsxs164(Switch9, {\n children: [/* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS_FULL,\n children: /* @__PURE__ */ _jsx238(BankingIntegration, {})\n }), /* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_TRANSACTIONS_OVERVIEW,\n children: /* @__PURE__ */ _jsx238(BankingOverview, {})\n }), /* @__PURE__ */ _jsxs164(Container77, {\n relative: true,\n children: [/* @__PURE__ */ _jsx238(Onboarding, {}), /* @__PURE__ */ _jsxs164(Flexer86, {\n column: true,\n gap: \"24px\",\n tabletGap: \"36px\",\n children: [!isBankingDisabled && /* @__PURE__ */ _jsx238(_Fragment85, {\n children: !shouldHideConnectBankBanner && !isLoadingConnectedBankingProviders && (!connectedBankingProvider || connectedBankingProvider.isDisconnected || !!totalUnreviewedTransactions) && /* @__PURE__ */ _jsx238(BankingBannerContainer, {\n children: /* @__PURE__ */ _jsx238(BankingTransactionsBanner, {\n connectedBankingProvider,\n connectRoute: ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDERS_FULL,\n onHideConnectBanner: handleHideConnectBanner,\n overviewRoute: ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_TRANSACTIONS_OVERVIEW,\n reconnectRoute: connectedBankingProvider?.bankingProviderId ? generatePath3(ROUTES.PATH_BOOKKEEPING_TRACKING_BANKING_PROVIDER_RECONNECT_FULL, {\n bankingProviderId: connectedBankingProvider?.bankingProviderId\n }) : \"\",\n totalUnreviewedTransactions\n })\n })\n }), /* @__PURE__ */ _jsxs164(Grid15, {\n columns: 1,\n desktopColumns: \"50% 1fr\",\n gap: \"24px\",\n desktopGap: \"36px\",\n children: [/* @__PURE__ */ _jsx238(GridItem9, {\n children: /* @__PURE__ */ _jsx238(TrackingBalance2, {\n title: balanceTitle,\n income: balanceIncome,\n expense: balanceExpense,\n children: /* @__PURE__ */ _jsx238(TrackingFilters, {\n shouldDisplayFilters\n })\n })\n }), /* @__PURE__ */ _jsx238(GridItem9, {\n justifyEnd: true,\n alignEnd: true,\n children: /* @__PURE__ */ _jsxs164(Switch9, {\n children: [/* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES,\n children: /* @__PURE__ */ _jsx238(IncomesActions2, {\n bankingOverviewLinkButtonTitle,\n bankingOverviewLinkButtonPath,\n onUploadFile\n })\n }), /* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES,\n children: /* @__PURE__ */ _jsx238(ExpensesActions2, {\n bankingOverviewLinkButtonTitle,\n bankingOverviewLinkButtonPath,\n onUploadFile\n })\n })]\n })\n })]\n }), children, /* @__PURE__ */ _jsxs164(Switch9, {\n children: [/* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES,\n component: IncomesList2\n }), /* @__PURE__ */ _jsx238(Route9, {\n path: ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES,\n component: ExpensesList2\n }), /* @__PURE__ */ _jsx238(Redirect3, {\n to: ROUTES.PATH_BOOKKEEPING_TRACKING_INCOMES\n })]\n }), feedbackComponent ? feedbackComponent : /* @__PURE__ */ _jsx238(HelpLink, {}), /* @__PURE__ */ _jsx238(NavigationModals, {})]\n })]\n })]\n });\n});\nvar BankingBannerContainer = styled71.div.withConfig({\n displayName: \"Tracking__BankingBannerContainer\",\n componentId: \"sc-19s19ae-0\"\n})([\"\", \"{position:relative;flex:0 1 auto;align-self:flex-end;margin-bottom:-84px;}\"], media36.desktop);\n\n// src/components/customer/OnboardingInvoiceAppearance.tsx\nimport { jsx as _jsx239 } from \"react/jsx-runtime\";\nvar OnboardingInvoiceAppearance = withConfigurationErrorBoundary(({\n actionLabel,\n children,\n onSuccess\n}) => /* @__PURE__ */ _jsx239(InvoiceAppearance, {\n onSuccess,\n actionLabel,\n children\n}));\n\n// src/components/customer/OnboardingExpenseUploadButton.tsx\nimport { useHistory as useHistory43 } from \"react-router-dom\";\nimport styled72 from \"styled-components\";\nimport { openFileDialog as openFileDialog7 } from \"@scouts/helpers\";\nimport { jsx as _jsx240 } from \"react/jsx-runtime\";\nvar OnboardingExpenseUploadButton = withConfigurationErrorBoundary(({\n children\n}) => {\n const history = useHistory43();\n const {\n ROUTES\n } = useRoutes();\n const {\n createExpensesFromFiles,\n isLoading\n } = useCreateExpense();\n const handleUpload = async (files) => {\n const response = await createExpensesFromFiles({\n files\n });\n if (response?.errors)\n return;\n history.replace(ROUTES.PATH_BOOKKEEPING_TRACKING_EXPENSES);\n };\n return /* @__PURE__ */ _jsx240(Button52, {\n disabled: isLoading,\n onClick: () => openFileDialog7({\n onChange: handleUpload,\n multiple: true\n }),\n children\n });\n});\nvar Button52 = styled72.button.attrs({\n type: \"button\"\n}).withConfig({\n displayName: \"OnboardingExpenseUploadButton__Button\",\n componentId: \"sc-1vay9va-0\"\n})([\"text-align:left;\"]);\n\n// src/components/customer/OnboardingLogoUpload.tsx\nimport styled73 from \"styled-components\";\nimport { Button as Button53, Flexer as Flexer87, Loadable as Loadable12, Spacer as Spacer56 } from \"@scouts/ui\";\nimport { jsx as _jsx241, jsxs as _jsxs165 } from \"react/jsx-runtime\";\nvar OnboardingLogoUpload = ({\n handleContinue\n}) => {\n const {\n logoUri,\n hasLogo,\n isFetching\n } = useLogo();\n return /* @__PURE__ */ _jsxs165(Flexer87, {\n column: true,\n gap: \"18px\",\n children: [/* @__PURE__ */ _jsx241(Spacer56, {\n children: /* @__PURE__ */ _jsx241(FormSectionLogoActions, {})\n }), hasLogo && /* @__PURE__ */ _jsx241(Loadable12, {\n isSmall: true,\n isLoading: isFetching,\n children: /* @__PURE__ */ _jsx241(Flexer87, {\n justifyEnd: true,\n children: /* @__PURE__ */ _jsx241(Logo3, {\n src: logoUri,\n alt: \"Logo\"\n })\n })\n }), hasLogo && /* @__PURE__ */ _jsx241(Spacer56, {\n flexFill: true,\n marginTop: \"24px\",\n children: /* @__PURE__ */ _jsx241(Button53, {\n isFullWidth: true,\n onClick: () => handleContinue(),\n children: \"Continue\"\n })\n })]\n });\n};\nvar Logo3 = styled73.img.withConfig({\n displayName: \"OnboardingLogoUpload__Logo\",\n componentId: \"sc-1u3b4nx-0\"\n})([\"width:100%;max-height:270px;object-fit:contain;\"]);\n\n// src/components/StoreProvider.tsx\nimport { useEffect as useEffect34, useState as useState68, Suspense } from \"react\";\nimport { Loadable as Loadable13 } from \"@scouts/ui\";\nimport { Fragment as _Fragment86, jsx as _jsx242 } from \"react/jsx-runtime\";\nvar StoreProvider = ({\n children,\n config,\n data\n}) => {\n const [isClientInitialized, setIsClientInitialized] = useState68(false);\n useEffect34(() => {\n Client.setInstance(config.client);\n setIsClientInitialized(true);\n }, [config.client]);\n useEffect34(() => {\n const {\n shouldDisplayBookkeepingOnboarding\n } = config;\n TrackingDataHolder.getInstance().setData({\n shouldDisplayBookkeepingOnboarding\n });\n }, [config]);\n if (!isClientInitialized)\n return null;\n if (!data?.user?.id)\n return /* @__PURE__ */ _jsx242(_Fragment86, {\n children\n });\n return /* @__PURE__ */ _jsx242(ConfigProvider, {\n config,\n children: /* @__PURE__ */ _jsx242(DataProvider, {\n data,\n children: /* @__PURE__ */ _jsx242(Suspense, {\n fallback: /* @__PURE__ */ _jsx242(Loadable13, {\n isLoading: true\n }),\n children\n })\n })\n });\n};\n\n// src/store/user-profile/api.ts\nimport { generateApiPath as generateApiPath27 } from \"@scouts/helpers\";\nvar extendedApi22 = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getUserProfile: builder.query({\n query: ({\n userId\n }) => ({\n method: \"GET\",\n url: generateApiPath27(ENDPOINTS.USER_PROFILE.GET, {\n userId\n })\n }),\n providesTags: [Tags.UserProfile]\n }),\n updateUserProfile: builder.mutation({\n query: ({\n userId,\n data\n }) => ({\n method: \"PUT\",\n url: generateApiPath27(ENDPOINTS.USER_PROFILE.PUT, {\n userId\n }),\n data\n }),\n invalidatesTags: [Tags.TaxRateDefinitions, Tags.TaxRates, Tags.UserProfile]\n })\n })\n});\nvar {\n useGetUserProfileQuery,\n useUpdateUserProfileMutation\n} = extendedApi22;\n\n// src/store/user-profile/hooks/use-user-profile.ts\nvar useUserProfile = () => {\n const {\n id: userId\n } = useUser();\n const {\n data,\n isLoading,\n isError,\n isFetching\n } = useGetUserProfileQuery({\n userId\n });\n return {\n userProfile: data,\n isLoading,\n isError,\n isFetching\n };\n};\n\n// src/store/user-profile/hooks/use-update-user-profile.ts\nimport { useCallback as useCallback48 } from \"react\";\nvar useUpdateUserProfile = () => {\n const {\n id: userId\n } = useUser();\n const [updateUserProfileAction, {\n isLoading,\n isError\n }] = useUpdateUserProfileMutation();\n const {\n normalizeError\n } = useNormalizeRTKError(\"common.errorUpdate\");\n const updateUserProfile = useCallback48((data) => {\n return updateUserProfileAction({\n userId,\n data\n }).unwrap().catch(normalizeError);\n }, [normalizeError, updateUserProfileAction, userId]);\n return {\n updateUserProfile,\n isLoading,\n isError\n };\n};\n\n// src/hooks/use-bookkeeping-tax-regime.ts\nvar useBookkeepingTaxRegime = () => {\n const {\n userProfile\n } = useUserProfile();\n const taxRegimeId = userProfile?.taxRegimeId || null;\n const isStandard = !taxRegimeId || taxRegimeId === BookkeepingTaxRegimeId.Default;\n const isCanaryIslands = taxRegimeId === BookkeepingTaxRegimeId.CanaryIslands;\n return {\n taxRegimeId,\n isStandard,\n isCanaryIslands\n };\n};\n\n// src/index.ts\nvar src_default = {\n StoreProvider,\n Customer: customer_exports,\n Accountant: accountant_exports\n};\nexport {\n AccountingMethod,\n BookkeepingTaxRegimeId,\n DeductibilityType,\n ExpenseFilter,\n ExpenseFilterGroup,\n ExpenseFilters,\n ExpenseFiltersGroups,\n ExpenseTextExtractionStatus,\n IncomeFilter,\n IncomeFilterGroup,\n IncomeFilters,\n IncomeFiltersGroups,\n IncomeStatus,\n IncomeTextExtractionStatus,\n InvoiceStatus,\n QuoteStatus,\n apiSlice,\n bankingTransactionStatus,\n src_default as default,\n getIsExpense,\n getIsIncome,\n isExceedsRangeErrorResponse,\n isValidationErrorResponse,\n useBalance as useBookkeepingBalance,\n useBookkeepingTaxRegime,\n useCreateExpenseFromFiles,\n useUpdateUserProfile\n};\n//# sourceMappingURL=index.js.map","export const CURRENT_TAX_YEAR = 2024\n\nexport const COVID_RELIEF_GRANT_YEARS = [2022, 2021]\nexport const COVID_WORK_FROM_HOME_ALLOWANCE_YEARS = [2022, 2021]\n\nexport const TAX_YEAR_START_MONTH = '04'\nexport const TAX_YEAR_START_DAY = '06'\nexport const TAX_YEAR_END_MONTH = TAX_YEAR_START_MONTH\nexport const TAX_YEAR_END_DAY = '05'\n\nexport const TAX_YEARS = {\n 2024: '2023/24',\n 2023: '2022/23',\n 2022: '2021/22',\n 2021: '2020/21',\n 2020: '2019/20',\n 2019: '2018/19',\n 2018: '2017/18',\n 2017: '2016/17',\n 2016: '2015/16',\n 2015: '2014/15',\n 2014: '2013/14',\n 2013: '2012/13',\n}\n\nexport const CIS_SCHEME_START_YEAR = 1972\n","export const FILE_TYPE_P60 = 'P60'\nexport const FILE_TYPE_P45 = 'P45'\nexport const FILE_TYPE_PAYSLIP = 'Payslip'\nexport const FILE_TYPE_INCOME_RECORD = 'IncomeRecord'\nexport const FILE_TYPE_INCOME_PLATFORM_REPORT = 'IncomePlatformReport'\nexport const FILE_TYPE_EXPENSE_RECORD = 'ExpenseRecord'\nexport const FILE_TYPE_BANK_STATEMENT = 'BankStatement'\nexport const FILE_TYPE_SPREADSHEET = 'Spreadsheet'\nexport const FILE_TYPE_PENSIONS_DOCUMENT = 'PensionsDocument'\nexport const FILE_TYPE_OTHER = 'Other'\nexport const FILE_TYPE_INTEREST_CERTIFICATE = 'InterestCertificate'\nexport const FILE_TYPE_DIVIDEND_VOUCHER = 'DividendVoucher'\nexport const FILE_TYPE_PAYMENT_SCHEDULE = 'PaymentSchedule'\nexport const FILE_TYPE_ANNUAL_SUMMARY = 'AnnualSummary'\nexport const FILE_TYPE_CERTIFICATE = 'Certificate'\nexport const FILE_TYPE_P11D = 'P11D'\nexport const FILE_TYPE_INVESTMENT_SCHEME_CERTIFICATE = 'InvestmentSchemeCertificate'\nexport const FILE_TYPE_FINAL_RETURN = 'FinalReturn'\nexport const FILE_TYPE_PREVIOUS_RETURN = 'PreviousReturn'\nexport const FILE_TYPE_TAX_CALCULATION = 'TaxCalculation'\nexport const FILE_TYPE_SUBMISSION_RESPONSE = 'SubmissionResponse'\nexport const FILE_TYPE_TAX_SCHEDULE = 'TaxSchedule'\nexport const FILE_TYPE_TAX_SUMMARY = 'TaxSummary'\nconst FILE_TYPE_CIS_PAYMENT_STATEMENT = 'CisPaymentStatement'\nconst FILE_TYPE_IMAGE = 'Image'\nexport const FILE_TYPE_ID_DOCUMENT = 'IdDocument'\nexport const FILE_TYPE_PROOF_OF_ADDRESS = 'ProofOfAddress'\nexport const FILE_TYPE_TAX_REGISTRATION_SUBMISSION = 'TaxRegistrationSubmission'\nexport const FILE_TYPE_PAYE_CODING_NOTICE = 'PAYECodingNotice'\nexport const FILE_TYPE_CAPITAL_GAINS_REPORT = 'CapitalGainsReport'\nexport const FILE_TYPE_CAPITAL_GAINS_COMPUTATION = 'CapitalGainsComputation'\nexport const FILE_TYPE_SHARE_AWARD_AGREEMENT = 'ShareAwardAgreement'\nexport const FILE_TYPE_SALE_SUMMARY = 'SaleSummary'\nexport const FILE_TYPE_TAX_CONSULTATION_CUSTOMER_DOCUMENT = 'TaxConsultationCustomerDocument'\nexport const FILE_TYPE_TAX_CONSULTATION_SUMMARY = 'TaxConsultationSummary'\nexport const FILE_TYPE_ID_VERIFICATION_VIDEO = 'IdentityVerificationVideo'\nexport const FILE_TYPE_TAX_RELIEF_CLAIM_CERTIFICATE = 'TaxReliefClaimCertificate'\nexport const FILE_TYPE_TAX_RELIEF_CLAIM_COMPLETED_FORM = 'TaxReliefClaimCompletedForm'\nexport const FILE_TYPE_TAX_RELIEF_CLAIM_PROOF_OF_POSTAGE = 'TaxReliefClaimProofOfPostage'\n\nexport const FILE_TYPE_TITLES = {\n [FILE_TYPE_P60]: 'P60',\n [FILE_TYPE_P45]: 'P45',\n [FILE_TYPE_PAYSLIP]: 'Payslip',\n [FILE_TYPE_INCOME_RECORD]: 'Income record',\n [FILE_TYPE_INCOME_PLATFORM_REPORT]: 'Income record',\n [FILE_TYPE_EXPENSE_RECORD]: 'Expense record',\n [FILE_TYPE_BANK_STATEMENT]: 'Bank statement',\n [FILE_TYPE_SPREADSHEET]: 'Spreadsheet',\n [FILE_TYPE_PENSIONS_DOCUMENT]: 'Pensions document',\n [FILE_TYPE_OTHER]: 'Other',\n [FILE_TYPE_INTEREST_CERTIFICATE]: 'Interest certificate',\n [FILE_TYPE_DIVIDEND_VOUCHER]: 'Dividend voucher',\n [FILE_TYPE_PAYMENT_SCHEDULE]: 'Payment schedule',\n [FILE_TYPE_ANNUAL_SUMMARY]: 'Annual summary',\n [FILE_TYPE_CERTIFICATE]: 'Certificate',\n [FILE_TYPE_P11D]: 'P11D',\n [FILE_TYPE_INVESTMENT_SCHEME_CERTIFICATE]: 'Investment scheme certificate',\n [FILE_TYPE_FINAL_RETURN]: 'Final tax return',\n [FILE_TYPE_PREVIOUS_RETURN]: \"Previous year's tax return\",\n [FILE_TYPE_TAX_CALCULATION]: 'Tax calculations',\n [FILE_TYPE_SUBMISSION_RESPONSE]: 'HMRC filing receipt',\n [FILE_TYPE_TAX_SCHEDULE]: 'Tax schedule',\n [FILE_TYPE_TAX_SUMMARY]: 'Tax summary',\n [FILE_TYPE_CIS_PAYMENT_STATEMENT]: 'CIS payment statement',\n [FILE_TYPE_IMAGE]: 'Image',\n [FILE_TYPE_ID_DOCUMENT]: 'ID document',\n [FILE_TYPE_PROOF_OF_ADDRESS]: 'Proof of address',\n [FILE_TYPE_TAX_REGISTRATION_SUBMISSION]: 'UTR receipt',\n [FILE_TYPE_PAYE_CODING_NOTICE]: 'PAYE coding notice',\n [FILE_TYPE_CAPITAL_GAINS_REPORT]: 'Capital Gains Tax Report',\n [FILE_TYPE_CAPITAL_GAINS_COMPUTATION]: 'Capital gains computation',\n [FILE_TYPE_SHARE_AWARD_AGREEMENT]: 'Share award agreement',\n [FILE_TYPE_SALE_SUMMARY]: 'Sale summary',\n [FILE_TYPE_TAX_CONSULTATION_CUSTOMER_DOCUMENT]: 'Document',\n [FILE_TYPE_TAX_CONSULTATION_SUMMARY]: 'Summary',\n [FILE_TYPE_ID_VERIFICATION_VIDEO]: 'ID video',\n [FILE_TYPE_TAX_RELIEF_CLAIM_CERTIFICATE]: 'Tax relief claim certificate',\n [FILE_TYPE_TAX_RELIEF_CLAIM_COMPLETED_FORM]: 'Tax relief claim completed form',\n [FILE_TYPE_TAX_RELIEF_CLAIM_PROOF_OF_POSTAGE]: 'Tax relief claim proof of postage',\n}\n\nexport const FILE_SUBTYPE_DRIVING_EXPENSES = 'DrivingExpenses'\nexport const FILE_SUBTYPE_CAR_LEASE_PAYMENTS = 'CarRentOrLeasePayments'\nexport const FILE_SUBTYPE_MILEAGE_LOG = 'MileageLog'\nexport const FILE_SUBTYPE_NON_DRIVING_EXPENSES = 'NonDrivingExpenses'\nexport const FILE_SUBTYPE_CAR_PURCHASE_RECEIPT = 'CarPurchaseReceipt'\nexport const FILE_SUBTYPE_KOINLY_REPORT = 'KoinlyReport'\n\nexport const FILE_SUBTYPE_TITLES = {\n [FILE_SUBTYPE_DRIVING_EXPENSES]: 'Driving expenses',\n [FILE_SUBTYPE_CAR_LEASE_PAYMENTS]: 'Car rent / lease payments',\n [FILE_SUBTYPE_MILEAGE_LOG]: 'Mileage log',\n [FILE_SUBTYPE_NON_DRIVING_EXPENSES]: 'Non-driving expenses',\n [FILE_SUBTYPE_CAR_PURCHASE_RECEIPT]: 'Car purchase receipt',\n [FILE_SUBTYPE_KOINLY_REPORT]: 'Koinly Crypto Tax Report',\n}\n","export const DEFAULT_LOCALE = 'en-GB'\nexport const CURRENCY = 'GBP'\nexport const CURRENCY_SYMBOL = '£'\n\nexport const SUPPORT_EMAIL = 'support@taxscouts.com'\nexport const SUPPORT_PHONE_NUMBER = '020 3983 5003'\nexport const TWITTER_HANDLE = 'TaxScouts'\n\nexport const PRICE_SUBSCRIPTION = 26\nexport const PRICE_SUBSCRIPTION_COMPANY = 39\nexport const PRICE_BUNDLE = 249\nexport const PRICE_REGULAR = 169\nexport const PRICE_PAY_LATER = 279\nexport const PRICE_TAX_CONSULTATION = 139\nexport const PRICE_TAX_REGISTRATION = 25\nexport const PRICE_TAX_RELIEF_CLAIM_EIS = 25\nexport const PRICE_CURRENCY = CURRENCY\nexport const AMOUNT_SAVED_WITH_BUNDLE = PRICE_REGULAR + PRICE_TAX_CONSULTATION - PRICE_BUNDLE\n\nexport const API_NAME_HMRC = 'Hmrc'\n\nexport const USER_TYPE_ACCOUNTANT = 'Accountant'\nexport const USER_TYPE_CUSTOMER = 'Customer'\nexport const USER_TYPE_SYSTEM = 'System'\n\nexport const MESSAGE_TEXT_TYPE_SMS = 'Sms'\n\nexport const ACCOUNTANT_PAUSED_STATUS_TYPE_UNAVAILABLE = 'Unavailable'\n\n// Profile\n\nexport const TITLES = ['Mr', 'Mrs', 'Miss', 'Ms', 'Dr', 'Rev', 'Other']\nexport const TITLE_OTHER = 'Other'\n\nexport const MARITAL_STATUS_SINGLE = 'Single'\nexport const MARITAL_STATUS_MARRIED = 'Married'\nexport const MARITAL_STATUS_WITH_PARTNER = 'WithPartner'\n\nexport const ADDRESS_TYPE_PREVIOUS = 'Previous'\n\nexport const ERROR_CODE_POSTCODE_LOOKUP_NOT_FOUND = 4040\n\n// Issues\n\nexport const ISSUE_CATEGORY_REQUESTED_DOCUMENT = 'RequestedDocument'\nexport const ISSUE_TYPE_BANK_DETAILS_MISSING = 'BankDetailsMissing'\n\n// Product types\n\nexport const PAYMENT_TYPE_TAX_CONSULTATION = 'TaxConsultation'\nexport const PAYMENT_TYPE_TAX_REGISTRATION = 'TaxRegistration'\nexport const PAYMENT_TYPE_PRODUCT_BUNDLE = 'ProductBundle'\nexport const PAYMENT_TYPE_SELF_ASSESSMENT = 'SelfAssessment'\nexport const PAYMENT_TYPE_TAX_RELIEF_CLAIM = 'TaxReliefClaim'\nexport const PAYMENT_TYPE_COMPANY_RETURN = 'CompanyReturn'\n\nexport const USER_AGREEMENT_TYPE_SELF_ASSESSMENT = 'SelfAssessment'\nexport const USER_AGREEMENT_TYPE_TAX_CONSULTATION = 'TaxConsultation'\nexport const USER_AGREEMENT_TYPE_TAX_REGISTRATION = 'TaxRegistration'\n\nexport const PRODUCT_TYPE_TAX_CONSULTATION = 'TaxConsultation'\nexport const PRODUCT_TYPE_SELF_ASSESSMENT = 'SelfAssessment'\n\n// UI\n\nexport const INTERCOM_PADDING_BOTTOM = 96\n\nexport const paymentTypes = {\n [PAYMENT_TYPE_TAX_CONSULTATION]: PAYMENT_TYPE_TAX_CONSULTATION,\n [PAYMENT_TYPE_TAX_REGISTRATION]: PAYMENT_TYPE_TAX_REGISTRATION,\n [PAYMENT_TYPE_PRODUCT_BUNDLE]: PAYMENT_TYPE_PRODUCT_BUNDLE,\n [PAYMENT_TYPE_SELF_ASSESSMENT]: PAYMENT_TYPE_SELF_ASSESSMENT,\n [PAYMENT_TYPE_TAX_RELIEF_CLAIM]: PAYMENT_TYPE_TAX_RELIEF_CLAIM,\n} as const\n\nexport const UserType = {\n Customer: 'Customer',\n Accountant: 'Accountant',\n System: 'System',\n} as const\n","export const INCOME_PLATFORM_ENABLED_TAX_YEARS = [2024] // Currently works with only one year\nexport const INCOME_PLATFORM_STATUS_AVAILABLE = 'Available'\nexport const INCOME_PLATFORM_STATUS_CONNECTED = 'Connected'\nexport const INCOME_PLATFORM_DATA_STATUS_READY = 'Ready'\nexport const INCOME_PLATFORM_DATA_STATUS_IN_PROGRESS = 'InProgress'\n","export const IS_PASSWORD_LEAKED_STORAGE_KEY = 'should_prompt_password_change'\n","export const PATH_OFF_PLATFORM_SERVICES = '/additionalServices'\nexport const PATH_OFF_PLATFORM_SERVICES_WELCOME = `${PATH_OFF_PLATFORM_SERVICES}/welcome`\nexport const PATH_OFF_PLATFORM_SERVICES_DETAILS = `${PATH_OFF_PLATFORM_SERVICES}/:id`\nexport const PATH_OFF_PLATFORM_SERVICES_SUMMARY = `${PATH_OFF_PLATFORM_SERVICES}/:id/summary`\n\nexport const PATH_AGENT_AUTHORISATION = '/authorisation'\nexport const PATH_BUNDLE = '/bundle'\nexport const PATH_BUNDLE_REASONS = '/bundle/reasons'\nexport const PATH_BUNDLE_PAYMENT = '/bundle/payment'\nexport const PATH_DASHBOARD = '/overview'\nexport const PATH_FILES = '/files'\nexport const PATH_FILES_SELF_ASSESSMENT = `${PATH_FILES}/:selfAssessmentId(\\\\d+)`\nexport const PATH_FILES_OTHER = '/files/other'\nexport const PATH_FILES_TAX_REGISTRATION = '/files/taxRegistration'\nexport const PATH_FILES_TAX_CONSULTATIONS = '/files/taxConsultations'\nexport const PATH_FILES_TAX_RELIEF_CLAIMS = '/files/taxReliefClaims'\nexport const PATH_FILES_COMPANY = '/files/company/:companyId'\nexport const PATH_FILES_SUBSCRIPTIONS = '/files/subscriptions'\nexport const PATH_FINANCES = '/finances'\nexport const PATH_FINANCES_INVOICING = '/finances/invoicing'\nexport const PATH_FINANCES_TRACKING = '/finances/tracking'\nexport const PATH_FINANCES_TRACKING_INCOMES = '/finances/tracking/incomes'\nexport const PATH_FINANCES_TRACKING_EXPENSES = '/finances/tracking/expenses'\nexport const PATH_HMRC_CALLBACK = '/hmrc/authenticated/'\nexport const PATH_IDENTITY_VERIFICATION = '/verification'\nexport const PATH_LOGOUT = '/logout'\nexport const PATH_MAGIC_LINK = '/link/:identifier'\nexport const PATH_MEETINGS = '/messages/meetings'\nexport const PATH_MEETING = '/messages/meetings/:accountantMeetingId(\\\\d+)'\nexport const PATH_MESSAGES = '/messages'\nexport const PATH_MOBILE_NOTIFICATIONS = '/mobile/notifications'\nexport const PATH_ONBOARDING = '/onboarding'\nexport const PATH_ONBOARDING_TAXES = `${PATH_ONBOARDING}/taxes`\nexport const PATH_ONBOARDING_TAX_RETURN = `${PATH_ONBOARDING}/taxReturn`\nexport const PATH_ONBOARDING_PLATFORM = `${PATH_ONBOARDING}/platform`\nexport const PATH_ONBOARDING_SUBSCRIPTION = `${PATH_ONBOARDING}/subscription`\nexport const PATH_ONBOARDING_PLATFORM_TRACKING = `${PATH_ONBOARDING_PLATFORM}/tracking`\nexport const PATH_ONBOARDING_PLATFORM_INVOICING = `${PATH_ONBOARDING_PLATFORM}/invoicing`\nexport const PATH_ONBOARDING_PLATFORM_BANKING = `${PATH_ONBOARDING_PLATFORM}/banking`\nexport const PATH_ONBOARDING_PLATFORM_BANKING_PROVIDERS = `${PATH_ONBOARDING_PLATFORM_BANKING}/providers`\nexport const PATH_ONBOARDING_PLATFORM_INVOICING_DETAILS = `${PATH_ONBOARDING_PLATFORM_INVOICING}/details`\nexport const PATH_ONBOARDING_PLATFORM_INVOICING_APPEARANCE = `${PATH_ONBOARDING_PLATFORM_INVOICING}/appearance`\nexport const PATH_PAYMENT_CONFIRMATION = '/paymentconfirmation'\nexport const PATH_PROFILE = '/profile'\nexport const PATH_PROFILE_BANK_DETAILS = '/profile/bankDetails'\nexport const PATH_PROFILE_EMAIL = '/profile/email'\nexport const PATH_PROFILE_INTEGRATIONS = '/profile/integrations'\nexport const PATH_PROFILE_INTEGRATIONS_KOINLY = `${PATH_PROFILE_INTEGRATIONS}/koinly`\nexport const PATH_PROFILE_PARTNER_DETAILS = '/profile/partnerDetails'\nexport const PATH_PROFILE_SECURITY = '/profile/security'\nexport const PATH_PROFILE_SECURITY_MFA = '/profile/security/mfa'\nexport const PATH_PROFILE_SECURITY_MFA_DELETE = '/profile/security/mfa/delete/:selectedPhoneFactorIndex'\nexport const PATH_PROFILE_SECURITY_MFA_ENROLL = '/profile/security/mfa/enroll'\nexport const PATH_PROFILE_SECURITY_MFA_STATUS = '/profile/security/mfa/status'\nexport const PATH_PROFILE_SELF_EMPLOYMENT = '/profile/selfEmployment'\nexport const PATH_PROFILE_SUBSCRIPTION = '/profile/subscription'\nexport const PATH_PROFILE_VERIFICATION = '/profile/verification'\nexport const PATH_REFERRALS = '/invite'\nexport const PATH_ROOT = '/'\nexport const PATH_SUBSCRIPTION_CONFIRMATION = '/subscriptionconfirmation/:tier'\nexport const PATH_TAXES = '/taxes'\nexport const PATH_TAXES_HASH_SELF_ASSESSMENTS = '#selfAssessments'\nexport const PATH_TAX_CONSULTATION = '/taxConsultation'\nexport const PATH_TAX_CONSULTATION_CREATE = `${PATH_TAX_CONSULTATION}/create`\nexport const PATH_TAX_CONSULTATION_ID = `${PATH_TAX_CONSULTATION}/:taxConsultationId(\\\\d+)`\nexport const PATH_TAX_CONSULTATION_STEP_CONTACT = `${PATH_TAX_CONSULTATION_ID}/contact`\nexport const PATH_TAX_CONSULTATION_STEP_PHONE = `${PATH_TAX_CONSULTATION_ID}/phone`\nexport const PATH_TAX_CONSULTATION_STEP_TOPICS = `${PATH_TAX_CONSULTATION_ID}/topics`\nexport const PATH_TAX_CONSULTATION_STEP_NOTES = `${PATH_TAX_CONSULTATION_ID}/notes`\nexport const PATH_TAX_CONSULTATION_STEP_UPLOADS = `${PATH_TAX_CONSULTATION_ID}/uploads`\nexport const PATH_TAX_CONSULTATION_STEP_PAYMENT = `${PATH_TAX_CONSULTATION_ID}/payment`\nexport const PATH_TAX_CONSULTATION_STEP_SCHEDULE = `${PATH_TAX_CONSULTATION_ID}/schedule`\nexport const PATH_TAX_CONSULTATION_STEP_SUMMARY = `${PATH_TAX_CONSULTATION_ID}/summary`\nexport const PATH_TAX_CONSULTATIONS = '/taxConsultations'\nexport const PATH_TAX_REGISTRATION = '/taxRegistration'\nexport const PATH_TAX_REGISTRATION_START = '/taxRegistration/start'\nexport const PATH_TAX_REGISTRATION_TYPE = '/taxRegistration/type'\nexport const PATH_TAX_REGISTRATION_REASONS = '/taxRegistration/reasons'\nexport const PATH_TAX_REGISTRATION_DETAILS = '/taxRegistration/details'\nexport const PATH_TAX_REGISTRATION_PAYMENT = '/taxRegistration/payment'\nexport const PATH_TAX_REGISTRATION_SUMMARY = '/taxRegistration/summary'\nexport const PATH_TAX_RELIEF_CLAIMS = '/eis'\nexport const PATH_TAX_RELIEF_CLAIMS_START = '/eis/start'\nexport const PATH_TAX_RELIEF_CLAIMS_PAYMENT = '/eis/payment'\nexport const PATH_TAX_RELIEF_CLAIMS_CREATE = '/eis/:taxReliefClaimId'\nexport const PATH_TAX_RELIEF_CLAIMS_UPLOAD = '/eis/:taxReliefClaimId/upload'\nexport const PATH_TAX_RELIEF_CLAIMS_DETAILS = '/eis/:taxReliefClaimId/details'\nexport const PATH_TAX_RELIEF_CLAIMS_CONFIRM = '/eis/:taxReliefClaimId/confirm'\n\nexport const PATH_WELCOME = '/welcome'\nexport const PATH_WELCOME_QUESTIONS = `${PATH_WELCOME}/questions`\nexport const PATH_WELCOME_QUESTIONS_CUSTOMER_TYPE = `${PATH_WELCOME_QUESTIONS}#customerTypeSelection` // First question\nexport const PATH_WELCOME_QUESTIONS_SELF_EMPLOYMENT_STATUS = `${PATH_WELCOME_QUESTIONS}#selfEmploymentStatus`\nexport const PATH_WELCOME_INDIVIDUAL = `${PATH_WELCOME}/individual`\nexport const PATH_WELCOME_COMPANY = `${PATH_WELCOME}/company`\nexport const PATH_WELCOME_ONBOARDING = '/onboardingWelcome'\n\nexport const PATH_WELCOME_SELF_ASSESSMENT = `${PATH_WELCOME}/selfAssessment`\nexport const PATH_WELCOME_SELF_ASSESSMENT_QUESTIONS = `${PATH_WELCOME_SELF_ASSESSMENT}/questions`\nexport const PATH_WELCOME_SELF_ASSESSMENT_QUESTIONS_TAX_YEAR = `${PATH_WELCOME_SELF_ASSESSMENT_QUESTIONS}#taxYear` // First question\nexport const PATH_WELCOME_SELF_ASSESSMENT_QUESTIONS_INCOME_SOURCES = `${PATH_WELCOME_SELF_ASSESSMENT_QUESTIONS}#incomeSources`\nexport const PATH_WELCOME_SELF_ASSESSMENT_SUMMARY = `${PATH_WELCOME_SELF_ASSESSMENT}/summary`\n\nexport const PATH_WELCOME_TAX_CONSULTATION = `${PATH_WELCOME}/taxConsultation`\nexport const PATH_WELCOME_TAX_CONSULTATION_QUESTIONS = `${PATH_WELCOME_TAX_CONSULTATION}/questions`\nexport const PATH_WELCOME_TAX_CONSULTATION_QUESTIONS_TOPICS = `${PATH_WELCOME_TAX_CONSULTATION_QUESTIONS}#taxConsultationTopics` // First question\nexport const PATH_WELCOME_TAX_CONSULTATION_SUMMARY = `${PATH_WELCOME_TAX_CONSULTATION}/summary`\n\nexport const PATH_WELCOME_BUNDLE = `${PATH_WELCOME}/bundle`\nexport const PATH_WELCOME_BUNDLE_QUESTIONS = `${PATH_WELCOME_BUNDLE}/questions`\nexport const PATH_WELCOME_BUNDLE_QUESTIONS_REASONS = `${PATH_WELCOME_BUNDLE_QUESTIONS}#bundleReasons` // First question\nexport const PATH_WELCOME_BUNDLE_SUMMARY = `${PATH_WELCOME_BUNDLE}/summary`\n\nexport const PATH_LOGIN = '/login'\nexport const PATH_RESET_PASSWORD = '/resetPassword'\nexport const PATH_SIGNUP = '/signup'\n\n// Self Assessment paths\nexport const PATH_SELF_ASSESSMENT = '/taxReturn'\nexport const PATH_SELF_ASSESSMENT_DOCUMENTS = '/documents'\nexport const PATH_SELF_ASSESSMENT_QUESTIONS = '/questions'\nexport const PATH_SELF_ASSESSMENT_REASONS = '/reasons'\nexport const PATH_SELF_ASSESSMENT_REVIEW = '/review'\nexport const PATH_SELF_ASSESSMENT_SOURCES = '/sources'\nexport const PATH_SELF_ASSESSMENT_SUMMARY = '/summary'\nexport const PATH_SELF_ASSESSMENT_SUMMARY_HASH_SUBMIT = '#submit'\n\n// Company service eligibility paths\nexport const PATH_COMPANY_SERVICE_ELIGIBILITY_START = '/companyservices'\nexport const PATH_COMPANY_SERVICE_ELIGIBILITY_SUMMARY = `${PATH_COMPANY_SERVICE_ELIGIBILITY_START}/summary`\n\n// Company subscription paths\nexport const PATH_COMPANY_SUBSCRIPTION_START = '/companysubscription'\nexport const PATH_COMPANY_SUBSCRIPTION_PAYMENT = `${PATH_COMPANY_SUBSCRIPTION_START}/:companyId/payment`\n\n// Company return unregistered user paths\nexport const PATH_COMPANY_RETURN_START = '/companyReturn'\nexport const PATH_COMPANY_RETURN_QUESTIONS_UNREGISTERED_USER = '/companyReturn/questions'\nexport const PATH_COMPANY_RETURN_RESET = `${PATH_COMPANY_RETURN_QUESTIONS_UNREGISTERED_USER}/reset`\n\n// Company return registered user paths\nexport const PATH_COMPANY_RETURN = '/company/:companyId/returns/:companyReturnId'\nexport const PATH_COMPANY_RETURN_QUESTIONS = `${PATH_COMPANY_RETURN}/questions`\nexport const PATH_COMPANY_RETURN_PAYMENT = `${PATH_COMPANY_RETURN}/payment`\nexport const PATH_COMPANY_RETURN_PAYMENT_CONFIRMED = `${PATH_COMPANY_RETURN}/paymentConfirmed`\nexport const PATH_COMPANY_RETURN_SUMMARY = `${PATH_COMPANY_RETURN}/summary`\nexport const PATH_COMPANY_RETURN_ADDITIONAL_INFO = `${PATH_COMPANY_RETURN}/additionalInfo`\nexport const PATH_COMPANY_RETURN_SUBMIT = `${PATH_COMPANY_RETURN}/submit`\nexport const PATH_COMPANY_RETURN_STATUS = `${PATH_COMPANY_RETURN}/status`\n\nexport const PATH_COMPANY_OFFICER_EMAIL_REFERRAL_AUTH = '/company/referral/auth'\nexport const PATH_COMPANY_OFFICER_EMAIL_REFERRAL_CONNECT = '/company/referral/connect'\n","import { SUPPORT_EMAIL } from './general'\n\nexport const REQUEST_TYPE_CREATE = 'CREATE'\nexport const REQUEST_TYPE_DELETE = 'DELETE'\nexport const REQUEST_TYPE_DOWNLOAD = 'DOWNLOAD'\nexport const REQUEST_TYPE_FETCH = 'FETCH'\nexport const REQUEST_TYPE_UPDATE = 'UPDATE'\nexport const REQUEST_TYPE_UPLOAD = 'UPLOAD'\nexport const REQUEST_TYPE_SEND = 'SEND'\n\nexport const ERROR_MESSAGE_UNKNOWN = 'Unknown error occurred, try reloading the page'\nexport const ERROR_MESSAGE_AUTHENTICATION = 'Authentication error'\nexport const ERROR_MESSAGE_UNAUTHORISED = 'Unauthorised, try reloading the page'\nexport const ERROR_MESSAGE_GENERIC = `An error occurred while attempting the request, please contact ${SUPPORT_EMAIL}`\nexport const ERROR_MESSAGE_SAVING = 'There was a problem with saving the data'\nexport const ERROR_MESSAGE_DELETING = 'There was a problem with deleting the data'\nexport const ERROR_MESSAGE_DELETING_FILE = 'There was a problem with deleting the file'\nexport const ERROR_MESSAGE_UPLOADING_FILE = 'There was a problem uploading the file'\nexport const ERROR_MESSAGE_DOWNLOADING_FILE = `There was a problem downloading the file, please contact ${SUPPORT_EMAIL}`\nexport const ERROR_MESSAGE_NO_RESULTS = 'No results found'\n\nexport const REQUEST_ERROR_MESSAGES = {\n [REQUEST_TYPE_CREATE]: ERROR_MESSAGE_SAVING,\n [REQUEST_TYPE_DELETE]: ERROR_MESSAGE_DELETING,\n [REQUEST_TYPE_DOWNLOAD]: ERROR_MESSAGE_DOWNLOADING_FILE,\n [REQUEST_TYPE_FETCH]: ERROR_MESSAGE_GENERIC,\n [REQUEST_TYPE_UPDATE]: ERROR_MESSAGE_SAVING,\n [REQUEST_TYPE_UPLOAD]: ERROR_MESSAGE_UPLOADING_FILE,\n [REQUEST_TYPE_SEND]: ERROR_MESSAGE_GENERIC,\n}\n\nexport const SUCCESS_MESSAGE_CREATE = 'Successfully created'\nexport const SUCCESS_MESSAGE_DELETE = 'Successfully deleted'\nexport const SUCCESS_MESSAGE_UPDATE = 'Successfully saved'\nexport const SUCCESS_MESSAGE_SEND = 'Successfully sent'\n\nexport const REQUEST_SUCCESS_MESSAGES = {\n [REQUEST_TYPE_CREATE]: SUCCESS_MESSAGE_CREATE,\n [REQUEST_TYPE_DELETE]: SUCCESS_MESSAGE_DELETE,\n [REQUEST_TYPE_UPDATE]: SUCCESS_MESSAGE_UPDATE,\n [REQUEST_TYPE_SEND]: SUCCESS_MESSAGE_SEND,\n}\n","export const HMRC_ACCOUNT_LINK = 'https://www.tax.service.gov.uk/personal-account/self-assessment-summary'\nexport const HMRC_INSTRUCTIONS_LINK = 'https://www.gov.uk/pay-self-assessment-tax-bill'\n\nexport const INVOICES_EXPENSES_SPREADSHEET_LINK =\n 'https://taxscoutsassets.blob.core.windows.net/documents/Invoices_and_expenses_template.xlsx'\n\nexport const HIGH_EARNER_SALARY_THRESHOLD = 100000\n\nexport const SELF_ASSESSMENT_STATUS_CREATED = 'Created'\nexport const SELF_ASSESSMENT_STATUS_DRAFTED = 'Drafted'\nexport const SELF_ASSESSMENT_STATUS_STARTED = 'Started'\nexport const SELF_ASSESSMENT_STATUS_UPLOADING_DOCUMENTS = 'UploadingDocuments'\nexport const SELF_ASSESSMENT_STATUS_SUBMITTED = 'Submitted'\nexport const SELF_ASSESSMENT_STATUS_PROCESSING_DOCUMENTS = 'ProcessingDocuments'\nexport const SELF_ASSESSMENT_STATUS_ACCOUNTANT_REVIEW = 'AccountantReview'\nexport const SELF_ASSESSMENT_STATUS_INFORMATION_REQUIRED = 'InformationRequired'\nexport const SELF_ASSESSMENT_STATUS_AWAITING_CUSTOMER_APPROVAL = 'AwaitingCustomerApproval'\nexport const SELF_ASSESSMENT_STATUS_CUSTOMER_CORRECTIONS = 'CustomerCorrections'\nexport const SELF_ASSESSMENT_STATUS_CANCELLED = 'Cancelled'\nexport const SELF_ASSESSMENT_STATUS_READY_TO_FILE = 'ReadyToFile'\nexport const SELF_ASSESSMENT_STATUS_FILED_AWAITING_REFUND = 'FiledAwaitingRefund'\nexport const SELF_ASSESSMENT_STATUS_FILED = 'Filed'\nexport const SELF_ASSESSMENT_STATUS_COMPLETED_NOT_FILED = 'CompletedNotFiled'\n\nexport const SELF_ASSESSMENT_STATUS_ORDER = {\n [SELF_ASSESSMENT_STATUS_CREATED]: 0,\n [SELF_ASSESSMENT_STATUS_DRAFTED]: 5,\n [SELF_ASSESSMENT_STATUS_STARTED]: 10,\n [SELF_ASSESSMENT_STATUS_UPLOADING_DOCUMENTS]: 20,\n [SELF_ASSESSMENT_STATUS_SUBMITTED]: 30,\n [SELF_ASSESSMENT_STATUS_PROCESSING_DOCUMENTS]: 40,\n [SELF_ASSESSMENT_STATUS_ACCOUNTANT_REVIEW]: 50,\n [SELF_ASSESSMENT_STATUS_INFORMATION_REQUIRED]: 60,\n [SELF_ASSESSMENT_STATUS_AWAITING_CUSTOMER_APPROVAL]: 70,\n [SELF_ASSESSMENT_STATUS_CUSTOMER_CORRECTIONS]: 80,\n [SELF_ASSESSMENT_STATUS_CANCELLED]: 85,\n [SELF_ASSESSMENT_STATUS_READY_TO_FILE]: 90,\n [SELF_ASSESSMENT_STATUS_COMPLETED_NOT_FILED]: 93,\n [SELF_ASSESSMENT_STATUS_FILED_AWAITING_REFUND]: 95,\n [SELF_ASSESSMENT_STATUS_FILED]: 100,\n}\n\nexport const SELF_ASSESSMENT_STATUS_TITLES = {\n [SELF_ASSESSMENT_STATUS_CREATED]: 'Ready to start',\n [SELF_ASSESSMENT_STATUS_DRAFTED]: 'Drafted',\n [SELF_ASSESSMENT_STATUS_STARTED]: 'Started',\n [SELF_ASSESSMENT_STATUS_UPLOADING_DOCUMENTS]: 'Uploading documents',\n [SELF_ASSESSMENT_STATUS_SUBMITTED]: 'Will be prepared',\n [SELF_ASSESSMENT_STATUS_PROCESSING_DOCUMENTS]: 'Processing',\n [SELF_ASSESSMENT_STATUS_ACCOUNTANT_REVIEW]: 'Being prepared',\n [SELF_ASSESSMENT_STATUS_INFORMATION_REQUIRED]: 'Information required',\n [SELF_ASSESSMENT_STATUS_AWAITING_CUSTOMER_APPROVAL]: 'Waiting your approval',\n [SELF_ASSESSMENT_STATUS_CUSTOMER_CORRECTIONS]: 'Making corrections',\n [SELF_ASSESSMENT_STATUS_CANCELLED]: 'Cancelled',\n [SELF_ASSESSMENT_STATUS_READY_TO_FILE]: 'Will be filed',\n [SELF_ASSESSMENT_STATUS_FILED_AWAITING_REFUND]: 'Filed',\n [SELF_ASSESSMENT_STATUS_FILED]: 'Filed',\n [SELF_ASSESSMENT_STATUS_COMPLETED_NOT_FILED]: 'Completed, not filed',\n}\n\nexport const REASON_EARNINGS_LIMIT = 'EarningsLimit'\nexport const REASON_SELF_EMPLOYMENT = 'SelfEmployment'\nexport const REASON_PROPERTY_INCOME = 'PropertyIncome'\nexport const REASON_DIVIDENDS_AND_INTEREST = 'DividendsAndInterest'\nexport const REASON_CAPITAL_GAINS = 'CapitalGains'\nexport const REASON_COMPANY_DIRECTOR = 'CompanyDirector'\nexport const REASON_HMRC_LETTER = 'HmrcLetter'\nexport const REASON_TAX_REFUND = 'TaxRefund'\nexport const REASON_OTHER = 'Other'\nexport const REASON_FOREIGN_INCOME = 'ForeignIncome'\n\nexport const SECTION_STATUS_NOT_STARTED = 'NotStarted'\nexport const SECTION_STATUS_CONFIRMING_DATA = 'ConfirmingData'\nexport const SECTION_STATUS_INCOMPLETE = 'Incomplete'\nexport const SECTION_STATUS_QUESTIONS_COMPLETED = 'QuestionsCompleted'\nexport const SECTION_STATUS_UPLOADS_COMPLETED = 'UploadsCompleted'\n\nexport const SECTION_STATUS_ORDER = {\n [SECTION_STATUS_NOT_STARTED]: 0,\n [SECTION_STATUS_CONFIRMING_DATA]: 5,\n [SECTION_STATUS_INCOMPLETE]: 10,\n [SECTION_STATUS_QUESTIONS_COMPLETED]: 20,\n [SECTION_STATUS_UPLOADS_COMPLETED]: 30,\n}\n\nexport const SELF_EMPLOYMENT_CATEGORY_FREELANCER = 'Freelancer'\nexport const SELF_EMPLOYMENT_CATEGORY_CONSTRUCTION = 'Construction'\nexport const SELF_EMPLOYMENT_CATEGORY_DRIVER = 'Driver'\nexport const SELF_EMPLOYMENT_CATEGORY_OTHER = 'Other'\n\nexport const SELF_EMPLOYMENT_CATEGORY_TITLES = {\n [SELF_EMPLOYMENT_CATEGORY_FREELANCER]: 'Freelance or contract work',\n [SELF_EMPLOYMENT_CATEGORY_CONSTRUCTION]: 'Construction (CIS)',\n [SELF_EMPLOYMENT_CATEGORY_DRIVER]: 'Courier or driver',\n [SELF_EMPLOYMENT_CATEGORY_OTHER]: 'Other',\n}\n\nexport const SELF_EMPLOYMENT_EXPENSE_TOOLS = 'Tools'\nexport const SELF_EMPLOYMENT_EXPENSE_PHONE = 'PhoneAndInternet'\nexport const SELF_EMPLOYMENT_EXPENSE_TRANSPORT = 'PublicTransport'\nexport const SELF_EMPLOYMENT_EXPENSE_OTHER = 'Other'\n\nexport const BUSINESS_VEHICLE_OWNERSHIP_OWNS = 'Owns'\nexport const BUSINESS_VEHICLE_OWNERSHIP_RENTS = 'Rents'\nexport const BUSINESS_VEHICLE_OWNERSHIP_LEASES = 'Leases'\n\nexport const BUSINESS_VEHICLE_TYPE_BICYCLE = 'Bicycle'\nexport const BUSINESS_VEHICLE_TYPE_CAR = 'Car'\nexport const BUSINESS_VEHICLE_TYPE_MOTORBIKE = 'Motorbike'\nexport const BUSINESS_VEHICLE_TYPE_VAN = 'Van'\n\nexport const FILING_AREA_GENERAL = 'General'\nexport const FILING_AREA_EMPLOYMENT = 'Employment'\nexport const FILING_AREA_SELF_EMPLOYMENT = 'SelfEmployment'\nexport const FILING_AREA_CAPITAL_GAINS = 'CapitalGains'\nexport const FILING_AREA_PROPERTY = 'Property'\nexport const FILING_AREA_DIVIDENDS_AND_INTEREST = 'DividendsAndInterest'\nexport const FILING_AREA_PENSIONS_AND_BENEFITS = 'PensionsAndBenefits'\nexport const FILING_AREA_FOREIGN_INCOME = 'ForeignIncome'\nexport const FILING_AREA_OTHER_INCOME = 'OtherIncome'\nexport const FILING_AREA_PENSIONS_CONTRIBUTIONS = 'PensionsContributions'\nexport const FILING_AREA_CHARITABLE_GIVING = 'CharitableGiving'\nexport const FILING_AREA_STUDENT_LOANS = 'StudentLoans'\nexport const FILING_AREA_INVESTMENT_SCHEME = 'InvestmentScheme'\n\nexport const FILING_AREA_TITLES = {\n [FILING_AREA_GENERAL]: 'Tax returns & calculations',\n [FILING_AREA_EMPLOYMENT]: 'Employment',\n [FILING_AREA_SELF_EMPLOYMENT]: 'Self-employment',\n [FILING_AREA_CAPITAL_GAINS]: 'Capital gains',\n [FILING_AREA_PROPERTY]: 'Property earnings',\n [FILING_AREA_DIVIDENDS_AND_INTEREST]: 'Dividends and interest',\n [FILING_AREA_PENSIONS_AND_BENEFITS]: 'Pensions or benefits',\n [FILING_AREA_FOREIGN_INCOME]: 'Foreign income',\n [FILING_AREA_OTHER_INCOME]: 'Other income',\n [FILING_AREA_PENSIONS_CONTRIBUTIONS]: 'Pensions contributions',\n [FILING_AREA_CHARITABLE_GIVING]: 'Charitable donations',\n [FILING_AREA_STUDENT_LOANS]: 'Student loans',\n [FILING_AREA_INVESTMENT_SCHEME]: 'Investment schemes',\n}\n\nexport const ALLOWANCE_PAYMENTS_ON_ACCOUNT = 'paymentsOnAccount'\nexport const ALLOWANCE_PENSIONS_CONTRIBUTIONS = 'pensionsContributions'\nexport const ALLOWANCE_CHARITABLE_DONATIONS = 'charitableDonations'\nexport const ALLOWANCE_STUDENT_LOAN_REPAYMENTS = 'studentLoan'\n\nexport const EMPLOYER_BENEFIT_TYPE_TITLES = {\n CompanyCarsAndVansBenefit: 'Company cars and vans',\n FuelForCompanyCarsAndVansBenefit: 'Fuel for company cars and vans',\n PrivateMedicalDentalInsurance: 'Private medical and dental insurance',\n VouchersCreditCardsExcessMileageAllowance: 'Vouchers, credit cards and excess mileage allowance',\n GoodsEtcProvidedByEmployer: 'Goods and other assets by your employer',\n AccommodationProvidedByEmployer: 'Accommodation provided by your employer',\n OtherBenefits: 'Other benefits (including interest-free and low interest loans)',\n ExpensesPaymentsReceived: 'Expenses payments received and balancing charges',\n}\n\nexport const MORTGAGE_TYPE_INTEREST_ONLY = 'InterestOnly'\nexport const MORTGAGE_TYPE_REPAYMENT = 'Repayment'\nexport const MORTGAGE_TYPE_UNKNOWN = 'Unknown'\n\nexport const MORTGAGE_TYPE_TITLES = {\n [MORTGAGE_TYPE_INTEREST_ONLY]: 'Interest-only',\n [MORTGAGE_TYPE_REPAYMENT]: 'Repayment',\n}\n\nexport const STUDENT_PLAN_TYPE_ONE = 'PlanType1'\nexport const STUDENT_PLAN_TYPE_TWO = 'PlanType2'\nexport const STUDENT_PLAN_TYPE_ONE_AND_TWO = 'PlanType1And2'\nexport const STUDENT_PLAN_TYPE_OTHER = 'PlanTypeOther'\n\nexport const STUDENT_PLAN_TYPE_TITLES = {\n [STUDENT_PLAN_TYPE_ONE]: 'Plan 1',\n [STUDENT_PLAN_TYPE_TWO]: 'Plan 2',\n [STUDENT_PLAN_TYPE_ONE_AND_TWO]: 'Both plans',\n [STUDENT_PLAN_TYPE_OTHER]: 'Other',\n}\n","export const TAX_CONSULTATION_TOPIC_SELF_ASSESSMENT = 'SelfAssessment'\nexport const TAX_CONSULTATION_TOPIC_FOREIGN_INCOME = 'ForeignIncomeOrTaxes'\nconst TAX_CONSULTATION_TOPIC_PROPERTY = 'PropertyCapitalGains'\nexport const TAX_CONSULTATION_TOPIC_SHARES = 'SharesOrCryptoCapitalGains'\nconst TAX_CONSULTATION_TOPIC_TAX_PLANNING = 'TaxPlanning'\nconst TAX_CONSULTATION_TOPIC_LIMITED_COMPANY_TAXES = 'LimitedCompanyTaxes'\nconst TAX_CONSULTATION_TOPIC_COMPANY_SETUP = 'CompanySetup'\nconst TAX_CONSULTATION_TOPIC_OTHER = 'Other'\n\nexport const TAX_CONSULTATION_TOPIC_TITLES = {\n [TAX_CONSULTATION_TOPIC_SELF_ASSESSMENT]: 'Self Assessment',\n [TAX_CONSULTATION_TOPIC_FOREIGN_INCOME]: 'Foreign income or taxes',\n [TAX_CONSULTATION_TOPIC_PROPERTY]: 'Capital gains - property',\n [TAX_CONSULTATION_TOPIC_SHARES]: 'Capital gains - shares, options, crypto',\n [TAX_CONSULTATION_TOPIC_TAX_PLANNING]: 'General tax planning',\n [TAX_CONSULTATION_TOPIC_LIMITED_COMPANY_TAXES]: 'Limited company taxes',\n [TAX_CONSULTATION_TOPIC_COMPANY_SETUP]: 'Setting up a company',\n [TAX_CONSULTATION_TOPIC_OTHER]: 'Other',\n}\n\nexport const TAX_CONSULTATION_TOPICS = [\n TAX_CONSULTATION_TOPIC_SELF_ASSESSMENT,\n TAX_CONSULTATION_TOPIC_FOREIGN_INCOME,\n TAX_CONSULTATION_TOPIC_PROPERTY,\n TAX_CONSULTATION_TOPIC_SHARES,\n TAX_CONSULTATION_TOPIC_TAX_PLANNING,\n TAX_CONSULTATION_TOPIC_LIMITED_COMPANY_TAXES,\n TAX_CONSULTATION_TOPIC_COMPANY_SETUP,\n TAX_CONSULTATION_TOPIC_OTHER,\n]\n\nexport const TAX_CONSULTATION_STATUS_STARTED = 'Started'\nexport const TAX_CONSULTATION_STATUS_BOOKED = 'Booked'\nexport const TAX_CONSULTATION_STATUS_AWAITING_SUMMARY = 'AwaitingSummary'\nexport const TAX_CONSULTATION_STATUS_AWAITING_APPROVAL = 'AwaitingApproval'\nexport const TAX_CONSULTATION_STATUS_COMPLETED = 'Completed'\nexport const TAX_CONSULTATION_STATUS_CANCELLED = 'Cancelled'\n\nexport const TAX_CONSULTATION_ACTIVE_STATUSES = [\n TAX_CONSULTATION_STATUS_STARTED,\n TAX_CONSULTATION_STATUS_BOOKED,\n TAX_CONSULTATION_STATUS_AWAITING_SUMMARY,\n TAX_CONSULTATION_STATUS_AWAITING_APPROVAL,\n]\n\nexport const MEETING_STATUS_UPCOMING = 'upcoming'\nexport const MEETING_STATUS_STARTING = 'starting'\nexport const MEETING_STATUS_ONGOING = 'ongoing'\nexport const MEETING_STATUS_ENDED = 'ended'\n\nexport const CONTACT_PREFERENCE_TYPE_PHONE = 'Phone'\nexport const CONTACT_PREFERENCE_TYPE_VIDEO = 'Video'\n","export const TAX_REGISTRATION_TYPE_SELF_EMPLOYED = 'SelfEmployed'\nexport const TAX_REGISTRATION_TYPE_CIS = 'Cis'\nexport const TAX_REGISTRATION_TYPE_NON_SELF_EMPLOYED = 'NonSelfEmployed'\nexport const TAX_REGISTRATION_TYPE_LOST_UTR = 'LostUtr'\n\nexport const TAX_REGISTRATION_STATUS_STARTED = 'Started'\nexport const TAX_REGISTRATION_STATUS_INFORMATION_REQUESTED = 'InformationRequested'\nexport const TAX_REGISTRATION_STATUS_SUBMITTED = 'Submitted'\nexport const TAX_REGISTRATION_STATUS_COMPLETE = 'Complete'\nexport const TAX_REGISTRATION_STATUS_CANCELLED = 'Cancelled'\n","export const VARIANT_AIRBNB = 'airbnb'\nexport const VARIANT_BUNDLE = 'bundle'\nexport const VARIANT_CIS = 'cis'\nexport const VARIANT_KORU_KIDS = 'koruKids'\nexport const VARIANT_SELF_EMPLOYED_PLATFORM = 'selfEmployedPlatform'\nexport const VARIANT_SELF_EMPLOYED_SUBSCRIPTION = 'selfEmployedSubscription'\nexport const VARIANT_TAX_CONSULTATION = 'taxConsultation'\nexport const VARIANT_TAX_RETURN = 'taxReturn'\nexport const VARIANT_UTR = 'utr'\nexport const VARIANT_EIS = 'eis'\nexport const VARIANT_OFF_PLATFORM_SERVICES = 'offPlatformServiceRequest'\nexport const VARIANT_OFF_PLATFORM_SERVICES_ENABLED = 'offPlatformServiceRequestEnabled'\nexport const VARIANT_COMPANY_RETURN = 'companyReturn'\n","const getBaseUrlConfig = () => {\n if (import.meta.env.REACT_APP_BASE_URL) return import.meta.env.REACT_APP_BASE_URL\n if (import.meta.env.VERCEL_URL) return `https://${import.meta.env.VERCEL_URL}/`\n return ''\n}\n\nconst baseUrl = getBaseUrlConfig()\n\nconst config = {\n accountantPortalUrl: import.meta.env.REACT_APP_ACCOUNTANT_PORTAL_URL,\n apiUrl: import.meta.env.REACT_APP_API_URL,\n apiUrlBookkeeping: import.meta.env.REACT_APP_API_URL_BOOKKEEPING || '',\n appBasename: import.meta.env.REACT_APP_BASENAME,\n baseUrl,\n cookieDomain: 'taxscouts.com',\n environment: import.meta.env.REACT_APP_ENVIRONMENT,\n facebookAppId: '196641030878261',\n firebaseApiKey: import.meta.env.REACT_APP_FIREBASE_API_KEY,\n firebaseAuthDomain: import.meta.env.REACT_APP_FIREBASE_AUTH_DOMAIN,\n firebaseAuthTenantId: import.meta.env.REACT_APP_FIREBASE_AUTH_TENANT_ID,\n googleTagManagerId: 'GTM-TJR89TR',\n googleTagManagerPreviewVariables: '>m_auth=r4rbF5gkm3ZjL6c-CoCtxw>m_preview=env-13>m_cookies_win=x', // Sets Staging environment cookie for GTM\n hmrcCallbackUri: `${baseUrl}hmrc/authenticated`,\n idealPostCodesApiKey: import.meta.env.REACT_APP_IDEAL_POSTCODES_API_KEY,\n intercomAppId: import.meta.env.REACT_APP_INTERCOM_ID,\n isMixpanelEnabled: import.meta.env.REACT_APP_MIXPANEL === 'true',\n isProduction: import.meta.env.REACT_APP_ENVIRONMENT === 'Production',\n isStaging: import.meta.env.REACT_APP_ENVIRONMENT === 'Staging',\n isTaxConsultationsLimitedTopics: import.meta.env.REACT_APP_TAX_CONSULTATIONS_LIMITED_TOPICS === 'true',\n isTaxConsultationsPaused: import.meta.env.REACT_APP_TAX_CONSULTATIONS_PAUSED === 'true',\n isTaxReliefClaimsPaused: true,\n mixpanelToken: import.meta.env.REACT_APP_MIXPANEL_TOKEN,\n nylasSchedulerApiUrl: import.meta.env.REACT_APP_NYLAS_SCHEDULER_API_URL,\n privacyUrl: `${import.meta.env.REACT_APP_HOMEPAGE_URL}privacy-policy`,\n postHogHost: import.meta.env.REACT_APP_POSTHOG_HOST,\n postHogKey: import.meta.env.REACT_APP_POSTHOG_KEY,\n referralCampaignEndDate: import.meta.env.REACT_APP_REFERRAL_CAMPAIGN_END_DATE,\n referralCampaignStartDate: import.meta.env.REACT_APP_REFERRAL_CAMPAIGN_START_DATE,\n discountOfferEndDate: import.meta.env.REACT_APP_DISCOUNT_OFFER_END_DATE,\n discountOfferStartDate: import.meta.env.REACT_APP_DISCOUNT_OFFER_START_DATE,\n rolleeCustomizationId: import.meta.env.REACT_APP_ROLLEE_CUSTOMIZATION_ID,\n sentryDevelopment: import.meta.env.REACT_APP_SENTRY_DEVELOPMENT === 'true',\n sentryDsn: import.meta.env.REACT_APP_SENTRY_DSN,\n siteLogoutUrl: `${import.meta.env.REACT_APP_HOMEPAGE_URL}#logout`,\n siteUrl: import.meta.env.REACT_APP_HOMEPAGE_URL,\n stripeCallbackUri: `${baseUrl}paymentconfirmation`,\n stripeCallbackUriSubscription: `${baseUrl}subscriptionconfirmation`,\n stripePublicKey: import.meta.env.REACT_APP_STRIPE_PUBLICKEY,\n taxConsultationDuration: import.meta.env.REACT_APP_TAX_CONSULTATION_DURATION,\n taxConsultationsHideFromWelcomeScreen:\n import.meta.env.REACT_APP_TAX_CONSULTATIONS_HIDE_FROM_WELCOME_SCREEN === 'true',\n termsUrl: `${import.meta.env.REACT_APP_HOMEPAGE_URL}terms-of-service`,\n}\n\nexport const getPdfSettings = (settings) => ({\n filename: 'file.pdf',\n html2canvas: { dpi: 192, letterRendering: true, scrollY: 0 },\n image: { type: 'jpeg', quality: 0.98 },\n jsPDF: { unit: 'cm', format: 'a4', orientation: 'portrait' },\n margin: 1.5,\n pagebreak: { mode: ['avoid-all'] },\n ...settings,\n})\n\nexport default config\n","import moment from 'moment-timezone'\n\nimport { CURRENT_TAX_YEAR, TAX_YEAR_END_DAY, TAX_YEAR_END_MONTH } from '@/constants'\n\nconst dateFormat = 'YYYY-MM-DD'\n\nexport const isCloseToDeadline = (offset = 7) => {\n const month = new Date().getMonth() + 1\n\n if (month !== 1) return false\n\n const day = new Date().getDate()\n const daysFromDeadline = 31 - day\n\n return daysFromDeadline <= offset\n}\n\n/** @returns 1 Jan */\nexport const formatDateWithoutYear = (dateTimeUTC) =>\n moment.tz(moment.utc(dateTimeUTC), 'Europe/London').format('D MMM')\n\n/** @returns 1 Jan 2000 */\nexport const formatDate = (dateTimeUTC) => {\n if (!dateTimeUTC) return null\n return moment.tz(moment.utc(dateTimeUTC), 'Europe/London').format('D MMM YYYY')\n}\n\n/** @returns 1 January 2000 */\nexport const formatDateLong = (dateTimeUTC) => moment.tz(moment.utc(dateTimeUTC), 'Europe/London').format('D MMMM YYYY')\n\n/** @returns 1 January 2000 12:00 */\nexport const formatDateWithTime = (dateTimeUTC) => {\n if (!dateTimeUTC) return null\n return moment.tz(moment.utc(dateTimeUTC), 'Europe/London').format('D MMMM YYYY HH:mm')\n}\n\n/** @returns 1 Jan 2000 12:00 */\nexport const formatShortDateWithTime = (dateTimeUTC) => {\n if (!dateTimeUTC) return null\n return moment.tz(moment.utc(dateTimeUTC), 'Europe/London').format('D MMM YYYY HH:mm')\n}\n\nexport const formatDateFromNow = (dateTimeUTC) => (dateTimeUTC ? moment.utc(dateTimeUTC).fromNow() : dateTimeUTC)\n\nexport const formatTaxYear = (taxYear) => `${taxYear - 1}/${String(taxYear).slice(-2)}`\n\nexport const formatTaxYearDateRange = (year) => `6 Apr ${year - 1} – 5 Apr ${year}`\n\nexport const dateDifference = (date1, date2 = new Date()) => {\n const d1 = moment(date1)\n const d2 = moment(date2)\n const difference = d1.diff(d2, 'days')\n\n return difference\n}\n\nexport const isDatePast = (dateToCheck) => {\n const d1 = moment(dateToCheck)\n const now = moment()\n\n if (now >= d1) {\n return true\n }\n\n return false\n}\n\nexport const isDateWithinCurrentTaxYear = (enteredDate) =>\n isFirstDatePassedSecondDate(`${CURRENT_TAX_YEAR}-${TAX_YEAR_END_MONTH}-${TAX_YEAR_END_DAY}`, enteredDate)\n\nexport const isFirstDatePassedSecondDate = (firstDate, secondDate) => {\n const d1 = moment(firstDate)\n const d2 = moment(secondDate)\n\n if (!d1.isValid() || !d2.isValid()) return false\n\n if (d1 >= d2) {\n return true\n }\n\n return false\n}\n\nexport const isBetweenDates = (dateToCheck, dateStart, dateEnd) => {\n if (!dateToCheck || !dateStart || !dateEnd) return false\n\n const d1 = moment(dateToCheck)\n const dStart = moment(dateStart)\n const dEnd = moment(dateEnd)\n\n if (!d1.isValid() || !dStart.isValid() || !dEnd.isValid()) return false\n\n if (d1 >= dStart && d1 <= dEnd) {\n return true\n }\n\n return false\n}\n\nexport const isDateOverLimit = (dateToCheck, dayLimit) => {\n const d1 = moment(dateToCheck)\n const now = moment()\n const difference = d1.diff(now, 'days')\n\n if (now > d1) {\n return false\n }\n\n if (dayLimit - 1 <= difference) {\n return true\n }\n\n return false\n}\n\nexport const isTodayWeekend = () => {\n const today = new Date()\n\n return today.getDay() === 6 || today.getDay() === 0\n}\n\nexport const isTaxYearEnded = (taxYear) => isDatePast(moment(`${taxYear}-${TAX_YEAR_END_MONTH}-${TAX_YEAR_END_DAY}`))\n\nexport const formatDateQuery = (date) => (date ? moment(date).format(dateFormat) : date)\n\nexport const getDate = (date = moment()) => moment(date, dateFormat)\n\nexport const getYear = (date = getDate()) => getDate(date).year()\n\nexport const getMonth = (date = getDate()) => getDate(date).month() + 1\n","import _findIndex from 'lodash/findIndex'\n\nexport const shouldGoToNextQuestion = ({ isAllowanceUpdate }) => !isAllowanceUpdate\n\n// eslint-disable-next-line no-shadow\nexport const shouldGoToNextAllowanceQuestion = ({ isAllowanceUpdate, shouldGoToNextAllowanceQuestion }) => {\n if (!isAllowanceUpdate) return false\n return !!shouldGoToNextAllowanceQuestion\n}\n\nexport const updateOrAddItemsById = ({ currentItems, receivedItems, idKey = 'id' }) => {\n const items = Object.assign([], currentItems)\n\n if (Array.isArray(receivedItems)) {\n receivedItems.forEach((item) => {\n const index = _findIndex(items, [idKey, item[idKey]])\n\n if (index > -1 && items[index]) {\n items[index] = item\n } else {\n items.push(item)\n }\n })\n }\n\n return items\n}\n\nexport const removeItemsById = ({ currentItems, id, idKey = 'id' }) => {\n const items = Object.assign([], currentItems)\n\n if (id) {\n const index = items.findIndex((o) => o[idKey] === id)\n\n if (index > -1 && items[index]) {\n items.splice(index, 1)\n }\n }\n\n return items\n}\n","import _toNumber from 'lodash/toNumber'\nimport _toString from 'lodash/toString'\n\nimport { CURRENCY, CURRENCY_SYMBOL, DEFAULT_LOCALE } from '../constants'\n\nexport const capitalizeFirstLetter = (string) => (string ? string.charAt(0).toUpperCase() + string.slice(1) : '')\n\nexport const hexToRgbA = (hex, opacity = 1) => {\n let c\n if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {\n c = hex.substring(1).split('')\n if (c.length === 3) {\n c = [c[0], c[0], c[1], c[1], c[2], c[2]]\n }\n c = `0x${c.join('')}`\n // eslint-disable-next-line no-bitwise\n return `rgba(${[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',')},${opacity})`\n }\n throw new Error('Bad Hex')\n}\n\nexport const fromString = (string) => {\n if (string === 'true') return true\n if (string === 'false') return false\n if (Number(string) > 0 || Number(string) === 0) return Number(string)\n return string\n}\n\nexport const formatCurrency = (value) => {\n let updatedValue = _toNumber(value)\n\n if (_toString(updatedValue).indexOf('.') > -1) {\n updatedValue = updatedValue.toFixed(2)\n }\n\n if (updatedValue) {\n updatedValue = updatedValue.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n }\n\n return `${CURRENCY_SYMBOL}${updatedValue}`\n}\n\nexport const truncateTextMiddle = (string, outputLength = 18, separator = '...') => {\n if (string.length <= outputLength) return string\n\n const charsToShow = outputLength - separator.length\n const frontChars = Math.ceil(charsToShow / 2)\n const backChars = Math.floor(charsToShow / 2)\n\n return string.substr(0, frontChars) + separator + string.substr(string.length - backChars)\n}\n\nexport const formatPercentage = (string) => `${string || 0}%`\nexport const removeDoubleSlashes = (value = '') => value.replace(/([^:]\\/)\\/+/g, '$1') || ''\n\nconst withoutSpaces = (string) => string.replace(/\\s/g, '')\nconst withoutMeaninglessDecimals = (string) => string.replace('.00', '')\n\nconst getCurrencySymbol = (currency) => {\n const CURRENCIES_SYMBOLS = {\n EUR: '€',\n GBP: '£',\n USD: '$',\n }\n return CURRENCIES_SYMBOLS[currency] ?? currency\n}\n\nconst currencyFormatter =\n (formatter) =>\n (value, { currency = CURRENCY } = {}) => {\n let intlFormatter\n try {\n intlFormatter = new Intl.NumberFormat(DEFAULT_LOCALE, {\n style: 'currency',\n currency,\n currencyDisplay: 'narrowSymbol',\n })\n } catch (e) {\n intlFormatter = {\n format: (number) => `${(number ?? 0).toFixed(2)}${getCurrencySymbol(currency)}`,\n }\n }\n return formatter(intlFormatter.format(value))\n }\nexport const formatCurrencyWithDecimals = currencyFormatter(withoutSpaces)\n\nexport const formatCurrencyInternational = (value, options) => {\n const formattedValue = currencyFormatter(withoutSpaces)(value, options)\n\n return withoutMeaninglessDecimals(formattedValue)\n}\n","import _find from 'lodash/find'\n\nimport config from '../config'\nimport {\n BUSINESS_VEHICLE_TYPE_BICYCLE,\n BUSINESS_VEHICLE_TYPE_CAR,\n BUSINESS_VEHICLE_TYPE_MOTORBIKE,\n BUSINESS_VEHICLE_TYPE_VAN,\n FILING_AREA_GENERAL,\n SECTION_STATUS_ORDER,\n SELF_ASSESSMENT_STATUS_ORDER,\n} from '../constants'\n\nexport { copyTextToClipboard } from './clipboard'\nexport {\n dateDifference,\n formatDate,\n formatDateWithTime,\n formatTaxYear,\n formatTaxYearDateRange,\n isCloseToDeadline,\n isDateOverLimit,\n isDatePast,\n isTaxYearEnded,\n isTodayWeekend,\n} from './dates'\nexport { removeItemsById, shouldGoToNextAllowanceQuestion, shouldGoToNextQuestion, updateOrAddItemsById } from './redux'\nexport { capitalizeFirstLetter, formatCurrency, fromString, hexToRgbA } from './strings'\nexport { isValidCompaniesHouseAuthCode, isValidNino, isValidUtr } from './validation'\n\nexport const accountantImageUrl = (accountantId) => `${config.apiUrl}accountant/${accountantId}/image`\n\nexport const isSelfAssessmentStatusAtLeast = (currentStatus, neededStatus) =>\n SELF_ASSESSMENT_STATUS_ORDER[currentStatus] >= SELF_ASSESSMENT_STATUS_ORDER[neededStatus]\n\nexport const isSectionStatusAtLeast = (currentStatus, neededStatus) =>\n SECTION_STATUS_ORDER[currentStatus] >= SECTION_STATUS_ORDER[neededStatus]\n\nexport const hasGeneralAllowancesUploads = (allowances) =>\n _find(allowances, {\n section: FILING_AREA_GENERAL,\n isActive: true,\n isHidden: false,\n hasUploads: true,\n })\n\nexport const hasFilledProfile = ({ profile }) =>\n !!(\n profile.addressCity &&\n profile.addressPostcode &&\n profile.addressStreetAddress &&\n profile.dateOfBirth &&\n profile.firstName &&\n profile.lastName &&\n profile.maritalStatus &&\n (profile.hasNoNationalInsuranceNumber || profile.nationalInsuranceNumber) &&\n profile.phoneNumber\n )\n\nexport const hasFilledUTR = ({ profile }) => profile.uniqueTaxpayerReference\n\nexport const hasFilledDateOfBirth = ({ profile }) => !!profile.dateOfBirth\n\nexport const getDeductionsFromMiles = (miles, vehicleType = BUSINESS_VEHICLE_TYPE_CAR) => {\n let lowerRate = 0.45\n let higherRate = 0.25\n\n switch (vehicleType) {\n case BUSINESS_VEHICLE_TYPE_MOTORBIKE:\n lowerRate = 0.24\n higherRate = 0.24\n break\n case BUSINESS_VEHICLE_TYPE_BICYCLE:\n lowerRate = 0.2\n higherRate = 0.2\n break\n case BUSINESS_VEHICLE_TYPE_CAR:\n case BUSINESS_VEHICLE_TYPE_VAN:\n default:\n break\n }\n\n const higherRateMiles = miles > 10000 ? 10000 : miles\n const lowerRateMiles = miles > 10000 ? miles - 10000 : 0\n return Math.round(higherRateMiles * higherRate + lowerRateMiles * lowerRate)\n}\n\nexport const personalAllowance = ({ taxYear }) => {\n switch (taxYear) {\n case 2013:\n return 8105\n case 2014:\n return 9440\n case 2015:\n return 10000\n case 2016:\n return 10600\n case 2017:\n return 11000\n case 2018:\n return 11500\n case 2019:\n return 11850\n case 2020:\n return 12500\n default:\n return 12500\n }\n}\n\nexport const handleBooleanStringValue = (v) => {\n if (v === 'true') return true\n if (v === 'false') return false\n return v\n}\n\nexport const freezeBody = () => {\n document.getElementsByTagName('body')[0].style.overflow = 'hidden'\n}\n\nexport const unfreezeBody = () => {\n document.getElementsByTagName('body')[0].style.overflow = 'auto'\n}\n\nexport const formatUkPhoneNumber = (phoneNumber) => {\n const trimmedPhoneNumber = phoneNumber.replace(/\\s/g, '')\n\n if (trimmedPhoneNumber.startsWith('0')) {\n return trimmedPhoneNumber.replace(trimmedPhoneNumber.charAt(0), '44')\n }\n\n if (trimmedPhoneNumber.startsWith('+0')) {\n return trimmedPhoneNumber.replace('+0', '44')\n }\n\n return trimmedPhoneNumber\n}\n\nexport const getDefaultPdfSettings = (\n {\n margin = 1.5,\n filename = 'File.pdf',\n image: { type, quality } = { type: 'jpeg', quality: 0.98 },\n html2canvas: { dpi, letterRendering, scrollY } = { dpi: 192, letterRendering: true, scrollY: 0 },\n jsPDF: { unit, format, orientation } = { unit: 'cm', format: 'a4', orientation: 'portrait' },\n pagebreak: { mode } = { mode: ['avoid-all'] },\n } = {\n margin: 1.5,\n filename: 'File.pdf',\n image: { type: 'jpeg', quality: 0.98 },\n html2canvas: { dpi: 192, letterRendering: true, scrollY: 0 },\n jsPDF: { unit: 'cm', format: 'a4', orientation: 'portrait' },\n pagebreak: { mode: ['avoid-all'] },\n }\n) => ({\n margin: margin ?? 1.5,\n filename: filename ?? 'File.pdf',\n image: { type: type ?? 'jpeg', quality: quality ?? 0.98 },\n html2canvas: { dpi: dpi ?? 192, letterRendering: letterRendering ?? true, scrollY: scrollY ?? 0 },\n jsPDF: { unit: unit ?? 'cm', format: format ?? 'a4', orientation: orientation ?? 'portrait' },\n pagebreak: { mode: mode ?? ['avoid-all'] },\n})\n","import { IdentityVerification } from './identity-verification'\nimport { ProductBundleDTO } from './product-bundle'\nimport { SelfAssessment } from './self-assessment'\nimport { SubscriptionDTO, SubscriptionStatus } from './subscription'\nimport { TaxConsultation } from './tax-consultation'\n\nexport enum ExternalApis {\n Hmrc = 'Hmrc',\n Rollee = 'Rollee',\n ExpoPushToken = 'ExpoPushToken',\n}\n\nexport interface ProfileDTO {\n accountantId: number | null\n accountantUseIdentityVerification: boolean\n acquisitionDateUTC: string | null\n addressCity: string | null\n addressCountry: string | null\n addressPostcode: string | null\n addressStreetAddress: string | null\n agentAuthorisationStatus: string | null // @TODO: enum\n availableDiscountPercentage: number | null\n availableSelfAssessmentDiscountPercentage: number | null\n availableSubscriptionDiscountPercentage: number | null\n availableTaxConsultationDiscountPercentage: number | null\n canContactAccountant: boolean\n changeNameDate: string | null\n dateOfBirth: string | null\n email: string\n externalApis: ExternalApis[]\n firstName: string | null\n hasPendingSubscriptionWelcomeCall: boolean\n hasNoNationalInsuranceNumber: boolean\n hmacToken: string | null\n id: number\n identityVerificationStatus: IdentityVerification['status'] | null\n initialVariant: string | null\n lastName: string | null\n maritalStatus: string | null // @TODO: enum\n md5HashedEmail: string | null\n nationalInsuranceNumber: string | null\n numberOfUnreadMessages: number\n phoneNumber: string | null\n previousLastName: string | null\n productBundles: ProductBundleDTO[]\n referralSchemeCode: string | null\n referralSource: string | null\n selfAssessments: SelfAssessment[]\n selfEmployedPlatformEnabled: boolean | null\n subscriptions: SubscriptionDTO[] | null\n subscriptionStatus: keyof typeof SubscriptionStatus | null\n taxConsultations: TaxConsultation[]\n taxRegistrationStatus: string | null // @TODO: enum\n uniqueTaxpayerReference: string | null\n variant: string | null\n}\n\nexport interface Profile extends ProfileDTO {\n fullName: string\n hasPaidTaxConsultations: boolean\n hasProductBundles: boolean\n hasSelfAssessments: boolean\n hasSubmittedSelfAssessments: boolean\n hasTaxConsultations: boolean\n hasTaxReliefClaims: boolean\n isReturningCustomer: boolean\n isReturningSelfAssessmentCustomer: boolean\n numberOfPaidServices: number\n selfDeclaredAttributionSource: string | null\n}\n\nexport interface ProfileSlice extends Profile {\n fetchSuccessful: boolean | null\n}\n","import { createSelector } from '@reduxjs/toolkit'\n\nimport {\n SELF_ASSESSMENT_STATUS_COMPLETED_NOT_FILED,\n SELF_ASSESSMENT_STATUS_FILED,\n SELF_ASSESSMENT_STATUS_FILED_AWAITING_REFUND,\n SELF_ASSESSMENT_STATUS_SUBMITTED,\n} from '@/constants'\nimport { isSelfAssessmentStatusAtLeast } from '@/helpers'\nimport { ExternalApis } from '@/models/profile'\n\nimport { RootState } from '../store'\n\nexport const getProfileSlice = (state: RootState) => state.profile\n\nexport const getProfile = createSelector([getProfileSlice], (profile) => {\n const externalApis = profile.externalApis || []\n const taxConsultations = profile.taxConsultations || []\n const selfAssessments = profile.selfAssessments || []\n const productBundles = profile.productBundles || []\n\n const hasConnections = externalApis.length > 0\n\n const isConnectedToHmrc = externalApis.includes(ExternalApis.Hmrc)\n\n const hasChangedName = !!profile.changeNameDate || !!profile.previousLastName\n\n const hasSelfAssessments = selfAssessments.length > 0\n const hasTaxConsultations = taxConsultations.length > 0\n const hasProductBundles = productBundles.length > 0\n\n const hasFiledSelfAssessments = selfAssessments.some(({ status }: { status: string }) =>\n [\n SELF_ASSESSMENT_STATUS_COMPLETED_NOT_FILED,\n SELF_ASSESSMENT_STATUS_FILED_AWAITING_REFUND,\n SELF_ASSESSMENT_STATUS_FILED,\n ].includes(status)\n )\n\n const hasSubmittedSelfAssessments = selfAssessments.some(({ status }) =>\n isSelfAssessmentStatusAtLeast(status, SELF_ASSESSMENT_STATUS_SUBMITTED)\n )\n\n const isReturningSelfAssessmentCustomer = !!hasSubmittedSelfAssessments\n\n const paidSelfAssessments = selfAssessments.filter(({ hasPaid, payAfterFiling }) => !!hasPaid || !!payAfterFiling)\n const paidTaxConsultations = taxConsultations.filter(({ hasPaid }) => !!hasPaid)\n const paidProductBundles = productBundles.filter(({ hasPaid }) => !!hasPaid)\n\n const numberOfPaidServices = paidSelfAssessments.length + paidTaxConsultations.length + paidProductBundles.length\n const isReturningCustomer = !!profile.acquisitionDateUTC\n\n const hasAccountantAssigned = !!profile.accountantId\n\n const hasPaidTaxConsultations = paidTaxConsultations.length > 0\n\n return {\n ...profile,\n externalApis,\n fullName: `${String(profile.firstName || '').trim()} ${String(profile.lastName || '').trim()}`.trim(),\n hasAccountantAssigned,\n hasChangedName,\n hasConnections,\n hasFiledSelfAssessments,\n hasPaidTaxConsultations,\n hasSelfAssessments,\n hasSubmittedSelfAssessments,\n hasTaxConsultations,\n hasProductBundles,\n isConnectedToHmrc,\n isReturningCustomer,\n isReturningSelfAssessmentCustomer,\n numberOfPaidServices,\n selfAssessments,\n taxConsultations,\n }\n})\n\nexport default getProfile\n","import { useSelector } from 'react-redux'\n\nimport { ProfileSlice } from '@/models'\n\nimport { getProfile } from '../selectors'\n\nexport const useProfile = () => {\n const profile = useSelector(getProfile)\n\n return { profile } as { profile: ProfileSlice }\n}\n","import * as Sentry from '@sentry/browser'\n\nimport { formatE164PhoneNumber, stringToSHA256Hash } from '@scouts/helpers'\n\nexport const getHashedTrackingData = async (params: { phoneNumber?: string; email?: string }) => {\n try {\n return {\n hashedPhoneNumber: await stringToSHA256Hash(formatE164PhoneNumber(params.phoneNumber ?? '')),\n hashedEmail: await stringToSHA256Hash(params.email ?? ''),\n }\n } catch (error) {\n Sentry.captureException(error)\n return {}\n }\n}\n","// Currently any unregistered user token will be stored under a single generic key in\n// the cookies (UNREGISTERED_USER_TOKEN_STORAGE_KEY).\n// If at some point we need to have multiple unregistered user tokens stored in the\n// same machine, we will need to somehow pass them dynamically to the auth config.\nexport const UNREGISTERED_USER_TOKEN_STORAGE_KEY = 'unregistered-user-token'\n","import { localStorageGet, localStorageRemove, localStorageSet } from '@scouts/helpers'\n\nimport { UNREGISTERED_USER_TOKEN_STORAGE_KEY } from '@/constants/unregistered-user'\n\nexport const getUnregisteredUserToken = () => localStorageGet(UNREGISTERED_USER_TOKEN_STORAGE_KEY)\n\nexport const deleteUnregisteredUserToken = () => localStorageRemove(UNREGISTERED_USER_TOKEN_STORAGE_KEY)\n\nexport const setUnregisteredUserToken = (token: string) => localStorageSet(UNREGISTERED_USER_TOKEN_STORAGE_KEY, token)\n","import _isArray from 'lodash/isArray'\n\nimport { mixpanelIdentify, mixpanelPeopleSet, mixpanelReset, mixpanelTrack } from '@scouts/helpers'\n\nimport { PRICE_BUNDLE, PRICE_CURRENCY, PRICE_TAX_REGISTRATION } from '@/constants'\n\nexport const TRACK_VIEW_PAGE = 'VIEW_PAGE'\n\nexport const TRACK_USER_AUTHENTICATE = 'USER_AUTHENTICATE'\nexport const TRACK_USER_RESET_SESSION = 'USER_RESET_SESSION'\nexport const TRACK_USER_SIGNUP = 'USER_SIGNUP' // Added to useEventTracking\n\nexport const TRACK_TAX_REGISTRATION_VISIT_PAYWALL = 'TAX_REGISTRATION_VISIT_PAYWALL' // Added to useEventTracking\nexport const TRACK_TAX_REGISTRATION_COMPLETE_PAYMENT = 'TAX_REGISTRATION_COMPLETE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_REGISTRATION_INITIATE_PAYMENT = 'TAX_REGISTRATION_INITIATE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_REGISTRATION_START = 'TAX_REGISTRATION_START'\nexport const TRACK_TAX_REGISTRATION_SUBMIT = 'TAX_REGISTRATION_SUBMIT'\n\nexport const TRACK_TAX_RETURN_COMPLETE_PAY_LATER = 'TAX_RETURN_COMPLETE_PAY_LATER' // Added to useEventTracking\nexport const TRACK_TAX_RETURN_COMPLETE_PAYMENT = 'TAX_RETURN_COMPLETE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_RETURN_INITIATE_PAYMENT = 'TAX_RETURN_INITIATE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_RETURN_START = 'TAX_RETURN_START' // Added to useEventTracking\nexport const TRACK_TAX_RETURN_SUBMIT = 'TAX_RETURN_SUBMIT'\nexport const TRACK_TAX_RETURN_VISIT_PAYWALL = 'TAX_RETURN_VISIT_PAYWALL' // Added to useEventTracking\n\nexport const TRACK_PAYWALL_UPSELL_LEARN_MORE = 'PAYWALL_UPSELL_LEARN_MORE'\nexport const TRACK_PAYWALL_UPSELL_ADD = 'PAYWALL_UPSELL_ADD'\nexport const TRACK_PAYWALL_UPSELL_REMOVE = 'PAYWALL_UPSELL_REMOVE'\n\nexport const TRACK_TAX_CONSULTATION_COMPLETE_BOOKING = 'TAX_CONSULTATION_COMPLETE_BOOKING'\nexport const TRACK_TAX_CONSULTATION_COMPLETE_PAYMENT = 'TAX_CONSULTATION_COMPLETE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_CONSULTATION_INITIATE_BOOKING = 'TAX_CONSULTATION_INITIATE_BOOKING'\nexport const TRACK_TAX_CONSULTATION_INITIATE_PAYMENT = 'TAX_CONSULTATION_INITIATE_PAYMENT' // Added to useEventTracking\nexport const TRACK_TAX_CONSULTATION_START = 'TAX_CONSULTATION_START' // Added to useEventTracking\nexport const TRACK_TAX_CONSULTATION_VISIT_PAYWALL = 'TAX_CONSULTATION_VISIT_PAYWALL' // Added to useEventTracking\n\nexport const TRACK_PRODUCT_BUNDLE_START = 'PRODUCT_BUNDLE_START'\nexport const TRACK_PRODUCT_BUNDLE_VISIT_PAYWALL = 'PRODUCT_BUNDLE_VISIT_PAYWALL' // Added to useEventTracking\nexport const TRACK_PRODUCT_BUNDLE_INITIATE_PAYMENT = 'PRODUCT_BUNDLE_INITIATE_PAYMENT' // Added to useEventTracking\nexport const TRACK_PRODUCT_BUNDLE_COMPLETE_PAYMENT = 'PRODUCT_BUNDLE_COMPLETE_PAYMENT' // Added to useEventTracking\n\nexport const TRACK_CANCEL_PAYMENT = 'CANCEL_PAYMENT'\n\nexport const TRACK_CRYPTO_REPORT_START = 'CRYPTO_REPORT_START'\nexport const TRACK_CRYPTO_REPORT_DELETE = 'CRYPTO_REPORT_DELETE'\nexport const TRACK_CRYPTO_REPORT_NAVIGATE_BACK_TO_KOINLY = 'CRYPTO_REPORT_NAVIGATE_BACK_TO_KOINLY'\nexport const TRACK_CRYPTO_REPORT_CONFIRM = 'CRYPTO_REPORT_CONFIRM'\nexport const TRACK_CRYPTO_REPORT_DECLINE = 'CRYPTO_REPORT_DECLINE'\n\nexport const TRACK_GIG_START = 'GIG_START'\nexport const TRACK_GIG_CONNECTION_ADD = 'GIG_CONNECTION_ADD'\nexport const TRACK_GIG_CONNECTION_REMOVE = 'GIG_CONNECTION_REMOVE'\nexport const TRACK_GIG_CONNECTION_CANCEL = 'GIG_CONNECTION_CANCEL'\nexport const TRACK_GIG_CONFIRM_NO = 'GIG_CONFIRM_NO'\nexport const TRACK_GIG_CONFIRM_YES = 'GIG_CONFIRM_YES'\nexport const TRACK_GIG_MARK_AS_CORRECT = 'GIG_MARK_AS_CORRECT'\nexport const TRACK_GIG_MARK_AS_INCORRECT = 'GIG_MARK_AS_INCORRECT'\nexport const TRACK_GIG_NOTES_ADD = 'GIG_NOTES_ADD'\n\nexport const TRACK_COMPANY_RETURN_INITIATE_PAYMENT = 'COMPANY_RETURN_INITIATE_PAYMENT' // Added to useEventTracking\nexport const TRACK_COMPANY_RETURN_COMPLETE_PAYMENT = 'COMPANY_RETURN_COMPLETE_PAYMENT' // Added to useEventTracking\n\nconst setDataLayerEvent = (data) => {\n window.dataLayer = window.dataLayer || []\n\n if (_isArray(window.dataLayer) && data) {\n window.dataLayer.push(data)\n }\n}\n\nexport const track = (action, data = {}) => {\n switch (action) {\n case TRACK_VIEW_PAGE: {\n const { profile, pathname, hash, search } = data\n\n const { selfDeclaredAttributionSource, isReturningCustomer, initialVariant } = profile\n\n mixpanelPeopleSet({\n 'Self-declared Attribution Source': selfDeclaredAttributionSource,\n 'Is Returning Customer': isReturningCustomer,\n 'Initial Variant': initialVariant,\n })\n\n mixpanelTrack(TRACK_VIEW_PAGE, { Path: `/assessment${pathname}`, Hash: hash, Search: search })\n\n break\n }\n\n case TRACK_USER_AUTHENTICATE: {\n const { variant, initialVariant, referralSource, userId } = data\n\n mixpanelIdentify(userId)\n\n mixpanelPeopleSet({\n Variant: variant,\n 'Referral Source': referralSource,\n 'Initial Variant': initialVariant,\n })\n\n mixpanelTrack(TRACK_USER_AUTHENTICATE)\n\n break\n }\n\n case TRACK_USER_SIGNUP: {\n const { variant, initialVariant, referralSource } = data\n\n mixpanelPeopleSet({\n Variant: variant,\n 'Referral Source': referralSource,\n 'Initial Variant': initialVariant,\n })\n\n mixpanelTrack(TRACK_USER_SIGNUP)\n\n break\n }\n\n case TRACK_USER_RESET_SESSION: {\n mixpanelTrack(TRACK_USER_RESET_SESSION)\n\n break\n }\n\n case TRACK_TAX_REGISTRATION_START: {\n // Keeping for now as not yet migrated to useEventTracking\n // Migration would need further refactor of tax registration creation\n setDataLayerEvent({\n event: 'add_to_cart',\n ecommerce: {\n currency: PRICE_CURRENCY,\n value: PRICE_TAX_REGISTRATION,\n items: [\n {\n item_id: 'TAX_REGISTRATION',\n name: 'Tax registration',\n price: PRICE_TAX_REGISTRATION,\n quantity: 1,\n },\n ],\n },\n })\n\n mixpanelTrack(TRACK_TAX_REGISTRATION_START)\n\n break\n }\n\n case TRACK_TAX_REGISTRATION_SUBMIT: {\n mixpanelTrack(TRACK_TAX_REGISTRATION_SUBMIT)\n\n break\n }\n\n case TRACK_TAX_REGISTRATION_VISIT_PAYWALL: {\n mixpanelTrack(TRACK_TAX_REGISTRATION_VISIT_PAYWALL)\n\n break\n }\n\n case TRACK_TAX_REGISTRATION_INITIATE_PAYMENT: {\n mixpanelTrack(TRACK_TAX_REGISTRATION_INITIATE_PAYMENT)\n\n break\n }\n\n case TRACK_TAX_REGISTRATION_COMPLETE_PAYMENT: {\n mixpanelTrack(TRACK_TAX_REGISTRATION_COMPLETE_PAYMENT)\n\n break\n }\n\n case TRACK_TAX_RETURN_START: {\n const { taxYear } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_START, { 'Tax Year': taxYear })\n\n break\n }\n\n case TRACK_TAX_RETURN_VISIT_PAYWALL: {\n const { isCIS, isProductBundleAvailable, isPayLaterAvailable } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_VISIT_PAYWALL, {\n 'Is CIS': !!isCIS,\n 'Is Product Bundle Available': !!isProductBundleAvailable,\n 'Is Pay Later Available': !!isPayLaterAvailable,\n })\n\n break\n }\n\n case TRACK_PAYWALL_UPSELL_LEARN_MORE: {\n mixpanelTrack(TRACK_PAYWALL_UPSELL_LEARN_MORE)\n\n break\n }\n\n case TRACK_PAYWALL_UPSELL_ADD: {\n mixpanelTrack(TRACK_PAYWALL_UPSELL_ADD)\n\n break\n }\n\n case TRACK_PAYWALL_UPSELL_REMOVE: {\n mixpanelTrack(TRACK_PAYWALL_UPSELL_REMOVE)\n\n break\n }\n\n case TRACK_TAX_RETURN_INITIATE_PAYMENT: {\n const { activeFilingAreas, taxYear } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_INITIATE_PAYMENT, {\n 'Tax Year': taxYear,\n 'Filing Areas': activeFilingAreas,\n })\n\n break\n }\n\n case TRACK_TAX_RETURN_COMPLETE_PAYMENT: {\n const { activeFilingAreas, taxYear } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_COMPLETE_PAYMENT, {\n 'Tax Year': taxYear,\n 'Filing Areas': activeFilingAreas,\n })\n\n break\n }\n\n case TRACK_CANCEL_PAYMENT: {\n mixpanelTrack(TRACK_CANCEL_PAYMENT)\n\n break\n }\n\n case TRACK_TAX_RETURN_SUBMIT: {\n const { taxYear } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_SUBMIT, { 'Tax Year': taxYear })\n\n break\n }\n\n case TRACK_TAX_RETURN_COMPLETE_PAY_LATER: {\n const { taxYear } = data\n\n mixpanelTrack(TRACK_TAX_RETURN_COMPLETE_PAY_LATER, {\n 'Tax Year': taxYear,\n })\n\n break\n }\n\n case TRACK_PRODUCT_BUNDLE_START: {\n // Keeping for now as not yet migrated to useEventTracking\n // Migration would need further refactor of bundle creation\n setDataLayerEvent({\n event: 'add_to_cart',\n ecommerce: {\n currency: PRICE_CURRENCY,\n value: PRICE_BUNDLE,\n items: [\n {\n item_id: 'BUNDLE',\n name: 'Bundle',\n price: PRICE_BUNDLE,\n quantity: 1,\n },\n ],\n },\n })\n\n mixpanelTrack(TRACK_PRODUCT_BUNDLE_START)\n\n break\n }\n\n case TRACK_PRODUCT_BUNDLE_VISIT_PAYWALL: {\n mixpanelTrack(TRACK_PRODUCT_BUNDLE_VISIT_PAYWALL)\n\n break\n }\n\n case TRACK_PRODUCT_BUNDLE_INITIATE_PAYMENT: {\n mixpanelTrack(TRACK_PRODUCT_BUNDLE_INITIATE_PAYMENT)\n\n break\n }\n\n case TRACK_PRODUCT_BUNDLE_COMPLETE_PAYMENT: {\n const { upsellBaseProductType } = data\n\n mixpanelTrack(TRACK_PRODUCT_BUNDLE_COMPLETE_PAYMENT, {\n 'Is Upsell Purchase': !!upsellBaseProductType,\n 'Upsell Base Product': upsellBaseProductType,\n })\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_START: {\n mixpanelTrack(TRACK_TAX_CONSULTATION_START)\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_VISIT_PAYWALL: {\n const { isProductBundleAvailable } = data\n\n mixpanelTrack(TRACK_TAX_CONSULTATION_VISIT_PAYWALL, {\n 'Is Product Bundle Available': !!isProductBundleAvailable,\n })\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_INITIATE_PAYMENT: {\n const { topics } = data\n\n mixpanelTrack(TRACK_TAX_CONSULTATION_INITIATE_PAYMENT, {\n Topics: topics,\n })\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_COMPLETE_PAYMENT: {\n const { topics } = data\n\n mixpanelTrack(TRACK_TAX_CONSULTATION_COMPLETE_PAYMENT, {\n Topics: topics,\n })\n\n break\n }\n\n case TRACK_COMPANY_RETURN_INITIATE_PAYMENT: {\n mixpanelTrack(TRACK_COMPANY_RETURN_INITIATE_PAYMENT)\n\n break\n }\n\n case TRACK_COMPANY_RETURN_COMPLETE_PAYMENT: {\n mixpanelTrack(TRACK_COMPANY_RETURN_COMPLETE_PAYMENT)\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_COMPLETE_BOOKING: {\n mixpanelTrack(TRACK_TAX_CONSULTATION_COMPLETE_BOOKING)\n\n break\n }\n\n case TRACK_TAX_CONSULTATION_INITIATE_BOOKING: {\n mixpanelTrack(TRACK_TAX_CONSULTATION_INITIATE_BOOKING)\n\n break\n }\n\n case TRACK_CRYPTO_REPORT_START: {\n mixpanelTrack(TRACK_CRYPTO_REPORT_START)\n\n break\n }\n\n case TRACK_CRYPTO_REPORT_DELETE: {\n mixpanelTrack(TRACK_CRYPTO_REPORT_DELETE)\n\n break\n }\n\n case TRACK_CRYPTO_REPORT_NAVIGATE_BACK_TO_KOINLY: {\n mixpanelTrack(TRACK_CRYPTO_REPORT_NAVIGATE_BACK_TO_KOINLY)\n\n break\n }\n\n case TRACK_CRYPTO_REPORT_CONFIRM: {\n mixpanelTrack(TRACK_CRYPTO_REPORT_CONFIRM)\n\n break\n }\n\n case TRACK_CRYPTO_REPORT_DECLINE: {\n mixpanelTrack(TRACK_CRYPTO_REPORT_DECLINE)\n\n break\n }\n\n case TRACK_GIG_START: {\n mixpanelTrack(TRACK_GIG_START)\n\n break\n }\n\n case TRACK_GIG_CONNECTION_ADD: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_CONNECTION_ADD, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_CONNECTION_REMOVE: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_CONNECTION_REMOVE, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_CONNECTION_CANCEL: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_CONNECTION_CANCEL, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_CONFIRM_NO: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_CONFIRM_NO, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_CONFIRM_YES: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_CONFIRM_YES, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_MARK_AS_INCORRECT: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_MARK_AS_INCORRECT, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_MARK_AS_CORRECT: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_MARK_AS_CORRECT, { Platform: platform })\n\n break\n }\n\n case TRACK_GIG_NOTES_ADD: {\n const { platform } = data\n\n mixpanelTrack(TRACK_GIG_NOTES_ADD, { Platform: platform })\n\n break\n }\n\n default:\n }\n}\n\nexport const resetTracking = () => {\n mixpanelReset()\n}\n","export const ENDPOINTS = {\n ACCOUNTANT: {\n GET: '/accountant/:accountantId',\n },\n ACCOUNTANT_MEETINGS: {\n POST: '/accountantmeetings',\n GET: {\n SINGLE: '/accountantmeetings/:accountantMeetingId',\n LIST: '/accountantmeetings',\n },\n PUT: {\n UPDATE: '/accountantmeetings/:accountantMeetingId',\n UPDATE_STATUS: '/accountantmeetings/:accountantMeetingId/status/:status',\n },\n DELETE: '/accountantmeetings/:accountantMeetingId',\n },\n AGENT_AUTHORISATION: {\n GET: '/agentauthorisation',\n PUT: '/agentauthorisation/:agentAuthorisationId',\n },\n COMPANIES_HOUSE: {\n GET: {\n SEARCH: '/companieshouse/search',\n },\n },\n COMPANIES: {\n GET: {\n LIST: '/companies',\n SINGLE: '/companies/:companyId',\n },\n POST: '/companies',\n PUT: {\n COMPANY_NUMBER: '/companies/:companyId/companynumber/:companyNumber',\n UPDATE_COMPANY: '/companies/:companyId',\n },\n },\n COMPANY_OFFICERS: {\n GET: {\n LIST: '/companies/:companyId/officers',\n SINGLE: '/companies/:companyId/officers/:companyOfficerId',\n },\n POST: {\n SEND_EMAIL: '/companies/:companyId/officers/:companyOfficerId/sendkycinvite',\n },\n PUT: {\n SINGLE: '/companies/:companyId/officers/:companyOfficerId',\n SINGLE_IS_PRIMARY: '/companies/:companyId/officers/:companyOfficerId/isprimary/:isPrimary',\n },\n },\n COMPANY_RETURNS: {\n GET: {\n SINGLE: '/companies/:companyId/returns/:companyReturnId',\n LIST: '/companies/:companyId/returns',\n PRICE: '/companies/:companyId/returns/:companyReturnId/pricing',\n AGREEMENT: '/companies/:companyId/returns/:companyReturnId/agreement',\n },\n POST: {\n CREATE_RETURN: '/companies/:companyId/returns',\n ASSIGN_ACCOUNTANT: '/companies/:companyId/returns/:companyReturnId/accountant',\n },\n PUT: {\n UPDATE_DATES: '/companies/:companyId/returns/:companyReturnId/dates',\n UPDATE_RETURN: '/companies/:companyId/returns/:companyReturnId',\n UPDATE_STATUS: '/companies/:companyId/returns/:companyReturnId/status/:newStatus',\n },\n DELETE: {\n SINGLE: '/companies/:companyId/returns/:companyReturnId',\n },\n },\n COMPANY_RETURN_FILES: {\n GET: {\n LIST: '/companies/:companyId/returns/:companyReturnId/files',\n DOWNLOAD_FILE: '/companies/:companyId/returns/:companyReturnId/files/:fileId/downloadlink',\n },\n POST: '/companies/:companyId/returns/:companyReturnId/files',\n DELETE: '/companies/:companyId/returns/:companyReturnId/files/:fileId',\n },\n OFF_PLATFORM_SERVICE_REQUEST: {\n GET: {\n SINGLE: '/offplatformservicerequests/:id',\n LIST: '/offplatformservicerequests',\n },\n POST: '/offplatformservicerequests',\n PUT: '/offplatformservicerequests/:id',\n },\n PAYMENT: {\n POST: {\n REQUEST_NEW: '/payment/paymentrequest/paymentintent',\n },\n },\n PUSH_NOTIFICATIONS: {\n PUT: {\n ON: '/mobiledevices/pushnotifications/on',\n OFF: '/mobiledevices/pushnotifications/off',\n },\n },\n REFERRALS: {\n GET: {\n ALL: `/user/:userId/referrals`,\n },\n POST: {\n EMAIL: '/referral/email',\n EMAILS: '/referral/emails',\n },\n },\n SELF_ASSESSMENT: {\n GET: {\n PRICE: '/selfassessment/:selfAssessmentId/pricing',\n },\n },\n SUBSCRIPTIONS: {\n GET: {\n ACTIVE: '/subscriptions',\n PAYMENTS: '/subscriptions/:subscriptionId/payments',\n TIERS: '/subscriptions/tiers',\n },\n POST: {\n CREATE: '/subscriptions',\n INITIATE_PAYMENT: '/subscriptions/subscriptionpayment',\n CONFIRM_PAYMENT: '/subscriptions/subscriptionconfirmation/:sessionId',\n ASSIGN_ACCOUNTANT: '/subscriptions/:subscriptionId/accountant',\n },\n PUT: {\n CANCEL: '/subscriptions/:subscriptionId',\n },\n },\n TAX_CONSULTATIONS: {\n GET: {\n PRICE: '/taxconsultations/:taxConsultationId/pricing',\n },\n },\n TAX_RELIEF_CLAIMS: {\n GET: {\n SINGLE: '/taxReliefClaims/:taxReliefClaimId',\n ALL: '/taxReliefClaims',\n FILES: '/taxReliefClaims/:taxReliefClaimId/files',\n DOWNLOAD_FILE: '/taxReliefClaims/:taxReliefClaimId/files/:taxReliefClaimFileId/downloadLink',\n },\n POST: {\n CREATE_ID: '/taxReliefClaims',\n UPLOAD_CERTIFICATE: '/taxReliefClaims/:taxReliefClaimId/files',\n },\n DELETE: {\n DELETE_TAX_RELIEF_CLAIM: '/taxReliefClaims/:taxReliefClaimId',\n DELETE_CERTIFICATE: '/taxReliefClaims/:taxReliefClaimId/files/:taxReliefClaimFileId',\n },\n PUT: {\n UPDATE_CERTIFICATE: '/taxReliefClaims/:taxReliefClaimId/files/:taxReliefClaimFileId',\n UPDATE_TAX_RELIEF_CLAIM: '/taxReliefClaims/:taxReliefClaimId',\n UPDATE_STATUS: '/taxReliefClaims/:taxReliefClaimId/status/:taxReliefClaimStatus',\n },\n },\n USER: {\n POST: {\n LOGGED_IN: '/user/loggedin',\n REQUEST_PHONE_CALL: '/user/:userId/callme',\n HOT_LEAD: '/user/:userId/hotlead',\n },\n GET: {\n SINGLE: '/user/:userId',\n },\n PUT: '/user/:userId',\n },\n USER_SEGMENTS: {\n GET: '/usersegments/:userId',\n },\n UNREGISTERED_USER: {\n GET: '/user/unregistered',\n POST: {\n CREATE_UNREGISTERED_TOKEN: '/user/unregistered/token',\n HOT_LEAD: '/user/unregistered/hotlead',\n },\n PUT: '/user/unregistered',\n },\n USER_AGREEMENTS: {\n POST: {\n CREATE: '/useragreements',\n DRAFT: '/useragreements/draft',\n },\n },\n USER_DISCOUNT: {\n GET: {\n ALL: '/userdiscount',\n SINGLE: '/userdiscount/:userDiscountId',\n },\n POST: '/userdiscount',\n },\n} as const\n","import Cookies from 'js-cookie'\n\nimport config from '@/config'\n\nexport interface ExtraCookieData {\n referralSource: string | undefined\n variant: string | undefined\n marketingData: {\n utmCampaign: string | undefined\n utmContent: string | undefined\n utmMedium: string | undefined\n utmSource: string | undefined\n utmTerm: string | undefined\n }\n}\n\nexport const clearExtraProfileCookieData = () => {\n const COOKIES = ['referralSource', 'utmCampaign', 'utmContent', 'utmMedium', 'utmSource', 'utmTerm', 'variant']\n COOKIES.forEach((cookie) => {\n Cookies.remove(cookie, {\n path: '/',\n domain: config.cookieDomain,\n secure: true,\n })\n })\n}\n\nexport const getExtraProfileCookieData = () => {\n const extraCookieData: ExtraCookieData = {\n referralSource: Cookies.get('referralSource'),\n variant: Cookies.get('variant'),\n marketingData: {\n utmCampaign: Cookies.get('utmCampaign'),\n utmContent: Cookies.get('utmContent'),\n utmMedium: Cookies.get('utmMedium'),\n utmSource: Cookies.get('utmSource'),\n utmTerm: Cookies.get('utmTerm'),\n },\n }\n\n return extraCookieData\n}\n","import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit'\nimport axios from 'axios'\n\nimport { generateApiPath } from '@scouts/helpers'\n\nimport { handleRequestError } from '@/actions'\nimport { ERROR_MESSAGE_AUTHENTICATION, ERROR_MESSAGE_SAVING } from '@/constants'\nimport { getHashedTrackingData } from '@/helpers/get-hashed-tracking-data'\nimport { deleteUnregisteredUserToken, getUnregisteredUserToken } from '@/helpers/unregistered-user'\nimport { ProfileDTO, ProfileSlice } from '@/models/profile'\nimport { track, TRACK_USER_AUTHENTICATE } from '@/trackers'\n\nimport { ENDPOINTS } from '../endpoints'\nimport { AppDispatch, RootState } from '../store'\nimport { clearExtraProfileCookieData, getExtraProfileCookieData, ExtraCookieData } from './helpers'\n\ntype PartialProfileSlice = Partial