fix(webap): sales by items query state from query string

packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummary.tsx

@@ -39,7 +39,6 @@ function APAgingSummary({
     },
     [setLocationQuery],
   );
-
   // Handle number format submit.
   const handleNumberFormatSubmit = (numberFormat) => {
     setLocationQuery({ ...filter, numberFormat });

packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryHeader.tsx

@@ -59,7 +59,7 @@ function APAgingSummaryHeader({
   const handleDrawerClose = () => {
     toggleFilterDrawerDisplay(false);
   };
-  // Detarmines the feature whether is enabled.
+  // Detarmines whether the feature is enabled.
   const { featureCan } = useFeatureCan();
   const isBranchesFeatureCan = featureCan(Features.Branches);
 

packages/webapp/src/containers/FinancialStatements/APAgingSummary/common.tsx

@@ -4,13 +4,14 @@ import * as Yup from 'yup';
 import { transformToCamelCase, flatObject, transformToForm } from '@/utils';
 import { useAppQueryString } from '@/hooks';
 import { useMemo } from 'react';
+import { castArray } from 'lodash';
 
 export const transformFilterFormToQuery = (form) => {
   return flatObject(transformToCamelCase(form));
 };
 
 /**
- *
+ * The default query of AP aging summary.
  * @returns
  */
 export const getDefaultAPAgingSummaryQuery = () => {
@@ -45,7 +46,7 @@ export const getAPAgingSummaryQuerySchema = () => {
 };
 
 /**
- * 
+ *  Parses the AP aging summary query state.
  * @param locationQuery 
  * @returns 
  */
@@ -58,12 +59,13 @@ const parseAPAgingSummaryQuery = (locationQuery) => {
   };
   return {
     ...transformed,
+    vendorsIds: castArray(transformed.vendorsIds),
+    branchesIds: castArray(transformed.branchesIds),
   };
 };
 
 /**
- *
- * @returns
+ * AP aging summary query state.
  */
 export const useAPAgingSummaryQuery = () => {
   // Retrieves location query.