feat: handle error.

src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.js

@@ -6,6 +6,7 @@ import { AppToaster } from 'components';
 
 import NotifyViaSMSForm from '../../NotifyViaSMS/NotifyViaSMSForm';
 import { useEstimateViaSMSContext } from './NotifyEstimateViaSMSFormProvider';
+import { transformErrors } from '../../../containers/NotifyViaSMS/utils';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import { compose } from 'utils';
@@ -33,8 +34,12 @@ function NotifyEstimateViaSMSForm({
     };
 
     // Handle request response errors.
-    const onError = () => {
-      setSubmitting(false);
+    const onError = ({
+      response: {
+        data: { errors },
+      },
+    }) => {
+      transformErrors(errors);
     };
     createNotifyEstimateBySMSMutate([estimateId, values])
       .then(onSuccess)

src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.js

@@ -6,6 +6,7 @@ import { AppToaster } from 'components';
 
 import NotifyViaSMSForm from '../../NotifyViaSMS/NotifyViaSMSForm';
 import { useNotifyInvoiceViaSMSContext } from './NotifyInvoiceViaSMSFormProvider';
+import { transformErrors } from '../../../containers/NotifyViaSMS/utils';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import { compose } from 'utils';
@@ -41,7 +42,7 @@ function NotifyInvoiceViaSMSForm({
         data: { errors },
       },
     }) => {
-      setSubmitting(false);
+      transformErrors(errors);
     };
     createNotifyInvoiceBySMSMutate([invoiceId, values])
       .then(onSuccess)

src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.js

@@ -6,6 +6,7 @@ import { AppToaster } from 'components';
 
 import NotifyViaSMSForm from '../../NotifyViaSMS/NotifyViaSMSForm';
 import { useNotifyPaymentReceiveViaSMSContext } from './NotifyPaymentReceiveViaFormProvider';
+import { transformErrors } from '../../../containers/NotifyViaSMS/utils';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import { compose } from 'utils';
@@ -38,8 +39,12 @@ function NotifyPaymentReceiveViaSMSForm({
     };
 
     // Handle request response errors.
-    const onError = ({}) => {
-      setSubmitting(false);
+    const onError = ({
+      response: {
+        data: { errors },
+      },
+    }) => {
+      transformErrors(errors);
     };
     createNotifyPaymentReceivetBySMSMutate([paymentReceiveId, values])
       .then(onSuccess)

src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.js

@@ -6,6 +6,7 @@ import { AppToaster } from 'components';
 
 import NotifyViaSMSForm from '../../NotifyViaSMS/NotifyViaSMSForm';
 import { useNotifyReceiptViaSMSContext } from './NotifyReceiptViaSMSFormProvider';
+import { transformErrors } from '../../../containers/NotifyViaSMS/utils';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import { compose } from 'utils';
@@ -36,8 +37,12 @@ function NotifyReceiptViaSMSForm({
     };
 
     // Handle request response errors.
-    const onError = ({}) => {
-      setSubmitting(false);
+    const onError = ({
+      response: {
+        data: { errors },
+      },
+    }) => {
+      transformErrors(errors);
     };
     createNotifyReceiptBySMSMutate([receiptId, values])
       .then(onSuccess)

src/containers/NotifyViaSMS/NotifyViaSMSForm.schema.js

@@ -4,7 +4,7 @@ import { DATATYPES_LENGTH } from 'common/dataTypes';
 
 const Schema = Yup.object().shape({
   customer_name: Yup.string().required(),
-  customer_phone_number: Yup.number().required(),
+  customer_phone_number: Yup.number(),
   sms_message: Yup.string().required().trim().max(DATATYPES_LENGTH.TEXT),
 });
 

src/containers/NotifyViaSMS/utils.js

@@ -0,0 +1,12 @@
+import { Intent } from '@blueprintjs/core';
+import { AppToaster } from 'components';
+import intl from 'react-intl-universal';
+
+export const transformErrors = (errors) => {
+  if (errors.some((e) => e.type === 'CUSTOMER_SMS_NOTIFY_PHONE_INVALID')) {
+    AppToaster.show({
+      message: intl.get('notify_via_sms.dialog.error_message'),
+      intent: Intent.DANGER,
+    });
+  }
+};