fix(webapp): filter by customers, vendors and items in reports do not work

packages/webapp/src/containers/FinancialStatements/PurchasesByItems/utils.tsx

@@ -1,11 +1,67 @@
 // @ts-nocheck
+import React from 'react';
 import moment from 'moment';
+import * as Yup from 'yup';
+import intl from 'react-intl-universal';
+import { useAppQueryString } from '@/hooks';
+import { transformToForm } from '@/utils';
+import { castArray } from 'lodash';
 
+/**
+ * Retrieves the purchases by items query.
+ */
+export const getDefaultPurchasesByItemsQuery = () => ({
+  fromDate: moment().startOf('year').format('YYYY-MM-DD'),
+  toDate: moment().endOf('year').format('YYYY-MM-DD'),
+  filterByOption: 'with-transactions',
+  itemsIds: [],
+});
 
-export const getDefaultPurchasesByItemsQuery = () => {
+/**
+ *
+ * @returns
+ */
+export const getPurchasesByItemsQuerySchema = () => {
+  return Yup.object().shape({
+    fromDate: Yup.date().required().label(intl.get('from_date')),
+    toDate: Yup.date()
+      .min(Yup.ref('fromDate'))
+      .required()
+      .label(intl.get('to_date')),
+  });
+};
+
+/**
+ *
+ * @param locationQuery
+ * @returns
+ */
+const parsePurchasesByItemsQuery = (locationQuery) => {
+  const defaultQuery = getDefaultPurchasesByItemsQuery();
+
+  const transformed = {
+    ...defaultQuery,
+    ...transformToForm(locationQuery, defaultQuery),
+  };
   return {
-    fromDate: moment().startOf('year').format('YYYY-MM-DD'),
-    toDate: moment().endOf('year').format('YYYY-MM-DD'),
-    filterByOption: 'with-transactions',
-  }
-}
+    ...transformed,
+
+    //
+    itemsIds: castArray(transformed.itemsIds),
+  };
+};
+
+/**
+ *
+ * @returns
+ */
+export const usePurchasesByItemsQuery = () => {
+  // Retrieves location query.
+  const [locationQuery, setLocationQuery] = useAppQueryString();
+
+  const query = React.useMemo(
+    () => parsePurchasesByItemsQuery(locationQuery),
+    [locationQuery],
+  );
+  return { query, locationQuery, setLocationQuery };
+};