bigcapital/client/src/store/PaymentReceive/paymentReceive.selector.js

import { createSelector } from '@reduxjs/toolkit';
import {
  pickItemsFromIds,
  paginationLocationQuery,
  defaultPaginationMeta,
} from 'store/selectors';
import { transformToObject } from 'utils';

const paymentReceivesPageSelector = (state) => {
  const viewId = state.paymentReceives.currentViewId;
  const viewMeta = state.paymentReceives.views?.[viewId];

  const currentPageId = viewMeta?.paginationMeta?.page;
  return viewMeta?.pages?.[currentPageId];
};

const paymentReceivesItemsSelector = (state) => state.paymentReceives.items;
const paymentReceiveTableQuery = (state) => state.paymentReceives.tableQuery;

const PaymentReceivePaginationSelector = (state, props) => {
  const viewId = state.paymentReceives.currentViewId;
  return state.paymentReceives.views?.[viewId];
};
const invoicesItemsSelector = (state) => state.salesInvoices.items;

const payemntReceiveById = (state, props) =>
  state.paymentReceives.items[props.paymentReceiveId];

const invoicesReceivableByPaymentReceiveSelector = (state, props) =>
  state.salesInvoices.receivable.byPaymentReceiveId[props.paymentReceiveId];

const paymentReceiveInvoicesSelector = (state, props) =>
  state.salesInvoices.byPaymentReceiveId[props.paymentReceiveId];

const paymentReceiveByIdSelector = (state, props) =>
  state.paymentReceives.items[props.paymentReceiveId];

const paymentReceivesCurrentViewIdSelector = (state) =>
  state.paymentReceives.currentViewId;

// Retrieve payment receive current page results.
export const getPaymentReceiveCurrentPageFactory = () =>
  createSelector(
    paymentReceivesPageSelector,
    paymentReceivesItemsSelector,
    (expensesPage, expensesItems) => {
      return typeof expensesPage === 'object'
        ? pickItemsFromIds(expensesItems, expensesPage.ids) || []
        : [];
    },
  );

// Retrieve payment receives table fetch query.
export const getPaymentReceiveTableQuery = createSelector(
  paginationLocationQuery,
  paymentReceiveTableQuery,
  (locationQuery, tableQuery) => {
    return {
      ...locationQuery,
      ...tableQuery,
    };
  },
);

// Retrieve payment receive pagination meta.
export const getPaymentReceivePaginationMetaFactory = () =>
  createSelector(PaymentReceivePaginationSelector, (page) => {
    return {
      ...defaultPaginationMeta(),
      ...(page?.paginationMeta || {}),
    };
  });

// Retrieve payment receive based on the passed payment receive id.
export const getPaymentReceiveByIdFactory = () =>
  createSelector(payemntReceiveById, (payment_receive) => {
    return payment_receive;
  });

// Retrieve the payment receive associated invoices.
export const getPaymentReceiveInvoices = createSelector(
  payemntReceiveById,
  invoicesItemsSelector,
  (paymentRecieve, items) => {
    return typeof paymentRecieve === 'object'
      ? pickItemsFromIds(
          items,
          paymentRecieve.entries.map((entry) => entry.invoice_id),
        )
      : [];
  },
);

// Retrieve payment receive invoices entries.
export const getPaymentReceiveEntriesFactory = () =>
  createSelector(
    invoicesItemsSelector,
    invoicesReceivableByPaymentReceiveSelector,
    paymentReceiveInvoicesSelector,
    paymentReceiveByIdSelector,
    (
      invoicesItems,
      paymentReceivableInvoicesIds,
      paymentReceiveInvoicesIds,
      paymentReceive,
    ) => {
      const invoicesIds = [
        ...(paymentReceivableInvoicesIds || []),
        ...(paymentReceiveInvoicesIds || []),
      ];
      const invoices = pickItemsFromIds(invoicesItems, invoicesIds);
      const invoicesEntries = transformToObject(
        paymentReceive?.entries || [],
        'invoice_id',
      );

      return invoices.map((invoice) => {
        const paymentReceiveEntry = invoicesEntries?.[invoice.id] || {};

        return {
          ...invoice,
          invoice_id: invoice.id,
          total_payment_amount: invoice.payment_amount,
          id: paymentReceiveEntry?.id,
          payment_amount: paymentReceiveEntry?.payment_amount,
        };
      });
    },
  );

// Retrieve payment receives current view id.
export const getPaymentReceivesCurrentViewIdFactory = () =>
  createSelector(
    paymentReceivesCurrentViewIdSelector,
    (currentViewId) => currentViewId,
  );