feat(payment receive & made): handle error.

src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeForm.js

@@ -27,7 +27,7 @@ import { usePaymentMadeFormContext } from './PaymentMadeFormProvider';
 import {
   defaultPaymentMade,
   transformToEditForm,
-  ERRORS,
+  transformErrors,
   transformFormToRequest,
 } from './utils';
 
@@ -111,14 +111,10 @@ function PaymentMadeForm({
         data: { errors },
       },
     }) => {
-      const getError = (errorType) => errors.find((e) => e.type === errorType);
-
-      if (getError(ERRORS.PAYMENT_NUMBER_NOT_UNIQUE)) {
-        setFieldError(
-          'payment_number',
-          intl.get('payment_number_is_not_unique'),
-        );
+      if (errors) {
+        transformErrors(errors, { setFieldError });
       }
+
       setSubmitting(false);
     };
 

src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormProvider.js

@@ -1,5 +1,7 @@
 import React, { createContext, useContext } from 'react';
 import { isEqual, isUndefined } from 'lodash';
+import { Features } from 'common';
+import { useFeatureCan } from 'hooks/state';
 import {
   useAccounts,
   useVendors,
@@ -18,11 +20,21 @@ const PaymentMadeFormContext = createContext();
 /**
  * Payment made form provider.
  */
-function PaymentMadeFormProvider({ paymentMadeId, baseCurrency, ...props }) {
+function PaymentMadeFormProvider({
+  query,
+  paymentMadeId,
+  baseCurrency,
+  ...props
+}) {
   const [submitPayload, setSubmitPayload] = React.useState({});
   const [paymentVendorId, setPaymentVendorId] = React.useState(null);
   const [selectVendor, setSelectVendor] = React.useState(null);
 
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
+
   // Handle fetch accounts data.
   const { data: accounts, isLoading: isAccountsLoading } = useAccounts();
 
@@ -53,7 +65,8 @@ function PaymentMadeFormProvider({ paymentMadeId, baseCurrency, ...props }) {
     data: branches,
     isLoading: isBranchesLoading,
     isSuccess: isBranchesSuccess,
-  } = useBranches();
+  } = useBranches(query, { enabled: isBranchFeatureCan });
+
 
   // Fetch payment made settings.
   useSettings();

src/containers/Purchases/PaymentMades/PaymentForm/utils.js

@@ -1,7 +1,10 @@
 import React from 'react';
 import moment from 'moment';
+import intl from 'react-intl-universal';
 import { pick, first } from 'lodash';
 import { useFormikContext } from 'formik';
+import { Intent } from '@blueprintjs/core';
+import { AppToaster } from 'components';
 import { usePaymentMadeFormContext } from './PaymentMadeFormProvider';
 import {
   defaultFastFieldShouldUpdate,
@@ -111,3 +114,20 @@ export const useSetPrimaryBranchToForm = () => {
     }
   }, [isBranchesSuccess, setFieldValue, branches]);
 };
+
+/**
+ * Transformes the response errors types.
+ */
+export const transformErrors = (errors, { setFieldError }) => {
+  const getError = (errorType) => errors.find((e) => e.type === errorType);
+
+  if (getError('PAYMENT_NUMBER_NOT_UNIQUE')) {
+    setFieldError('payment_number', intl.get('payment_number_is_not_unique'));
+  }
+  if (getError('WITHDRAWAL_ACCOUNT_CURRENCY_INVALID')) {
+    AppToaster.show({
+      message: intl.get('payment_made.error.withdrawal_account_currency_invalid'),
+      intent: Intent.DANGER,
+    });
+  }
+};