import React from 'react';
import { isEmpty } from 'lodash';
import { Features } from 'common';
import DashboardInsider from 'components/Dashboard/DashboardInsider';
import { useFeatureCan } from 'hooks/state';
import {
  useResourceViews,
  useResourceMeta,
  useWarehousesTransfers,
  useRefreshWarehouseTransfers,
} from 'hooks/query';

import { getFieldsFromResourceMeta } from 'utils';

const WarehouseTransfersListContext = React.createContext();

/**
 * WarehouseTransfer data provider
 */
function WarehouseTransfersListProvider({
  query,
  tableStateChanged,
  ...props
}) {
  // warehouse transfers refresh action.
  const { refresh } = useRefreshWarehouseTransfers();

  // Features guard.
  const { featureCan } = useFeatureCan();

  const isWarehouseFeatureCan = featureCan(Features.Warehouses);

  // Fetch warehouse transfers list according to the given custom view id.
  const {
    data: { warehousesTransfers, pagination, filterMeta },
    isFetching: isWarehouseTransfersFetching,
    isLoading: isWarehouseTransfersLoading,
  } = useWarehousesTransfers(
    query,
    // { keepPreviousData: true },
    { enabled: isWarehouseFeatureCan },
  );

  // Detarmines the datatable empty status.
  const isEmptyStatus =
    (isEmpty(warehousesTransfers) && !isWarehouseTransfersLoading) ||
    !isWarehouseFeatureCan;

  // Fetch create notes resource views and fields.
  const { data: WarehouseTransferView, isLoading: isViewsLoading } =
    useResourceViews('warehouse_transfer');

  // Fetch the accounts resource fields.
  const {
    data: resourceMeta,
    isLoading: isResourceLoading,
    isFetching: isResourceFetching,
  } = useResourceMeta('warehouse_transfer');

  // Provider payload.
  const provider = {
    warehousesTransfers,
    pagination,

    WarehouseTransferView,
    refresh,

    resourceMeta,
    fields: getFieldsFromResourceMeta(resourceMeta.fields),
    isResourceLoading,
    isResourceFetching,

    isWarehouseTransfersLoading,
    isWarehouseTransfersFetching,
    isViewsLoading,
    isEmptyStatus,
  };

  return (
    <DashboardInsider
      loading={isViewsLoading || isResourceLoading}
      name={'warehouse-transfers-list'}
    >
      <WarehouseTransfersListContext.Provider value={provider} {...props} />
    </DashboardInsider>
  );
}

const useWarehouseTranfersListContext = () =>
  React.useContext(WarehouseTransfersListContext);

export { WarehouseTransfersListProvider, useWarehouseTranfersListContext };