feat(webapp): wip printing financial reports

packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementProvider.tsx

@@ -10,27 +10,27 @@ const CashFLowStatementContext = React.createContext();
  * Cash flow statement provider.
  */
 function CashFlowStatementProvider({ filter, ...props }) {
-  // transforms the given filter to query.
-  const query = React.useMemo(
+  // Transforms the given state query to http query.
+  const httpQuery = React.useMemo(
     () => transformFilterFormToQuery(filter),
     [filter],
   );
-
-  // fetch the cash flow statement report.
+  // Fetching the cash flow statement report.
   const {
     data: cashFlowStatement,
     isFetching: isCashFlowFetching,
     isLoading: isCashFlowLoading,
     refetch: refetchCashFlow,
-  } = useCashFlowStatementReport(query, { keepPreviousData: true });
+  } = useCashFlowStatementReport(httpQuery, { keepPreviousData: true });
 
   const provider = {
     cashFlowStatement,
     isCashFlowFetching,
     isCashFlowLoading,
     refetchCashFlow,
-    query,
+    query: httpQuery,
     filter,
+    httpQuery,
   };
 
   return (

packages/webapp/src/containers/FinancialStatements/CashFlowStatement/CashflowSheetPdfDialog/CashflowSheetPdfDialogContent.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import {
   DialogContent,
   PdfDocumentPreview,
@@ -5,9 +6,11 @@ import {
 } from '@/components';
 import { AnchorButton } from '@blueprintjs/core';
 import { useCashflowSheetPdf } from '@/hooks/query';
+import { useCashFlowStatementContext } from '../CashFlowStatementProvider';
 
 export default function CashflowSheetPdfDialogContent() {
-  const { isLoading, pdfUrl } = useCashflowSheetPdf();
+  const { httpQuery } = useCashFlowStatementContext();
+  const { isLoading, pdfUrl } = useCashflowSheetPdf(httpQuery);
 
   return (
     <DialogContent>

packages/webapp/src/containers/FinancialStatements/CashFlowStatement/components.tsx

@@ -95,7 +95,7 @@ export function CashflowSheetExportMenu() {
     isCloseButtonShown: true,
     timeout: 2000,
   };
-  const { query } = useCashFlowStatementContext();
+  const { httpQuery } = useCashFlowStatementContext();
 
   const openProgressToast = (amount: number) => {
     return (
@@ -113,26 +113,30 @@ export function CashflowSheetExportMenu() {
   };
 
   // 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(
-          {
+  const { mutateAsync: xlsxExport } = useCashFlowStatementXlsxExport(
+    httpQuery,
+    {
+      onDownloadProgress: (xlsxExportProgress: number) => {
+        if (!toastKey.current) {
+          toastKey.current = AppToaster.show({
             message: openProgressToast(xlsxExportProgress),
             ...commonToastConfig,
-          },
-          toastKey.current,
-        );
-      }
+          });
+        } else {
+          AppToaster.show(
+            {
+              message: openProgressToast(xlsxExportProgress),
+              ...commonToastConfig,
+            },
+            toastKey.current,
+          );
+        }
+      },
     },
-  });
+  );
+
   // Export the report to csv.
-  const { mutateAsync: csvExport } = useCashFlowStatementCsvExport(query, {
+  const { mutateAsync: csvExport } = useCashFlowStatementCsvExport(httpQuery, {
     onDownloadProgress: (xlsxExportProgress: number) => {
       if (!toastKey.current) {
         toastKey.current = AppToaster.show({