re-structure to monorepo.

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

@@ -0,0 +1,75 @@
+// @ts-nocheck
+import React, { useEffect, useState } from 'react';
+import moment from 'moment';
+
+import { FinancialStatement, DashboardPageContent } from '@/components';
+
+import VendorsBalanceSummaryHeader from './VendorsBalanceSummaryHeader';
+import VendorsBalanceSummaryActionsBar from './VendorsBalanceSummaryActionsBar';
+
+import { VendorsBalanceSummaryProvider } from './VendorsBalanceSummaryProvider';
+import { VendorsSummarySheetLoadingBar } from './components';
+import { VendorBalanceSummaryBody } from './VendorsBalanceSummaryBody';
+
+import withVendorsBalanceSummaryActions from './withVendorsBalanceSummaryActions';
+
+import { getDefaultVendorsBalanceQuery } from './utils';
+import { compose } from '@/utils';
+
+/**
+ * Vendors Balance summary.
+ */
+function VendorsBalanceSummary({
+  // #withVendorsBalanceSummaryActions
+  toggleVendorSummaryFilterDrawer,
+}) {
+  const [filter, setFilter] = useState({
+    ...getDefaultVendorsBalanceQuery(),
+  });
+
+  // Handle refetch vendors balance summary.
+  const handleFilterSubmit = (filter) => {
+    const _filter = {
+      ...filter,
+      asDate: moment(filter.asDate).format('YYYY-MM-DD'),
+    };
+    setFilter(_filter);
+  };
+
+  // Handle number format submit.
+  const handleNumberFormatSubmit = (format) => {
+    setFilter({
+      ...filter,
+      numberFormat: format,
+    });
+  };
+
+  useEffect(
+    () => () => {
+      toggleVendorSummaryFilterDrawer(false);
+    },
+    [toggleVendorSummaryFilterDrawer],
+  );
+
+  return (
+    <VendorsBalanceSummaryProvider filter={filter}>
+      <VendorsBalanceSummaryActionsBar
+        numberFormat={filter?.numberFormat}
+        onNumberFormatSubmit={handleNumberFormatSubmit}
+      />
+      <VendorsSummarySheetLoadingBar />
+
+      <DashboardPageContent>
+        <FinancialStatement>
+          <VendorsBalanceSummaryHeader
+            pageFilter={filter}
+            onSubmitFilter={handleFilterSubmit}
+          />
+          <VendorBalanceSummaryBody />
+        </FinancialStatement>
+      </DashboardPageContent>
+    </VendorsBalanceSummaryProvider>
+  );
+}
+
+export default compose(withVendorsBalanceSummaryActions)(VendorsBalanceSummary);

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

@@ -0,0 +1,123 @@
+// @ts-nocheck
+import React from 'react';
+import {
+  NavbarDivider,
+  NavbarGroup,
+  Classes,
+  Button,
+  Popover,
+  PopoverInteractionKind,
+  Position,
+} from '@blueprintjs/core';
+import { DashboardActionsBar, Icon, FormattedMessage as T } from '@/components';
+import classNames from 'classnames';
+
+import NumberFormatDropdown from '@/components/NumberFormatDropdown';
+
+import withVendorsBalanceSummary from './withVendorsBalanceSummary';
+import withVendorsBalanceSummaryActions from './withVendorsBalanceSummaryActions';
+import { useVendorsBalanceSummaryContext } from './VendorsBalanceSummaryProvider';
+
+import { saveInvoke, compose } from '@/utils';
+
+/**
+ * Vendors balance summary action bar.
+ */
+function VendorsBalanceSummaryActionsBar({
+  //#ownProps
+  numberFormat,
+  onNumberFormatSubmit,
+
+  // #withVendorsBalanceSummary
+  isFilterDrawerOpen,
+
+  // #withVendorsBalanceSummaryActions
+  toggleVendorSummaryFilterDrawer,
+}) {
+  const { isVendorsBalanceLoading, refetch } =
+    useVendorsBalanceSummaryContext();
+
+  const handleFilterToggleClick = () => {
+    toggleVendorSummaryFilterDrawer();
+  };
+
+  // handle recalculate report button.
+  const handleRecalculateReport = () => {
+    refetch();
+  };
+
+  // handle number format submit.
+  const handleNumberFormatSubmit = (numberFormat) => {
+    saveInvoke(onNumberFormatSubmit, numberFormat);
+  };
+
+  return (
+    <DashboardActionsBar>
+      <NavbarGroup>
+        <Button
+          className={classNames(Classes.MINIMAL, 'button--gray-highlight')}
+          text={<T id={'recalc_report'} />}
+          onClick={handleRecalculateReport}
+          icon={<Icon icon="refresh-16" iconSize={16} />}
+        />
+        <NavbarDivider />
+        <Button
+          className={classNames(Classes.MINIMAL, 'button--table-views')}
+          icon={<Icon icon="cog-16" iconSize={16} />}
+          text={
+            isFilterDrawerOpen ? (
+              <T id={'hide_customizer'} />
+            ) : (
+              <T id={'customize_report'} />
+            )
+          }
+          onClick={handleFilterToggleClick}
+          active={isFilterDrawerOpen}
+        />
+        <NavbarDivider />
+        <Popover
+          content={
+            <NumberFormatDropdown
+              numberFormat={numberFormat}
+              onSubmit={handleNumberFormatSubmit}
+              submitDisabled={isVendorsBalanceLoading}
+            />
+          }
+          minimal={true}
+          interactionKind={PopoverInteractionKind.CLICK}
+          position={Position.BOTTOM_LEFT}
+        >
+          <Button
+            className={classNames(Classes.MINIMAL, 'button--filter')}
+            text={<T id={'format'} />}
+            icon={<Icon icon="numbers" width={23} height={16} />}
+          />
+        </Popover>
+
+        <Button
+          className={Classes.MINIMAL}
+          text={<T id={'filter'} />}
+          icon={<Icon icon="filter-16" iconSize={16} />}
+        />
+        <NavbarDivider />
+
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="print-16" iconSize={16} />}
+          text={<T id={'print'} />}
+        />
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="file-export-16" iconSize={16} />}
+          text={<T id={'export'} />}
+        />
+      </NavbarGroup>
+    </DashboardActionsBar>
+  );
+}
+export default compose(
+  withVendorsBalanceSummaryActions,
+  withVendorsBalanceSummary(({ VendorsSummaryFilterDrawer }) => ({
+    isFilterDrawerOpen: VendorsSummaryFilterDrawer,
+  })),
+)(VendorsBalanceSummaryActionsBar);

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

@@ -0,0 +1,37 @@
+// @ts-nocheck
+import React from 'react';
+import * as R from 'ramda';
+
+import VendorsBalanceSummaryTable from './VendorsBalanceSummaryTable';
+import { FinancialSheetSkeleton } from '@/components/FinancialSheet';
+import { FinancialReportBody } from '../FinancialReportPage';
+import { useVendorsBalanceSummaryContext } from './VendorsBalanceSummaryProvider';
+
+import withCurrentOrganization from '@/containers/Organization/withCurrentOrganization';
+
+/**
+ * Vendor balance summary body.
+ * @returns {JSX.Element}
+ */
+function VendorsBalanceSummaryBodyJSX({
+  // #withCurrentOrganization
+  organizationName,
+}) {
+  const { isVendorsBalanceLoading } = useVendorsBalanceSummaryContext();
+
+  return (
+    <FinancialReportBody>
+      {isVendorsBalanceLoading ? (
+        <FinancialSheetSkeleton />
+      ) : (
+        <VendorsBalanceSummaryTable organizationName={organizationName} />
+      )}
+    </FinancialReportBody>
+  );
+}
+
+export const VendorBalanceSummaryBody = R.compose(
+  withCurrentOrganization(({ organization }) => ({
+    organizationName: organization.name,
+  })),
+)(VendorsBalanceSummaryBodyJSX);

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

@@ -0,0 +1,108 @@
+// @ts-nocheck
+import React from 'react';
+import * as Yup from 'yup';
+import moment from 'moment';
+import styled from 'styled-components';
+import { Formik, Form } from 'formik';
+import { Tabs, Tab, Button, Intent } from '@blueprintjs/core';
+
+import { FormattedMessage as T } from '@/components';
+import { compose, transformToForm } from '@/utils';
+
+import FinancialStatementHeader from '../FinancialStatementHeader';
+import VendorsBalanceSummaryHeaderGeneral from './VendorsBalanceSummaryHeaderGeneral';
+import withVendorsBalanceSummary from './withVendorsBalanceSummary';
+import withVendorsBalanceSummaryActions from './withVendorsBalanceSummaryActions';
+
+/**
+ * Vendors balance summary drawer header.
+ */
+function VendorsBalanceSummaryHeader({
+  // #ownProps
+  pageFilter,
+  onSubmitFilter,
+
+  //#withVendorsBalanceSummary
+  VendorsSummaryFilterDrawer,
+
+  //#withVendorsBalanceSummaryActions
+  toggleVendorSummaryFilterDrawer,
+}) {
+  // validation schema.
+  const validationSchema = Yup.object().shape({
+    asDate: Yup.date().required().label('asDate'),
+  });
+
+  // filter form initial values.
+  const defaultValues = {
+    ...pageFilter,
+    asDate: moment().toDate(),
+    vendorsIds: [],
+  };
+  // Initial form values.
+  const initialValues = transformToForm(
+    {
+      ...defaultValues,
+
+      ...pageFilter,
+      asDate: moment(pageFilter.asDate).toDate(),
+    },
+    defaultValues,
+  );
+
+  // handle form submit.
+  const handleSubmit = (values, { setSubmitting }) => {
+    onSubmitFilter(values);
+    toggleVendorSummaryFilterDrawer(false);
+    setSubmitting(false);
+  };
+
+  // handle cancel button click.
+  const handleCancelClick = () => {
+    toggleVendorSummaryFilterDrawer(false);
+  };
+
+  return (
+    <VendorBalanceDrawerHeader
+      isOpen={VendorsSummaryFilterDrawer}
+      drawerProps={{ onClose: handleCancelClick }}
+    >
+      <Formik
+        initialValues={initialValues}
+        validationSchema={validationSchema}
+        onSubmit={handleSubmit}
+      >
+        <Form>
+          <Tabs animate={true} vertical={true} renderActiveTabPanelOnly={true}>
+            <Tab
+              id={'general'}
+              title={<T id={'general'} />}
+              panel={<VendorsBalanceSummaryHeaderGeneral />}
+            />
+          </Tabs>
+          <div className={'financial-header-drawer__footer'}>
+            <Button className={'mr1'} intent={Intent.PRIMARY} type={'submit'}>
+              <T id={'calculate_report'} />
+            </Button>
+            <Button onClick={handleCancelClick} minimal={true}>
+              <T id={'cancel'} />
+            </Button>
+          </div>
+        </Form>
+      </Formik>
+    </VendorBalanceDrawerHeader>
+  );
+}
+
+export default compose(
+  withVendorsBalanceSummary(({ VendorsSummaryFilterDrawer }) => ({
+    VendorsSummaryFilterDrawer,
+  })),
+  withVendorsBalanceSummaryActions,
+)(VendorsBalanceSummaryHeader);
+
+const VendorBalanceDrawerHeader = styled(FinancialStatementHeader)`
+  .bp3-drawer {
+    max-height: 450px;
+  }
+`;

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import React from 'react';
+import VendorsBalanceSummaryHeaderGeneralContent from './VendorsBalanceSummaryHeaderGeneralContent';
+import { VendorsBalanceSummaryGeneralPanelProvider } from './VendorsBalanceSummaryHeaderGeneralProvider';
+
+/**
+ * Vendors balance header - General panel.
+ */
+export default function VendorsBalanceSummaryHeaderGeneral() {
+  return (
+    <VendorsBalanceSummaryGeneralPanelProvider>
+      <VendorsBalanceSummaryHeaderGeneralContent />
+    </VendorsBalanceSummaryGeneralPanelProvider>
+  );
+}

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

@@ -0,0 +1,110 @@
+// @ts-nocheck
+import React from 'react';
+import { Field, FastField } from 'formik';
+import { DateInput } from '@blueprintjs/datetime';
+import classNames from 'classnames';
+import { FormGroup, Position, Classes, Checkbox } from '@blueprintjs/core';
+
+import {
+  ContactsMultiSelect,
+  Row,
+  Col,
+  FieldHint,
+  FormattedMessage as T,
+} from '@/components';
+import { filterVendorsOptions } from '../constants';
+
+import {
+  momentFormatter,
+  tansformDateValue,
+  inputIntent,
+  handleDateChange,
+} from '@/utils';
+import { useVendorsBalanceSummaryGeneralPanelContext } from './VendorsBalanceSummaryHeaderGeneralProvider';
+import FinancialStatementsFilter from '../FinancialStatementsFilter';
+
+/**
+ * Vendors balance header - General panel - Content.
+ */
+export default function VendorsBalanceSummaryHeaderGeneralContent() {
+  const { vendors } = useVendorsBalanceSummaryGeneralPanelContext();
+
+  return (
+    <div>
+      <Row>
+        <Col xs={5}>
+          <FastField name={'asDate'}>
+            {({ form, field: { value }, meta: { error } }) => (
+              <FormGroup
+                label={<T id={'as_date'} />}
+                labelInfo={<FieldHint />}
+                fill={true}
+                intent={inputIntent({ error })}
+              >
+                <DateInput
+                  {...momentFormatter('YYYY/MM/DD')}
+                  value={tansformDateValue(value)}
+                  onChange={handleDateChange((selectedDate) => {
+                    form.setFieldValue('asDate', selectedDate);
+                  })}
+                  popoverProps={{ position: Position.BOTTOM, minimal: true }}
+                  minimal={true}
+                  fill={true}
+                />
+              </FormGroup>
+            )}
+          </FastField>
+        </Col>
+      </Row>
+
+      <Row>
+        <Col xs={5}>
+          <FastField name={'percentage_column'} type={'checkbox'}>
+            {({ field }) => (
+              <FormGroup labelInfo={<FieldHint />}>
+                <Checkbox
+                  inline={true}
+                  small={true}
+                  label={<T id={'percentage_of_column'} />}
+                  name={'percentage_column'}
+                  {...field}
+                />
+              </FormGroup>
+            )}
+          </FastField>
+        </Col>
+      </Row>
+
+      <Row>
+        <Col xs={5}>
+          <FinancialStatementsFilter
+            items={filterVendorsOptions}
+            label={<T id={'vendors.label_filter_vendors'} />}
+            initialSelectedItem={'with-transactions'}
+          />
+        </Col>
+      </Row>
+
+      <Row>
+        <Col xs={5}>
+          <Field name={'vendorsIds'}>
+            {({ form: { setFieldValue } }) => (
+              <FormGroup
+                label={<T id={'specific_vendors'} />}
+                className={classNames('form-group--select-list', Classes.FILL)}
+              >
+                <ContactsMultiSelect
+                  items={vendors}
+                  onItemSelect={(contacts) => {
+                    const vendorsIds = contacts.map((contact) => contact.id);
+                    setFieldValue('vendorsIds', vendorsIds);
+                  }}
+                />
+              </FormGroup>
+            )}
+          </Field>
+        </Col>
+      </Row>
+    </div>
+  );
+}

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

@@ -0,0 +1,45 @@
+// @ts-nocheck
+import React from 'react';
+
+import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
+import { useVendors } from '@/hooks/query';
+
+const VendorsBalanceSummaryGeneralPanelContext = React.createContext();
+
+/**
+ * Vendors balance summary provider.
+ */
+function VendorsBalanceSummaryGeneralPanelProvider({ filter, ...props }) {
+  // Fetch vendors list with pagination meta.
+  const {
+    data: { vendors },
+    isLoading: isVendorsLoading,
+    isFetching: isVendorsFetching,
+  } = useVendors({ page_size: 1000000 });
+
+  // Provider.
+  const provider = {
+    vendors,
+    isVendorsFetching,
+    isVendorsLoading,
+  };
+
+  const loading = isVendorsLoading;
+
+  return loading ? (
+    <FinancialHeaderLoadingSkeleton />
+  ) : (
+    <VendorsBalanceSummaryGeneralPanelContext.Provider
+      value={provider}
+      {...props}
+    />
+  );
+}
+
+const useVendorsBalanceSummaryGeneralPanelContext = () =>
+  React.useContext(VendorsBalanceSummaryGeneralPanelContext);
+
+export {
+  VendorsBalanceSummaryGeneralPanelProvider,
+  useVendorsBalanceSummaryGeneralPanelContext,
+};

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

@@ -0,0 +1,44 @@
+// @ts-nocheck
+import React from 'react';
+import FinancialReportPage from '../FinancialReportPage';
+import { useVendorsBalanceSummaryReport } from '@/hooks/query';
+import { transformFilterFormToQuery } from '../common';
+
+const VendorsBalanceSummaryContext = React.createContext();
+
+/**
+ * Vendors balance summary provider.
+ */
+function VendorsBalanceSummaryProvider({ filter, ...props }) {
+  const query = 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,
+  });
+
+  // Provider.
+  const provider = {
+    VendorBalanceSummary,
+    isVendorsBalanceLoading,
+    isVendorsBalanceFetching,
+
+    refetch,
+  };
+
+  return (
+    <FinancialReportPage name={'vendors-balance-summary'}>
+      <VendorsBalanceSummaryContext.Provider value={provider} {...props} />
+    </FinancialReportPage>
+  );
+}
+
+const useVendorsBalanceSummaryContext = () =>
+  React.useContext(VendorsBalanceSummaryContext);
+export { VendorsBalanceSummaryProvider, useVendorsBalanceSummaryContext };

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

@@ -0,0 +1,67 @@
+// @ts-nocheck
+import React from 'react';
+import intl from 'react-intl-universal';
+import styled from 'styled-components';
+
+import { TableStyle } from '@/constants';
+import { ReportDataTable, FinancialSheet } from '@/components';
+import { tableRowTypesToClassnames } from '@/utils';
+import { useVendorsBalanceColumns } from './components';
+import { useVendorsBalanceSummaryContext } from './VendorsBalanceSummaryProvider';
+
+
+/**
+ * Vendors balance summary table.
+ */
+export default function VendorsBalanceSummaryTable({
+  //#ownProps
+  organizationName,
+}) {
+  const {
+    VendorBalanceSummary: { table },
+  } = useVendorsBalanceSummaryContext();
+
+  // vendors balance summary columns.
+  const columns = useVendorsBalanceColumns();
+
+  return (
+    <VendorBalanceFinancialSheet
+      companyName={organizationName}
+      sheetType={intl.get('vendors_balance_summary')}
+      asDate={new Date()}
+    >
+      <VendorBalanceDataTable
+        columns={columns}
+        data={table.data}
+        rowClassNames={tableRowTypesToClassnames}
+        noInitialFetch={true}
+        styleName={TableStyle.Constrant}
+      />
+    </VendorBalanceFinancialSheet>
+  );
+}
+
+const VendorBalanceFinancialSheet = styled(FinancialSheet)``;
+
+const VendorBalanceDataTable = styled(ReportDataTable)`
+  .table {
+    .tbody {
+      .tr:not(.no-results) {
+        .td {
+          border-bottom: 0;
+          padding-top: 0.4rem;
+          padding-bottom: 0.4rem;
+        }
+
+        &.row_type--TOTAL {
+          font-weight: 500;
+
+          .td {
+            border-top: 1px solid #bbb;
+            border-bottom: 3px double #333;
+          }
+        }
+      }
+    }
+  }
+`;

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

@@ -0,0 +1,87 @@
+// @ts-nocheck
+import React from 'react';
+import intl from 'react-intl-universal';
+import * as R from 'ramda';
+
+import { If } from '@/components';
+import { Align } from '@/constants';
+import { useVendorsBalanceSummaryContext } from './VendorsBalanceSummaryProvider';
+import FinancialLoadingBar from '../FinancialLoadingBar';
+
+
+/**
+ * Retrieve vendors balance summary columns.
+ */
+export const useVendorsBalanceColumns = () => {
+  const {
+    VendorBalanceSummary: { table },
+  } = useVendorsBalanceSummaryContext();
+
+  return React.useMemo(() => {
+    return dynamicColumns(table.columns || []);
+  }, [table.columns]);
+};
+
+/**
+ * Vendor name accessor.
+ */
+const vendorColumnAccessor = () => ({
+  Header: intl.get('vendor_name'),
+  accessor: 'cells[0].value',
+  className: 'vendor_name',
+  width: 240,
+  align: 'left',
+  textOverview: true,
+});
+
+/**
+ * Percentage column accessor.
+ */
+const percentageColumnAccessor = () => ({
+  Header: intl.get('percentage_of_column'),
+  accessor: 'cells[2].value',
+  className: 'total',
+  width: 140,
+  textOverview: true,
+  align: Align.Right,
+});
+
+/**
+ * Total column accessor.
+ */
+const totalColumnAccessor = () => ({
+  Header: intl.get('total'),
+  accessor: 'cells[1].value',
+  className: 'total',
+  width: 140,
+  textOverview: true,
+  align: Align.Right,
+});
+
+/**
+ * Composes the response columns to table component columns.
+ */
+const dynamicColumns = (columns) => {
+  return R.map(
+    R.compose(
+      R.when(R.pathEq(['key'], 'name'), vendorColumnAccessor),
+      R.when(R.pathEq(['key'], 'total'), totalColumnAccessor),
+      R.when(
+        R.pathEq(['key'], 'percentage_of_column'),
+        percentageColumnAccessor,
+      ),
+    ),
+  )(columns);
+};
+
+/**
+ * vendors balance summary loading bar.
+ */
+export function VendorsSummarySheetLoadingBar() {
+  const { isVendorsBalanceFetching } = useVendorsBalanceSummaryContext();
+  return (
+    <If condition={isVendorsBalanceFetching}>
+      <FinancialLoadingBar />
+    </If>
+  );
+}

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

@@ -0,0 +1,9 @@
+// @ts-nocheck
+import moment from 'moment';
+
+export const getDefaultVendorsBalanceQuery = () => {
+  return {
+    asDate: moment().endOf('day').format('YYYY-MM-DD'),
+    filterByOption: 'with-transactions',
+  };
+}

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

@@ -0,0 +1,16 @@
+// @ts-nocheck
+import { connect } from 'react-redux';
+import { getVendorsBalanceSummaryFilterDrawer } from '@/store/financialStatement/financialStatements.selectors';
+
+export default (mapState) => {
+  const mapStateToProps = (state, props) => {
+    const mapped = {
+      VendorsSummaryFilterDrawer: getVendorsBalanceSummaryFilterDrawer(
+        state,
+        props,
+      ),
+    };
+    return mapState ? mapState(mapped, state, props) : mapped;
+  };
+  return connect(mapStateToProps);
+};

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

@@ -0,0 +1,10 @@
+// @ts-nocheck
+import { connect } from 'react-redux';
+import { toggleVendorsBalanceSummaryFilterDrawer } from '@/store/financialStatement/financialStatements.actions';
+
+const mapActionsToProps = (dispatch) => ({
+  toggleVendorSummaryFilterDrawer: (toggle) =>
+    dispatch(toggleVendorsBalanceSummaryFilterDrawer(toggle)),
+});
+
+export default connect(null, mapActionsToProps);