feat(webapp): wip printing financial reports

packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryProvider.tsx

@@ -10,26 +10,25 @@ const VendorsBalanceSummaryContext = React.createContext();
  * Vendors balance summary provider.
  */
 function VendorsBalanceSummaryProvider({ filter, ...props }) {
-  const query = React.useMemo(() => transformFilterFormToQuery(filter), [
-    filter,
-  ]);
+  const httpQuery = React.useMemo(
+    () => transformFilterFormToQuery(filter),
+    [filter],
+  );
   // Fetching vendors balance summary report based on the given query.
   const {
     data: VendorBalanceSummary,
     isLoading: isVendorsBalanceLoading,
     isFetching: isVendorsBalanceFetching,
     refetch,
-  } = useVendorsBalanceSummaryReport(query, {
-    keepPreviousData: true,
-  });
+  } = useVendorsBalanceSummaryReport(httpQuery, { keepPreviousData: true });
 
   // Provider.
   const provider = {
     VendorBalanceSummary,
     isVendorsBalanceLoading,
     isVendorsBalanceFetching,
-
     refetch,
+    httpQuery,
   };
 
   return (

packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/dialogs/VendorBalancePdfDialog/VendorBalancePdfDialogContent.tsx

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