fix(sales): Filter only sellable items.

fix(queries): Invalidate queries after mutations.

client/src/containers/Customers/CustomerForm/CustomerFormProvider.js

@@ -32,13 +32,6 @@ function CustomerFormProvider({ customerId, ...props }) {
       enabled: !!contactId,
     },
   );
-
-  // Handle fetch customers data table
-  const {
-    data: { customers },
-    isFetching: isCustomersLoading,
-  } = useCustomers();
-
   // Handle fetch Currencies data table
   const { data: currencies, isFetching: isCurrenciesLoading } = useCurrencies();
 
@@ -54,14 +47,12 @@ function CustomerFormProvider({ customerId, ...props }) {
   const provider = {
     customerId,
     customer,
-    customers,
     currencies,
     contactDuplicate,
     submitPayload,
     isNewMode,
 
     isCustomerLoading,
-    isCustomersLoading,
     isCurrenciesLoading,
 
     setSubmitPayload,

client/src/containers/Purchases/Bills/BillForm/BillFormProvider.js

@@ -25,11 +25,19 @@ function BillFormProvider({ billId, ...props }) {
     isFetching: isVendorsLoading,
   } = useVendors({ page_size: 10000 });
 
+  // Filter all purchasable items only.
+  const stringifiedFilterRoles = React.useMemo(() => JSON.stringify(
+    [{ "fieldKey": "purchasable", "value":true, "condition":"equals"}]
+  ), []);
+
   // Handle fetch Items data table or list
   const {
     data: { items },
     isFetching: isItemsLoading,
-  } = useItems({ page_size: 10000 });
+  } = useItems({
+    page_size: 10000,
+    stringified_filter_roles: stringifiedFilterRoles
+  });
 
   // Handle fetch bill details.
   const { data: bill, isFetching: isBillLoading } = useBill(billId, {

client/src/containers/Sales/Estimates/EstimateForm/EstimateFormProvider.js

@@ -19,11 +19,19 @@ function EstimateFormProvider({ estimateId, ...props }) {
     estimateId, { enabled: !!estimateId }
   );
 
+  // Filter all sellable items only.
+  const stringifiedFilterRoles = React.useMemo(() => JSON.stringify(
+    [{ "fieldKey": "sellable", "value":true, "condition":"equals"}]
+  ), []);
+
   // Handle fetch Items data table or list
   const {
     data: { items },
     isFetching: isItemsFetching,
-  } = useItems({ page_size: 10000 });
+  } = useItems({
+    page_size: 10000,
+    stringified_filter_roles: stringifiedFilterRoles
+  });
 
   // Handle fetch customers data table or list
   const {

client/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormProvider.js

@@ -38,11 +38,19 @@ function InvoiceFormProvider({ invoiceId, ...props }) {
       })
     : [];
 
+  // Filter all sellable items only.
+  const stringifiedFilterRoles = React.useMemo(() => JSON.stringify(
+    [{ "fieldKey": "sellable", "value":true, "condition":"equals"}]
+  ), []);
+
   // Handle fetching the items table based on the given query.
   const {
     data: { items },
     isLoading: isItemsLoading,
-  } = useItems({ page_size: 10000 });
+  } = useItems({
+    page_size: 10000,
+    stringified_filter_roles: stringifiedFilterRoles
+  });
 
   // Handle fetch customers data table or list
   const {

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormProvider.js

@@ -32,11 +32,19 @@ function ReceiptFormProvider({ receiptId, ...props }) {
     isFetching: isCustomersLoading,
   } = useCustomers({ page_size: 10000 });
 
+  // Filter all sellable items only.
+  const stringifiedFilterRoles = React.useMemo(() => JSON.stringify(
+    [{ "fieldKey": "sellable", "value":true, "condition":"equals"}]
+  ), []);
+
   // Handle fetch Items data table or list
   const {
     data: { items },
     isFetching: isItemsLoading,
-  } = useItems({ page_size: 10000 });
+  } = useItems({
+    page_size: 10000,
+    stringified_filter_roles: stringifiedFilterRoles
+  });
 
   // Fetch receipt settings.
   const { isLoading: isSettingLoading } = useSettingsReceipts();