feat(Sales & Purchases ): add exchange rate input.

src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormPage.js

@@ -3,17 +3,25 @@ import { useParams } from 'react-router-dom';
 
 import { PaymentReceiveFormProvider } from './PaymentReceiveFormProvider';
 import PaymentReceiveForm from './PaymentReceiveForm';
-
+import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
+import { compose } from 'utils';
 /**
  * Payment receive form page.
  */
-export default function PaymentReceiveFormPage() {
+function PaymentReceiveFormPage({
+  // #withCurrentOrganization
+  organization: { base_currency },
+}) {
   const { id: paymentReceiveId } = useParams();
   const paymentReceiveIdInt = parseInt(paymentReceiveId, 10);
 
   return (
-    <PaymentReceiveFormProvider paymentReceiveId={paymentReceiveIdInt}>
+    <PaymentReceiveFormProvider
+      paymentReceiveId={paymentReceiveIdInt}
+      baseCurrency={base_currency}
+    >
       <PaymentReceiveForm paymentReceiveId={paymentReceiveIdInt} />
     </PaymentReceiveFormProvider>
   );
 }
+export default compose(withCurrentOrganization())(PaymentReceiveFormPage);

src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormProvider.js

@@ -1,4 +1,6 @@
 import React, { createContext, useContext } from 'react';
+import { isEmpty, pick, isEqual, isUndefined } from 'lodash';
+
 import { DashboardInsider } from 'components';
 import {
   useSettingsPaymentReceives,
@@ -16,10 +18,16 @@ const PaymentReceiveFormContext = createContext();
 /**
  * Payment receive form provider.
  */
-function PaymentReceiveFormProvider({ paymentReceiveId, ...props }) {
+function PaymentReceiveFormProvider({
+  paymentReceiveId,
+  baseCurrency,
+  ...props
+}) {
   // Form state.
   const [submitPayload, setSubmitPayload] = React.useState({});
 
+  const [selectCustomer, setSelectCustomer] = React.useState(null);
+
   // Fetches payment recevie details.
   const {
     data: {
@@ -59,6 +67,11 @@ function PaymentReceiveFormProvider({ paymentReceiveId, ...props }) {
   const { mutateAsync: editPaymentReceiveMutate } = useEditPaymentReceive();
   const { mutateAsync: createPaymentReceiveMutate } = useCreatePaymentReceive();
 
+  // Determines whether the foreign customer.
+  const isForeignCustomer =
+    !isEqual(selectCustomer?.currency_code, baseCurrency) &&
+    !isUndefined(selectCustomer?.currency_code);
+
   // Provider payload.
   const provider = {
     paymentReceiveId,
@@ -67,6 +80,7 @@ function PaymentReceiveFormProvider({ paymentReceiveId, ...props }) {
     accounts,
     customers,
     branches,
+    baseCurrency,
 
     isPaymentLoading,
     isAccountsLoading,
@@ -74,10 +88,13 @@ function PaymentReceiveFormProvider({ paymentReceiveId, ...props }) {
     isCustomersLoading,
     isFeatureLoading,
     isBranchesSuccess,
+    isForeignCustomer,
     isNewMode,
 
     submitPayload,
     setSubmitPayload,
+    selectCustomer,
+    setSelectCustomer,
 
     editPaymentReceiveMutate,
     createPaymentReceiveMutate,

src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveHeaderFields.js

@@ -7,7 +7,7 @@ import {
   Button,
 } from '@blueprintjs/core';
 import { DateInput } from '@blueprintjs/datetime';
-import { FormattedMessage as T } from 'components';
+import { FormattedMessage as T, If } from 'components';
 import { FastField, Field, useFormikContext, ErrorMessage } from 'formik';
 
 import { useAutofocus } from 'hooks';
@@ -29,6 +29,7 @@ import {
   InputPrependButton,
   MoneyInputGroup,
   InputPrependText,
+  ExchangeRateInputGroup,
   Hint,
   Money,
 } from 'components';
@@ -64,7 +65,14 @@ function PaymentReceiveHeaderFields({
   paymentReceiveNextNumber,
 }) {
   // Payment receive form context.
-  const { customers, accounts, isNewMode } = usePaymentReceiveFormContext();
+  const {
+    customers,
+    accounts,
+    isNewMode,
+    isForeignCustomer,
+    baseCurrency,
+    setSelectCustomer,
+  } = usePaymentReceiveFormContext();
 
   // Formik form context.
   const {
@@ -141,6 +149,7 @@ function PaymentReceiveHeaderFields({
               onContactSelected={(customer) => {
                 form.setFieldValue('customer_id', customer.id);
                 form.setFieldValue('full_amount', '');
+                setSelectCustomer(customer);
               }}
               popoverFill={true}
               disabled={!isNewMode}
@@ -153,6 +162,16 @@ function PaymentReceiveHeaderFields({
         )}
       </FastField>
 
+      {/* ----------- Exchange rate ----------- */}
+      <If condition={isForeignCustomer}>
+        <ExchangeRateInputGroup
+          fromCurrency={'USD'}
+          toCurrency={'LYD'}
+          name={'exchange_rate'}
+          formGroupProps={{ label: ' ', inline: true }}
+        />
+      </If>
+
       {/* ------------- Payment date ------------- */}
       <FastField name={'payment_date'}>
         {({ form, field: { value }, meta: { error, touched } }) => (