chrone: sperate client and server to different repos.

src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { Formik } from 'formik';
+import { Intent } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
+import intl from 'react-intl-universal';
+import { pick } from 'lodash';
+
+import { AppToaster } from 'components';
+import { CreateQuickPaymentMadeFormSchema } from './QuickPaymentMade.schema';
+import { useQuickPaymentMadeContext } from './QuickPaymentMadeFormProvider';
+import QuickPaymentMadeFormContent from './QuickPaymentMadeFormContent';
+
+import withDialogActions from 'containers/Dialog/withDialogActions';
+import { defaultPaymentMade, transformErrors } from './utils';
+import { compose } from 'utils';
+
+/**
+ * Quick payment made form.
+ */
+function QuickPaymentMadeForm({
+  // #withDialogActions
+  closeDialog,
+}) {
+  
+  const {
+    bill,
+    dialogName,
+    createPaymentMadeMutate,
+  } = useQuickPaymentMadeContext();
+
+  // Initial form values
+  const initialValues = {
+    ...defaultPaymentMade,
+    ...bill,
+  };
+
+  // Handles the form submit.
+  const handleFormSubmit = (values, { setSubmitting, setFieldError }) => {
+    const entries = [values]
+      .filter((entry) => entry.id && entry.payment_amount)
+      .map((entry) => ({
+        bill_id: entry.id,
+        ...pick(entry, ['payment_amount']),
+      }));
+
+    const form = {
+      ...values,
+      vendor_id: values?.vendor?.id,
+      entries,
+    };
+
+    // Handle request response success.
+    const onSuccess = () => {
+      AppToaster.show({
+        message: intl.get('the_payment_made_has_been_created_successfully'),
+        intent: Intent.SUCCESS,
+      });
+      closeDialog(dialogName);
+    };
+    // Handle request response errors.
+    const onError = ({
+      response: {
+        data: { errors },
+      },
+    }) => {
+      if (errors) {
+        transformErrors(errors, { setFieldError });
+      }
+      setSubmitting(false);
+    };
+    createPaymentMadeMutate(form).then(onSuccess).catch(onError);
+  };
+
+  return (
+    <Formik
+      validationSchema={CreateQuickPaymentMadeFormSchema}
+      initialValues={initialValues}
+      onSubmit={handleFormSubmit}
+      component={QuickPaymentMadeFormContent}
+    />
+  );
+}
+
+export default compose(withDialogActions)(QuickPaymentMadeForm);