}
+ */
+ public async sendMail(
+ tenantId: number,
+ saleInvoiceId: number,
+ messageOptions: SendInvoiceMailDTO
+ ) {
+ const localMessageOpts = await this.getMailOption(tenantId, saleInvoiceId);
+
+ const messageOpts = parseAndValidateMailOptions(
+ localMessageOpts,
+ messageOptions
+ );
+ const mail = new Mail()
+ .setSubject(messageOpts.subject)
+ .setTo(messageOpts.to)
+ .setContent(messageOpts.body);
+
+ if (messageOpts.attachInvoice) {
+ // Retrieves document buffer of the invoice pdf document.
+ const invoicePdfBuffer = await this.invoicePdf.saleInvoicePdf(
+ tenantId,
+ saleInvoiceId
+ );
+ mail.setAttachments([
+ { filename: 'invoice.pdf', content: invoicePdfBuffer },
+ ]);
+ }
+ await mail.send();
+ }
+}
diff --git a/packages/server/src/services/Sales/Invoices/SendSaleInvoiceMailReminderJob.ts b/packages/server/src/services/Sales/Invoices/SendSaleInvoiceMailReminderJob.ts
new file mode 100644
index 000000000..6570a153f
--- /dev/null
+++ b/packages/server/src/services/Sales/Invoices/SendSaleInvoiceMailReminderJob.ts
@@ -0,0 +1,32 @@
+import Container, { Service } from 'typedi';
+import { SendInvoiceMailReminder } from './SendSaleInvoiceMailReminder';
+
+@Service()
+export class SendSaleInvoiceReminderMailJob {
+ /**
+ * Constructor method.
+ */
+ constructor(agenda) {
+ agenda.define(
+ 'sale-invoice-reminder-mail-send',
+ { priority: 'high', concurrency: 1 },
+ this.handler
+ );
+ }
+
+ /**
+ * Triggers sending invoice mail.
+ */
+ private handler = async (job, done: Function) => {
+ const { tenantId, saleInvoiceId, messageOptions } = job.attrs.data;
+ const sendInvoiceMail = Container.get(SendInvoiceMailReminder);
+
+ try {
+ await sendInvoiceMail.sendMail(tenantId, saleInvoiceId, messageOptions);
+ done();
+ } catch (error) {
+ console.log(error);
+ done(error);
+ }
+ };
+}
diff --git a/packages/server/src/services/Sales/Invoices/constants.ts b/packages/server/src/services/Sales/Invoices/constants.ts
index 018dec027..404b7e613 100644
--- a/packages/server/src/services/Sales/Invoices/constants.ts
+++ b/packages/server/src/services/Sales/Invoices/constants.ts
@@ -1,3 +1,35 @@
+export const DEFAULT_INVOICE_MAIL_SUBJECT =
+ 'Invoice {InvoiceNumber} from {CompanyName}';
+export const DEFAULT_INVOICE_MAIL_CONTENT = `
+Dear {CustomerName}
+Thank you for your business, You can view or print your invoice from attachements.
+
+Invoice #{InvoiceNumber} {InvoiceDueDate} {InvoiceAmount}
+
+
+
+Regards {CompanyName}
+
+`;
+
+export const DEFAULT_INVOICE_REMINDER_MAIL_SUBJECT =
+ 'Invoice {InvoiceNumber} reminder from {CompanyName}';
+export const DEFAULT_INVOICE_REMINDER_MAIL_CONTENT = `
+Dear {CustomerName}
+You might have missed the payment date and the invoice is now overdue by {OverdueDays} days.
+Invoice #{InvoiceNumber} {InvoiceDueDate} {InvoiceAmount}
+
+
+Regards {CompanyName}
+
+`;
+
export const ERRORS = {
INVOICE_NUMBER_NOT_UNIQUE: 'INVOICE_NUMBER_NOT_UNIQUE',
SALE_INVOICE_NOT_FOUND: 'SALE_INVOICE_NOT_FOUND',
@@ -16,6 +48,7 @@ export const ERRORS = {
PAYMENT_ACCOUNT_CURRENCY_INVALID: 'PAYMENT_ACCOUNT_CURRENCY_INVALID',
SALE_INVOICE_ALREADY_WRITTEN_OFF: 'SALE_INVOICE_ALREADY_WRITTEN_OFF',
SALE_INVOICE_NOT_WRITTEN_OFF: 'SALE_INVOICE_NOT_WRITTEN_OFF',
+ NO_INVOICE_CUSTOMER_EMAIL_ADDR: 'NO_INVOICE_CUSTOMER_EMAIL_ADDR',
};
export const DEFAULT_VIEW_COLUMNS = [];
diff --git a/packages/server/src/services/Sales/PaymentReceives/GetPaymentReceiveInvoices.ts b/packages/server/src/services/Sales/PaymentReceives/GetPaymentReceiveInvoices.ts
index 48629770c..901c6b492 100644
--- a/packages/server/src/services/Sales/PaymentReceives/GetPaymentReceiveInvoices.ts
+++ b/packages/server/src/services/Sales/PaymentReceives/GetPaymentReceiveInvoices.ts
@@ -1,5 +1,5 @@
-import HasTenancyService from '@/services/Tenancy/TenancyService';
import { Inject, Service } from 'typedi';
+import HasTenancyService from '@/services/Tenancy/TenancyService';
import { PaymentReceiveValidators } from './PaymentReceiveValidators';
@Service()
diff --git a/packages/server/src/services/Sales/PaymentReceives/GetPaymentReeceivePdf.ts b/packages/server/src/services/Sales/PaymentReceives/GetPaymentReeceivePdf.ts
index 24949425d..e3d3cfb26 100644
--- a/packages/server/src/services/Sales/PaymentReceives/GetPaymentReeceivePdf.ts
+++ b/packages/server/src/services/Sales/PaymentReceives/GetPaymentReeceivePdf.ts
@@ -1,37 +1,42 @@
import { Inject, Service } from 'typedi';
-import PdfService from '@/services/PDF/PdfService';
-import { templateRender } from 'utils';
-import HasTenancyService from '@/services/Tenancy/TenancyService';
-import { Tenant } from '@/system/models';
+import { ChromiumlyTenancy } from '@/services/ChromiumlyTenancy/ChromiumlyTenancy';
+import { TemplateInjectable } from '@/services/TemplateInjectable/TemplateInjectable';
+import { GetPaymentReceive } from './GetPaymentReceive';
@Service()
export default class GetPaymentReceivePdf {
@Inject()
- private pdfService: PdfService;
+ private chromiumlyTenancy: ChromiumlyTenancy;
@Inject()
- private tenancy: HasTenancyService;
+ private templateInjectable: TemplateInjectable;
+
+ @Inject()
+ private getPaymentService: GetPaymentReceive;
/**
* Retrieve sale invoice pdf content.
- * @param {} saleInvoice -
+ * @param {number} tenantId -
+ * @param {IPaymentReceive} paymentReceive -
+ * @returns {Promise}
*/
- async getPaymentReceivePdf(tenantId: number, paymentReceive) {
- const i18n = this.tenancy.i18n(tenantId);
-
- const organization = await Tenant.query()
- .findById(tenantId)
- .withGraphFetched('metadata');
-
- const htmlContent = templateRender('modules/payment-receive-standard', {
- organization,
- organizationName: organization.metadata.name,
- organizationEmail: organization.metadata.email,
- paymentReceive,
- ...i18n,
+ async getPaymentReceivePdf(
+ tenantId: number,
+ paymentReceiveId: number
+ ): Promise {
+ const paymentReceive = await this.getPaymentService.getPaymentReceive(
+ tenantId,
+ paymentReceiveId
+ );
+ const htmlContent = await this.templateInjectable.render(
+ tenantId,
+ 'modules/payment-receive-standard',
+ {
+ paymentReceive,
+ }
+ );
+ return this.chromiumlyTenancy.convertHtmlContent(tenantId, htmlContent, {
+ margins: { top: 0, bottom: 0, left: 0, right: 0 },
});
- const pdfContent = await this.pdfService.pdfDocument(htmlContent);
-
- return pdfContent;
}
}
diff --git a/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveEntryTransformer.ts b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveEntryTransformer.ts
new file mode 100644
index 000000000..fe9fe9b67
--- /dev/null
+++ b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveEntryTransformer.ts
@@ -0,0 +1,29 @@
+import { Transformer } from '@/lib/Transformer/Transformer';
+import { SaleInvoiceTransformer } from '../Invoices/SaleInvoiceTransformer';
+import { formatNumber } from '@/utils';
+
+export class PaymentReceiveEntryTransfromer extends Transformer {
+ /**
+ * Include these attributes to payment receive entry object.
+ * @returns {Array}
+ */
+ public includeAttributes = (): string[] => {
+ return ['paymentAmountFormatted', 'entry'];
+ };
+
+ /**
+ * Retreives the payment amount formatted.
+ * @param entry
+ * @returns {string}
+ */
+ protected paymentAmountFormatted(entry) {
+ return formatNumber(entry.paymentAmount, { money: false });
+ }
+
+ /**
+ * Retreives the transformed invoice.
+ */
+ protected invoice(entry) {
+ return this.item(entry.invoice, new SaleInvoiceTransformer());
+ }
+}
diff --git a/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotification.ts b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotification.ts
new file mode 100644
index 000000000..acb1ea7a1
--- /dev/null
+++ b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotification.ts
@@ -0,0 +1,128 @@
+import { Inject, Service } from 'typedi';
+import {
+ PaymentReceiveMailOpts,
+ PaymentReceiveMailOptsDTO,
+ SendInvoiceMailDTO,
+} from '@/interfaces';
+import Mail from '@/lib/Mail';
+import HasTenancyService from '@/services/Tenancy/TenancyService';
+import {
+ DEFAULT_PAYMENT_MAIL_CONTENT,
+ DEFAULT_PAYMENT_MAIL_SUBJECT,
+} from './constants';
+import { GetPaymentReceive } from './GetPaymentReceive';
+import { ContactMailNotification } from '@/services/MailNotification/ContactMailNotification';
+import { parseAndValidateMailOptions } from '@/services/MailNotification/utils';
+
+@Service()
+export class SendPaymentReceiveMailNotification {
+ @Inject()
+ private tenancy: HasTenancyService;
+
+ @Inject()
+ private getPaymentService: GetPaymentReceive;
+
+ @Inject()
+ private contactMailNotification: ContactMailNotification;
+
+ @Inject('agenda')
+ private agenda: any;
+
+ /**
+ * Sends the mail of the given payment receive.
+ * @param {number} tenantId
+ * @param {number} paymentReceiveId
+ * @param {PaymentReceiveMailOptsDTO} messageDTO
+ * @returns {Promise}
+ */
+ public async triggerMail(
+ tenantId: number,
+ paymentReceiveId: number,
+ messageDTO: PaymentReceiveMailOptsDTO
+ ): Promise {
+ const payload = {
+ tenantId,
+ paymentReceiveId,
+ messageDTO,
+ };
+ await this.agenda.now('payment-receive-mail-send', payload);
+ }
+
+ /**
+ * Retrieves the default payment mail options.
+ * @param {number} tenantId - Tenant id.
+ * @param {number} paymentReceiveId - Payment receive id.
+ * @returns {Promise}
+ */
+ public getMailOptions = async (
+ tenantId: number,
+ paymentId: number
+ ): Promise => {
+ const { PaymentReceive } = this.tenancy.models(tenantId);
+
+ const paymentReceive = await PaymentReceive.query()
+ .findById(paymentId)
+ .throwIfNotFound();
+
+ const formatterData = await this.textFormatter(tenantId, paymentId);
+
+ return this.contactMailNotification.getMailOptions(
+ tenantId,
+ paymentReceive.customerId,
+ DEFAULT_PAYMENT_MAIL_SUBJECT,
+ DEFAULT_PAYMENT_MAIL_CONTENT,
+ formatterData
+ );
+ };
+
+ /**
+ * Retrieves the formatted text of the given sale invoice.
+ * @param {number} tenantId - Tenant id.
+ * @param {number} invoiceId - Sale invoice id.
+ * @param {string} text - The given text.
+ * @returns {Promise}
+ */
+ public textFormatter = async (
+ tenantId: number,
+ invoiceId: number
+ ): Promise> => {
+ const payment = await this.getPaymentService.getPaymentReceive(
+ tenantId,
+ invoiceId
+ );
+ return {
+ CustomerName: payment.customer.displayName,
+ PaymentNumber: payment.payment_receive_no,
+ PaymentDate: payment.formattedPaymentDate,
+ PaymentAmount: payment.formattedAmount,
+ };
+ };
+
+ /**
+ * Triggers the mail invoice.
+ * @param {number} tenantId
+ * @param {number} saleInvoiceId
+ * @param {SendInvoiceMailDTO} messageDTO
+ * @returns {Promise}
+ */
+ public async sendMail(
+ tenantId: number,
+ paymentReceiveId: number,
+ messageDTO: SendInvoiceMailDTO
+ ): Promise {
+ const defaultMessageOpts = await this.getMailOptions(
+ tenantId,
+ paymentReceiveId
+ );
+ // Parsed message opts with default options.
+ const parsedMessageOpts = parseAndValidateMailOptions(
+ defaultMessageOpts,
+ messageDTO
+ );
+ await new Mail()
+ .setSubject(parsedMessageOpts.subject)
+ .setTo(parsedMessageOpts.to)
+ .setContent(parsedMessageOpts.body)
+ .send();
+ }
+}
diff --git a/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotificationJob.ts b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotificationJob.ts
new file mode 100644
index 000000000..b29570d42
--- /dev/null
+++ b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveMailNotificationJob.ts
@@ -0,0 +1,32 @@
+import Container, { Service } from 'typedi';
+import { SendPaymentReceiveMailNotification } from './PaymentReceiveMailNotification';
+
+@Service()
+export class PaymentReceiveMailNotificationJob {
+ /**
+ * Constructor method.
+ */
+ constructor(agenda) {
+ agenda.define(
+ 'payment-receive-mail-send',
+ { priority: 'high', concurrency: 2 },
+ this.handler
+ );
+ }
+
+ /**
+ * Triggers sending payment notification via mail.
+ */
+ private handler = async (job, done: Function) => {
+ const { tenantId, paymentReceiveId, messageDTO } = job.attrs.data;
+ const paymentMail = Container.get(SendPaymentReceiveMailNotification);
+
+ try {
+ await paymentMail.sendMail(tenantId, paymentReceiveId, messageDTO);
+ done();
+ } catch (error) {
+ console.log(error);
+ done(error);
+ }
+ };
+}
diff --git a/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveTransformer.ts b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveTransformer.ts
index 0cb45a973..afce4203b 100644
--- a/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveTransformer.ts
+++ b/packages/server/src/services/Sales/PaymentReceives/PaymentReceiveTransformer.ts
@@ -2,6 +2,7 @@ import { IPaymentReceive, IPaymentReceiveEntry } from '@/interfaces';
import { Transformer } from '@/lib/Transformer/Transformer';
import { formatNumber } from 'utils';
import { SaleInvoiceTransformer } from '../Invoices/SaleInvoiceTransformer';
+import { PaymentReceiveEntryTransfromer } from './PaymentReceiveEntryTransformer';
export class PaymentReceiveTransfromer extends Transformer {
/**
@@ -45,14 +46,11 @@ export class PaymentReceiveTransfromer extends Transformer {
};
/**
- * Retrieves the
- * @param {IPaymentReceive} payment
+ * Retrieves the payment entries.
+ * @param {IPaymentReceive} payment
* @returns {IPaymentReceiveEntry[]}
*/
protected entries = (payment: IPaymentReceive): IPaymentReceiveEntry[] => {
- return payment?.entries?.map((entry) => ({
- ...entry,
- invoice: this.item(entry.invoice, new SaleInvoiceTransformer()),
- }));
+ return this.item(payment.entries, new PaymentReceiveEntryTransfromer());
};
}
diff --git a/packages/server/src/services/Sales/PaymentReceives/PaymentReceivesApplication.ts b/packages/server/src/services/Sales/PaymentReceives/PaymentReceivesApplication.ts
index afeca6010..0d5669bf8 100644
--- a/packages/server/src/services/Sales/PaymentReceives/PaymentReceivesApplication.ts
+++ b/packages/server/src/services/Sales/PaymentReceives/PaymentReceivesApplication.ts
@@ -7,6 +7,7 @@ import {
IPaymentReceiveSmsDetails,
IPaymentReceivesFilter,
ISystemUser,
+ PaymentReceiveMailOptsDTO,
} from '@/interfaces';
import { Inject, Service } from 'typedi';
import { CreatePaymentReceive } from './CreatePaymentReceive';
@@ -17,7 +18,7 @@ import { GetPaymentReceive } from './GetPaymentReceive';
import { GetPaymentReceiveInvoices } from './GetPaymentReceiveInvoices';
import { PaymentReceiveNotifyBySms } from './PaymentReceiveSmsNotify';
import GetPaymentReceivePdf from './GetPaymentReeceivePdf';
-import { PaymentReceive } from '@/models';
+import { SendPaymentReceiveMailNotification } from './PaymentReceiveMailNotification';
@Service()
export class PaymentReceivesApplication {
@@ -42,6 +43,9 @@ export class PaymentReceivesApplication {
@Inject()
private paymentSmsNotify: PaymentReceiveNotifyBySms;
+ @Inject()
+ private paymentMailNotify: SendPaymentReceiveMailNotification;
+
@Inject()
private getPaymentReceivePdfService: GetPaymentReceivePdf;
@@ -176,18 +180,47 @@ export class PaymentReceivesApplication {
};
/**
- * Retrieve PDF content of the given payment receive.
+ * Notify customer via mail about payment receive details.
+ * @param {number} tenantId
+ * @param {number} paymentReceiveId
+ * @param {IPaymentReceiveMailOpts} messageOpts
+ * @returns {Promise}
+ */
+ public notifyPaymentByMail(
+ tenantId: number,
+ paymentReceiveId: number,
+ messageOpts: PaymentReceiveMailOptsDTO
+ ): Promise {
+ return this.paymentMailNotify.triggerMail(
+ tenantId,
+ paymentReceiveId,
+ messageOpts
+ );
+ }
+
+ /**
+ * Retrieves the default mail options of the given payment transaction.
+ * @param {number} tenantId
+ * @param {number} paymentReceiveId
+ * @returns {Promise}
+ */
+ public getPaymentMailOptions(tenantId: number, paymentReceiveId: number) {
+ return this.paymentMailNotify.getMailOptions(tenantId, paymentReceiveId);
+ }
+
+ /**
+ * Retrieve pdf content of the given payment receive.
* @param {number} tenantId
* @param {PaymentReceive} paymentReceive
* @returns
*/
public getPaymentReceivePdf = (
tenantId: number,
- paymentReceive: PaymentReceive
+ paymentReceiveId: number
) => {
return this.getPaymentReceivePdfService.getPaymentReceivePdf(
tenantId,
- paymentReceive
+ paymentReceiveId
);
};
}
diff --git a/packages/server/src/services/Sales/PaymentReceives/constants.ts b/packages/server/src/services/Sales/PaymentReceives/constants.ts
index ccd8d75ee..405939617 100644
--- a/packages/server/src/services/Sales/PaymentReceives/constants.ts
+++ b/packages/server/src/services/Sales/PaymentReceives/constants.ts
@@ -1,3 +1,18 @@
+export const DEFAULT_PAYMENT_MAIL_SUBJECT = 'Payment Received by {CompanyName}';
+export const DEFAULT_PAYMENT_MAIL_CONTENT = `
+Dear {CustomerName}
+Thank you for your payment. It was a pleasure doing business with you. We look forward to work together again!
+
+Payment Date : {PaymentDate} {PaymentAmount}
+
+
+
+Regards {CompanyName}
+
+`;
+
export const ERRORS = {
PAYMENT_RECEIVE_NO_EXISTS: 'PAYMENT_RECEIVE_NO_EXISTS',
PAYMENT_RECEIVE_NOT_EXISTS: 'PAYMENT_RECEIVE_NOT_EXISTS',
@@ -12,6 +27,7 @@ export const ERRORS = {
PAYMENT_CUSTOMER_SHOULD_NOT_UPDATE: 'PAYMENT_CUSTOMER_SHOULD_NOT_UPDATE',
CUSTOMER_HAS_PAYMENT_RECEIVES: 'CUSTOMER_HAS_PAYMENT_RECEIVES',
PAYMENT_ACCOUNT_CURRENCY_INVALID: 'PAYMENT_ACCOUNT_CURRENCY_INVALID',
+ NO_INVOICE_CUSTOMER_EMAIL_ADDR: 'NO_INVOICE_CUSTOMER_EMAIL_ADDR',
};
export const DEFAULT_VIEWS = [];
diff --git a/packages/server/src/services/Sales/Receipts/SaleReceiptApplication.ts b/packages/server/src/services/Sales/Receipts/SaleReceiptApplication.ts
index 8dfdd4c75..d4c87df29 100644
--- a/packages/server/src/services/Sales/Receipts/SaleReceiptApplication.ts
+++ b/packages/server/src/services/Sales/Receipts/SaleReceiptApplication.ts
@@ -5,6 +5,8 @@ import {
IPaginationMeta,
ISaleReceipt,
ISalesReceiptsFilter,
+ SaleReceiptMailOpts,
+ SaleReceiptMailOptsDTO,
} from '@/interfaces';
import { EditSaleReceipt } from './EditSaleReceipt';
import { GetSaleReceipt } from './GetSaleReceipt';
@@ -13,6 +15,7 @@ import { GetSaleReceipts } from './GetSaleReceipts';
import { CloseSaleReceipt } from './CloseSaleReceipt';
import { SaleReceiptsPdf } from './SaleReceiptsPdfService';
import { SaleReceiptNotifyBySms } from './SaleReceiptNotifyBySms';
+import { SaleReceiptMailNotification } from './SaleReceiptMailNotification';
@Service()
export class SaleReceiptApplication {
@@ -40,6 +43,9 @@ export class SaleReceiptApplication {
@Inject()
private saleReceiptNotifyBySmsService: SaleReceiptNotifyBySms;
+ @Inject()
+ private saleReceiptNotifyByMailService: SaleReceiptMailNotification;
+
/**
* Creates a new sale receipt with associated entries.
* @param {number} tenantId
@@ -166,4 +172,39 @@ export class SaleReceiptApplication {
saleReceiptId
);
}
+
+ /**
+ * Sends the receipt mail of the given sale receipt.
+ * @param {number} tenantId
+ * @param {number} saleReceiptId
+ * @param {SaleReceiptMailOptsDTO} messageOpts
+ * @returns {Promise}
+ */
+ public sendSaleReceiptMail(
+ tenantId: number,
+ saleReceiptId: number,
+ messageOpts: SaleReceiptMailOptsDTO
+ ): Promise {
+ return this.saleReceiptNotifyByMailService.triggerMail(
+ tenantId,
+ saleReceiptId,
+ messageOpts
+ );
+ }
+
+ /**
+ * Retrieves the default mail options of the given sale receipt.
+ * @param {number} tenantId
+ * @param {number} saleReceiptId
+ * @returns {Promise}
+ */
+ public getSaleReceiptMail(
+ tenantId: number,
+ saleReceiptId: number
+ ): Promise {
+ return this.saleReceiptNotifyByMailService.getMailOptions(
+ tenantId,
+ saleReceiptId
+ );
+ }
}
diff --git a/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotification.ts b/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotification.ts
new file mode 100644
index 000000000..572bed2f8
--- /dev/null
+++ b/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotification.ts
@@ -0,0 +1,142 @@
+import HasTenancyService from '@/services/Tenancy/TenancyService';
+import { Inject, Service } from 'typedi';
+import Mail from '@/lib/Mail';
+import { GetSaleReceipt } from './GetSaleReceipt';
+import { SaleReceiptsPdf } from './SaleReceiptsPdfService';
+import {
+ DEFAULT_RECEIPT_MAIL_CONTENT,
+ DEFAULT_RECEIPT_MAIL_SUBJECT,
+} from './constants';
+import { SaleReceiptMailOpts, SaleReceiptMailOptsDTO } from '@/interfaces';
+import { ContactMailNotification } from '@/services/MailNotification/ContactMailNotification';
+import { parseAndValidateMailOptions } from '@/services/MailNotification/utils';
+
+@Service()
+export class SaleReceiptMailNotification {
+ @Inject()
+ private tenancy: HasTenancyService;
+
+ @Inject()
+ private getSaleReceiptService: GetSaleReceipt;
+
+ @Inject()
+ private receiptPdfService: SaleReceiptsPdf;
+
+ @Inject()
+ private contactMailNotification: ContactMailNotification;
+
+ @Inject('agenda')
+ private agenda: any;
+
+ /**
+ * Sends the receipt mail of the given sale receipt.
+ * @param {number} tenantId
+ * @param {number} saleReceiptId
+ * @param {SaleReceiptMailOptsDTO} messageDTO
+ */
+ public async triggerMail(
+ tenantId: number,
+ saleReceiptId: number,
+ messageOpts: SaleReceiptMailOptsDTO
+ ) {
+ const payload = {
+ tenantId,
+ saleReceiptId,
+ messageOpts,
+ };
+ await this.agenda.now('sale-receipt-mail-send', payload);
+ }
+
+ /**
+ * Retrieves the mail options of the given sale receipt.
+ * @param {number} tenantId
+ * @param {number} saleReceiptId
+ * @returns {Promise}
+ */
+ public async getMailOptions(
+ tenantId: number,
+ saleReceiptId: number
+ ): Promise {
+ const { SaleReceipt } = this.tenancy.models(tenantId);
+
+ const saleReceipt = await SaleReceipt.query()
+ .findById(saleReceiptId)
+ .throwIfNotFound();
+
+ const formattedData = await this.textFormatter(tenantId, saleReceiptId);
+
+ const mailOpts = await this.contactMailNotification.getMailOptions(
+ tenantId,
+ saleReceipt.customerId,
+ DEFAULT_RECEIPT_MAIL_SUBJECT,
+ DEFAULT_RECEIPT_MAIL_CONTENT,
+ formattedData
+ );
+ return {
+ ...mailOpts,
+ attachReceipt: true,
+ };
+ }
+
+ /**
+ * Retrieves the formatted text of the given sale receipt.
+ * @param {number} tenantId - Tenant id.
+ * @param {number} receiptId - Sale receipt id.
+ * @param {string} text - The given text.
+ * @returns {Promise}
+ */
+ public textFormatter = async (
+ tenantId: number,
+ receiptId: number
+ ): Promise> => {
+ const receipt = await this.getSaleReceiptService.getSaleReceipt(
+ tenantId,
+ receiptId
+ );
+ return {
+ CustomerName: receipt.customer.displayName,
+ ReceiptNumber: receipt.receiptNumber,
+ ReceiptDate: receipt.formattedReceiptDate,
+ ReceiptAmount: receipt.formattedAmount,
+ };
+ };
+
+ /**
+ * Triggers the mail notification of the given sale receipt.
+ * @param {number} tenantId - Tenant id.
+ * @param {number} saleReceiptId - Sale receipt id.
+ * @param {SaleReceiptMailOpts} messageDTO - Overrided message options.
+ * @returns {Promise}
+ */
+ public async sendMail(
+ tenantId: number,
+ saleReceiptId: number,
+ messageOpts: SaleReceiptMailOptsDTO
+ ) {
+ const defaultMessageOpts = await this.getMailOptions(
+ tenantId,
+ saleReceiptId
+ );
+ // Merges message opts with default options.
+ const parsedMessageOpts = parseAndValidateMailOptions(
+ defaultMessageOpts,
+ messageOpts
+ );
+ const mail = new Mail()
+ .setSubject(parsedMessageOpts.subject)
+ .setTo(parsedMessageOpts.to)
+ .setContent(parsedMessageOpts.body);
+
+ if (parsedMessageOpts.attachReceipt) {
+ // Retrieves document buffer of the receipt pdf document.
+ const receiptPdfBuffer = await this.receiptPdfService.saleReceiptPdf(
+ tenantId,
+ saleReceiptId
+ );
+ mail.setAttachments([
+ { filename: 'receipt.pdf', content: receiptPdfBuffer },
+ ]);
+ }
+ await mail.send();
+ }
+}
diff --git a/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotificationJob.ts b/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotificationJob.ts
new file mode 100644
index 000000000..f32325114
--- /dev/null
+++ b/packages/server/src/services/Sales/Receipts/SaleReceiptMailNotificationJob.ts
@@ -0,0 +1,36 @@
+import Container, { Service } from 'typedi';
+import { SaleReceiptMailNotification } from './SaleReceiptMailNotification';
+
+@Service()
+export class SaleReceiptMailNotificationJob {
+ /**
+ * Constructor method.
+ */
+ constructor(agenda) {
+ agenda.define(
+ 'sale-receipt-mail-send',
+ { priority: 'high', concurrency: 2 },
+ this.handler
+ );
+ }
+
+ /**
+ * Triggers sending invoice mail.
+ */
+ private handler = async (job, done: Function) => {
+ const { tenantId, saleReceiptId, messageOpts } = job.attrs.data;
+ const receiveMailNotification = Container.get(SaleReceiptMailNotification);
+
+ try {
+ await receiveMailNotification.sendMail(
+ tenantId,
+ saleReceiptId,
+ messageOpts
+ );
+ done();
+ } catch (error) {
+ console.log(error);
+ done(error);
+ }
+ };
+}
diff --git a/packages/server/src/services/Sales/Receipts/SaleReceiptTransformer.ts b/packages/server/src/services/Sales/Receipts/SaleReceiptTransformer.ts
index 0469adfa0..c8b950711 100644
--- a/packages/server/src/services/Sales/Receipts/SaleReceiptTransformer.ts
+++ b/packages/server/src/services/Sales/Receipts/SaleReceiptTransformer.ts
@@ -2,6 +2,7 @@ import { Service } from 'typedi';
import { ISaleReceipt } from '@/interfaces';
import { Transformer } from '@/lib/Transformer/Transformer';
import { formatNumber } from 'utils';
+import { ItemEntryTransformer } from '../Invoices/ItemEntryTransformer';
@Service()
export class SaleReceiptTransformer extends Transformer {
@@ -10,7 +11,12 @@ export class SaleReceiptTransformer extends Transformer {
* @returns {Array}
*/
public includeAttributes = (): string[] => {
- return ['formattedAmount', 'formattedReceiptDate', 'formattedClosedAtDate'];
+ return [
+ 'formattedAmount',
+ 'formattedReceiptDate',
+ 'formattedClosedAtDate',
+ 'entries',
+ ];
};
/**
@@ -41,4 +47,15 @@ export class SaleReceiptTransformer extends Transformer {
currencyCode: receipt.currencyCode,
});
};
+
+ /**
+ * Retrieves the entries of the credit note.
+ * @param {ISaleReceipt} credit
+ * @returns {}
+ */
+ protected entries = (receipt) => {
+ return this.item(receipt.entries, new ItemEntryTransformer(), {
+ currencyCode: receipt.currencyCode,
+ });
+ };
}
diff --git a/packages/server/src/services/Sales/Receipts/SaleReceiptsPdfService.ts b/packages/server/src/services/Sales/Receipts/SaleReceiptsPdfService.ts
index 55863b4d8..cad2b5f93 100644
--- a/packages/server/src/services/Sales/Receipts/SaleReceiptsPdfService.ts
+++ b/packages/server/src/services/Sales/Receipts/SaleReceiptsPdfService.ts
@@ -1,36 +1,39 @@
import { Inject, Service } from 'typedi';
-import PdfService from '@/services/PDF/PdfService';
-import { templateRender } from 'utils';
-import HasTenancyService from '@/services/Tenancy/TenancyService';
-import { Tenant } from '@/system/models';
+import { TemplateInjectable } from '@/services/TemplateInjectable/TemplateInjectable';
+import { ChromiumlyTenancy } from '@/services/ChromiumlyTenancy/ChromiumlyTenancy';
+import { GetSaleReceipt } from './GetSaleReceipt';
@Service()
export class SaleReceiptsPdf {
@Inject()
- pdfService: PdfService;
+ private chromiumlyTenancy: ChromiumlyTenancy;
@Inject()
- tenancy: HasTenancyService;
+ private templateInjectable: TemplateInjectable;
+
+ @Inject()
+ private getSaleReceiptService: GetSaleReceipt;
/**
- * Retrieve sale invoice pdf content.
- * @param {} saleInvoice -
+ * Retrieves sale invoice pdf content.
+ * @param {number} tenantId -
+ * @param {number} saleInvoiceId -
+ * @returns {Promise}
*/
- async saleReceiptPdf(tenantId: number, saleReceipt) {
- const i18n = this.tenancy.i18n(tenantId);
-
- const organization = await Tenant.query()
- .findById(tenantId)
- .withGraphFetched('metadata');
-
- const htmlContent = templateRender('modules/receipt-regular', {
- saleReceipt,
- organizationName: organization.metadata.name,
- organizationEmail: organization.metadata.email,
- ...i18n,
+ public async saleReceiptPdf(tenantId: number, saleReceiptId: number) {
+ const saleReceipt = await this.getSaleReceiptService.getSaleReceipt(
+ tenantId,
+ saleReceiptId
+ );
+ const htmlContent = await this.templateInjectable.render(
+ tenantId,
+ 'modules/receipt-regular',
+ {
+ saleReceipt,
+ }
+ );
+ return this.chromiumlyTenancy.convertHtmlContent(tenantId, htmlContent, {
+ margins: { top: 0, bottom: 0, left: 0, right: 0 },
});
- const pdfContent = await this.pdfService.pdfDocument(htmlContent);
-
- return pdfContent;
}
}
diff --git a/packages/server/src/services/Sales/Receipts/constants.ts b/packages/server/src/services/Sales/Receipts/constants.ts
index bf0cdef18..084af9214 100644
--- a/packages/server/src/services/Sales/Receipts/constants.ts
+++ b/packages/server/src/services/Sales/Receipts/constants.ts
@@ -1,3 +1,19 @@
+export const DEFAULT_RECEIPT_MAIL_SUBJECT =
+ 'Receipt {ReceiptNumber} from {CompanyName}';
+export const DEFAULT_RECEIPT_MAIL_CONTENT = `
+Dear {CustomerName}
+Thank you for your business, You can view or print your receipt from attachements.
+
+Receipt #{ReceiptNumber} {ReceiptAmount}
+
+
+
+Regards {CompanyName}
+
+`;
+
export const ERRORS = {
SALE_RECEIPT_NOT_FOUND: 'SALE_RECEIPT_NOT_FOUND',
DEPOSIT_ACCOUNT_NOT_FOUND: 'DEPOSIT_ACCOUNT_NOT_FOUND',
@@ -6,6 +22,7 @@ export const ERRORS = {
SALE_RECEIPT_IS_ALREADY_CLOSED: 'SALE_RECEIPT_IS_ALREADY_CLOSED',
SALE_RECEIPT_NO_IS_REQUIRED: 'SALE_RECEIPT_NO_IS_REQUIRED',
CUSTOMER_HAS_SALES_INVOICES: 'CUSTOMER_HAS_SALES_INVOICES',
+ NO_INVOICE_CUSTOMER_EMAIL_ADDR: 'NO_INVOICE_CUSTOMER_EMAIL_ADDR'
};
export const DEFAULT_VIEW_COLUMNS = [];
diff --git a/packages/server/src/services/TemplateInjectable/TemplateInjectable.ts b/packages/server/src/services/TemplateInjectable/TemplateInjectable.ts
new file mode 100644
index 000000000..fd2c965a8
--- /dev/null
+++ b/packages/server/src/services/TemplateInjectable/TemplateInjectable.ts
@@ -0,0 +1,35 @@
+import { Inject, Service } from 'typedi';
+import HasTenancyService from '../Tenancy/TenancyService';
+import { templateRender } from '@/utils';
+import { Tenant } from '@/system/models';
+
+@Service()
+export class TemplateInjectable {
+ @Inject()
+ private tenancy: HasTenancyService;
+
+ /**
+ * Renders the given filename of the template.
+ * @param {number} tenantId
+ * @param {string} filename
+ * @returns {string}
+ */
+ public async render(
+ tenantId: number,
+ filename: string,
+ options: Record
+ ) {
+ const i18n = this.tenancy.i18n(tenantId);
+
+ const organization = await Tenant.query()
+ .findById(tenantId)
+ .withGraphFetched('metadata');
+
+ return templateRender(filename, {
+ organizationName: organization.metadata.name,
+ organizationEmail: organization.metadata.email,
+ __: i18n.__,
+ ...options
+ });
+ }
+}
diff --git a/packages/server/src/subscribers/events.ts b/packages/server/src/subscribers/events.ts
index 24ca0a0a3..e54f48152 100644
--- a/packages/server/src/subscribers/events.ts
+++ b/packages/server/src/subscribers/events.ts
@@ -129,6 +129,9 @@ export default {
onNotifySms: 'onSaleInvoiceNotifySms',
onNotifiedSms: 'onSaleInvoiceNotifiedSms',
+
+ onNotifyMail: 'onSaleInvoiceNotifyMail',
+ onNotifyReminderMail: 'onSaleInvoiceNotifyReminderMail'
},
/**
@@ -160,6 +163,8 @@ export default {
onRejecting: 'onSaleEstimateRejecting',
onRejected: 'onSaleEstimateRejected',
+
+ onNotifyMail: 'onSaleEstimateNotifyMail'
},
/**
diff --git a/packages/server/src/system/migrations/20231012112401_add_tax_number_column_to_tenants_metadata_table.js b/packages/server/src/system/migrations/20231012112401_add_tax_number_column_to_tenants_metadata_table.js
new file mode 100644
index 000000000..ce7de80f0
--- /dev/null
+++ b/packages/server/src/system/migrations/20231012112401_add_tax_number_column_to_tenants_metadata_table.js
@@ -0,0 +1,11 @@
+exports.up = function (knex) {
+ return knex.schema.table('tenants_metadata', (table) => {
+ table.string('tax_number')
+ });
+};
+
+exports.down = function (knex) {
+ return knex.schema.table('tenants_metadata', (table) => {
+ table.dropColumn('tax_number');
+ });
+};
diff --git a/packages/server/src/utils/deepdash.ts b/packages/server/src/utils/deepdash.ts
index 5d4ef60df..0ce65216a 100644
--- a/packages/server/src/utils/deepdash.ts
+++ b/packages/server/src/utils/deepdash.ts
@@ -41,10 +41,10 @@ const mapValuesDeepReverse = (nodes, callback, config?) => {
);
const mappedNode = callback(node, children);
- _.set(clonedNodes, pathString, {
- ...mappedNode,
- ...(!_.isEmpty(children) ? { children } : {}),
- });
+ if (!mappedNode.children && children) {
+ mappedNode.children = children;
+ }
+ _.set(clonedNodes, pathString, mappedNode);
});
return clonedNodes;
};
@@ -78,6 +78,27 @@ const filterNodesDeep = (predicate, nodes) => {
);
};
+const flatNestedTree = (obj, mapper, options) => {
+ return reduceDeep(
+ obj,
+ (accumulator, value, key, parentValue, context) => {
+ const computedValue = _.omit(value, ['children']);
+ const mappedValue = mapper
+ ? mapper(computedValue, key, context)
+ : computedValue;
+
+ accumulator.push(mappedValue);
+ return accumulator;
+ },
+ [],
+ {
+ childrenPath: 'children',
+ pathFormat: 'array',
+ ...options,
+ }
+ );
+};
+
export {
iteratee,
condense,
@@ -103,4 +124,5 @@ export {
someDeep,
mapValuesDeepReverse,
filterNodesDeep,
+ flatNestedTree,
};
diff --git a/packages/server/src/utils/index.ts b/packages/server/src/utils/index.ts
index 2b09381d1..919cd7af7 100644
--- a/packages/server/src/utils/index.ts
+++ b/packages/server/src/utils/index.ts
@@ -372,7 +372,7 @@ const mergeObjectsBykey = (object1, object2, key) => {
};
function templateRender(filePath, options) {
- const basePath = path.join(__dirname, '../../resources/views');
+ const basePath = path.join(global.__resources_dir, '/views');
return pug.renderFile(`${basePath}/${filePath}.pug`, options);
}
diff --git a/packages/server/src/utils/table.ts b/packages/server/src/utils/table.ts
index a6d39be94..74f5c3170 100644
--- a/packages/server/src/utils/table.ts
+++ b/packages/server/src/utils/table.ts
@@ -22,7 +22,9 @@ export function tableRowMapper(
): ITableRow {
const cells = columns.map((column) => ({
key: column.key,
- value: column.value ? column.value : getAccessor(object, column.accessor),
+ value: column.value
+ ? column.value
+ : getAccessor(object, column.accessor) || '',
}));
return {
diff --git a/packages/server/storage/.gitignore b/packages/server/storage/.gitignore
new file mode 100644
index 000000000..8a4307f28
--- /dev/null
+++ b/packages/server/storage/.gitignore
@@ -0,0 +1,3 @@
+*
+!pdf/
+!.gitignore
\ No newline at end of file
diff --git a/packages/server/storage/pdf/.gitignore b/packages/server/storage/pdf/.gitignore
new file mode 100644
index 000000000..c96a04f00
--- /dev/null
+++ b/packages/server/storage/pdf/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
\ No newline at end of file
diff --git a/packages/webapp/Dockerfile b/packages/webapp/Dockerfile
index 6415a6510..41054a525 100644
--- a/packages/webapp/Dockerfile
+++ b/packages/webapp/Dockerfile
@@ -1,17 +1,26 @@
-FROM node:14.15.0 as build
+FROM node:18.16.0-alpine as build
USER root
WORKDIR /app
-# Install dependencies
-COPY package*.json ./
-COPY lerna.json ./
+# Copy application dependency manifests to the container image.
+COPY ./package*.json ./
+COPY ./pnpm-lock.yaml ./pnpm-lock.yaml
+COPY ./pnpm-workspace.yaml ./pnpm-workspace.yaml
+COPY ./lerna.json ./lerna.json
+COPY ./packages/webapp/package*.json ./packages/webapp/
-COPY ./packages/webapp/package*.json /app/packages/webapp/
+# Install application dependencies
+RUN apk update
+RUN apk add python3 build-base chromium
-RUN npm install
-RUN npm run bootstrap
+# Set PYHTON env
+ENV PYTHON=/usr/bin/python3
+
+# Install pnpm packages dependencies
+RUN npm install -g pnpm
+RUN pnpm install
# Build webapp package
COPY ./packages/webapp /app/packages/webapp
diff --git a/packages/webapp/craco.config.js b/packages/webapp/craco.config.js
index 724a886c9..4d444d065 100644
--- a/packages/webapp/craco.config.js
+++ b/packages/webapp/craco.config.js
@@ -5,5 +5,13 @@ module.exports = {
alias: {
'@': path.resolve(__dirname, 'src'),
},
+ configure: {
+ resolve: {
+ fallback: { path: require.resolve('path-browserify') },
+ },
+ },
+ },
+ devServer: {
+ allowedHosts: process.env.GITPOD_HOST ? 'all' : 'auto'
},
};
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 1d6481add..c1c2415aa 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -20,6 +20,13 @@
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.4.0",
"@testing-library/user-event": "^7.2.1",
+ "@tiptap/extension-color": "latest",
+ "@tiptap/extension-text-style": "2.1.13",
+ "@tiptap/core": "2.1.13",
+ "@tiptap/pm": "2.1.13",
+ "@tiptap/extension-list-item": "2.1.13",
+ "@tiptap/react": "2.1.13",
+ "@tiptap/starter-kit": "2.1.13",
"@types/jest": "^26.0.15",
"@types/js-money": "^0.6.1",
"@types/lodash": "^4.14.172",
@@ -37,7 +44,7 @@
"@typescript-eslint/parser": "^2.10.0",
"@welldone-software/why-did-you-render": "^6.0.0-rc.1",
"accounting": "^0.4.1",
- "axios": "^0.21.2",
+ "axios": "^1.6.0",
"basscss": "^8.0.2",
"camelcase": "^5.3.1",
"classnames": "^2.3.2",
diff --git a/packages/webapp/src/components/Dashboard/Dashboard.tsx b/packages/webapp/src/components/Dashboard/Dashboard.tsx
index 2637128cf..467963849 100644
--- a/packages/webapp/src/components/Dashboard/Dashboard.tsx
+++ b/packages/webapp/src/components/Dashboard/Dashboard.tsx
@@ -51,8 +51,8 @@ export default function Dashboard() {
,
+ RichEditorProps {
+ name: string;
+ value?: string;
+}
+
+interface FieldToRichEditorProps
+ extends FieldProps,
+ Omit {}
+
+/**
+ * Transformes the field props to `RichEditor` props.
+ * @param {FieldToRichEditorProps}
+ * @returns {HTMLSelectProps}
+ */
+function fieldToRichEditor({
+ field: { onBlur: onFieldBlur, ...field },
+ form: { touched, errors, ...form },
+ ...props
+}: FieldToRichEditorProps): RichEditorProps {
+ return {
+ ...field,
+ ...props,
+ onChange: (value: string) => {
+ form.setFieldValue(field.name, value);
+ },
+ };
+}
+
+/**
+ * Transformes field props to `RichEditor` props.
+ * @param {FieldToRichEditorProps}
+ * @returns {JSX.Element}
+ */
+function FieldToRichEditor({ ...props }: FieldToRichEditorProps): JSX.Element {
+ return
+
+ );
+};
diff --git a/packages/webapp/src/components/RichEditor/index.ts b/packages/webapp/src/components/RichEditor/index.ts
new file mode 100644
index 000000000..226b701f3
--- /dev/null
+++ b/packages/webapp/src/components/RichEditor/index.ts
@@ -0,0 +1 @@
+export * from './RichEditor';
\ No newline at end of file
diff --git a/packages/webapp/src/constants/dialogs.ts b/packages/webapp/src/constants/dialogs.ts
index e9c82bdd4..c9bb52a0e 100644
--- a/packages/webapp/src/constants/dialogs.ts
+++ b/packages/webapp/src/constants/dialogs.ts
@@ -48,5 +48,9 @@ export enum DialogsName {
ProjectBillableEntriesForm = 'project-billable-entries',
InvoiceNumberSettings = 'InvoiceNumberSettings',
TaxRateForm = 'tax-rate-form',
- InvoiceExchangeRateChangeNotice = 'InvoiceExchangeRateChangeNotice'
+ InvoiceExchangeRateChangeNotice = 'InvoiceExchangeRateChangeNotice',
+ InvoiceMail = 'invoice-mail',
+ EstimateMail = 'estimate-mail',
+ ReceiptMail = 'receipt-mail',
+ PaymentMail = 'payment-mail',
}
diff --git a/packages/webapp/src/constants/preferencesMenu.tsx b/packages/webapp/src/constants/preferencesMenu.tsx
index f90c7ed04..0925532ff 100644
--- a/packages/webapp/src/constants/preferencesMenu.tsx
+++ b/packages/webapp/src/constants/preferencesMenu.tsx
@@ -12,6 +12,22 @@ export default [
text:
@@ -78,13 +82,21 @@ function EstimateDetailActionsBar({
/>
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ interactionKind={PopoverInteractionKind.CLICK}
+ position={Position.BOTTOM_LEFT}
+ modifiers={{
+ offset: { offset: '0, 4' },
+ }}
+ >
+
+ );
+ },
+);
diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/utils.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/utils.tsx
index 3172feae4..71c869c7e 100644
--- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/utils.tsx
+++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/utils.tsx
@@ -47,9 +47,8 @@ export const useEstimateReadonlyEntriesColumns = () => {
},
{
Header: intl.get('rate'),
- accessor: 'rate',
- Cell: FormatNumberCell,
- width: getColumnWidth(entries, 'rate', {
+ accessor: 'rate_formatted',
+ width: getColumnWidth(entries, 'rate_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
@@ -59,9 +58,9 @@ export const useEstimateReadonlyEntriesColumns = () => {
},
{
Header: intl.get('amount'),
- accessor: 'amount',
+ accessor: 'total_formatted',
Cell: FormatNumberCell,
- width: getColumnWidth(entries, 'amount', {
+ width: getColumnWidth(entries, 'total_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
index 425664b10..4a2482165 100644
--- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
+++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
@@ -31,6 +31,7 @@ import {
import { compose } from '@/utils';
import { BadDebtMenuItem } from './utils';
import { DRAWERS } from '@/constants/drawers';
+import { DialogsName } from '@/constants/dialogs';
/**
* Invoice details action bar.
@@ -93,6 +94,10 @@ function InvoiceDetailActionsBar({
openAlert('cancel-bad-debt', { invoiceId });
};
+ const handleMailInvoice = () => {
+ openDialog(DialogsName.InvoiceMail, { invoiceId });
+ };
+
return (
@@ -117,12 +122,19 @@ function InvoiceDetailActionsBar({
+
@@ -81,12 +86,19 @@ function PaymentReceiveActionsBar({
+
{
},
{
Header: intl.get('payment_amount'),
- accessor: 'invoice.payment_amount',
- Cell: FormatNumberCell,
+ accessor: 'payment_amount_formatted',
align: 'right',
- width: getColumnWidth(entries, 'invoice.payment_amount', {
+ width: getColumnWidth(entries, 'payment_amount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx
index b3e43b6ed..9ca00216a 100644
--- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx
+++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx
@@ -24,6 +24,7 @@ import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider';
import { SaleReceiptAction, AbilitySubject } from '@/constants/abilityOption';
import { safeCallback, compose } from '@/utils';
import { DRAWERS } from '@/constants/drawers';
+import { DialogsName } from '@/constants/dialogs';
/**
* Receipt details actions bar.
@@ -60,6 +61,9 @@ function ReceiptDetailActionBar({
const handleNotifyViaSMS = () => {
openDialog('notify-receipt-via-sms', { receiptId });
};
+ const handleReceiptMail = () => {
+ openDialog(DialogsName.ReceiptMail, { receiptId });
+ };
return (
@@ -74,6 +78,12 @@ function ReceiptDetailActionBar({
+
{
},
{
Header: intl.get('rate'),
- accessor: 'rate',
- Cell: FormatNumberCell,
- width: getColumnWidth(entries, 'rate', {
+ accessor: 'rate_formatted',
+ width: getColumnWidth(entries, 'rate_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
@@ -73,9 +72,8 @@ export const useVendorCreditReadonlyEntriesTableColumns = () => {
},
{
Header: intl.get('amount'),
- accessor: 'amount',
- Cell: FormatNumberCell,
- width: getColumnWidth(entries, 'amount', {
+ accessor: 'total_formatted',
+ width: getColumnWidth(entries, 'total_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
diff --git a/packages/webapp/src/containers/Entries/utils.tsx b/packages/webapp/src/containers/Entries/utils.tsx
index 50f6555e3..326669cd4 100644
--- a/packages/webapp/src/containers/Entries/utils.tsx
+++ b/packages/webapp/src/containers/Entries/utils.tsx
@@ -284,26 +284,31 @@ export const useComposeRowsOnRemoveTableRow = () => {
/**
* Retrieves the aggregate tax rates from the given item entries.
+ * @param {string} currencyCode -
+ * @param {any} taxRates -
+ * @param {any} entries -
*/
-export const aggregateItemEntriesTaxRates = R.curry((taxRates, entries) => {
- const taxRatesById = keyBy(taxRates, 'id');
+export const aggregateItemEntriesTaxRates = R.curry(
+ (currencyCode, taxRates, entries) => {
+ const taxRatesById = keyBy(taxRates, 'id');
- // Calculate the total tax amount of invoice entries.
- const filteredEntries = entries.filter((e) => e.tax_rate_id);
- const groupedTaxRates = groupBy(filteredEntries, 'tax_rate_id');
+ // Calculate the total tax amount of invoice entries.
+ const filteredEntries = entries.filter((e) => e.tax_rate_id);
+ const groupedTaxRates = groupBy(filteredEntries, 'tax_rate_id');
- return Object.keys(groupedTaxRates).map((taxRateId) => {
- const taxRate = taxRatesById[taxRateId];
- const taxRates = groupedTaxRates[taxRateId];
- const totalTaxAmount = sumBy(taxRates, 'tax_amount');
- const taxAmountFormatted = formattedAmount(totalTaxAmount, 'USD');
+ return Object.keys(groupedTaxRates).map((taxRateId) => {
+ const taxRate = taxRatesById[taxRateId];
+ const taxRates = groupedTaxRates[taxRateId];
+ const totalTaxAmount = sumBy(taxRates, 'tax_amount');
+ const taxAmountFormatted = formattedAmount(totalTaxAmount, currencyCode);
- return {
- taxRateId,
- taxRate: taxRate.rate,
- label: `${taxRate.name} [${taxRate.rate}%]`,
- taxAmount: totalTaxAmount,
- taxAmountFormatted,
- };
- });
-});
+ return {
+ taxRateId,
+ taxRate: taxRate.rate,
+ label: `${taxRate.name} [${taxRate.rate}%]`,
+ taxAmount: totalTaxAmount,
+ taxAmountFormatted,
+ };
+ });
+ },
+);
diff --git a/packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryActionsBar.tsx
index de806ab2f..f0473ab58 100644
--- a/packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryActionsBar.tsx
@@ -15,6 +15,7 @@ import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components';
import { useAPAgingSummaryContext } from './APAgingSummaryProvider';
import NumberFormatDropdown from '@/components/NumberFormatDropdown';
+import { APAgingSummaryExportMenu } from './components';
import withAPAgingSummary from './withAPAgingSummary';
import withAPAgingSummaryActions from './withAPAgingSummaryActions';
@@ -106,11 +107,18 @@ function APAgingSummaryActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useAPAgingSheetXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useAPAgingSheetCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx
index bccef0742..4b34f94aa 100644
--- a/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx
@@ -19,6 +19,7 @@ import withARAgingSummaryActions from './withARAgingSummaryActions';
import withARAgingSummary from './withARAgingSummary';
import { compose, safeInvoke } from '@/utils';
+import { ARAgingSummaryExportMenu } from './components';
/**
* A/R Aging summary sheet - Actions bar.
@@ -107,11 +108,18 @@ function ARAgingSummaryActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useARAgingSheetXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useARAgingSheetCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.tsx
index dd50cd541..0421ea2ae 100644
--- a/packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.tsx
@@ -1,5 +1,4 @@
// @ts-nocheck
-import React from 'react';
import {
NavbarGroup,
Button,
@@ -13,11 +12,12 @@ import classNames from 'classnames';
import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components';
import NumberFormatDropdown from '@/components/NumberFormatDropdown';
+import { BalanceSheetExportMenu } from './components';
-import { compose, saveInvoke } from '@/utils';
import { useBalanceSheetContext } from './BalanceSheetProvider';
import withBalanceSheet from './withBalanceSheet';
import withBalanceSheetActions from './withBalanceSheetActions';
+import { compose, saveInvoke } from '@/utils';
/**
* Balance sheet - actions bar.
@@ -114,11 +114,18 @@ function BalanceSheetActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useBalanceSheetXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useBalanceSheetCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport().then(() => {});
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport().then(() => {});
+ };
+
+ return (
+
+
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementActionsBar.tsx
index 559f86053..957b7e733 100644
--- a/packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementActionsBar.tsx
@@ -19,6 +19,7 @@ import withCashFlowStatement from './withCashFlowStatement';
import withCashFlowStatementActions from './withCashFlowStatementActions';
import { compose, saveInvoke } from '@/utils';
+import { CashflowSheetExportMenu } from './components';
/**
* Cash flow statement actions bar.
@@ -115,11 +116,18 @@ function CashFlowStatementActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useCashFlowStatementXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useCashFlowStatementCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.tsx
index 81d8a7848..f22fea1e6 100644
--- a/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryActionsBar.tsx
@@ -17,6 +17,7 @@ import withCustomersBalanceSummary from './withCustomersBalanceSummary';
import withCustomersBalanceSummaryActions from './withCustomersBalanceSummaryActions';
import { useCustomersBalanceSummaryContext } from './CustomersBalanceSummaryProvider';
import { compose, saveInvoke } from '@/utils';
+import { CustomerBalanceSummaryExportMenu } from './components';
/**
* customer balance summary action bar.
@@ -35,7 +36,7 @@ function CustomersBalanceSummaryActionsBar({
const { refetch, isCustomersBalanceLoading } =
useCustomersBalanceSummaryContext();
- // handle filter toggle click.
+ // Handle filter toggle click.
const handleFilterToggleClick = () => {
toggleCustomerBalanceFilterDrawer();
};
@@ -112,11 +113,18 @@ function CustomersBalanceSummaryActionsBar({
icon={
diff --git a/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryTable.tsx b/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryTable.tsx
index c03ca5cde..69fb340c7 100644
--- a/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryTable.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryTable.tsx
@@ -32,7 +32,7 @@ export default function CustomersBalanceSummaryTable({
>
);
}
+
+/**
+ * Customer balance summary export menu.
+ */
+export function CustomerBalanceSummaryExportMenu() {
+ const toastKey = useRef(null);
+ const commonToastConfig = {
+ isCloseButtonShown: true,
+ timeout: 2000,
+ };
+ const { query } = useCustomersBalanceSummaryContext();
+
+ const openProgressToast = (amount: number) => {
+ return (
+
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useCustomerBalanceSummaryXlsxExport(
+ query,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useCustomerBalanceSummaryCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.tsx
index 3b80a051a..044bf9e9d 100644
--- a/packages/webapp/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsActionsBar.tsx
@@ -9,9 +9,10 @@ import {
PopoverInteractionKind,
Position,
} from '@blueprintjs/core';
-import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components';
import classNames from 'classnames';
+import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components';
+import { CustomersTransactionsExportMenu } from './components';
import NumberFormatDropdown from '@/components/NumberFormatDropdown';
import { useCustomersTransactionsContext } from './CustomersTransactionsProvider';
@@ -114,11 +115,18 @@ function CustomersTransactionsActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useCustomersTransactionsXlsxExport(
+ query,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useCustomersTransactionsCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.tsx
index 971da31d9..e450c78bb 100644
--- a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.tsx
@@ -12,6 +12,7 @@ import {
import classNames from 'classnames';
import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components';
+import { GeneralLedgerSheetExportMenu } from './components';
import { useGeneralLedgerContext } from './GeneralLedgerProvider';
import { compose } from '@/utils';
@@ -84,11 +85,18 @@ function GeneralLedgerActionsBar({
icon={
diff --git a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.tsx b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.tsx
index b46038fcc..13a012be0 100644
--- a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.tsx
@@ -1,5 +1,5 @@
// @ts-nocheck
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
import intl from 'react-intl-universal';
import styled from 'styled-components';
@@ -13,7 +13,7 @@ import {
} from '@/components';
import { useGeneralLedgerContext } from './GeneralLedgerProvider';
-import { useGeneralLedgerTableColumns } from './components';
+import { useGeneralLedgerTableColumns } from './dynamicColumns';
/**
* General ledger table.
@@ -21,7 +21,7 @@ import { useGeneralLedgerTableColumns } from './components';
export default function GeneralLedgerTable({ companyName }) {
// General ledger context.
const {
- generalLedger: { tableRows, query },
+ generalLedger: { query, table },
isLoading,
} = useGeneralLedgerContext();
@@ -30,8 +30,8 @@ export default function GeneralLedgerTable({ companyName }) {
// Default expanded rows of general ledger table.
const expandedRows = useMemo(
- () => defaultExpanderReducer(tableRows, 1),
- [tableRows],
+ () => defaultExpanderReducer(table.rows, 1),
+ [table.rows],
);
return (
@@ -48,7 +48,7 @@ export default function GeneralLedgerTable({ companyName }) {
'this_report_does_not_contain_any_data_between_date_period',
)}
columns={columns}
- data={tableRows}
+ data={table.rows}
rowClassNames={tableRowTypesToClassnames}
expanded={expandedRows}
virtualizedRows={true}
@@ -79,23 +79,20 @@ const GeneralLedgerDataTable = styled(ReportDataTable)`
opacity: 0;
}
}
-
.tr:not(.no-results) .td:not(:first-of-type) {
border-left: 1px solid #ececec;
}
.tr:last-child .td {
border-bottom: 1px solid #ececec;
}
-
.tr.row_type {
- &--ACCOUNT_ROW {
+ &--ACCOUNT {
.td {
&.date {
font-weight: 500;
.cell-inner {
- white-space: nowrap;
- position: relative;
+ position: absolute;
}
}
}
@@ -103,7 +100,6 @@ const GeneralLedgerDataTable = styled(ReportDataTable)`
border-top: 1px solid #ddd;
}
}
-
&--OPENING_BALANCE,
&--CLOSING_BALANCE {
.amount {
diff --git a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/components.tsx b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/components.tsx
index 441892178..25ff495da 100644
--- a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/components.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/components.tsx
@@ -1,107 +1,31 @@
// @ts-nocheck
-import React from 'react';
-import intl from 'react-intl-universal';
-import { Button } from '@blueprintjs/core';
-import { FormattedMessage as T, Icon, If } from '@/components';
+import React, { useRef } from 'react';
+import classNames from 'classnames';
+import {
+ Button,
+ Classes,
+ Intent,
+ Menu,
+ MenuItem,
+ ProgressBar,
+ Text,
+} from '@blueprintjs/core';
+import {
+ FormattedMessage as T,
+ Icon,
+ If,
+ Stack,
+ AppToaster,
+} from '@/components';
-import { getColumnWidth } from '@/utils';
import { useGeneralLedgerContext } from './GeneralLedgerProvider';
import FinancialLoadingBar from '../FinancialLoadingBar';
import { FinancialComputeAlert } from '../FinancialReportPage';
-import { Align } from '@/constants';
-
-/**
- * Retrieve the general ledger table columns.
- */
-export function useGeneralLedgerTableColumns() {
- // General ledger context.
- const {
- generalLedger: { tableRows },
- } = useGeneralLedgerContext();
-
- return React.useMemo(
- () => [
- {
- Header: intl.get('date'),
- accessor: 'date',
- className: 'date',
- width: 120,
- },
- {
- Header: intl.get('account_name'),
- accessor: 'name',
- className: 'name',
- textOverview: true,
- },
- {
- Header: intl.get('transaction_type'),
- accessor: 'reference_type_formatted',
- className: 'transaction_type',
- width: 125,
- textOverview: true,
- },
- {
- Header: intl.get('transaction_number'),
- accessor: 'reference_id',
- className: 'transaction_number',
- width: 100,
- textOverview: true,
- },
- {
- Header: intl.get('description'),
- accessor: 'note',
- className: 'description',
- textOverview: true,
- },
- {
- Header: intl.get('credit'),
- accessor: 'formatted_credit',
- className: 'credit',
- width: getColumnWidth(tableRows, 'formatted_credit', {
- minWidth: 100,
- magicSpacing: 10,
- }),
- textOverview: true,
- align: Align.Right,
- },
- {
- Header: intl.get('debit'),
- accessor: 'formatted_debit',
- className: 'debit',
- width: getColumnWidth(tableRows, 'formatted_debit', {
- minWidth: 100,
- magicSpacing: 10,
- }),
- textOverview: true,
- align: Align.Right,
- },
- {
- Header: intl.get('amount'),
- accessor: 'formatted_amount',
- className: 'amount',
- width: getColumnWidth(tableRows, 'formatted_amount', {
- minWidth: 100,
- magicSpacing: 10,
- }),
- textOverview: true,
- align: Align.Right,
- },
- {
- Header: intl.get('running_balance'),
- accessor: 'formatted_running_balance',
- className: 'running_balance',
- width: getColumnWidth(tableRows, 'formatted_running_balance', {
- minWidth: 100,
- magicSpacing: 10,
- }),
- textOverview: true,
- align: Align.Right,
- },
- ],
- [tableRows],
- );
-}
+import {
+ useGeneralLedgerSheetCsvExport,
+ useGeneralLedgerSheetXlsxExport,
+} from '@/hooks/query';
/**
* General ledger sheet alerts.
@@ -144,3 +68,93 @@ export function GeneralLedgerSheetLoadingBar() {
);
}
+
+/**
+ * Renders the G/L sheet export menu.
+ * @returns {JSX.Element}
+ */
+export const GeneralLedgerSheetExportMenu = () => {
+ const toastKey = useRef(null);
+ const commonToastConfig = {
+ isCloseButtonShown: true,
+ timeout: 2000,
+ };
+ const { httpRequest } = useGeneralLedgerContext();
+
+ const openProgressToast = (amount: number) => {
+ return (
+
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useGeneralLedgerSheetXlsxExport(
+ httpRequest,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useGeneralLedgerSheetCsvExport(
+ httpRequest,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/GeneralLedger/dynamicColumns.ts b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/dynamicColumns.ts
new file mode 100644
index 000000000..503fe3fb6
--- /dev/null
+++ b/packages/webapp/src/containers/FinancialStatements/GeneralLedger/dynamicColumns.ts
@@ -0,0 +1,117 @@
+// @ts-nocheck
+import { getColumnWidth } from '@/utils';
+import * as R from 'ramda';
+import { useGeneralLedgerContext } from './GeneralLedgerProvider';
+import { Align } from '@/constants';
+
+const getTableCellValueAccessor = (index) => `cells[${index}].value`;
+
+const getReportColWidth = (data, accessor, headerText) => {
+ return getColumnWidth(
+ data,
+ accessor,
+ { magicSpacing: 10, minWidth: 100 },
+ headerText,
+ );
+};
+
+/**
+ * Account name column mapper.
+ */
+const commonColumnMapper = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+
+ return {
+ key: column.key,
+ Header: column.label,
+ accessor,
+ className: column.key,
+ textOverview: true,
+ };
+});
+
+/**
+ * Numeric columns accessor.
+ */
+const numericColumnAccessor = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+ const width = getReportColWidth(data, accessor, column.label);
+
+ return {
+ ...column,
+ align: Align.Right,
+ width,
+ };
+});
+
+/**
+ * Date column accessor.
+ */
+const dateColumnAccessor = R.curry((column) => {
+ return {
+ ...column,
+ width: 120,
+ };
+});
+
+/**
+ * Transaction type column accessor.
+ */
+const transactionTypeColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 125,
+ };
+};
+
+/**
+ * Transaction number column accessor.
+ */
+const transactionIdColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 80,
+ };
+};
+
+const dynamiColumnMapper = R.curry((data, column) => {
+ const _numericColumnAccessor = numericColumnAccessor(data);
+
+ return R.compose(
+ R.when(R.pathEq(['key'], 'date'), dateColumnAccessor),
+ R.when(
+ R.pathEq(['key'], 'reference_type'),
+ transactionTypeColumnAccessor,
+ ),
+ R.when(
+ R.pathEq(['key'], 'reference_number'),
+ transactionIdColumnAccessor,
+ ),
+ R.when(R.pathEq(['key'], 'credit'), _numericColumnAccessor),
+ R.when(R.pathEq(['key'], 'debit'), _numericColumnAccessor),
+ R.when(R.pathEq(['key'], 'amount'), _numericColumnAccessor),
+ R.when(R.pathEq(['key'], 'running_balance'), _numericColumnAccessor),
+ commonColumnMapper(data),
+ )(column);
+});
+
+/**
+ * Composes the dynamic columns that fetched from request to columns to table component.
+ */
+export const dynamicColumns = R.curry((data, columns) => {
+ return R.map(dynamiColumnMapper(data), columns);
+});
+
+/**
+ * Retrieves the G/L sheet table columns for table component.
+ */
+export const useGeneralLedgerTableColumns = () => {
+ const { generalLedger } = useGeneralLedgerContext();
+
+ if (!generalLedger) {
+ throw new Error('asdfadsf');
+ }
+ const { table } = generalLedger;
+
+ return dynamicColumns(table.rows, table.columns);
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsActionsBar.tsx
index 94dea9531..da4d6c4df 100644
--- a/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsActionsBar.tsx
@@ -13,6 +13,7 @@ import { DashboardActionsBar, Icon, FormattedMessage as T } from '@/components';
import classNames from 'classnames';
import NumberFormatDropdown from '@/components/NumberFormatDropdown';
+import { InventoryItemDetailsExportMenu } from './components';
import { useInventoryItemDetailsContext } from './InventoryItemDetailsProvider';
import withInventoryItemDetails from './withInventoryItemDetails';
@@ -112,11 +113,18 @@ function InventoryItemDetailsActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useInventoryItemDetailsXlsxExport(
+ httpQuery,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useInventoryItemDetailsCsvExport(
+ httpQuery,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/utils2.tsx b/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/utils2.tsx
index 4293cf610..d786403be 100644
--- a/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/utils2.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/utils2.tsx
@@ -7,6 +7,7 @@ import intl from 'react-intl-universal';
import { useAppQueryString } from '@/hooks';
import { transformToForm } from '@/utils';
+import { transformFilterFormToQuery } from '../common';
/**
* Retrieves inventory item details default query.
@@ -73,3 +74,13 @@ export const useInventoryValuationQuery = () => {
setLocationQuery,
};
};
+
+/**
+ * Retrieves the inventory valuation http query.
+ * @returns {Object}
+ */
+export const useInventoryValuationHttpQuery = () => {
+ const { query } = useInventoryValuationQuery();
+
+ return React.useMemo(() => transformFilterFormToQuery(query), [query]);
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/Journal/JournalActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/Journal/JournalActionsBar.tsx
index b5ee2b467..5e49ee11a 100644
--- a/packages/webapp/src/containers/FinancialStatements/Journal/JournalActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/Journal/JournalActionsBar.tsx
@@ -18,6 +18,7 @@ import withJournal from './withJournal';
import { compose } from '@/utils';
import { useJournalSheetContext } from './JournalProvider';
+import { JournalSheetExportMenu } from './components';
/**
* Journal sheeet - Actions bar.
@@ -85,11 +86,18 @@ function JournalActionsBar({
icon={ {
- return React.useMemo(
- () => [
- {
- Header: intl.get('date'),
- accessor: (row) =>
- row.date ? moment(row.date).format('YYYY MMM DD') : '',
- className: 'date',
- width: 100,
- textOverview: true,
- },
- {
- Header: intl.get('transaction_type'),
- accessor: 'reference_type_formatted',
- className: 'reference_type_formatted',
- width: 120,
- textOverview: true,
- },
- {
- Header: intl.get('num'),
- accessor: 'transaction_number',
- className: 'reference_id',
- width: 70,
- textOverview: true,
- },
- {
- Header: intl.get('description'),
- accessor: 'note',
- className: 'note',
- textOverview: true,
- },
- {
- Header: intl.get('acc_code'),
- accessor: 'account_code',
- width: 95,
- className: 'account_code',
- textOverview: true,
- },
- {
- Header: intl.get('account'),
- accessor: 'account_name',
- className: 'account_name',
- textOverview: true,
- },
- {
- Header: intl.get('credit'),
- accessor: 'formatted_credit',
- align: Align.Right,
- },
- {
- Header: intl.get('debit'),
- accessor: 'formatted_debit',
- align: Align.Right,
- },
- ],
- [],
- );
-};
+import {
+ useJournalSheetCsvExport,
+ useJournalSheetXlsxExport,
+} from '@/hooks/query';
/**
* Journal sheet loading bar.
@@ -115,3 +69,87 @@ export function JournalSheetAlerts() {
);
}
+
+/**
+ * Retrieves the journal sheet export menu.
+ * @returns {JSX.Element}
+ */
+export const JournalSheetExportMenu = () => {
+ const toastKey = useRef(null);
+ const commonToastConfig = {
+ isCloseButtonShown: true,
+ timeout: 2000,
+ };
+ const { httpQuery } = useJournalSheetContext();
+
+ const openProgressToast = (amount: number) => {
+ return (
+
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Exports the report to xlsx.
+ const { mutateAsync: xlsxExport } = useJournalSheetXlsxExport(httpQuery, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Exports the report to csv.
+ const { mutateAsync: csvExport } = useJournalSheetCsvExport(httpQuery, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/Journal/dynamicColumns.ts b/packages/webapp/src/containers/FinancialStatements/Journal/dynamicColumns.ts
new file mode 100644
index 000000000..a7acd7743
--- /dev/null
+++ b/packages/webapp/src/containers/FinancialStatements/Journal/dynamicColumns.ts
@@ -0,0 +1,134 @@
+// @ts-nocheck
+import { Align } from '@/constants';
+import { getColumnWidth } from '@/utils';
+import * as R from 'ramda';
+import { useJournalSheetContext } from './JournalProvider';
+
+const getTableCellValueAccessor = (index) => `cells[${index}].value`;
+
+const getReportColWidth = (data, accessor, headerText) => {
+ return getColumnWidth(
+ data,
+ accessor,
+ { magicSpacing: 10, minWidth: 100 },
+ headerText,
+ );
+};
+
+/**
+ * Common column mapper.
+ */
+const commonAccessor = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+
+ return {
+ key: column.key,
+ Header: column.label,
+ accessor,
+ className: column.key,
+ textOverview: true,
+ align: Align.Left,
+ };
+});
+
+/**
+ * Numeric columns accessor.
+ */
+const numericColumnAccessor = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+ const width = getReportColWidth(data, accessor, column.label);
+
+ return {
+ ...column,
+ align: Align.Right,
+ width,
+ };
+});
+
+/**
+ * Date column accessor.
+ */
+const dateColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 100,
+ };
+};
+
+/**
+ * Transaction type column accessor.
+ */
+const transactionTypeColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 120,
+ };
+};
+
+/**
+ * Transaction number column accessor.
+ */
+const transactionNumberColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 70,
+ };
+};
+
+/**
+ * Account code column accessor.
+ */
+const accountCodeColumnAccessor = (column) => {
+ return {
+ ...column,
+ width: 70,
+ };
+};
+
+/**
+ * Dynamic column mapper.
+ * @param {} data -
+ * @param {} column -
+ */
+const dynamicColumnMapper = R.curry((data, column) => {
+ const _commonAccessor = commonAccessor(data);
+ const _numericColumnAccessor = numericColumnAccessor(data);
+
+ return R.compose(
+ R.when(R.pathEq(['key'], 'date'), dateColumnAccessor),
+ R.when(
+ R.pathEq(['key'], 'transaction_type'),
+ transactionTypeColumnAccessor,
+ ),
+ R.when(
+ R.pathEq(['key'], 'transaction_number'),
+ transactionNumberColumnAccessor,
+ ),
+ R.when(R.pathEq(['key'], 'account_code'), accountCodeColumnAccessor),
+ R.when(R.pathEq(['key'], 'credit'), _numericColumnAccessor),
+ R.when(R.pathEq(['key'], 'debit'), _numericColumnAccessor),
+ _commonAccessor,
+ )(column);
+});
+
+/**
+ * Composes the fetched dynamic columns from the server to the columns to pass it
+ * to the table component.
+ */
+export const dynamicColumns = (columns, data) => {
+ return R.map(dynamicColumnMapper(data), columns);
+};
+
+/**
+ * Retrieves the table columns of journal sheet.
+ */
+export const useJournalSheetColumns = () => {
+ const { journalSheet } = useJournalSheetContext();
+
+ if (!journalSheet) {
+ throw new Error('The journal sheet is not loaded');
+ }
+ const { table } = journalSheet;
+
+ return dynamicColumns(table.columns, table.rows);
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/Journal/utils.tsx b/packages/webapp/src/containers/FinancialStatements/Journal/utils.tsx
index f65f027ed..22cf34638 100644
--- a/packages/webapp/src/containers/FinancialStatements/Journal/utils.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/Journal/utils.tsx
@@ -1,6 +1,5 @@
// @ts-nocheck
import React from 'react';
-import { castArray } from 'lodash';
import moment from 'moment';
import { useAppQueryString } from '@/hooks';
diff --git a/packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossActionsBar.tsx
index 34545766a..3988ff7f2 100644
--- a/packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossActionsBar.tsx
@@ -19,6 +19,7 @@ import withProfitLoss from './withProfitLoss';
import { compose, saveInvoke } from '@/utils';
import { useProfitLossSheetContext } from './ProfitLossProvider';
+import { ProfitLossSheetExportMenu } from './components';
/**
* Profit/Loss sheet actions bar.
@@ -110,11 +111,18 @@ function ProfitLossActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useProfitLossSheetXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useProfitLossSheetCsvExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/SalesTaxLiabilitySummary/SalesTaxLiabilitySummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/SalesTaxLiabilitySummary/SalesTaxLiabilitySummaryActionsBar.tsx
index 9c551ff24..d4d0de97e 100644
--- a/packages/webapp/src/containers/FinancialStatements/SalesTaxLiabilitySummary/SalesTaxLiabilitySummaryActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/SalesTaxLiabilitySummary/SalesTaxLiabilitySummaryActionsBar.tsx
@@ -18,6 +18,7 @@ import { compose, saveInvoke } from '@/utils';
import { useSalesTaxLiabilitySummaryContext } from './SalesTaxLiabilitySummaryBoot';
import withSalesTaxLiabilitySummary from './withSalesTaxLiabilitySummary';
import withSalesTaxLiabilitySummaryActions from './withSalesTaxLiabilitySummaryActions';
+import { SalesTaxLiabilityExportMenu } from './components';
/**
* Sales tax liability summary - actions bar.
@@ -113,11 +114,18 @@ function SalesTaxLiabilitySummaryActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useSalesTaxLiabilitySummaryXlsxExport(
+ query,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useSalesTaxLiabilitySummaryCsvExport(
+ query,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceActionsBar.tsx
index b409a44cd..198a5761f 100644
--- a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceActionsBar.tsx
@@ -18,6 +18,7 @@ import withTrialBalance from './withTrialBalance';
import withTrialBalanceActions from './withTrialBalanceActions';
import { compose, saveInvoke } from '@/utils';
import { useTrialBalanceSheetContext } from './TrialBalanceProvider';
+import { TrialBalanceSheetExportMenu } from './components';
function TrialBalanceActionsBar({
// #withTrialBalance
@@ -109,11 +110,18 @@ function TrialBalanceActionsBar({
icon={
{
- const width = getColumnWidth(data, `credit`, { minWidth: 140 });
-
- return {
- Header: intl.get('credit'),
- Cell: CellTextSpan,
- accessor: 'formatted_credit',
- className: 'credit',
- width,
- textOverview: true,
- align: Align.Right,
- };
-};
-
-/**
- * Retrieves the debit column.
- */
-const getDebitColumn = (data) => {
- return {
- Header: intl.get('debit'),
- Cell: CellTextSpan,
- accessor: 'formatted_debit',
- width: getColumnWidth(data, `debit`, { minWidth: 140 }),
- textOverview: true,
- align: Align.Right,
- };
-};
-
-/**
- * Retrieves the balance column.
- */
-const getBalanceColumn = (data) => {
- return {
- Header: intl.get('balance'),
- Cell: CellTextSpan,
- accessor: 'formatted_balance',
- className: 'balance',
- width: getColumnWidth(data, `balance`, { minWidth: 140 }),
- textOverview: true,
- align: Align.Right,
- };
-};
-
-/**
- * Retrieve trial balance sheet table columns.
- */
-export const useTrialBalanceTableColumns = () => {
- // Trial balance sheet context.
- const {
- trialBalanceSheet: { tableRows },
- } = useTrialBalanceSheetContext();
-
- return React.useMemo(
- () => [
- {
- Header: intl.get('account_name'),
- accessor: (row) => (row.code ? `${row.name} - ${row.code}` : row.name),
- className: 'name',
- width: 350,
- textOverview: true,
- },
- getCreditColumn(tableRows),
- getDebitColumn(tableRows),
- getBalanceColumn(tableRows),
- ],
- [tableRows],
- );
-};
+import {
+ useTrialBalanceSheetCsvExport,
+ useTrialBalanceSheetXlsxExport,
+} from '@/hooks/query';
+import { useTrialBalanceSheetHttpQuery } from './utils';
/**
* Trial balance sheet progress loading bar.
@@ -100,11 +43,8 @@ export function TrialBalanceSheetLoadingBar() {
* Trial balance sheet alerts.
*/
export function TrialBalanceSheetAlerts() {
- const {
- trialBalanceSheet: { meta },
- isLoading,
- refetchSheet,
- } = useTrialBalanceSheetContext();
+ const { trialBalanceSheet, isLoading, refetchSheet } =
+ useTrialBalanceSheetContext();
// Handle refetch the sheet.
const handleRecalcReport = () => {
@@ -115,7 +55,7 @@ export function TrialBalanceSheetAlerts() {
return null;
}
// Can't continue if the cost compute job is not running.
- if (!meta.is_cost_compute_running) {
+ if (!trialBalanceSheet?.meta.is_cost_compute_running) {
return null;
}
@@ -130,3 +70,89 @@ export function TrialBalanceSheetAlerts() {
);
}
+
+/**
+ * Trial balance sheet export menu.
+ */
+export const TrialBalanceSheetExportMenu = () => {
+ const toastKey = useRef(null);
+ const commonToastConfig = {
+ isCloseButtonShown: true,
+ timeout: 2000,
+ };
+ const httpQuery = useTrialBalanceSheetHttpQuery();
+
+ const openProgressToast = (amount: number) => {
+ return (
+
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useTrialBalanceSheetXlsxExport(
+ httpQuery,
+ {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ },
+ );
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useTrialBalanceSheetCsvExport(httpQuery, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/dynamicColumns.ts b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/dynamicColumns.ts
new file mode 100644
index 000000000..c7f23f2aa
--- /dev/null
+++ b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/dynamicColumns.ts
@@ -0,0 +1,56 @@
+// @ts-nocheck
+import * as R from 'ramda';
+import { Align } from '@/constants';
+import { getColumnWidth } from '@/utils';
+
+const ACCOUNT_NAME_COLUMN_WIDTH = 320;
+const AMOUNT_COLUMNS_MIN_WIDTH = 120;
+const AMOUNT_COLUMNS_MAGIC_SPACING = 10;
+
+const getTableCellValueAccessor = (index: number) => `cells[${index}].value`;
+
+const accountNameAccessor = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+
+ return {
+ Header: column.label,
+ id: column.key,
+ accessor,
+ className: column.key,
+ width: ACCOUNT_NAME_COLUMN_WIDTH,
+ };
+});
+
+const amountAccessor = R.curry((data, column) => {
+ const accessor = getTableCellValueAccessor(column.cell_index);
+
+ return {
+ Header: column.label,
+ id: column.key,
+ accessor,
+ className: column.key,
+ width: getColumnWidth(data, accessor, {
+ magicSpacing: AMOUNT_COLUMNS_MAGIC_SPACING,
+ minWidth: AMOUNT_COLUMNS_MIN_WIDTH,
+ }),
+ align: Align.Right,
+ };
+});
+
+const dynamicColumnMapper = R.curry((data, column) => {
+ const accountNameColumn = accountNameAccessor(data);
+ const creditColumn = amountAccessor(data);
+ const debitColumn = amountAccessor(data);
+ const totalColumn = amountAccessor(data);
+
+ return R.compose(
+ R.when(R.pathEq(['key'], 'account_name'), accountNameColumn),
+ R.when(R.pathEq(['key'], 'credit'), creditColumn),
+ R.when(R.pathEq(['key'], 'debit'), debitColumn),
+ R.when(R.pathEq(['key'], 'total'), totalColumn),
+ )(column);
+});
+
+export const trialBalancesheetDynamicColumns = (columns, data) => {
+ return R.map(dynamicColumnMapper(data), columns);
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/hooks.ts b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/hooks.ts
new file mode 100644
index 000000000..47bcc293d
--- /dev/null
+++ b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/hooks.ts
@@ -0,0 +1,18 @@
+// @ts-nocheck
+import React from 'react';
+import { useTrialBalanceSheetContext } from './TrialBalanceProvider';
+import { trialBalancesheetDynamicColumns } from './dynamicColumns';
+
+/**
+ * Retrieves the trial balance sheet columns.
+ */
+export const useTrialBalanceSheetTableColumns = () => {
+ const {
+ trialBalanceSheet: { table },
+ } = useTrialBalanceSheetContext();
+
+ return React.useMemo(
+ () => trialBalancesheetDynamicColumns(table.columns, table.rows),
+ [table],
+ );
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/utils.tsx b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/utils.tsx
index 62be9afa8..f28dac8bf 100644
--- a/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/utils.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/utils.tsx
@@ -5,6 +5,7 @@ import { castArray } from 'lodash';
import { useAppQueryString } from '@/hooks';
import { transformToForm } from '@/utils';
+import { transformFilterFormToQuery } from '../common';
/**
* Retrieves the default trial balance query.
@@ -56,3 +57,13 @@ export const useTrialBalanceSheetQuery = () => {
setLocationQuery,
};
};
+
+/**
+ * Retrieves the trial balance sheet http query.
+ * @returns {object}
+ */
+export const useTrialBalanceSheetHttpQuery = () => {
+ const { query } = useTrialBalanceSheetQuery();
+
+ return React.useMemo(() => transformFilterFormToQuery(query), [query]);
+};
diff --git a/packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryActionsBar.tsx
index c89d21f20..7e37ba792 100644
--- a/packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryActionsBar.tsx
@@ -19,6 +19,7 @@ import withVendorsBalanceSummaryActions from './withVendorsBalanceSummaryActions
import { useVendorsBalanceSummaryContext } from './VendorsBalanceSummaryProvider';
import { saveInvoke, compose } from '@/utils';
+import { VendorSummarySheetExportMenu } from './components';
/**
* Vendors balance summary action bar.
@@ -106,11 +107,18 @@ function VendorsBalanceSummaryActionsBar({
icon={
);
}
+
+/**
+ * Vendor summary sheet export menu.
+ * @returns {JSX.Element}
+ */
+export function VendorSummarySheetExportMenu() {
+ const toastKey = useRef(null);
+ const commonToastConfig = {
+ isCloseButtonShown: true,
+ timeout: 2000,
+ };
+ const openProgressToast = (amount: number) => {
+ return (
+
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useVendorBalanceSummaryXlsxExport({
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useVendorBalanceSummaryCsvExport({
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport().then(() => {});
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport().then(() => {});
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.tsx
index 52595565f..8b5fbc600 100644
--- a/packages/webapp/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.tsx
+++ b/packages/webapp/src/containers/FinancialStatements/VendorsTransactions/VendorsTransactionsActionsBar.tsx
@@ -19,6 +19,7 @@ import withVendorsTransaction from './withVendorsTransaction';
import withVendorsTransactionsActions from './withVendorsTransactionsActions';
import { compose, saveInvoke } from '@/utils';
+import { VendorTransactionsExportMenu } from './components';
/**
* vendors transactions actions bar.
@@ -114,11 +115,18 @@ function VendorsTransactionsActionsBar({
icon={
+ The report has been exported successfully.
+ = 100,
+ })}
+ intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+ value={amount / 100}
+ />
+
+ );
+ };
+ // Export the report to xlsx.
+ const { mutateAsync: xlsxExport } = useVendorsTransactionsXlsxExport(query, {
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Export the report to csv.
+ const { mutateAsync: csvExport } = useVendorsTransactionsCsvExport({
+ onDownloadProgress: (xlsxExportProgress: number) => {
+ if (!toastKey.current) {
+ toastKey.current = AppToaster.show({
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ });
+ } else {
+ AppToaster.show(
+ {
+ message: openProgressToast(xlsxExportProgress),
+ ...commonToastConfig,
+ },
+ toastKey.current,
+ );
+ }
+ },
+ });
+ // Handle csv export button click.
+ const handleCsvExportBtnClick = () => {
+ csvExport();
+ };
+ // Handle xlsx export button click.
+ const handleXlsxExportBtnClick = () => {
+ xlsxExport();
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotes.tsx b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotes.tsx
new file mode 100644
index 000000000..4d2909f0e
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotes.tsx
@@ -0,0 +1,14 @@
+// @ts-nocheck
+import { PreferencesCreditNotesBoot } from './PreferencesCreditNotesFormBoot';
+import { PreferencesCreditNotesFormPage } from './PreferencesCreditNotesFormPage';
+
+/**
+ * Credit notes preferences.
+ */
+export function PreferencesCreditNotes() {
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.schema.ts b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.schema.ts
new file mode 100644
index 000000000..0e3901591
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.schema.ts
@@ -0,0 +1,9 @@
+// @ts-nocheck
+import * as Yup from 'yup';
+
+const Schema = Yup.object().shape({
+ termsConditions: Yup.string().optional(),
+ customerNotes: Yup.string().optional(),
+});
+
+export const PreferencesCreditNotesFormSchema = Schema;
diff --git a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.tsx b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.tsx
new file mode 100644
index 000000000..649ffa557
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesForm.tsx
@@ -0,0 +1,74 @@
+// @ts-nocheck
+import styled from 'styled-components';
+import { Form } from 'formik';
+import { Button, Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+
+import { FormattedMessage as T, FFormGroup, FTextArea } from '@/components';
+
+/**
+ * Preferences credit notes form.
+ */
+export function PreferencesCreditNotesForm({ isSubmitting }) {
+ const history = useHistory();
+
+ // Handle close click.
+ const handleCloseClick = () => {
+ history.go(-1);
+ };
+
+ return (
+
+ );
+}
+
+const CardFooterActions = styled.div`
+ padding-top: 16px;
+ border-top: 1px solid #e0e7ea;
+ margin-top: 30px;
+
+ .bp4-button {
+ min-width: 70px;
+
+ + .bp4-button {
+ margin-left: 10px;
+ }
+ }
+`;
diff --git a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx
new file mode 100644
index 000000000..0eb34f3d4
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx
@@ -0,0 +1,55 @@
+// @ts-nocheck
+import React from 'react';
+import styled from 'styled-components';
+import classNames from 'classnames';
+import { CLASSES } from '@/constants/classes';
+import { useSettings } from '@/hooks/query';
+import PreferencesPageLoader from '../PreferencesPageLoader';
+import { Card } from '@/components';
+
+const PreferencesCreditNotesFormContext = React.createContext();
+
+function PreferencesCreditNotesBoot({ ...props }) {
+ // Fetches organization settings.
+ const { isLoading: isSettingsLoading } = useSettings();
+
+ // Provider state.
+ const provider = {
+ isSettingsLoading,
+ };
+ // Detarmines whether if any query is loading.
+ const isLoading = isSettingsLoading;
+
+ return (
+
+
+ {isLoading ? (
+
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.schema.ts b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.schema.ts
new file mode 100644
index 000000000..b6cf3eab6
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.schema.ts
@@ -0,0 +1,9 @@
+// @ts-nocheck
+import * as Yup from 'yup';
+
+const Schema = Yup.object().shape({
+ termsConditions: Yup.string().optional(),
+ customerNotes: Yup.string().optional(),
+});
+
+export const PreferencesEstimatesFormSchema = Schema;
diff --git a/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.tsx b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.tsx
new file mode 100644
index 000000000..7e17acc10
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesForm.tsx
@@ -0,0 +1,74 @@
+// @ts-nocheck
+import styled from 'styled-components';
+import { Form } from 'formik';
+import { Button, Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+
+import { FormattedMessage as T, FFormGroup, FTextArea } from '@/components';
+
+/**
+ * Preferences estimates form.
+ */
+export function PreferencesEstimatesForm({ isSubmitting }) {
+ const history = useHistory();
+
+ // Handle close click.
+ const handleCloseClick = () => {
+ history.go(-1);
+ };
+
+ return (
+
+ );
+}
+
+const CardFooterActions = styled.div`
+ padding-top: 16px;
+ border-top: 1px solid #e0e7ea;
+ margin-top: 30px;
+
+ .bp4-button {
+ min-width: 70px;
+
+ + .bp4-button {
+ margin-left: 10px;
+ }
+ }
+`;
diff --git a/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx
new file mode 100644
index 000000000..d39d3c817
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx
@@ -0,0 +1,55 @@
+// @ts-nocheck
+import React from 'react';
+import classNames from 'classnames';
+import { CLASSES } from '@/constants/classes';
+import { useSettings } from '@/hooks/query';
+import PreferencesPageLoader from '../PreferencesPageLoader';
+import styled from 'styled-components';
+import { Card } from '@/components';
+
+const PreferencesEstimatesFormContext = React.createContext();
+
+function PreferencesEstimatesBoot({ ...props }) {
+ // Fetches organization settings.
+ const { isLoading: isSettingsLoading } = useSettings();
+
+ // Provider state.
+ const provider = {
+ isSettingsLoading,
+ };
+ // Detarmines whether if any query is loading.
+ const isLoading = isSettingsLoading;
+
+ return (
+
+
+ {isLoading ? (
+
+
+
+ {isLoading ? (
+
+
+ );
+}
+
+const PreferencesInvoicesCard = styled(Card)`
+ padding: 25px;
+
+ .bp4-form-group{
+ max-width: 600px;
+ }
+`;
+
+const usePreferencesInvoiceFormContext = () =>
+ React.useContext(PreferencesInvoiceFormContext);
+
+export { PreferencesInvoicesBoot, usePreferencesInvoiceFormContext };
diff --git a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx
new file mode 100644
index 000000000..097b8f996
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx
@@ -0,0 +1,82 @@
+// @ts-nocheck
+import React, { useEffect } from 'react';
+import intl from 'react-intl-universal';
+import { Formik } from 'formik';
+import { Intent } from '@blueprintjs/core';
+import * as R from 'ramda';
+
+import { AppToaster } from '@/components';
+import { PreferencesInvoiceFormSchema } from './PreferencesInvoiceForm.schema';
+import { PreferencesInvoicesForm } from './PreferencesInvoicesForm';
+import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+
+import { compose, transformToForm, transfromToSnakeCase } from '@/utils';
+import withSettings from '@/containers/Settings/withSettings';
+import { transferObjectOptionsToArray } from '../Accountant/utils';
+import { useSaveSettings } from '@/hooks/query';
+
+const defaultValues = {
+ termsConditions: '',
+ customerNotes: '',
+};
+
+/**
+ * Preferences - Invoices.
+ */
+function PreferencesInvoiceFormPage({
+ // #withDashboardActions
+ changePreferencesPageTitle,
+
+ // #withSettings
+ invoiceSettings,
+}) {
+ // Save settings.
+ const { mutateAsync: saveSettingMutate } = useSaveSettings();
+
+ useEffect(() => {
+ changePreferencesPageTitle(intl.get('preferences.invoices'));
+ }, [changePreferencesPageTitle]);
+
+ // Initial values.
+ const initialValues = {
+ ...defaultValues,
+ ...transformToForm(invoiceSettings, defaultValues),
+ };
+ // Handle the form submit.
+ const handleFormSubmit = (values, { setSubmitting }) => {
+ const options = R.compose(
+ transferObjectOptionsToArray,
+ transfromToSnakeCase,
+ )({ salesInvoices: { ...values } });
+
+ // Handle request success.
+ const onSuccess = () => {
+ AppToaster.show({
+ message: intl.get('preferences.invoices.success_message'),
+ intent: Intent.SUCCESS,
+ });
+ setSubmitting(false);
+ };
+ // Handle request error.
+ const onError = () => {
+ setSubmitting(false);
+ };
+ saveSettingMutate({ options }).then(onSuccess).catch(onError);
+ };
+
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoicesForm.tsx b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoicesForm.tsx
new file mode 100644
index 000000000..9237c58e8
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoicesForm.tsx
@@ -0,0 +1,74 @@
+// @ts-nocheck
+import styled from 'styled-components';
+import { Form } from 'formik';
+import { Button, Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+
+import { FormattedMessage as T, FFormGroup, FTextArea } from '@/components';
+
+/**
+ * Invoices preferences form.
+ */
+export function PreferencesInvoicesForm({ isSubmitting }) {
+ const history = useHistory();
+
+ // Handle close click.
+ const handleCloseClick = () => {
+ history.go(-1);
+ };
+
+ return (
+
+
+ {/* ---------- Terms & Conditions ---------- */}
+
+
+
+
+
+
+
+ );
+}
+
+const CardFooterActions = styled.div`
+ padding-top: 16px;
+ border-top: 1px solid #e0e7ea;
+ margin-top: 30px;
+
+ .bp4-button {
+ min-width: 70px;
+
+ + .bp4-button {
+ margin-left: 10px;
+ }
+ }
+`;
diff --git a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceipts.tsx b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceipts.tsx
new file mode 100644
index 000000000..83fc663a2
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceipts.tsx
@@ -0,0 +1,14 @@
+// @ts-nocheck
+import { PreferencesReceiptsBoot } from './PreferencesReceiptsFormBoot';
+import { PreferencesReceiptsFormPage } from './PreferencesReceiptsFormPage';
+
+/**
+ * Preferences - Receipts.
+ */
+export function PreferencesReceipts() {
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.schema.ts b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.schema.ts
new file mode 100644
index 000000000..f28cc9407
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.schema.ts
@@ -0,0 +1,9 @@
+// @ts-nocheck
+import * as Yup from 'yup';
+
+const Schema = Yup.object().shape({
+ termsConditions: Yup.string().optional(),
+ customerNotes: Yup.string().optional(),
+});
+
+export const PreferencesReceiptsFormSchema = Schema;
diff --git a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.tsx b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.tsx
new file mode 100644
index 000000000..42836de51
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.tsx
@@ -0,0 +1,74 @@
+// @ts-nocheck
+import styled from 'styled-components';
+import { Form } from 'formik';
+import { Button, Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+
+import { FormattedMessage as T, FFormGroup, FTextArea } from '@/components';
+
+/**
+ * Preferences general form.
+ */
+export function PreferencesReceiptsForm({ isSubmitting }) {
+ const history = useHistory();
+
+ // Handle close click.
+ const handleCloseClick = () => {
+ history.go(-1);
+ };
+
+ return (
+
+ );
+}
+
+const CardFooterActions = styled.div`
+ padding-top: 16px;
+ border-top: 1px solid #e0e7ea;
+ margin-top: 30px;
+
+ .bp4-button {
+ min-width: 70px;
+
+ + .bp4-button {
+ margin-left: 10px;
+ }
+ }
+`;
diff --git a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx
new file mode 100644
index 000000000..539980a4e
--- /dev/null
+++ b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx
@@ -0,0 +1,56 @@
+// @ts-nocheck
+import React from 'react';
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { CLASSES } from '@/constants/classes';
+import { useSettings } from '@/hooks/query';
+import PreferencesPageLoader from '../PreferencesPageLoader';
+import { Card } from '@/components';
+
+const PreferencesReceiptsFormContext = React.createContext();
+
+function PreferencesReceiptsBoot({ ...props }) {
+ // Fetches organization settings.
+ const { isLoading: isSettingsLoading } = useSettings();
+
+ // Provider state.
+ const provider = {
+ isSettingsLoading,
+ };
+
+ // Detarmines whether if any query is loading.
+ const isLoading = isSettingsLoading;
+
+ return (
+
+
+ {isLoading ? (
+
+
+
+
+
+ );
+}
+
+export default compose(withDialogRedux())(EstimateMailDialog);
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogBoot.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogBoot.tsx
new file mode 100644
index 000000000..d68afb4c5
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogBoot.tsx
@@ -0,0 +1,44 @@
+// @ts-nocheck
+import React, { createContext } from 'react';
+import { useSaleEstimateDefaultOptions } from '@/hooks/query';
+import { DialogContent } from '@/components';
+
+interface EstimateMailDialogBootValues {
+ estimateId: number;
+ mailOptions: any;
+}
+
+const EstimateMailDialagBoot = createContext();
+
+interface EstimateMailDialogBootProps {
+ estimateId: number;
+ children: React.ReactNode;
+}
+
+/**
+ * Estimate mail dialog boot provider.
+ */
+function EstimateMailDialogBoot({
+ estimateId,
+ ...props
+}: EstimateMailDialogBootProps) {
+ const { data: mailOptions, isLoading: isMailOptionsLoading } =
+ useSaleEstimateDefaultOptions(estimateId);
+
+ const provider = {
+ saleEstimateId: estimateId,
+ mailOptions,
+ isMailOptionsLoading,
+ };
+
+ return (
+
+
+ );
+}
+
+const useEstimateMailDialogBoot = () =>
+ React.useContext(EstimateMailDialagBoot);
+
+export { EstimateMailDialogBoot, useEstimateMailDialogBoot };
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogContent.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogContent.tsx
new file mode 100644
index 000000000..ad67bb048
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogContent.tsx
@@ -0,0 +1,17 @@
+import { EstimateMailDialogBoot } from './EstimateMailDialogBoot';
+import { EstimateMailDialogForm } from './EstimateMailDialogForm';
+
+interface EstimateMailDialogContentProps {
+ dialogName: string;
+ estimateId: number;
+}
+export default function EstimateMailDialogContent({
+ dialogName,
+ estimateId,
+}: EstimateMailDialogContentProps) {
+ return (
+
+
+ )
+}
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogForm.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogForm.tsx
new file mode 100644
index 000000000..f8811cdbb
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogForm.tsx
@@ -0,0 +1,75 @@
+// @ts-nocheck
+import { Formik } from 'formik';
+import * as R from 'ramda';
+import { useEstimateMailDialogBoot } from './EstimateMailDialogBoot';
+import { DialogsName } from '@/constants/dialogs';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { useSendSaleEstimateMail } from '@/hooks/query';
+import { EstimateMailDialogFormContent } from './EstimateMailDialogFormContent';
+import {
+ initialMailNotificationValues,
+ MailNotificationFormValues,
+ transformMailFormToInitialValues,
+ transformMailFormToRequest,
+} from '@/containers/SendMailNotification/utils';
+import { Intent } from '@blueprintjs/core';
+import { AppToaster } from '@/components';
+
+const initialFormValues = {
+ ...initialMailNotificationValues,
+ attachEstimate: true,
+};
+
+interface EstimateMailFormValues extends MailNotificationFormValues {
+ attachEstimate: boolean;
+}
+
+function EstimateMailDialogFormRoot({
+ // #withDialogClose
+ closeDialog,
+}) {
+ const { mutateAsync: sendEstimateMail } = useSendSaleEstimateMail();
+ const { mailOptions, saleEstimateId } = useEstimateMailDialogBoot();
+
+ const initialValues = transformMailFormToInitialValues(
+ mailOptions,
+ initialFormValues,
+ );
+ // Handle the form submitting.
+ const handleSubmit = (values: EstimateMailFormValues, { setSubmitting }) => {
+ const reqValues = transformMailFormToRequest(values);
+
+ setSubmitting(true);
+ sendEstimateMail([saleEstimateId, reqValues])
+ .then(() => {
+ AppToaster.show({
+ message: 'The mail notification has been sent successfully.',
+ intent: Intent.SUCCESS,
+ });
+ closeDialog(DialogsName.EstimateMail);
+ setSubmitting(false);
+ })
+ .catch((error) => {
+ setSubmitting(false);
+ closeDialog(DialogsName.EstimateMail);
+ AppToaster.show({
+ message: 'Something went wrong.',
+ intent: Intent.DANGER,
+ });
+ });
+ };
+
+ const handleClose = () => {
+ closeDialog(DialogsName.EstimateMail);
+ };
+
+ return (
+
+
+ );
+}
+
+export const EstimateMailDialogForm = R.compose(withDialogActions)(
+ EstimateMailDialogFormRoot,
+);
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogFormContent.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogFormContent.tsx
new file mode 100644
index 000000000..668c7a4c9
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/EstimateMailDialogFormContent.tsx
@@ -0,0 +1,66 @@
+// @ts-nocheck
+import { Form, useFormikContext } from 'formik';
+import { Button, Classes, Intent } from '@blueprintjs/core';
+import styled from 'styled-components';
+import { FFormGroup, FSwitch } from '@/components';
+import { MailNotificationForm } from '@/containers/SendMailNotification';
+import { saveInvoke } from '@/utils';
+import { useEstimateMailDialogBoot } from './EstimateMailDialogBoot';
+
+interface EstimateMailDialogFormContentProps {
+ onClose?: () => void;
+}
+
+export function EstimateMailDialogFormContent({
+ onClose,
+}: EstimateMailDialogFormContentProps) {
+ const { isSubmitting } = useFormikContext();
+ const { mailOptions } = useEstimateMailDialogBoot();
+
+ const handleClose = () => {
+ saveInvoke(onClose);
+ };
+
+ return (
+
+ );
+}
+
+const AttachFormGroup = styled(FFormGroup)`
+ background: #f8f9fb;
+ margin-top: 0.6rem;
+ padding: 4px 14px;
+ border-radius: 5px;
+ border: 1px solid #dcdcdd;
+`;
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/index.ts b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/index.ts
new file mode 100644
index 000000000..bebbc8bef
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateMailDialog/index.ts
@@ -0,0 +1 @@
+export * from './EstimateMailDialog';
\ No newline at end of file
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx
index 402771604..dec1d548c 100644
--- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx
@@ -22,6 +22,7 @@ import { useEstimatesListContext } from './EstimatesListProvider';
import { useMemorizedColumnsWidths } from '@/hooks';
import { compose } from '@/utils';
import { DRAWERS } from '@/constants/drawers';
+import { DialogsName } from '@/constants/dialogs';
/**
* Estimates datatable.
@@ -100,6 +101,11 @@ function EstimatesDataTable({
openDrawer(DRAWERS.ESTIMATE_DETAILS, { estimateId: cell.row.original.id });
};
+ // Handle mail send estimate.
+ const handleMailSendEstimate = ({ id }) => {
+ openDialog(DialogsName.EstimateMail, { estimateId: id });
+ }
+
// Local storage memorizing columns widths.
const [initialColumnsWidths, , handleColumnResizing] =
useMemorizedColumnsWidths(TABLES.ESTIMATES);
@@ -153,6 +159,7 @@ function EstimatesDataTable({
onConvert: handleConvertToInvoice,
onViewDetails: handleViewDetailEstimate,
onPrint: handlePrintEstimate,
+ onSendMail: handleMailSendEstimate,
}}
/>
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/components.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/components.tsx
index a596a419a..5edfd9051 100644
--- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/components.tsx
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/components.tsx
@@ -64,6 +64,7 @@ export function ActionsMenu({
onConvert,
onViewDetails,
onPrint,
+ onSendMail
},
}) {
return (
@@ -129,6 +130,11 @@ export function ActionsMenu({
+
+
+
+
+ );
+}
+export default compose(withDialogRedux())(InvoiceMailDialog);
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogBoot.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogBoot.tsx
new file mode 100644
index 000000000..ae16a0cf2
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogBoot.tsx
@@ -0,0 +1,44 @@
+// @ts-nocheck
+import React, { createContext } from 'react';
+import { useSaleInvoiceDefaultOptions } from '@/hooks/query';
+import { DialogContent } from '@/components';
+
+interface InvoiceMailDialogBootValues {
+ invoiceId: number;
+ mailOptions: any;
+}
+
+const InvoiceMailDialagBoot = createContext();
+
+interface InvoiceMailDialogBootProps {
+ invoiceId: number;
+ children: React.ReactNode;
+}
+
+/**
+ * Invoice mail dialog boot provider.
+ */
+function InvoiceMailDialogBoot({
+ invoiceId,
+ ...props
+}: InvoiceMailDialogBootProps) {
+ const { data: mailOptions, isLoading: isMailOptionsLoading } =
+ useSaleInvoiceDefaultOptions(invoiceId);
+
+ const provider = {
+ saleInvoiceId: invoiceId,
+ mailOptions,
+ isMailOptionsLoading,
+ };
+
+ return (
+
+
+ );
+}
+
+const useInvoiceMailDialogBoot = () =>
+ React.useContext(InvoiceMailDialagBoot);
+
+export { InvoiceMailDialogBoot, useInvoiceMailDialogBoot };
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogContent.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogContent.tsx
new file mode 100644
index 000000000..37f3f091f
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogContent.tsx
@@ -0,0 +1,17 @@
+import { InvoiceMailDialogBoot } from './InvoiceMailDialogBoot';
+import { InvoiceMailDialogForm } from './InvoiceMailDialogForm';
+
+interface InvoiceMailDialogContentProps {
+ dialogName: string;
+ invoiceId: number;
+}
+export default function InvoiceMailDialogContent({
+ dialogName,
+ invoiceId,
+}: InvoiceMailDialogContentProps) {
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.schema.ts b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.schema.ts
new file mode 100644
index 000000000..1c365ac4a
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.schema.ts
@@ -0,0 +1,9 @@
+// @ts-nocheck
+import * as Yup from 'yup';
+
+export const InvoiceMailFormSchema = Yup.object().shape({
+ from: Yup.array().required().min(1).max(5).label('From address'),
+ to: Yup.array().required().min(1).max(5).label('To address'),
+ subject: Yup.string().required().label('Mail subject'),
+ body: Yup.string().required().label('Mail body'),
+});
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.tsx
new file mode 100644
index 000000000..794ed890d
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogForm.tsx
@@ -0,0 +1,79 @@
+// @ts-nocheck
+import { Formik } from 'formik';
+import * as R from 'ramda';
+import { Intent } from '@blueprintjs/core';
+import { useInvoiceMailDialogBoot } from './InvoiceMailDialogBoot';
+import { DialogsName } from '@/constants/dialogs';
+import { AppToaster } from '@/components';
+import { useSendSaleInvoiceMail } from '@/hooks/query';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { InvoiceMailDialogFormContent } from './InvoiceMailDialogFormContent';
+import { InvoiceMailFormSchema } from './InvoiceMailDialogForm.schema';
+import {
+ MailNotificationFormValues,
+ initialMailNotificationValues,
+ transformMailFormToRequest,
+ transformMailFormToInitialValues,
+} from '@/containers/SendMailNotification/utils';
+
+const initialFormValues = {
+ ...initialMailNotificationValues,
+ attachInvoice: true,
+};
+
+interface InvoiceMailFormValues extends MailNotificationFormValues {
+ attachInvoice: boolean;
+}
+
+function InvoiceMailDialogFormRoot({
+ // #withDialogActions
+ closeDialog,
+}) {
+ const { mailOptions, saleInvoiceId } = useInvoiceMailDialogBoot();
+ const { mutateAsync: sendInvoiceMail } = useSendSaleInvoiceMail();
+
+ const initialValues = transformMailFormToInitialValues(
+ mailOptions,
+ initialFormValues,
+ );
+ // Handle the form submitting.
+ const handleSubmit = (values: InvoiceMailFormValues, { setSubmitting }) => {
+ const reqValues = transformMailFormToRequest(values);
+
+ setSubmitting(true);
+ sendInvoiceMail([saleInvoiceId, reqValues])
+ .then(() => {
+ AppToaster.show({
+ message: 'The mail notification has been sent successfully.',
+ intent: Intent.SUCCESS,
+ });
+ closeDialog(DialogsName.InvoiceMail);
+ setSubmitting(false);
+ })
+ .catch(() => {
+ AppToaster.show({
+ message: 'Something went wrong.',
+ intent: Intent.DANGER,
+ });
+ setSubmitting(false);
+ });
+ };
+ // Handle the close button click.
+ const handleClose = () => {
+ closeDialog(DialogsName.InvoiceMail);
+ };
+
+ return (
+
+
+ );
+}
+
+export const InvoiceMailDialogForm = R.compose(withDialogActions)(
+ InvoiceMailDialogFormRoot,
+);
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogFormContent.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogFormContent.tsx
new file mode 100644
index 000000000..07e104027
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/InvoiceMailDialogFormContent.tsx
@@ -0,0 +1,66 @@
+// @ts-nocheck
+import { Form, useFormikContext } from 'formik';
+import { Button, Classes, Intent } from '@blueprintjs/core';
+import styled from 'styled-components';
+import { FFormGroup, FSwitch } from '@/components';
+import { MailNotificationForm } from '@/containers/SendMailNotification';
+import { saveInvoke } from '@/utils';
+import { useInvoiceMailDialogBoot } from './InvoiceMailDialogBoot';
+
+interface SendMailNotificationFormProps {
+ onClose?: () => void;
+}
+
+export function InvoiceMailDialogFormContent({
+ onClose,
+}: SendMailNotificationFormProps) {
+ const { isSubmitting } = useFormikContext();
+ const { mailOptions } = useInvoiceMailDialogBoot();
+
+ const handleClose = () => {
+ saveInvoke(onClose);
+ };
+
+ return (
+
+ );
+}
+
+const AttachFormGroup = styled(FFormGroup)`
+ background: #f8f9fb;
+ margin-top: 0.6rem;
+ padding: 4px 14px;
+ border-radius: 5px;
+ border: 1px solid #dcdcdd;
+`;
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/index.ts b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/index.ts
new file mode 100644
index 000000000..b64dcaaf3
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceMailDialog/index.ts
@@ -0,0 +1 @@
+export * from './InvoiceMailDialog';
\ No newline at end of file
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx
index c2f5a78df..75ba9b7f6 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx
@@ -26,6 +26,7 @@ import { useInvoicesListContext } from './InvoicesListProvider';
import { compose } from '@/utils';
import { DRAWERS } from '@/constants/drawers';
+import { DialogsName } from '@/constants/dialogs';
/**
* Invoices datatable.
@@ -98,6 +99,11 @@ function InvoicesDataTable({
openDialog('invoice-pdf-preview', { invoiceId: id });
};
+ // Handle send mail invoice.
+ const handleSendMailInvoice = ({ id }) => {
+ openDialog(DialogsName.InvoiceMail, { invoiceId: id });
+ };
+
// Handle cell click.
const handleCellClick = (cell, event) => {
openDrawer(DRAWERS.INVOICE_DETAILS, { invoiceId: cell.row.original.id });
@@ -157,6 +163,7 @@ function InvoicesDataTable({
onViewDetails: handleViewDetailInvoice,
onPrint: handlePrintInvoice,
onConvert: handleConvertToCreitNote,
+ onSendMail: handleSendMailInvoice
}}
/>
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/components.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/components.tsx
index c5ebc3aee..2739ad9e5 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/components.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/components.tsx
@@ -128,6 +128,7 @@ export function ActionsMenu({
onQuick,
onViewDetails,
onPrint,
+ onSendMail
},
row: { original },
}) {
@@ -150,7 +151,6 @@ export function ActionsMenu({
text={intl.get('invoice.convert_to_credit_note')}
onClick={safeCallback(onConvert, original)}
/>
-
+
+
+
+
+ );
+}
+export default compose(withDialogRedux())(PaymentMailDialog);
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogBoot.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogBoot.tsx
new file mode 100644
index 000000000..aa08bd2e1
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogBoot.tsx
@@ -0,0 +1,45 @@
+// @ts-nocheck
+import React, { createContext } from 'react';
+import { usePaymentReceiveDefaultOptions } from '@/hooks/query';
+import { DialogContent } from '@/components';
+
+interface PaymentMailDialogBootValues {
+ paymentReceiveId: number;
+ mailOptions: any;
+}
+
+const PaymentMailDialogBootContext =
+ createContext();
+
+interface PaymentMailDialogBootProps {
+ paymentReceiveId: number;
+ children: React.ReactNode;
+}
+
+/**
+ * Payment mail dialog boot provider.
+ */
+function PaymentMailDialogBoot({
+ paymentReceiveId,
+ ...props
+}: PaymentMailDialogBootProps) {
+ const { data: mailOptions, isLoading: isMailOptionsLoading } =
+ usePaymentReceiveDefaultOptions(paymentReceiveId);
+
+ const provider = {
+ mailOptions,
+ isMailOptionsLoading,
+ paymentReceiveId
+ };
+
+ return (
+
+
+ );
+}
+
+const usePaymentMailDialogBoot = () =>
+ React.useContext(PaymentMailDialogBootContext);
+
+export { PaymentMailDialogBoot, usePaymentMailDialogBoot };
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogContent.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogContent.tsx
new file mode 100644
index 000000000..12fa57e05
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogContent.tsx
@@ -0,0 +1,17 @@
+import { PaymentMailDialogBoot } from './PaymentMailDialogBoot';
+import { PaymentMailDialogForm } from './PaymentMailDialogForm';
+
+interface PaymentMailDialogContentProps {
+ dialogName: string;
+ paymentReceiveId: number;
+}
+export default function PaymentMailDialogContent({
+ dialogName,
+ paymentReceiveId,
+}: PaymentMailDialogContentProps) {
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogForm.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogForm.tsx
new file mode 100644
index 000000000..bf0aa578b
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogForm.tsx
@@ -0,0 +1,78 @@
+// @ts-nocheck
+import { Formik, FormikBag } from 'formik';
+import * as R from 'ramda';
+import { Intent } from '@blueprintjs/core';
+import { usePaymentMailDialogBoot } from './PaymentMailDialogBoot';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { DialogsName } from '@/constants/dialogs';
+import { useSendPaymentReceiveMail } from '@/hooks/query';
+import { PaymentMailDialogFormContent } from './PaymentMailDialogFormContent';
+import {
+ MailNotificationFormValues,
+ initialMailNotificationValues,
+ transformMailFormToRequest,
+ transformMailFormToInitialValues,
+} from '@/containers/SendMailNotification/utils';
+import { AppToaster } from '@/components';
+
+const initialFormValues = {
+ ...initialMailNotificationValues,
+ attachPayment: true,
+};
+
+interface PaymentMailFormValue extends MailNotificationFormValues {
+ attachPayment: boolean;
+}
+
+export function PaymentMailDialogFormRoot({
+ // #withDialogActions
+ closeDialog,
+}) {
+ const { mailOptions, paymentReceiveId } = usePaymentMailDialogBoot();
+ const { mutateAsync: sendPaymentMail } = useSendPaymentReceiveMail();
+
+ const initialValues = transformMailFormToInitialValues(
+ mailOptions,
+ initialFormValues,
+ );
+ // Handles the form submitting.
+ const handleSubmit = (
+ values: PaymentMailFormValue,
+ { setSubmitting }: FormikBag,
+ ) => {
+ const reqValues = transformMailFormToRequest(values);
+
+ setSubmitting(true);
+ sendPaymentMail([paymentReceiveId, reqValues])
+ .then(() => {
+ AppToaster.show({
+ message: 'The mail notification has been sent successfully.',
+ intent: Intent.SUCCESS,
+ });
+ setSubmitting(false);
+ closeDialog(DialogsName.PaymentMail);
+ })
+ .catch(() => {
+ AppToaster.show({
+ message: 'Something went wrong.',
+ intent: Intent.DANGER,
+ });
+ setSubmitting(false);
+ closeDialog(DialogsName.PaymentMail);
+ });
+ };
+
+ const handleClose = () => {
+ closeDialog(DialogsName.PaymentMail);
+ };
+
+ return (
+
+
+ );
+}
+
+export const PaymentMailDialogForm = R.compose(withDialogActions)(
+ PaymentMailDialogFormRoot,
+);
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogFormContent.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogFormContent.tsx
new file mode 100644
index 000000000..5a04f0f28
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/PaymentMailDialogFormContent.tsx
@@ -0,0 +1,66 @@
+// @ts-nocheck
+import { Form, useFormikContext } from 'formik';
+import { Button, Classes, Intent } from '@blueprintjs/core';
+import styled from 'styled-components';
+import { FFormGroup, FSwitch } from '@/components';
+import { MailNotificationForm } from '@/containers/SendMailNotification';
+import { saveInvoke } from '@/utils';
+import { usePaymentMailDialogBoot } from './PaymentMailDialogBoot';
+
+interface PaymentMailDialogFormContentProps {
+ onClose?: () => void;
+}
+
+export function PaymentMailDialogFormContent({
+ onClose,
+}: PaymentMailDialogFormContentProps) {
+ const { mailOptions } = usePaymentMailDialogBoot();
+ const { isSubmitting } = useFormikContext();
+
+ const handleClose = () => {
+ saveInvoke(onClose);
+ };
+
+ return (
+
+ );
+}
+
+const AttachFormGroup = styled(FFormGroup)`
+ background: #f8f9fb;
+ margin-top: 0.6rem;
+ padding: 4px 14px;
+ border-radius: 5px;
+ border: 1px solid #dcdcdd;
+`;
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/index.ts b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/index.ts
new file mode 100644
index 000000000..5a2fbde70
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentMailDialog/index.ts
@@ -0,0 +1 @@
+export * from './PaymentMailDialog';
\ No newline at end of file
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.tsx
index 15a8346df..82e7f7cb5 100644
--- a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.tsx
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.tsx
@@ -17,12 +17,14 @@ import withPaymentReceives from './withPaymentReceives';
import withPaymentReceivesActions from './withPaymentReceivesActions';
import withAlertsActions from '@/containers/Alert/withAlertActions';
import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
import withSettings from '@/containers/Settings/withSettings';
import { usePaymentReceivesColumns, ActionsMenu } from './components';
import { usePaymentReceivesListContext } from './PaymentReceiptsListProvider';
import { useMemorizedColumnsWidths } from '@/hooks';
import { DRAWERS } from '@/constants/drawers';
+import { DialogsName } from '@/constants/dialogs';
/**
* Payment receives datatable.
@@ -31,15 +33,15 @@ function PaymentReceivesDataTable({
// #withPaymentReceivesActions
setPaymentReceivesTableState,
- // #withPaymentReceives
- paymentReceivesTableState,
-
// #withAlertsActions
openAlert,
// #withDrawerActions
openDrawer,
+ // #withDialogActions
+ openDialog,
+
// #withSettings
paymentReceivesTableSize,
}) {
@@ -73,6 +75,11 @@ function PaymentReceivesDataTable({
openDrawer(DRAWERS.PAYMENT_RECEIVE_DETAILS, { paymentReceiveId: id });
};
+ // Handle mail send payment receive.
+ const handleSendMailPayment = ({ id }) => {
+ openDialog(DialogsName.PaymentMail, { paymentReceiveId: id });
+ };
+
// Handle cell click.
const handleCellClick = (cell, event) => {
openDrawer(DRAWERS.PAYMENT_RECEIVE_DETAILS, {
@@ -129,6 +136,7 @@ function PaymentReceivesDataTable({
onDelete: handleDeletePaymentReceive,
onEdit: handleEditPaymentReceive,
onViewDetails: handleViewDetailPaymentReceive,
+ onSendMail: handleSendMailPayment,
}}
/>
@@ -139,6 +147,7 @@ export default compose(
withPaymentReceivesActions,
withAlertsActions,
withDrawerActions,
+ withDialogActions,
withPaymentReceives(({ paymentReceivesTableState }) => ({
paymentReceivesTableState,
})),
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/components.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/components.tsx
index 4af4f14ba..fd6aec581 100644
--- a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/components.tsx
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentsLanding/components.tsx
@@ -15,14 +15,17 @@ import {
import { FormatDateCell, Money, Icon, Can } from '@/components';
import { safeCallback } from '@/utils';
import { CLASSES } from '@/constants/classes';
-import { PaymentReceiveAction, AbilitySubject } from '@/constants/abilityOption';
+import {
+ PaymentReceiveAction,
+ AbilitySubject,
+} from '@/constants/abilityOption';
/**
* Table actions menu.
*/
export function ActionsMenu({
row: { original: paymentReceive },
- payload: { onEdit, onDelete, onViewDetails },
+ payload: { onEdit, onDelete, onViewDetails, onSendMail },
}) {
return (
@@ -31,6 +34,11 @@ export function ActionsMenu({
text={intl.get('view_details')}
onClick={safeCallback(onViewDetails, paymentReceive)}
/>
+
({
- ...(!isEmpty(receipt)
- ? { ...transformToEditForm(receipt) }
- : {
- ...defaultReceipt,
- ...(receiptAutoIncrement && {
- receipt_number: nextReceiptNumber,
- }),
- deposit_account_id: parseInt(preferredDepositAccount),
- entries: orderingLinesIndexes(defaultReceipt.entries),
- currency_code: base_currency,
+ const initialValues = {
+ ...(!isEmpty(receipt)
+ ? { ...transformToEditForm(receipt) }
+ : {
+ ...defaultReceipt,
+ ...(receiptAutoIncrement && {
+ receipt_number: nextReceiptNumber,
}),
- }),
- [receipt, preferredDepositAccount, nextReceiptNumber, receiptAutoIncrement],
- );
-
+ deposit_account_id: parseInt(preferredDepositAccount),
+ entries: orderingLinesIndexes(defaultReceipt.entries),
+ currency_code: base_currency,
+ receipt_message: receiptMessage,
+ terms_conditions: receiptTermsConditions,
+ }),
+ };
// Handle the form submit.
const handleFormSubmit = (
values,
@@ -184,6 +183,8 @@ export default compose(
receiptNextNumber: receiptSettings?.nextNumber,
receiptNumberPrefix: receiptSettings?.numberPrefix,
receiptAutoIncrement: receiptSettings?.autoIncrement,
+ receiptMessage: receiptSettings?.receiptMessage,
+ receiptTermsConditions: receiptSettings?.termsConditions,
preferredDepositAccount: receiptSettings?.preferredDepositAccount,
})),
withCurrentOrganization(),
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/utils.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/utils.tsx
index e8c019e7a..d58cb6179 100644
--- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/utils.tsx
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/utils.tsx
@@ -7,7 +7,6 @@ import { omit, first } from 'lodash';
import { useFormikContext } from 'formik';
import {
defaultFastFieldShouldUpdate,
- transactionNumber,
repeatValue,
transformToForm,
formattedAmount,
@@ -50,7 +49,7 @@ export const defaultReceipt = {
receipt_date: moment(new Date()).format('YYYY-MM-DD'),
reference_no: '',
receipt_message: '',
- statement: '',
+ terms_conditions: '',
closed: '',
branch_id: '',
warehouse_id: '',
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialog.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialog.tsx
new file mode 100644
index 000000000..a64ad5531
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialog.tsx
@@ -0,0 +1,37 @@
+// @ts-nocheck
+import React from 'react';
+import { Dialog, DialogSuspense } from '@/components';
+import withDialogRedux from '@/components/DialogReduxConnect';
+import { compose } from '@/utils';
+
+const ReceiptMailDialogContent = React.lazy(
+ () => import('./ReceiptMailDialogContent'),
+);
+
+/**
+ * Invoice mail dialog.
+ */
+function ReceiptMailDialog({
+ dialogName,
+ payload: { receiptId = null },
+ isOpen,
+}) {
+ return (
+
+
+
+
+ );
+}
+export default compose(withDialogRedux())(ReceiptMailDialog);
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogBoot.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogBoot.tsx
new file mode 100644
index 000000000..09eeb55f1
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogBoot.tsx
@@ -0,0 +1,45 @@
+// @ts-nocheck
+import React, { createContext } from 'react';
+import { useSaleReceiptDefaultOptions } from '@/hooks/query';
+import { DialogContent } from '@/components';
+
+interface ReceiptMailDialogBootValues {
+ receiptId: number;
+ mailOptions: any;
+}
+
+const ReceiptMailDialogBootContext =
+ createContext();
+
+interface ReceiptMailDialogBootProps {
+ receiptId: number;
+ children: React.ReactNode;
+}
+
+/**
+ * Receipt mail dialog boot provider.
+ */
+function ReceiptMailDialogBoot({
+ receiptId,
+ ...props
+}: ReceiptMailDialogBootProps) {
+ const { data: mailOptions, isLoading: isMailOptionsLoading } =
+ useSaleReceiptDefaultOptions(receiptId);
+
+ const provider = {
+ saleReceiptId: receiptId,
+ mailOptions,
+ isMailOptionsLoading,
+ };
+
+ return (
+
+
+ );
+}
+
+const useReceiptMailDialogBoot = () =>
+ React.useContext(ReceiptMailDialogBootContext);
+
+export { ReceiptMailDialogBoot, useReceiptMailDialogBoot };
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogContent.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogContent.tsx
new file mode 100644
index 000000000..955620f86
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogContent.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { ReceiptMailDialogBoot } from './ReceiptMailDialogBoot';
+import { ReceiptMailDialogForm } from './ReceiptMailDialogForm';
+
+interface ReceiptMailDialogContentProps {
+ dialogName: string
+ receiptId: number;
+}
+export default function ReceiptMailDialogContent({
+ dialogName,
+ receiptId,
+}: ReceiptMailDialogContentProps) {
+ return (
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogForm.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogForm.tsx
new file mode 100644
index 000000000..fb9b845af
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogForm.tsx
@@ -0,0 +1,74 @@
+// @ts-nocheck
+import { Formik, FormikBag } from 'formik';
+import * as R from 'ramda';
+import { Intent } from '@blueprintjs/core';
+import { useReceiptMailDialogBoot } from './ReceiptMailDialogBoot';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { DialogsName } from '@/constants/dialogs';
+import { useSendSaleReceiptMail } from '@/hooks/query';
+import { ReceiptMailDialogFormContent } from './ReceiptMailDialogFormContent';
+import {
+ initialMailNotificationValues,
+ MailNotificationFormValues,
+ transformMailFormToInitialValues,
+ transformMailFormToRequest,
+} from '@/containers/SendMailNotification/utils';
+import { AppToaster } from '@/components';
+
+const initialFormValues = {
+ ...initialMailNotificationValues,
+ attachReceipt: true,
+};
+interface ReceiptMailFormValues extends MailNotificationFormValues {
+ attachReceipt: boolean;
+}
+
+function ReceiptMailDialogFormRoot({ closeDialog }) {
+ const { mailOptions, saleReceiptId } = useReceiptMailDialogBoot();
+ const { mutateAsync: sendReceiptMail } = useSendSaleReceiptMail();
+
+ // Transformes mail options to initial form values.
+ const initialValues = transformMailFormToInitialValues(
+ mailOptions,
+ initialFormValues,
+ );
+ // Handle the form submitting.
+ const handleSubmit = (
+ values: ReceiptMailFormValues,
+ { setSubmitting }: FormikBag,
+ ) => {
+ const reqValues = transformMailFormToRequest(values);
+
+ setSubmitting(true);
+ sendReceiptMail([saleReceiptId, reqValues])
+ .then(() => {
+ AppToaster.show({
+ message: 'The mail notification has been sent successfully.',
+ intent: Intent.SUCCESS,
+ });
+ closeDialog(DialogsName.ReceiptMail);
+ setSubmitting(false);
+ })
+ .catch(() => {
+ AppToaster.show({
+ message: 'Something went wrong.',
+ intent: Intent.DANGER,
+ });
+ setSubmitting(false);
+ });
+ };
+ // Handle the close button click.
+ const handleClose = () => {
+ closeDialog(DialogsName.ReceiptMail);
+ };
+
+ return (
+
+
+ );
+}
+
+export const ReceiptMailDialogForm = R.compose(withDialogActions)(
+ ReceiptMailDialogFormRoot,
+);
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogFormContent.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogFormContent.tsx
new file mode 100644
index 000000000..d824d35af
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/ReceiptMailDialogFormContent.tsx
@@ -0,0 +1,66 @@
+// @ts-nocheck
+import { Form, useFormikContext } from 'formik';
+import { Button, Classes, Intent } from '@blueprintjs/core';
+import styled from 'styled-components';
+import { FFormGroup, FSwitch } from '@/components';
+import { MailNotificationForm } from '@/containers/SendMailNotification';
+import { useReceiptMailDialogBoot } from './ReceiptMailDialogBoot';
+import { saveInvoke } from '@/utils';
+
+interface SendMailNotificationFormProps {
+ onClose?: () => void;
+}
+
+export function ReceiptMailDialogFormContent({
+ onClose,
+}: SendMailNotificationFormProps) {
+ const { mailOptions } = useReceiptMailDialogBoot();
+ const { isSubmitting } = useFormikContext();
+
+ const handleClose = () => {
+ saveInvoke(onClose);
+ };
+
+ return (
+
+ );
+}
+
+const AttachFormGroup = styled(FFormGroup)`
+ background: #f8f9fb;
+ margin-top: 0.6rem;
+ padding: 4px 14px;
+ border-radius: 5px;
+ border: 1px solid #dcdcdd;
+`;
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/index.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/index.tsx
new file mode 100644
index 000000000..575fb462b
--- /dev/null
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptMailDialog/index.tsx
@@ -0,0 +1 @@
+export * from './ReceiptMailDialog';
\ No newline at end of file
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx
index 828ff5a70..7517cf104 100644
--- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx
@@ -140,7 +140,6 @@ function ReceiptActionsBar({
icon={ {
+ openDialog(DialogsName.ReceiptMail, { receiptId: id });
+ };
+
// Local storage memorizing columns widths.
const [initialColumnsWidths, , handleColumnResizing] =
useMemorizedColumnsWidths(TABLES.RECEIPTS);
@@ -141,6 +147,7 @@ function ReceiptsDataTable({
onClose: handleCloseReceipt,
onViewDetails: handleViewDetailReceipt,
onPrint: handlePrintInvoice,
+ onSendMail: handleSendMailReceipt,
}}
/>
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/components.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/components.tsx
index 4d843937e..e76b2d9c6 100644
--- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/components.tsx
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/components.tsx
@@ -24,7 +24,7 @@ import { SaleReceiptAction, AbilitySubject } from '@/constants/abilityOption';
* @returns {React.JSX}
*/
export function ActionsMenu({
- payload: { onEdit, onDelete, onClose, onDrawer, onViewDetails, onPrint },
+ payload: { onEdit, onDelete, onClose, onSendMail, onViewDetails, onPrint },
row: { original: receipt },
}) {
return (
@@ -51,6 +51,11 @@ export function ActionsMenu({
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+const MailMessageEditor = styled(FRichEditor)`
+ padding: 15px;
+ border: 1px solid #dedfe9;
+ border-top: 0;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+`;
+
+const HeaderBox = styled('div')`
+ border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
+ border: 1px solid #dddfe9;
+ border-bottom: 2px solid #eaeaef;
+ padding: 6px 15px;
+
+ .bp4-form-group {
+ margin: 0;
+ padding-top: 8px;
+ padding-bottom: 8px;
+
+ &:not(:last-of-type) {
+ border-bottom: 1px solid #dddfe9;
+ }
+ &:first-of-type {
+ padding-top: 0;
+ }
+ &:last-of-type {
+ padding-bottom: 0;
+ }
+ }
+
+ .bp4-form-content {
+ flex: 1 0;
+ }
+
+ .bp4-label {
+ min-width: 65px;
+ color: #738091;
+ }
+
+ .bp4-input {
+ border-color: transparent;
+ padding: 0;
+
+ &:focus,
+ &.bp4-active {
+ box-shadow: 0 0 0 0;
+ }
+ }
+
+ .bp4-input-ghost {
+ margin-top: 5px;
+ }
+ .bp4-tag-input-values {
+ margin: 0;
+ }
+`;
diff --git a/packages/webapp/src/containers/SendMailNotification/index.ts b/packages/webapp/src/containers/SendMailNotification/index.ts
new file mode 100644
index 000000000..5662fe7c9
--- /dev/null
+++ b/packages/webapp/src/containers/SendMailNotification/index.ts
@@ -0,0 +1 @@
+export * from './MailNotificationForm';
\ No newline at end of file
diff --git a/packages/webapp/src/containers/SendMailNotification/utils.ts b/packages/webapp/src/containers/SendMailNotification/utils.ts
new file mode 100644
index 000000000..59d0f6420
--- /dev/null
+++ b/packages/webapp/src/containers/SendMailNotification/utils.ts
@@ -0,0 +1,44 @@
+import { castArray, first } from 'lodash';
+import { transformToForm } from '@/utils';
+
+export const initialMailNotificationValues = {
+ from: [],
+ to: [],
+ subject: '',
+ body: '',
+};
+
+export interface MailNotificationFormValues {
+ from: string[];
+ to: string[];
+ subject: string;
+ body: string;
+}
+
+export const transformMailFormToRequest = (
+ values: MailNotificationFormValues,
+) => {
+ return {
+ ...values,
+ from: first(values.from),
+ to: values.to?.join(', '),
+ };
+};
+
+/**
+ * Transformes the mail options response values to form initial values.
+ * @param {any} mailOptions
+ * @param {MailNotificationFormValues} initialValues
+ * @returns {MailNotificationFormValues}
+ */
+export const transformMailFormToInitialValues = (
+ mailOptions: any,
+ initialValues: MailNotificationFormValues,
+): MailNotificationFormValues => {
+ return {
+ ...initialValues,
+ ...transformToForm(mailOptions, initialValues),
+ from: mailOptions.from ? castArray(mailOptions.from) : [],
+ to: mailOptions.to ? castArray(mailOptions.to) : [],
+ };
+};
diff --git a/packages/webapp/src/containers/Vendors/VendorForm/VendorForm.schema.tsx b/packages/webapp/src/containers/Vendors/VendorForm/VendorForm.schema.tsx
index 6eb0edf71..5e64c61f0 100644
--- a/packages/webapp/src/containers/Vendors/VendorForm/VendorForm.schema.tsx
+++ b/packages/webapp/src/containers/Vendors/VendorForm/VendorForm.schema.tsx
@@ -22,7 +22,7 @@ const Schema = Yup.object().shape({
billing_address_2: Yup.string().trim(),
billing_address_city: Yup.string().trim(),
billing_address_state: Yup.string().trim(),
- billing_address_postcode: Yup.number().nullable(),
+ billing_address_postcode: Yup.string().nullable(),
billing_address_phone: Yup.number(),
shipping_address_country: Yup.string().trim(),
@@ -30,7 +30,7 @@ const Schema = Yup.object().shape({
shipping_address_2: Yup.string().trim(),
shipping_address_city: Yup.string().trim(),
shipping_address_state: Yup.string().trim(),
- shipping_address_postcode: Yup.number().nullable(),
+ shipping_address_postcode: Yup.string().nullable(),
shipping_address_phone: Yup.number(),
opening_balance: Yup.number().nullable(),
diff --git a/packages/webapp/src/hooks/query/estimates.tsx b/packages/webapp/src/hooks/query/estimates.tsx
index 8bb3c2731..9ab867857 100644
--- a/packages/webapp/src/hooks/query/estimates.tsx
+++ b/packages/webapp/src/hooks/query/estimates.tsx
@@ -239,3 +239,33 @@ export function useEstimateSMSDetail(estimateId, props, requestProps) {
},
);
}
+
+export function useSendSaleEstimateMail(props) {
+ const queryClient = useQueryClient();
+ const apiRequest = useApiRequest();
+
+ return useMutation(
+ ([id, values]) => apiRequest.post(`sales/estimates/${id}/mail`, values),
+ {
+ onSuccess: (res, [id, values]) => {
+ // Common invalidate queries.
+ commonInvalidateQueries(queryClient);
+ },
+ ...props,
+ },
+ );
+}
+
+export function useSaleEstimateDefaultOptions(estimateId, props) {
+ return useRequestQuery(
+ [t.SALE_ESTIMATE_MAIL_OPTIONS, estimateId],
+ {
+ method: 'get',
+ url: `sales/estimates/${estimateId}/mail`,
+ },
+ {
+ select: (res) => res.data.data,
+ ...props,
+ },
+ );
+}
diff --git a/packages/webapp/src/hooks/query/financialReports.tsx b/packages/webapp/src/hooks/query/financialReports.tsx
index e0919584d..e10951472 100644
--- a/packages/webapp/src/hooks/query/financialReports.tsx
+++ b/packages/webapp/src/hooks/query/financialReports.tsx
@@ -1,16 +1,12 @@
// @ts-nocheck
import { useRequestQuery } from '../useQueryRequest';
import {
- trialBalanceSheetReducer,
- generalLedgerTableRowsReducer,
- journalTableRowsReducer,
- ARAgingSummaryTableRowsMapper,
- APAgingSummaryTableRowsMapper,
inventoryValuationReducer,
purchasesByItemsReducer,
salesByItemsReducer,
} from '@/containers/FinancialStatements/reducers';
import t from './types';
+import { useDownloadFile } from '../useDownloadFile';
/**
* Retrieve balance sheet.
@@ -33,6 +29,34 @@ export function useBalanceSheet(query, props) {
);
}
+export const useBalanceSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/balance_sheet',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'balance_sheet.xlsx',
+ ...args,
+ });
+};
+
+export const useBalanceSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/balance_sheet',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'balance_sheet.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve trial balance sheet.
*/
@@ -43,22 +67,45 @@ export function useTrialBalanceSheet(query, props) {
method: 'get',
url: '/financial_statements/trial_balance_sheet',
params: query,
+ headers: {
+ Accept: 'application/json+table',
+ },
},
{
- select: (res) => ({
- tableRows: trialBalanceSheetReducer(res.data.data),
- ...res.data,
- }),
- defaultData: {
- tableRows: [],
- data: [],
- query: {},
- },
+ select: (res) => res.data,
...props,
},
);
}
+export const useTrialBalanceSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/trial_balance_sheet',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'trial_balance_sheet.xlsx',
+ ...args,
+ });
+};
+
+export const useTrialBalanceSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/trial_balance_sheet',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'trial_balance_sheet.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve profit/loss (P&L) sheet.
*/
@@ -80,6 +127,34 @@ export function useProfitLossSheet(query, props) {
);
}
+export const useProfitLossSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/profit_loss_sheet',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'profit_loss_sheet.xlsx',
+ ...args,
+ });
+};
+
+export const useProfitLossSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/profit_loss_sheet',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'profit_loss_sheet.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve general ledger (GL) sheet.
*/
@@ -90,21 +165,44 @@ export function useGeneralLedgerSheet(query, props) {
method: 'get',
url: '/financial_statements/general_ledger',
params: query,
+ headers: {
+ Accept: 'application/json+table',
+ },
},
{
- select: (res) => ({
- tableRows: generalLedgerTableRowsReducer(res.data.data),
- ...res.data,
- }),
- defaultData: {
- tableRows: [],
- data: {},
- query: {},
- },
+ select: (res) => res.data,
...props,
},
);
}
+export const useGeneralLedgerSheetXlsxExport = (query, args) => {
+return useDownloadFile({
+ url: '/financial_statements/general_ledger',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'general_ledger.xlsx',
+ ...args,
+});
+};
+
+export const useGeneralLedgerSheetCsvExport = (query, args) => {
+return useDownloadFile({
+ url: '/financial_statements/general_ledger',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'general_ledger.csv',
+ ...args,
+});
+};
+
/**
* Retrieve journal sheet.
@@ -112,22 +210,49 @@ export function useGeneralLedgerSheet(query, props) {
export function useJournalSheet(query, props) {
return useRequestQuery(
[t.FINANCIAL_REPORT, t.JOURNAL, query],
- { method: 'get', url: '/financial_statements/journal', params: query },
{
- select: (res) => ({
- tableRows: journalTableRowsReducer(res.data.data),
- ...res.data,
- }),
- defaultData: {
- data: {},
- tableRows: [],
- query: {},
+ method: 'get',
+ url: '/financial_statements/journal',
+ params: query,
+ headers: {
+ Accept: 'application/json+table',
},
+ },
+ {
+ select: (res) => res.data,
...props,
},
);
}
+export const useJournalSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/journal',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'journal.xlsx',
+ ...args,
+ });
+};
+
+export const useJournalSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/journal',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'journal.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve A/R aging summary report.
*/
@@ -149,6 +274,34 @@ export function useARAgingSummaryReport(query, props) {
);
}
+export const useARAgingSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/receivable_aging_summary',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'receivable_aging_summary.xlsx',
+ ...args,
+ });
+};
+
+export const useARAgingSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/receivable_aging_summary',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'receivable_aging_summary.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve A/P aging summary report.
*/
@@ -170,6 +323,34 @@ export function useAPAgingSummaryReport(query, props) {
);
}
+export const useAPAgingSheetXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/payable_aging_summary',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'payable_aging_summary.xlsx',
+ ...args,
+ });
+};
+
+export const useAPAgingSheetCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/payable_aging_summary',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'payable_aging_summary.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve inventory valuation.
*/
@@ -275,6 +456,34 @@ export function useCustomerBalanceSummaryReport(query, props) {
);
}
+export const useCustomerBalanceSummaryXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/customer-balance-summary',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'customer_balance_summary.xlsx',
+ ...args,
+ });
+};
+
+export const useCustomerBalanceSummaryCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/customer-balance-summary',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'customer_balance_summary.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve vendors balance summary report.
*/
@@ -304,6 +513,36 @@ export function useVendorsBalanceSummaryReport(query, props) {
);
}
+export const useVendorBalanceSummaryXlsxExport = (args) => {
+ const url = '/financial_statements/vendor-balance-summary';
+ const config = {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ };
+ const filename = 'vendor_balance_summary.xlsx';
+
+ return useDownloadFile({
+ url,
+ config,
+ filename,
+ ...args,
+ });
+};
+
+export const useVendorBalanceSummaryCsvExport = (args) => {
+ return useDownloadFile({
+ url: '/financial_statements/vendor-balance-summary',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ },
+ filename: 'vendor_balance_summary.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve customers transactions report.
*/
@@ -332,6 +571,38 @@ export function useCustomersTransactionsReport(query, props) {
);
}
+export const useCustomersTransactionsXlsxExport = (query, args) => {
+ const url = '/financial_statements/transactions-by-customers';
+ const config = {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ };
+ const filename = 'customers_transactions.xlsx';
+
+ return useDownloadFile({
+ url,
+ config,
+ filename,
+ ...args,
+ });
+};
+
+export const useCustomersTransactionsCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/transactions-by-customers',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'customers_transactions.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve vendors transactions report.
*/
@@ -349,7 +620,7 @@ export function useVendorsTransactionsReport(query, props) {
{
select: (res) => ({
data: res.data.table,
- tableRows: res.data.table.data,
+ tableRows: res.data.table.rows,
}),
defaultData: {
tableRows: [],
@@ -360,6 +631,38 @@ export function useVendorsTransactionsReport(query, props) {
);
}
+export const useVendorsTransactionsXlsxExport = (query, args) => {
+ const url = '/financial_statements/transactions-by-vendors';
+ const config = {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ };
+ const filename = 'transactions_by_vendor.xlsx';
+
+ return useDownloadFile({
+ url,
+ config,
+ filename,
+ ...args,
+ });
+};
+
+export const useVendorsTransactionsCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/transactions-by-vendors',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'transactions_by_vendor.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve cash flow statement report.
*/
@@ -379,7 +682,7 @@ export function useCashFlowStatementReport(query, props) {
columns: res.data.table.columns,
query: res.data.query,
meta: res.data.meta,
- tableRows: res.data.table.data,
+ tableRows: res.data.table.rows,
}),
defaultData: {
tableRows: [],
@@ -392,6 +695,42 @@ export function useCashFlowStatementReport(query, props) {
);
}
+export const useCashFlowStatementXlsxExport = (query, args) => {
+ const url = '/financial_statements/cash-flow';
+ const config = {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ };
+ const filename = 'cashflow_statement.xlsx';
+
+ return useDownloadFile({
+ url,
+ config,
+ filename,
+ ...args,
+ });
+};
+
+export const useCashFlowStatementCsvExport = (query, args) => {
+ const url = '/financial_statements/cash-flow';
+ const config = {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ };
+ const filename = 'cashflow_statement.csv';
+
+ return useDownloadFile({
+ url,
+ config,
+ filename,
+ ...args,
+ });
+};
+
/**
* Retrieve inventory item detail report.
*/
@@ -411,7 +750,7 @@ export function useInventoryItemDetailsReport(query, props) {
columns: res.data.table.columns,
query: res.data.query,
meta: res.data.meta,
- tableRows: res.data.table.data,
+ tableRows: res.data.table.rows,
}),
defaultData: {
tableRows: [],
@@ -424,6 +763,34 @@ export function useInventoryItemDetailsReport(query, props) {
);
}
+export const useInventoryItemDetailsXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/inventory-item-details',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'inventory_item_details.xlsx',
+ ...args,
+ });
+};
+
+export const useInventoryItemDetailsCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/inventory-item-details',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'inventory_item_details.csv',
+ ...args,
+ });
+};
+
/**
* Retrieve transactions by reference report.
*/
@@ -465,3 +832,31 @@ export function useSalesTaxLiabilitySummary(query, props) {
},
);
}
+
+export const useSalesTaxLiabilitySummaryXlsxExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/sales-tax-liability-summary',
+ config: {
+ headers: {
+ accept: 'application/xlsx',
+ },
+ params: query,
+ },
+ filename: 'sales_tax_liability_summary.xlsx',
+ ...args,
+ });
+};
+
+export const useSalesTaxLiabilitySummaryCsvExport = (query, args) => {
+ return useDownloadFile({
+ url: '/financial_statements/sales-tax-liability-summary',
+ config: {
+ headers: {
+ accept: 'application/csv',
+ },
+ params: query,
+ },
+ filename: 'sales_tax_liability_summary.csv',
+ ...args,
+ });
+};
diff --git a/packages/webapp/src/hooks/query/invoices.tsx b/packages/webapp/src/hooks/query/invoices.tsx
index 13009042c..2adbf87e0 100644
--- a/packages/webapp/src/hooks/query/invoices.tsx
+++ b/packages/webapp/src/hooks/query/invoices.tsx
@@ -306,3 +306,34 @@ export function useInvoicePaymentTransactions(invoiceId, props) {
},
);
}
+
+export function useSendSaleInvoiceMail(props) {
+ const queryClient = useQueryClient();
+ const apiRequest = useApiRequest();
+
+ return useMutation(
+ ([id, values]) => apiRequest.post(`sales/invoices/${id}/mail`, values),
+ {
+ onSuccess: (res, [id, values]) => {
+ // Common invalidate queries.
+ commonInvalidateQueries(queryClient);
+ },
+ ...props,
+ },
+ );
+}
+
+export function useSaleInvoiceDefaultOptions(invoiceId, props) {
+ return useRequestQuery(
+ [t.SALE_INVOICE_DEFAULT_OPTIONS, invoiceId],
+ {
+ method: 'get',
+ url: `sales/invoices/${invoiceId}/mail`,
+ },
+ {
+ select: (res) => res.data.data,
+ ...props,
+ },
+ );
+}
+
diff --git a/packages/webapp/src/hooks/query/paymentReceives.tsx b/packages/webapp/src/hooks/query/paymentReceives.tsx
index 49d53ad67..376993e19 100644
--- a/packages/webapp/src/hooks/query/paymentReceives.tsx
+++ b/packages/webapp/src/hooks/query/paymentReceives.tsx
@@ -234,3 +234,34 @@ export function usePaymentReceiveSMSDetail(
export function usePdfPaymentReceive(paymentReceiveId) {
return useRequestPdf(`sales/payment_receives/${paymentReceiveId}`);
}
+
+export function useSendPaymentReceiveMail(props) {
+ const queryClient = useQueryClient();
+ const apiRequest = useApiRequest();
+
+ return useMutation(
+ ([id, values]) =>
+ apiRequest.post(`sales/payment_receives/${id}/mail`, values),
+ {
+ onSuccess: (res, [id, values]) => {
+ // Common invalidate queries.
+ commonInvalidateQueries(queryClient);
+ },
+ ...props,
+ },
+ );
+}
+
+export function usePaymentReceiveDefaultOptions(paymentReceiveId, props) {
+ return useRequestQuery(
+ [t.PAYMENT_RECEIVE_MAIL_OPTIONS, paymentReceiveId],
+ {
+ method: 'get',
+ url: `sales/payment_receives/${paymentReceiveId}/mail`,
+ },
+ {
+ select: (res) => res.data.data,
+ ...props,
+ },
+ );
+}
diff --git a/packages/webapp/src/hooks/query/receipts.tsx b/packages/webapp/src/hooks/query/receipts.tsx
index 907cfc8af..7a6ae2ce9 100644
--- a/packages/webapp/src/hooks/query/receipts.tsx
+++ b/packages/webapp/src/hooks/query/receipts.tsx
@@ -207,3 +207,36 @@ export function useReceiptSMSDetail(receiptId, props, requestProps) {
},
);
}
+
+/**
+ *
+ */
+export function useSendSaleReceiptMail(props) {
+ const queryClient = useQueryClient();
+ const apiRequest = useApiRequest();
+
+ return useMutation(
+ ([id, values]) => apiRequest.post(`sales/receipts/${id}/mail`, values),
+ {
+ onSuccess: () => {
+ // Invalidate queries.
+ commonInvalidateQueries(queryClient);
+ },
+ ...props,
+ },
+ );
+}
+
+export function useSaleReceiptDefaultOptions(invoiceId, props) {
+ return useRequestQuery(
+ [t.SALE_RECEIPT_MAIL_OPTIONS, invoiceId],
+ {
+ method: 'get',
+ url: `sales/receipts/${invoiceId}/mail`,
+ },
+ {
+ select: (res) => res.data.data,
+ ...props,
+ },
+ );
+}
diff --git a/packages/webapp/src/hooks/query/types.tsx b/packages/webapp/src/hooks/query/types.tsx
index fbce84ae3..9d3446c77 100644
--- a/packages/webapp/src/hooks/query/types.tsx
+++ b/packages/webapp/src/hooks/query/types.tsx
@@ -69,6 +69,7 @@ const SALE_ESTIMATES = {
SALE_ESTIMATE: 'SALE_ESTIMATE',
SALE_ESTIMATE_SMS_DETAIL: 'SALE_ESTIMATE_SMS_DETAIL',
NOTIFY_SALE_ESTIMATE_BY_SMS: 'NOTIFY_SALE_ESTIMATE_BY_SMS',
+ SALE_ESTIMATE_MAIL_OPTIONS: 'SALE_ESTIMATE_MAIL_OPTIONS',
};
const SALE_RECEIPTS = {
@@ -76,6 +77,7 @@ const SALE_RECEIPTS = {
SALE_RECEIPT: 'SALE_RECEIPT',
SALE_RECEIPT_SMS_DETAIL: 'SALE_RECEIPT_SMS_DETAIL',
NOTIFY_SALE_RECEIPT_BY_SMS: 'NOTIFY_SALE_RECEIPT_BY_SMS',
+ SALE_RECEIPT_MAIL_OPTIONS: 'SALE_RECEIPT_MAIL_OPTIONS'
};
const INVENTORY_ADJUSTMENTS = {
@@ -101,6 +103,7 @@ const PAYMENT_RECEIVES = {
PAYMENT_RECEIVE_EDIT_PAGE: 'PAYMENT_RECEIVE_EDIT_PAGE',
PAYMENT_RECEIVE_SMS_DETAIL: 'PAYMENT_RECEIVE_SMS_DETAIL',
NOTIFY_PAYMENT_RECEIVE_BY_SMS: 'NOTIFY_PAYMENT_RECEIVE_BY_SMS',
+ PAYMENT_RECEIVE_MAIL_OPTIONS: 'PAYMENT_RECEIVE_MAIL_OPTIONS',
};
const SALE_INVOICES = {
@@ -112,6 +115,7 @@ const SALE_INVOICES = {
BAD_DEBT: 'BAD_DEBT',
CANCEL_BAD_DEBT: 'CANCEL_BAD_DEBT',
SALE_INVOICE_PAYMENT_TRANSACTIONS: 'SALE_INVOICE_PAYMENT_TRANSACTIONS',
+ SALE_INVOICE_DEFAULT_OPTIONS: 'SALE_INVOICE_DEFAULT_OPTIONS'
};
const USERS = {
diff --git a/packages/webapp/src/hooks/useDownloadFile.ts b/packages/webapp/src/hooks/useDownloadFile.ts
new file mode 100644
index 000000000..3237f2a79
--- /dev/null
+++ b/packages/webapp/src/hooks/useDownloadFile.ts
@@ -0,0 +1,72 @@
+// @ts-nocheck
+import axios, { AxiosError, AxiosRequestConfig } from 'axios';
+import { useState } from 'react';
+import { useMutation } from 'react-query';
+import useApiRequest from './useRequest';
+
+interface IArgs {
+ url: string;
+ filename: string;
+ mime?: string;
+ config?: AxiosRequestConfig;
+ onDownloadProgress?: (progress: number) => void;
+}
+
+export const useDownloadFile = (args: IArgs) => {
+ const apiRequest = useApiRequest();
+
+ const mutation = useMutation(() =>
+ apiRequest
+ .get(args.url, {
+ responseType: 'blob',
+ onDownloadProgress: (ev) => {
+ args.onDownloadProgress &&
+ args.onDownloadProgress(Math.round((ev.loaded * 100) / ev.total));
+ },
+ ...args.config,
+ })
+ .then((res) => {
+ downloadFile(res.data, args.filename, args.mime);
+ return res;
+ }),
+ );
+ return { ...mutation };
+};
+
+export function downloadFile(data, filename, mime, bom) {
+ var blobData = typeof bom !== 'undefined' ? [bom, data] : [data];
+ var blob = new Blob(blobData, { type: mime || 'application/octet-stream' });
+ if (typeof window.navigator.msSaveBlob !== 'undefined') {
+ // IE workaround for "HTML7007: One or more blob URLs were
+ // revoked by closing the blob for which they were created.
+ // These URLs will no longer resolve as the data backing
+ // the URL has been freed."
+ window.navigator.msSaveBlob(blob, filename);
+ } else {
+ var blobURL =
+ window.URL && window.URL.createObjectURL
+ ? window.URL.createObjectURL(blob)
+ : window.webkitURL.createObjectURL(blob);
+ var tempLink = document.createElement('a');
+ tempLink.style.display = 'none';
+ tempLink.href = blobURL;
+ tempLink.setAttribute('download', filename);
+
+ // Safari thinks _blank anchor are pop ups. We only want to set _blank
+ // target if the browser does not support the HTML5 download attribute.
+ // This allows you to download files in desktop safari if pop up blocking
+ // is enabled.
+ if (typeof tempLink.download === 'undefined') {
+ tempLink.setAttribute('target', '_blank');
+ }
+
+ document.body.appendChild(tempLink);
+ tempLink.click();
+
+ // Fixes "webkit blob resource error 1"
+ setTimeout(function () {
+ document.body.removeChild(tempLink);
+ window.URL.revokeObjectURL(blobURL);
+ }, 200);
+ }
+}
diff --git a/packages/webapp/src/hooks/useRequest.tsx b/packages/webapp/src/hooks/useRequest.tsx
index 12635ad0a..3ce81ae3c 100644
--- a/packages/webapp/src/hooks/useRequest.tsx
+++ b/packages/webapp/src/hooks/useRequest.tsx
@@ -30,13 +30,13 @@ export default function useApiRequest() {
const locale = currentLocale;
if (token) {
- request.headers.common['X-Access-Token'] = token;
+ request.headers['X-Access-Token'] = token;
}
if (organizationId) {
- request.headers.common['organization-id'] = organizationId;
+ request.headers['organization-id'] = organizationId;
}
if (locale) {
- request.headers.common['Accept-Language'] = locale;
+ request.headers['Accept-Language'] = locale;
}
return request;
},
diff --git a/packages/webapp/src/lang/ar/index.json b/packages/webapp/src/lang/ar/index.json
index b2325c53f..976b049d6 100644
--- a/packages/webapp/src/lang/ar/index.json
+++ b/packages/webapp/src/lang/ar/index.json
@@ -407,7 +407,6 @@
"display_name": "اسم العرض",
"the_customer_has_been_created_successfully": "تم إنشاء زبون جديد بنجاح.",
"select_contact": "حدد جهة اتصال",
- "contact": "جهة اتصال",
"contacts": "جهات الاتصال",
"close_sidebar": "إغلاق الشريط الجانبي.",
"open_sidebar": "فتح الشريط الجانبي.",
@@ -804,7 +803,6 @@
"all_customers": "كل الزبائن",
"all_vendors": "كل الموردين",
"selected_customers": "{عدد} العملاء المحددين",
- "transaction_number": " العملية",
"running_balance": "الرصيد التحليلي",
"view_all": "مشاهدة الكل",
"payment_via_voucher": "الدفع عن طريق القسيمة",
@@ -871,7 +869,6 @@
"inventory_valuation": "تقييم المخزون",
"payable_accounts_should_assign_with_vendors": "يجب تعيين حسابات الدفع مع البائعين.",
"account_paper": "ورقة الحساب",
- "transaction_date": "تاريخ العملة",
"account_normal": "طبيعة الحساب",
"published_at": "نشرت في",
"customers_balance_summary": "ملخص رصيد الزبائن",
@@ -922,7 +919,6 @@
"drag_drop_files_here_or_click_here": "قم بسحب/إسقاط الملفات هنا أو انقر هنا.",
"enter_an_item": "أدخل منتج ...",
"due_amount": "القيمة المستحقة",
- "invoice_details": "تفاصيل الفاتورة",
"setting_your_auto_generated_estimate_number": "عيين رقم العرض الذي تم إنشاؤه تلقائيًا",
"setting_your_auto_generated_journal_number": "عيين رقم قيد اليدوي الذي تم إنشاؤه تلقائيًا",
"setting_your_auto_generated_invoice_number": "عيين رقم الفاتورة الذي تم إنشاؤه تلقائيًا",
@@ -934,7 +930,6 @@
"receive_full_amount": "استلام المبلغ كاملاً",
"manage_the_organization_s_services_and_products": "إدارة الخدمات والمنتجات للمنشأة.",
"here_a_list_of_your_organization_products_and_services": "هنا قائمة بمنتجات وخدمات عملك ، لاستخدامها عند إنشاء فواتير أو فواتير لموردين أو البائعين.",
- "receipt_details": "تفاصيل الإيصال",
"bill_details": "تفاصيل الفاتورة",
"new_bill_payment": "سند مورد جديد",
"new_sale_invoice": "فاتورة بيع جديدة",
@@ -1148,7 +1143,6 @@
"conditions_and_terms": "Conditions and terms",
"allocate_landed_coast": "تحميل تكلفة اضافية",
"transaction_date": "تاريخ المعاملة",
- "transaction_type": "نوع المعاملة",
"transaction_id": "رقم المعاملة",
"transaction_number": "رقم المعاملة",
"transaction_line": "سطر المعاملة",
@@ -1177,7 +1171,6 @@
"contact": "جهة الاتصال",
"invoice_details": "تفاصيل الفاتورة",
"receipt_details": "تفاصيل الإيصال",
- "payment_receive_details": "تفاصيل سند الزبون",
"payment_made_details": "تفاصيل سند المورد",
"New item category": "اضافة تصنيف صنف جديد",
"New service": "اضافة خدمة جديدة",
diff --git a/packages/webapp/src/lang/en/index.json b/packages/webapp/src/lang/en/index.json
index 1b2e25f1f..5522f57d6 100644
--- a/packages/webapp/src/lang/en/index.json
+++ b/packages/webapp/src/lang/en/index.json
@@ -37,6 +37,7 @@
"success": "Success",
"register_a_new_organization": "Register a New Organization.",
"organization_name": "Organization Name",
+ "organization_tax_number": "Organization Tax Number",
"email": "Email",
"email_address": "Email Address",
"register": "Register",
@@ -339,6 +340,7 @@
"item_type_": "Item type",
"item_name_": "Item name",
"organization_industry_": "Organization industry",
+ "organization_tax_number_": "Organization tax number",
"base_currency_": "Base currency",
"date_format_": "Date format",
"category_name_": "Category name",
@@ -406,7 +408,6 @@
"display_name": "Display Name",
"the_customer_has_been_created_successfully": "The customer has been created successfully.",
"select_contact": "Select contact",
- "contact": "Contact",
"contacts": "Contacts",
"close_sidebar": "Close sidebar.",
"open_sidebar": "Open sidebar.",
@@ -794,7 +795,6 @@
"all_customers": "All Customers",
"all_vendors": "All Vendors",
"selected_customers": "{count} Selected Customers",
- "transaction_number": "Transaction #",
"running_balance": "Running balance",
"view_all": "View all",
"payment_via_voucher": "Payment via voucher",
@@ -865,8 +865,6 @@
"inventory_valuation": "Inventory valuation",
"payable_accounts_should_assign_with_vendors": "Payable accounts should assign with vendors.",
"account_paper": "Account Paper",
- "transaction_date": "Transaction date",
- "transaction_type": "Transaction type",
"account_normal": "Account normal",
"published_at": "Published at",
"customers_balance_summary": "Customers Balance Summary",
@@ -1128,7 +1126,6 @@
"transaction_date": "Transaction date",
"transaction_type": "Transaction type",
"transaction_id": "Transaction #",
- "transaction_number": "Transaction number",
"transaction_line": "Transaction line",
"allocation_method": "Allocation method",
"other_income_account": "Other income account",
@@ -1155,9 +1152,6 @@
"journal_entries": "Journal Entries",
"contact": "Contact",
"invoice_details": "Invoice details",
- "receipt_details": "Receipt details",
- "payment_receive_details": "Payment receive details",
- "payment_made_details": "Payment made details",
"New item category": "New item category",
"New service": "New service",
"New inventory item": "New inventory item",
@@ -1804,6 +1798,7 @@
"balance_sheet.total_change": "Total Change",
"balance_sheet.change": "% Change",
"balance_sheet.previous_period": "Previous Period (PP)",
+ "balance_sheet.net_income": "Net Income",
"profit_loss_sheet.comparisons": "Comparisons",
"profit_loss_sheet.dimensions": "Dimensions",
"profit_loss_sheet.previous_year": "Previous Year",
@@ -2295,5 +2290,27 @@
"sidebar.new_project": "New Project",
"sidebar.new_time_entry": "New Time Entry",
"sidebar.project_profitability_summary": "Project Profitability Summary",
- "global_error.too_many_requests": "Too many requests"
-}
+ "global_error.too_many_requests": "Too many requests",
+
+ "pref.invoices.termsConditions.field": "Terms & Conditions",
+ "pref.invoices.customerNotes.field": "Customer Notes",
+
+ "pref.creditNotes.termsConditions.field": "Terms & Conditions",
+ "pref.creditNotes.customerNotes.field": "Customer Notes",
+
+ "pref.estimates.termsConditions.field": "Terms & Conditions",
+ "pref.estimates.customerNotes.field": "Customer Notes",
+
+ "pref.receipts.termsConditions.field": "Terms & Conditions",
+ "pref.receipts.receiptMessage.field": "Receipt Message",
+
+ "preferences.invoices": "Invoices",
+ "preferences.estimates": "Estimates",
+ "preferences.creditNotes": "Credit Notes",
+ "preferences.receipts": "Receipts",
+
+ "preferences.estimates.success_message": "The preferences have been saved successfully.",
+ "preferences.credit_notes.success_message": "The preferences have been saved successfully.",
+ "preferences.receipts.success_message": "The preferences have been saved successfully.",
+ "preferences.invoices.success_message": "The preferences have been saved successfully."
+}
\ No newline at end of file
diff --git a/packages/webapp/src/routes/preferences.tsx b/packages/webapp/src/routes/preferences.tsx
index 775efcf82..8031230ed 100644
--- a/packages/webapp/src/routes/preferences.tsx
+++ b/packages/webapp/src/routes/preferences.tsx
@@ -9,6 +9,10 @@ import SMSIntegration from '../containers/Preferences/SMSIntegration';
import DefaultRoute from '../containers/Preferences/DefaultRoute';
import Warehouses from '../containers/Preferences/Warehouses';
import Branches from '../containers/Preferences/Branches';
+import Invoices from '../containers/Preferences/Invoices/PreferencesInvoices';
+import { PreferencesCreditNotes } from '../containers/Preferences/CreditNotes/PreferencesCreditNotes';
+import { PreferencesEstimates } from '@/containers/Preferences/Estimates/PreferencesEstimates';
+import{ PreferencesReceipts } from '@/containers/Preferences/Receipts/PreferencesReceipts'
const BASE_URL = '/preferences';
@@ -23,6 +27,26 @@ export default [
component: Users,
exact: true,
},
+ {
+ path: `${BASE_URL}/invoices`,
+ component: Invoices,
+ exact: true,
+ },
+ {
+ path: `${BASE_URL}/credit-notes`,
+ component: PreferencesCreditNotes,
+ exact: true,
+ },
+ {
+ path: `${BASE_URL}/estimates`,
+ component: PreferencesEstimates,
+ exact: true,
+ },
+ {
+ path: `${BASE_URL}/receipts`,
+ component: PreferencesReceipts,
+ exact: true,
+ },
{
path: `${BASE_URL}/roles`,
component: Roles,
diff --git a/packages/webapp/src/static/json/icons.tsx b/packages/webapp/src/static/json/icons.tsx
index b13e9ffa5..e60213bb8 100644
--- a/packages/webapp/src/static/json/icons.tsx
+++ b/packages/webapp/src/static/json/icons.tsx
@@ -561,8 +561,14 @@ export default {
},
'content-copy': {
path: [
- 'M15 0H5c-.55 0-1 .45-1 1v2h2V2h8v7h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-1 10H2V6h8v8z'
+ 'M15 0H5c-.55 0-1 .45-1 1v2h2V2h8v7h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-1 10H2V6h8v8z',
],
- viewBox: '0 0 16 16'
- }
+ viewBox: '0 0 16 16',
+ },
+ envelope: {
+ path: [
+ 'M0 4.01v11.91l6.27-6.27L0 4.01zm18.91-1.03H1.09L10 10.97l8.91-7.99zm-5.18 6.66L20 15.92V4.01l-6.27 5.63zm-3.23 2.9c-.13.12-.31.19-.5.19s-.37-.07-.5-.19l-2.11-1.89-6.33 6.33h17.88l-6.33-6.33-2.11 1.89z',
+ ],
+ viewBox: '0 0 20 20',
+ },
};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fb23e7f02..a3cdf6aa5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,8 +66,8 @@ importers:
specifier: ^3.2.0
version: 3.2.4
axios:
- specifier: ^0.20.0
- version: 0.20.0
+ specifier: ^1.6.0
+ version: 1.6.0
babel-loader:
specifier: ^9.1.2
version: 9.1.2(@babel/core@7.20.12)(webpack@5.76.0)
@@ -102,7 +102,7 @@ importers:
specifier: ^2.0.0
version: 2.0.0
deepdash:
- specifier: ^5.3.7
+ specifier: ^5.3.9
version: 5.3.9
dotenv:
specifier: ^8.1.0
@@ -140,6 +140,9 @@ importers:
express-validator:
specifier: ^6.12.2
version: 6.14.3
+ form-data:
+ specifier: ^4.0.0
+ version: 4.0.0
gulp:
specifier: ^4.0.2
version: 4.0.2
@@ -257,6 +260,12 @@ importers:
rtl-detect:
specifier: ^1.0.4
version: 1.0.4
+ source-map-loader:
+ specifier: ^4.0.1
+ version: 4.0.1(webpack@5.76.0)
+ tmp-promise:
+ specifier: ^3.0.3
+ version: 3.0.3
ts-transformer-keys:
specifier: ^0.4.2
version: 0.4.4(typescript@3.9.10)
@@ -272,6 +281,9 @@ importers:
winston:
specifier: ^3.2.1
version: 3.8.2
+ xlsx:
+ specifier: ^0.18.5
+ version: 0.18.5
devDependencies:
'@types/lodash':
specifier: ^4.14.158
@@ -459,6 +471,27 @@ importers:
'@testing-library/user-event':
specifier: ^7.2.1
version: 7.2.1(@testing-library/dom@8.20.0)
+ '@tiptap/core':
+ specifier: 2.1.13
+ version: 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/extension-color':
+ specifier: latest
+ version: 2.1.13(@tiptap/core@2.1.13)(@tiptap/extension-text-style@2.1.13)
+ '@tiptap/extension-list-item':
+ specifier: 2.1.13
+ version: 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-text-style':
+ specifier: 2.1.13
+ version: 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/pm':
+ specifier: 2.1.13
+ version: 2.1.13
+ '@tiptap/react':
+ specifier: 2.1.13
+ version: 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)(react-dom@18.2.0)(react@18.2.0)
+ '@tiptap/starter-kit':
+ specifier: 2.1.13
+ version: 2.1.13(@tiptap/pm@2.1.13)
'@types/jest':
specifier: ^26.0.15
version: 26.0.24
@@ -511,8 +544,8 @@ importers:
specifier: ^0.4.1
version: 0.4.1
axios:
- specifier: ^0.21.2
- version: 0.21.4
+ specifier: ^1.6.0
+ version: 1.6.0
basscss:
specifier: ^8.0.2
version: 8.1.0
@@ -5678,6 +5711,34 @@ packages:
reselect: 4.1.7
dev: false
+ /@remirror/core-constants@2.0.2:
+ resolution: {integrity: sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==}
+ dev: false
+
+ /@remirror/core-helpers@3.0.0:
+ resolution: {integrity: sha512-tusEgQJIqg4qKj6HSBUFcyRnWnziw3neh4T9wOmsPGHFC3w9kl5KSrDb9UAgE8uX6y32FnS7vJ955mWOl3n50A==}
+ dependencies:
+ '@remirror/core-constants': 2.0.2
+ '@remirror/types': 1.0.1
+ '@types/object.omit': 3.0.3
+ '@types/object.pick': 1.3.4
+ '@types/throttle-debounce': 2.1.0
+ case-anything: 2.1.13
+ dash-get: 1.0.2
+ deepmerge: 4.3.1
+ fast-deep-equal: 3.1.3
+ make-error: 1.3.6
+ object.omit: 3.0.0
+ object.pick: 1.3.0
+ throttle-debounce: 3.0.1
+ dev: false
+
+ /@remirror/types@1.0.1:
+ resolution: {integrity: sha512-VlZQxwGnt1jtQ18D6JqdIF+uFZo525WEqrfp9BOc3COPpK4+AWCgdnAWL+ho6imWcoINlGjR/+3b6y5C1vBVEA==}
+ dependencies:
+ type-fest: 2.19.0
+ dev: false
+
/@rollup/plugin-babel@5.3.1(@babel/core@7.20.12)(rollup@2.79.1):
resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
engines: {node: '>= 10.0.0'}
@@ -5956,6 +6017,273 @@ packages:
'@testing-library/dom': 8.20.0
dev: false
+ /@tiptap/core@2.1.13(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-cMC8bgTN63dj1Mv82iDeeLl6sa9kY0Pug8LSalxVEptRmyFVsVxGgu2/6Y3T+9aCYScxfS06EkA8SdzFMAwYTQ==}
+ peerDependencies:
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-blockquote@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-oe6wSQACmODugoP9XH3Ouffjy4BsOBWfTC+dETHNCG6ZED6ShHN3CB9Vr7EwwRgmm2WLaKAjMO1sVumwH+Z1rg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-bold@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-6cHsQTh/rUiG4jkbJer3vk7g60I5tBwEBSGpdxmEHh83RsvevD8+n92PjA24hYYte5RNlATB011E1wu8PVhSvw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-bubble-menu@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-Hm7e1GX3AI6lfaUmr6WqsS9MMyXIzCkhh+VQi6K8jj4Q4s8kY4KPoAyD/c3v9pZ/dieUtm2TfqrOCkbHzsJQBg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ tippy.js: 6.3.7
+ dev: false
+
+ /@tiptap/extension-bullet-list@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-NkWlQ5bLPUlcROj6G/d4oqAxMf3j3wfndGOPp0z8OoXJtVbVoXl/aMSlLbVgE6n8r6CS8MYxKhXNxrb7Ll2foA==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-code-block@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-E3tweNExPOV+t1ODKX0MDVsS0aeHGWc1ECt+uyp6XwzsN0bdF2A5+pttQqM7sTcMnQkVACGFbn9wDeLRRcfyQg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-code@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-f5fLYlSgliVVa44vd7lQGvo49+peC+Z2H0Fn84TKNCH7tkNZzouoJsHYn0/enLaQ9Sq+24YPfqulfiwlxyiT8w==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-color@2.1.13(@tiptap/core@2.1.13)(@tiptap/extension-text-style@2.1.13):
+ resolution: {integrity: sha512-T3tJXCIfFxzIlGOhvbPVIZa3y36YZRPYIo2TKsgkTz8LiMob6hRXXNFjsrFDp2Fnu3DrBzyvrorsW7767s4eYg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/extension-text-style': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/extension-text-style': 2.1.13(@tiptap/core@2.1.13)
+ dev: false
+
+ /@tiptap/extension-document@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-wLwiTWsVmZTGIE5duTcHRmW4ulVxNW4nmgfpk95+mPn1iKyNGtrVhGWleLhBlTj+DWXDtcfNWZgqZkZNzhkqYQ==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-dropcursor@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-NAyJi4BJxH7vl/2LNS1X0ndwFKjEtX+cRgshXCnMyh7qNpIRW6Plczapc/W1OiMncOEhZJfpZfkRSfwG01FWFg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-floating-menu@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-9Oz7pk1Nts2+EyY+rYfnREGbLzQ5UFazAvRhF6zAJdvyuDmAYm0Jp6s0GoTrpV0/dJEISoFaNpPdMJOb9EBNRw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ tippy.js: 6.3.7
+ dev: false
+
+ /@tiptap/extension-gapcursor@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-Cl5apsoTcyPPCgE3ThufxQxZ1wyqqh+9uxUN9VF9AbeTkid6oPZvKXwaILf6AFnkSy+SuKrb9kZD2iaezxpzXw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-hard-break@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-TGkMzMQayuKg+vN4du0x1ahEItBLcCT1jdWeRsjdM8gHfzbPLdo4PQhVsvm1I0xaZmbJZelhnVsUwRZcIu1WNA==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-heading@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-PEmc19QLmlVUTiHWoF0hpgNTNPNU0nlaFmMKskzO+cx5Df4xvHmv/UqoIwp7/UFbPMkfVJT1ozQU7oD1IWn9Hg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-history@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-1ouitThGTBUObqw250aDwGLMNESBH5PRXIGybsCFO1bktdmWtEw7m72WY41EuX2BH8iKJpcYPerl3HfY1vmCNw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-horizontal-rule@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-7OgjgNqZXvBejgULNdMSma2M1nzv4bbZG+FT5XMFZmEOxR9IB1x/RzChjPdeicff2ZK2sfhMBc4Y9femF5XkUg==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ dev: false
+
+ /@tiptap/extension-italic@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-HyDJfuDn5hzwGKZiANcvgz6wcum6bEgb4wmJnfej8XanTMJatNVv63TVxCJ10dSc9KGpPVcIkg6W8/joNXIEbw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-list-item@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-6e8iiCWXOiJTl1XOwVW2tc0YG18h70HUtEHFCx2m5HspOGFKsFEaSS3qYxOheM9HxlmQeDt8mTtqftRjEFRxPQ==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-ordered-list@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-UO4ZAL5Vrr1WwER5VjgmeNIWHpqy9cnIRo1En07gZ0OWTjs1eITPcu+4TCn1ZG6DhoFvAQzE5DTxxdhIotg+qw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-paragraph@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-cEoZBJrsQn69FPpUMePXG/ltGXtqKISgypj70PEHXt5meKDjpmMVSY4/8cXvFYEYsI9GvIwyAK0OrfAHiSoROA==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-strike@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-VN6zlaCNCbyJUCDyBFxavw19XmQ4LkCh8n20M8huNqW77lDGXA2A7UcWLHaNBpqAijBRu9mWI8l4Bftyf2fcAw==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-text-style@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-K9/pNHxpZKQoc++crxrsppVUSeHv8YevfY2FkJ4YMaekGcX+q4BRrHR0tOfii4izAUPJF2L0/PexLQaWXtAY1w==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/extension-text@2.1.13(@tiptap/core@2.1.13):
+ resolution: {integrity: sha512-zzsTTvu5U67a8WjImi6DrmpX2Q/onLSaj+LRWPh36A1Pz2WaxW5asZgaS+xWCnR+UrozlCALWa01r7uv69jq0w==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ dev: false
+
+ /@tiptap/pm@2.1.13:
+ resolution: {integrity: sha512-zNbA7muWsHuVg12GrTgN/j119rLePPq5M8dZgkKxUwdw8VmU3eUyBp1SihPEXJ2U0MGdZhNhFX7Y74g11u66sg==}
+ dependencies:
+ prosemirror-changeset: 2.2.1
+ prosemirror-collab: 1.3.1
+ prosemirror-commands: 1.5.2
+ prosemirror-dropcursor: 1.8.1
+ prosemirror-gapcursor: 1.3.2
+ prosemirror-history: 1.3.2
+ prosemirror-inputrules: 1.3.0
+ prosemirror-keymap: 1.2.2
+ prosemirror-markdown: 1.12.0
+ prosemirror-menu: 1.2.4
+ prosemirror-model: 1.19.4
+ prosemirror-schema-basic: 1.2.2
+ prosemirror-schema-list: 1.3.0
+ prosemirror-state: 1.4.3
+ prosemirror-tables: 1.3.5
+ prosemirror-trailing-node: 2.0.7(prosemirror-model@1.19.4)(prosemirror-state@1.4.3)(prosemirror-view@1.32.7)
+ prosemirror-transform: 1.8.0
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /@tiptap/react@2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-Dq3f8EtJnpImP3iDtJo+7bulnN9SJZRZcVVzxHXccLcC2MxtmDdlPGZjP+wxO800nd8toSIOd5734fPNf/YcfA==}
+ peerDependencies:
+ '@tiptap/core': ^2.0.0
+ '@tiptap/pm': ^2.0.0
+ react: ^17.0.0 || ^18.0.0
+ react-dom: ^17.0.0 || ^18.0.0
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/extension-bubble-menu': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-floating-menu': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/pm': 2.1.13
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ dev: false
+
+ /@tiptap/starter-kit@2.1.13(@tiptap/pm@2.1.13):
+ resolution: {integrity: sha512-ph/mUR/OwPtPkZ5rNHINxubpABn8fHnvJSdhXFrY/q6SKoaO11NZXgegRaiG4aL7O6Sz4LsZVw6Sm0Ae+GJmrg==}
+ dependencies:
+ '@tiptap/core': 2.1.13(@tiptap/pm@2.1.13)
+ '@tiptap/extension-blockquote': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-bold': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-bullet-list': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-code': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-code-block': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-document': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-dropcursor': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-gapcursor': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-hard-break': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-heading': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-history': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-horizontal-rule': 2.1.13(@tiptap/core@2.1.13)(@tiptap/pm@2.1.13)
+ '@tiptap/extension-italic': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-list-item': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-ordered-list': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-paragraph': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-strike': 2.1.13(@tiptap/core@2.1.13)
+ '@tiptap/extension-text': 2.1.13(@tiptap/core@2.1.13)
+ transitivePeerDependencies:
+ - '@tiptap/pm'
+ dev: false
+
/@tootallnate/once@1.1.2:
resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
engines: {node: '>= 6'}
@@ -6264,6 +6592,14 @@ packages:
/@types/normalize-package-data@2.4.1:
resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
+ /@types/object.omit@3.0.3:
+ resolution: {integrity: sha512-xrq4bQTBGYY2cw+gV4PzoG2Lv3L0pjZ1uXStRRDQoATOYW1lCsFQHhQ+OkPhIcQoqLjAq7gYif7D14Qaa6Zbew==}
+ dev: false
+
+ /@types/object.pick@1.3.4:
+ resolution: {integrity: sha512-5PjwB0uP2XDp3nt5u5NJAG2DORHIRClPzWT/TTZhJ2Ekwe8M5bA9tvPdi9NO/n2uvu2/ictat8kgqvLfcIE1SA==}
+ dev: false
+
/@types/parse-json@4.0.0:
resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
@@ -6461,6 +6797,10 @@ packages:
pretty-format: 25.5.0
dev: false
+ /@types/throttle-debounce@2.1.0:
+ resolution: {integrity: sha512-5eQEtSCoESnh2FsiLTxE121IiE60hnMqcb435fShf4bpLRjEu1Eoekht23y6zXS9Ts3l+Szu3TARnTsA0GkOkQ==}
+ dev: false
+
/@types/triple-beam@1.3.2:
resolution: {integrity: sha512-txGIh+0eDFzKGC25zORnswy+br1Ha7hj5cMVwKIU7+s0U2AxxJru/jZSMU6OC9MJWP6+pc/hc6ZjyZShpsyY2g==}
dev: false
@@ -7211,6 +7551,11 @@ packages:
regex-parser: 2.2.11
dev: false
+ /adler-32@1.3.1:
+ resolution: {integrity: sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==}
+ engines: {node: '>=0.8'}
+ dev: false
+
/agenda@4.4.0:
resolution: {integrity: sha512-7fIO4indmmrtkDmj2woOBJnhHIM7jPtkdGR4VOApB46eeBrPGUnO28RFrmjHebc3PMDnKJI0PWFyu9L9VotgJg==}
engines: {node: '>=12.9.0'}
@@ -7816,32 +8161,14 @@ packages:
engines: {node: '>=4'}
dev: false
- /axios@0.20.0:
- resolution: {integrity: sha512-ANA4rr2BDcmmAQLOKft2fufrtuvlqR+cXNNinUmvfeSNCOF98PZL+7M/v1zIdGo7OLjEA9J2gXJL+j4zGsl0bA==}
- deprecated: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
- dependencies:
- follow-redirects: 1.15.2
- transitivePeerDependencies:
- - debug
- dev: false
-
- /axios@0.21.4:
- resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==}
- dependencies:
- follow-redirects: 1.15.2
- transitivePeerDependencies:
- - debug
- dev: false
-
- /axios@1.3.2:
- resolution: {integrity: sha512-1M3O703bYqYuPhbHeya5bnhpYVsDDRyQSabNja04mZtboLNSuZ4YrltestrLXfHgmzua4TpUqRiVKbiQuo2epw==}
+ /axios@1.6.0:
+ resolution: {integrity: sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==}
dependencies:
follow-redirects: 1.15.2
form-data: 4.0.0
proxy-from-env: 1.1.0
transitivePeerDependencies:
- debug
- dev: true
/axobject-query@3.2.1:
resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
@@ -8840,6 +9167,11 @@ packages:
engines: {node: '>=0.10.0'}
dev: false
+ /case-anything@2.1.13:
+ resolution: {integrity: sha512-zlOQ80VrQ2Ue+ymH5OuM/DlDq64mEm+B9UTdHULv5osUMD6HalNTblf2b1u/m6QecjsnOkBpqVZ+XPwIVsy7Ng==}
+ engines: {node: '>=12.13'}
+ dev: false
+
/case-sensitive-paths-webpack-plugin@2.4.0:
resolution: {integrity: sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==}
engines: {node: '>=4'}
@@ -8849,6 +9181,14 @@ packages:
resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
dev: false
+ /cfb@1.2.2:
+ resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
+ engines: {node: '>=0.8'}
+ dependencies:
+ adler-32: 1.3.1
+ crc-32: 1.2.2
+ dev: false
+
/chai-http@4.3.0:
resolution: {integrity: sha512-zFTxlN7HLMv+7+SPXZdkd5wUlK+KxH6Q7bIEMiEx0FK3zuuMqL7cwICAQ0V1+yYRozBburYuxN1qZstgHpFZQg==}
engines: {node: '>=4'}
@@ -9189,6 +9529,11 @@ packages:
engines: {node: '>=0.10.0'}
dev: false
+ /codepage@1.15.0:
+ resolution: {integrity: sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==}
+ engines: {node: '>=0.8'}
+ dev: false
+
/collect-v8-coverage@1.0.2:
resolution: {integrity: sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==}
dev: false
@@ -9724,6 +10069,12 @@ packages:
- supports-color
dev: false
+ /crc-32@1.2.2:
+ resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+ engines: {node: '>=0.8'}
+ hasBin: true
+ dev: false
+
/create-ecdh@4.0.4:
resolution: {integrity: sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==}
dependencies:
@@ -9762,6 +10113,10 @@ packages:
/create-require@1.1.1:
resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+ /crelt@1.0.6:
+ resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+ dev: false
+
/cron-parser@3.5.0:
resolution: {integrity: sha512-wyVZtbRs6qDfFd8ap457w3XVntdvqcwBGxBoTvJQH9KGVKL/fB+h2k3C8AqiVxvUQKN1Ps/Ns46CNViOpVDhfQ==}
engines: {node: '>=0.8'}
@@ -10156,6 +10511,10 @@ packages:
engines: {node: '>=8'}
dev: true
+ /dash-get@1.0.2:
+ resolution: {integrity: sha512-4FbVrHDwfOASx7uQVxeiCTo7ggSdYZbqs8lH+WU6ViypPlDbe9y6IP5VVUDQBv9DcnyaiPT5XT0UWHgJ64zLeQ==}
+ dev: false
+
/dashdash@1.14.1:
resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
engines: {node: '>=0.10'}
@@ -10927,6 +11286,11 @@ packages:
resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
dev: false
+ /entities@4.5.0:
+ resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+ engines: {node: '>=0.12'}
+ dev: false
+
/env-paths@2.2.1:
resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
engines: {node: '>=6'}
@@ -12476,7 +12840,6 @@ packages:
asynckit: 0.4.0
combined-stream: 1.0.8
mime-types: 2.1.35
- dev: true
/formidable@1.2.6:
resolution: {integrity: sha512-KcpbcpuLNOwrEjnbpMC0gS+X8ciDoZE1kkqzat4a8vrprf+s9pKNQ/QIwWfbfs4ltgmFl3MD177SNTkve3BwGQ==}
@@ -12503,6 +12866,11 @@ packages:
engines: {node: '>= 0.6'}
dev: false
+ /frac@1.1.2:
+ resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
+ engines: {node: '>=0.8'}
+ dev: false
+
/fraction.js@4.2.0:
resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
dev: false
@@ -16292,6 +16660,12 @@ packages:
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
dev: true
+ /linkify-it@5.0.0:
+ resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+ dependencies:
+ uc.micro: 2.0.0
+ dev: false
+
/load-json-file@1.1.0:
resolution: {integrity: sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==}
engines: {node: '>=0.10.0'}
@@ -16700,6 +17074,18 @@ packages:
object-visit: 1.0.1
dev: false
+ /markdown-it@14.0.0:
+ resolution: {integrity: sha512-seFjF0FIcPt4P9U39Bq1JYblX0KZCjDLFFQPHpL5AzHpqPEKtosxmdq/LTVZnjfH7tjt9BxStm+wXcDBNuYmzw==}
+ hasBin: true
+ dependencies:
+ argparse: 2.0.1
+ entities: 4.5.0
+ linkify-it: 5.0.0
+ mdurl: 2.0.0
+ punycode.js: 2.3.1
+ uc.micro: 2.0.0
+ dev: false
+
/match-sorter@4.2.1:
resolution: {integrity: sha512-s+3h9TiZU9U1pWhIERHf8/f4LmBN6IXaRgo2CI17+XGByGS1GvG5VvXK9pcGyCjGe3WM3mSYRC3ipGrd5UEVgw==}
dependencies:
@@ -16763,6 +17149,10 @@ packages:
resolution: {integrity: sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==}
dev: false
+ /mdurl@2.0.0:
+ resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+ dev: false
+
/media-typer@0.3.0:
resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
engines: {node: '>= 0.6'}
@@ -17853,7 +18243,7 @@ packages:
'@yarnpkg/lockfile': 1.1.0
'@yarnpkg/parsers': 3.0.0-rc.38
'@zkochan/js-yaml': 0.0.6
- axios: 1.3.2
+ axios: 1.6.0
chalk: 4.1.2
cli-cursor: 3.1.0
cli-spinners: 2.6.1
@@ -18047,6 +18437,13 @@ packages:
make-iterator: 1.0.1
dev: false
+ /object.omit@3.0.0:
+ resolution: {integrity: sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==}
+ engines: {node: '>=0.10.0'}
+ dependencies:
+ is-extendable: 1.0.1
+ dev: false
+
/object.pick@1.3.0:
resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
engines: {node: '>=0.10.0'}
@@ -18223,6 +18620,10 @@ packages:
readable-stream: 2.3.7
dev: false
+ /orderedmap@2.1.1:
+ resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
+ dev: false
+
/os-browserify@0.3.0:
resolution: {integrity: sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==}
dev: true
@@ -19803,6 +20204,149 @@ packages:
resolution: {integrity: sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==}
dev: false
+ /prosemirror-changeset@2.2.1:
+ resolution: {integrity: sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==}
+ dependencies:
+ prosemirror-transform: 1.8.0
+ dev: false
+
+ /prosemirror-collab@1.3.1:
+ resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
+ dependencies:
+ prosemirror-state: 1.4.3
+ dev: false
+
+ /prosemirror-commands@1.5.2:
+ resolution: {integrity: sha512-hgLcPaakxH8tu6YvVAaILV2tXYsW3rAdDR8WNkeKGcgeMVQg3/TMhPdVoh7iAmfgVjZGtcOSjKiQaoeKjzd2mQ==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ dev: false
+
+ /prosemirror-dropcursor@1.8.1:
+ resolution: {integrity: sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==}
+ dependencies:
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /prosemirror-gapcursor@1.3.2:
+ resolution: {integrity: sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==}
+ dependencies:
+ prosemirror-keymap: 1.2.2
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /prosemirror-history@1.3.2:
+ resolution: {integrity: sha512-/zm0XoU/N/+u7i5zepjmZAEnpvjDtzoPWW6VmKptcAnPadN/SStsBjMImdCEbb3seiNTpveziPTIrXQbHLtU1g==}
+ dependencies:
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ prosemirror-view: 1.32.7
+ rope-sequence: 1.3.4
+ dev: false
+
+ /prosemirror-inputrules@1.3.0:
+ resolution: {integrity: sha512-z1GRP2vhh5CihYMQYsJSa1cOwXb3SYxALXOIfAkX8nZserARtl9LiL+CEl+T+OFIsXc3mJIHKhbsmRzC0HDAXA==}
+ dependencies:
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ dev: false
+
+ /prosemirror-keymap@1.2.2:
+ resolution: {integrity: sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==}
+ dependencies:
+ prosemirror-state: 1.4.3
+ w3c-keyname: 2.2.8
+ dev: false
+
+ /prosemirror-markdown@1.12.0:
+ resolution: {integrity: sha512-6F5HS8Z0HDYiS2VQDZzfZP6A0s/I0gbkJy8NCzzDMtcsz3qrfqyroMMeoSjAmOhDITyon11NbXSzztfKi+frSQ==}
+ dependencies:
+ markdown-it: 14.0.0
+ prosemirror-model: 1.19.4
+ dev: false
+
+ /prosemirror-menu@1.2.4:
+ resolution: {integrity: sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==}
+ dependencies:
+ crelt: 1.0.6
+ prosemirror-commands: 1.5.2
+ prosemirror-history: 1.3.2
+ prosemirror-state: 1.4.3
+ dev: false
+
+ /prosemirror-model@1.19.4:
+ resolution: {integrity: sha512-RPmVXxUfOhyFdayHawjuZCxiROsm9L4FCUA6pWI+l7n2yCBsWy9VpdE1hpDHUS8Vad661YLY9AzqfjLhAKQ4iQ==}
+ dependencies:
+ orderedmap: 2.1.1
+ dev: false
+
+ /prosemirror-schema-basic@1.2.2:
+ resolution: {integrity: sha512-/dT4JFEGyO7QnNTe9UaKUhjDXbTNkiWTq/N4VpKaF79bBjSExVV2NXmJpcM7z/gD7mbqNjxbmWW5nf1iNSSGnw==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ dev: false
+
+ /prosemirror-schema-list@1.3.0:
+ resolution: {integrity: sha512-Hz/7gM4skaaYfRPNgr421CU4GSwotmEwBVvJh5ltGiffUJwm7C8GfN/Bc6DR1EKEp5pDKhODmdXXyi9uIsZl5A==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ dev: false
+
+ /prosemirror-state@1.4.3:
+ resolution: {integrity: sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ prosemirror-transform: 1.8.0
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /prosemirror-tables@1.3.5:
+ resolution: {integrity: sha512-JSZ2cCNlApu/ObAhdPyotrjBe2cimniniTpz60YXzbL0kZ+47nEYk2LWbfKU2lKpBkUNquta2PjteoNi4YCluQ==}
+ dependencies:
+ prosemirror-keymap: 1.2.2
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /prosemirror-trailing-node@2.0.7(prosemirror-model@1.19.4)(prosemirror-state@1.4.3)(prosemirror-view@1.32.7):
+ resolution: {integrity: sha512-8zcZORYj/8WEwsGo6yVCRXFMOfBo0Ub3hCUvmoWIZYfMP26WqENU0mpEP27w7mt8buZWuGrydBewr0tOArPb1Q==}
+ peerDependencies:
+ prosemirror-model: ^1.19.0
+ prosemirror-state: ^1.4.2
+ prosemirror-view: ^1.31.2
+ dependencies:
+ '@remirror/core-constants': 2.0.2
+ '@remirror/core-helpers': 3.0.0
+ escape-string-regexp: 4.0.0
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-view: 1.32.7
+ dev: false
+
+ /prosemirror-transform@1.8.0:
+ resolution: {integrity: sha512-BaSBsIMv52F1BVVMvOmp1yzD3u65uC3HTzCBQV1WDPqJRQ2LuHKcyfn0jwqodo8sR9vVzMzZyI+Dal5W9E6a9A==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ dev: false
+
+ /prosemirror-view@1.32.7:
+ resolution: {integrity: sha512-pvxiOoD4shW41X5bYDjRQk3DSG4fMqxh36yPMt7VYgU3dWRmqFzWJM/R6zeo1KtC8nyk717ZbQND3CC9VNeptw==}
+ dependencies:
+ prosemirror-model: 1.19.4
+ prosemirror-state: 1.4.3
+ prosemirror-transform: 1.8.0
+ dev: false
+
/proto-list@1.2.4:
resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
dev: true
@@ -19957,6 +20501,11 @@ packages:
pump: 2.0.1
dev: false
+ /punycode.js@2.3.1:
+ resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+ engines: {node: '>=6'}
+ dev: false
+
/punycode@1.3.2:
resolution: {integrity: sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==}
dev: true
@@ -21478,6 +22027,10 @@ packages:
fsevents: 2.3.2
dev: false
+ /rope-sequence@1.3.4:
+ resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
+ dev: false
+
/rsvp@4.8.5:
resolution: {integrity: sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==}
engines: {node: 6.* || >= 7.*}
@@ -22111,6 +22664,18 @@ packages:
webpack: 5.76.0(webpack-cli@4.10.0)
dev: false
+ /source-map-loader@4.0.1(webpack@5.76.0):
+ resolution: {integrity: sha512-oqXpzDIByKONVY8g1NUPOTQhe0UTU5bWUl32GSkqK2LjJj0HmwTMVKxcUip0RgAYhY1mqgOxjbQM48a0mmeNfA==}
+ engines: {node: '>= 14.15.0'}
+ peerDependencies:
+ webpack: ^5.72.1
+ dependencies:
+ abab: 2.0.6
+ iconv-lite: 0.6.3
+ source-map-js: 1.0.2
+ webpack: 5.76.0(webpack-cli@4.10.0)
+ dev: false
+
/source-map-resolve@0.5.3:
resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
deprecated: See https://github.com/lydell/source-map-resolve#deprecated
@@ -22270,6 +22835,13 @@ packages:
engines: {node: '>= 0.6'}
dev: false
+ /ssf@0.11.2:
+ resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
+ engines: {node: '>=0.8'}
+ dependencies:
+ frac: 1.1.2
+ dev: false
+
/sshpk@1.17.0:
resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==}
engines: {node: '>=0.10.0'}
@@ -23078,6 +23650,11 @@ packages:
engines: {node: '>=8'}
dev: false
+ /throttle-debounce@3.0.1:
+ resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
+ engines: {node: '>=10'}
+ dev: false
+
/through2-filter@3.0.0:
resolution: {integrity: sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==}
dependencies:
@@ -23144,6 +23721,18 @@ packages:
resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
dev: false
+ /tippy.js@6.3.7:
+ resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
+ dependencies:
+ '@popperjs/core': 2.11.8
+ dev: false
+
+ /tmp-promise@3.0.3:
+ resolution: {integrity: sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==}
+ dependencies:
+ tmp: 0.2.1
+ dev: false
+
/tmp@0.0.33:
resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
engines: {node: '>=0.6.0'}
@@ -23156,7 +23745,6 @@ packages:
engines: {node: '>=8.17.0'}
dependencies:
rimraf: 3.0.2
- dev: true
/tmpl@1.0.5:
resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
@@ -23523,6 +24111,11 @@ packages:
resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
engines: {node: '>=8'}
+ /type-fest@2.19.0:
+ resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+ engines: {node: '>=12.20'}
+ dev: false
+
/type-is@1.6.15:
resolution: {integrity: sha512-0uqZYZDiBICTVXEsNcDLueZLPgZ8FgGe8lmVDQ0FcVFUeaxsPbFWiz60ZChVw8VELIt7iGuCehOrZSYjYteWKQ==}
engines: {node: '>= 0.6'}
@@ -23615,6 +24208,10 @@ packages:
engines: {node: '>=4.2.0'}
hasBin: true
+ /uc.micro@2.0.0:
+ resolution: {integrity: sha512-DffL94LsNOccVn4hyfRe5rdKa273swqeA5DJpMOeFmEn1wCDc7nAbbB0gXlgBCL7TNzeTv6G7XVWzan7iJtfig==}
+ dev: false
+
/uglify-js@3.17.4:
resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
engines: {node: '>=0.8.0'}
@@ -24079,6 +24676,10 @@ packages:
browser-process-hrtime: 1.0.0
dev: false
+ /w3c-keyname@2.2.8:
+ resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+ dev: false
+
/w3c-xmlserializer@1.1.2:
resolution: {integrity: sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==}
dependencies:
@@ -24551,10 +25152,20 @@ packages:
babel-walk: 3.0.0-canary-5
dev: false
+ /wmf@1.0.2:
+ resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
+ engines: {node: '>=0.8'}
+ dev: false
+
/word-wrap@1.2.4:
resolution: {integrity: sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==}
engines: {node: '>=0.10.0'}
+ /word@0.3.0:
+ resolution: {integrity: sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==}
+ engines: {node: '>=0.8'}
+ dev: false
+
/wordwrap@1.0.0:
resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
dev: true
@@ -24884,6 +25495,20 @@ packages:
engines: {node: '>=4'}
dev: false
+ /xlsx@0.18.5:
+ resolution: {integrity: sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==}
+ engines: {node: '>=0.8'}
+ hasBin: true
+ dependencies:
+ adler-32: 1.3.1
+ cfb: 1.2.2
+ codepage: 1.15.0
+ crc-32: 1.2.2
+ ssf: 0.11.2
+ wmf: 1.0.2
+ word: 0.3.0
+ dev: false
+
/xml-name-validator@3.0.0:
resolution: {integrity: sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==}
dev: false
+# Getting Started
+
+We've got serveral options on dev and prod depending on your need to get started quickly with Bigcapital.
+
+## Self-hosted
+
+Bigcapital is available open-source under AGPL license. You can host it on your own servers using Docker.
+
+### Docker
+
+To get started with self-hosted with Docker and Docker Compose, take a look at the [Docker guide](https://docs.bigcapital.ly/deployment/docker).
+
+## Development
+
+### Local Setup
+
+To get started locally, we have a [guide to help you](https://github.com/bigcapitalhq/bigcapital/blob/develop/CONTRIBUTING.md).
+
+### Gitpod
+
+- Click the Gitpod button below to open this project in development mode.
+- This will open and configure the workspace in your browser with all the necessary dependencies.
+
+[](https://gitpod.io/new/#https://github.com/bigcapitalhq/bigcapital)
+
+## Headless Accounting
+
+You can integrate Bigcapital API with your system to organize your transactions in double-entry system to get the best financial reports.
+
+[](https://www.postman.com/bigcapital/workspace/bigcapital-api)
+
# Resources
- [Documentation](https://docs.bigcapital.ly/) - Learn how to use.
@@ -80,6 +111,11 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
