feat: add notify by sms .

src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.js

@@ -14,32 +14,36 @@ function NotifyEstimateViaSMSForm({
   // #withDialogActions
   closeDialog,
 }) {
-  const { dialogName, estimateId } = useEstimateViaSMSContext();
+  const {
+    estimateId,
+    dialogName,
+    estimateSMSDetail,
+    createNotifyEstimateBySMSMutate,
+  } = useEstimateViaSMSContext();
 
   // Handles the form submit.
   const handleFormSubmit = (values, { setSubmitting, setErrors }) => {
     // Handle request response success.
     const onSuccess = (response) => {
       AppToaster.show({
-        message: intl.get('notify_via_sms.dialog.success_message'),
+        message: intl.get('notify_estimate_via_sms.dialog.success_message'),
         intent: Intent.SUCCESS,
       });
       closeDialog(dialogName);
     };
 
     // Handle request response errors.
-    const onError = ({
-      response: {
-        data: { errors },
-      },
-    }) => {
+    const onError = () => {
       setSubmitting(false);
     };
+    createNotifyEstimateBySMSMutate([estimateId, values])
+      .then(onSuccess)
+      .then(onError);
   };
 
   return (
     <NotifyViaSMSForm
-      NotificationDetail={{}}
+      NotificationDetail={estimateSMSDetail}
       NotificationName={dialogName}
       onSubmit={handleFormSubmit}
     />

src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSFormProvider.js

@@ -1,6 +1,9 @@
 import React from 'react';
 import { DialogContent } from 'components';
-// import {  } from 'hooks/query';
+import {
+  useEstimateSMSDetail,
+  useCreateNotifyEstimateBySMS,
+} from 'hooks/query';
 
 const NotifyEstimateViaSMSContext = React.createContext();
 
@@ -9,16 +12,25 @@ function NotifyEstimateViaSMSFormProvider({
   dialogName,
   ...props
 }) {
+  const { data: estimateSMSDetail, isLoading: isEstimateSMSDetailLoading } =
+    useEstimateSMSDetail(estimateId, {
+      enabled: !!estimateId,
+    });
+
+  // Create notfiy estimate by sms mutations.
+  const { mutateAsync: createNotifyEstimateBySMSMutate } =
+    useCreateNotifyEstimateBySMS();
+
   // State provider.
   const provider = {
     estimateId,
     dialogName,
+    estimateSMSDetail,
+    createNotifyEstimateBySMSMutate,
   };
 
   return (
-    <DialogContent
-    // isLoading={}
-    >
+    <DialogContent isLoading={isEstimateSMSDetailLoading}>
       <NotifyEstimateViaSMSContext.Provider value={provider} {...props} />
     </DialogContent>
   );

src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSFormProvider.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { DialogContent } from 'components';
-import { useCreateNotifyInvoiceBySMS, useInvocieSMSDetails } from 'hooks/query';
+import { useCreateNotifyInvoiceBySMS, useInvoiceSMSDetail } from 'hooks/query';
 
 const NotifyInvoiceViaSMSContext = React.createContext();
 
 function NotifyInvoiceViaSMSFormProvider({ invoiceId, dialogName, ...props }) {
   const { data: invoiceSMSDetail, isLoading: isInvoiceSMSDetailLoading } =
-    useInvocieSMSDetails(invoiceId, {
+    useInvoiceSMSDetail(invoiceId, {
       enabled: !!invoiceId,
     });
 

src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaFormProvider.js

@@ -1,6 +1,9 @@
 import React from 'react';
 import { DialogContent } from 'components';
-// import { useCreateNotifyInvoiceBySMS, useInvocieSMSDetails } from 'hooks/query';
+import {
+  useCreateNotifyPaymentReceiveBySMS,
+  usePaymentReceiveSMSDetail,
+} from 'hooks/query';
 
 const NotifyPaymentReceiveViaSMSContext = React.createContext();
 
@@ -9,16 +12,27 @@ function NotifyPaymentReceiveViaFormProvider({
   dialogName,
   ...props
 }) {
+  // Create notfiy receipt via sms mutations.
+  const { mutateAsync: createNotifyPaymentReceivetBySMSMutate } =
+    useCreateNotifyPaymentReceiveBySMS();
+
+  const {
+    data: paymentReceiveMSDetail,
+    isLoading: isPaymentReceiveSMSDetailLoading,
+  } = usePaymentReceiveSMSDetail(paymentReceiveId, {
+    enabled: !!paymentReceiveId,
+  });
+
   // State provider.
   const provider = {
     paymentReceiveId,
     dialogName,
+    paymentReceiveMSDetail,
+    createNotifyPaymentReceivetBySMSMutate,
   };
 
   return (
-    <DialogContent
-    // isLoading={}
-    >
+    <DialogContent isLoading={isPaymentReceiveSMSDetailLoading}>
       <NotifyPaymentReceiveViaSMSContext.Provider value={provider} {...props} />
     </DialogContent>
   );

src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.js

@@ -17,33 +17,38 @@ function NotifyPaymentReceiveViaSMSForm({
   // #withDialogActions
   closeDialog,
 }) {
-  const { dialogName, paymentReceiveId } =
-    useNotifyPaymentReceiveViaSMSContext();
+  const {
+    dialogName,
+    paymentReceiveId,
+    paymentReceiveMSDetail,
+    createNotifyPaymentReceivetBySMSMutate,
+  } = useNotifyPaymentReceiveViaSMSContext();
 
   // Handles the form submit.
   const handleFormSubmit = (values, { setSubmitting, setErrors }) => {
     // Handle request response success.
     const onSuccess = (response) => {
       AppToaster.show({
-        message: intl.get('notify_via_sms.dialog.success_message'),
+        message: intl.get(
+          'notify_payment_receive_via_sms.dialog.success_message',
+        ),
         intent: Intent.SUCCESS,
       });
       closeDialog(dialogName);
     };
 
     // Handle request response errors.
-    const onError = ({
-      response: {
-        data: { errors },
-      },
-    }) => {
+    const onError = ({}) => {
       setSubmitting(false);
     };
+    createNotifyPaymentReceivetBySMSMutate([paymentReceiveId, values])
+      .then(onSuccess)
+      .catch(onError);
   };
 
   return (
     <NotifyViaSMSForm
-      NotificationDetail={{}}
+      NotificationDetail={paymentReceiveMSDetail}
       NotificationName={dialogName}
       onSubmit={handleFormSubmit}
     />

src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.js

@@ -25,7 +25,7 @@ function NotifyPaymentReciveViaSMSDialog({
       <DialogSuspense>
         <NotifyPaymentReceiveViaSMSDialogContent
           dialogName={dialogName}
-          paymnetReceive={paymentReceiveId}
+          paymentReceive={paymentReceiveId}
         />
       </DialogSuspense>
     </Dialog>

src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.js

@@ -17,32 +17,36 @@ function NotifyReceiptViaSMSForm({
   // #withDialogActions
   closeDialog,
 }) {
-  const { dialogName, receiptId } = useNotifyReceiptViaSMSContext();
+  const {
+    dialogName,
+    receiptId,
+    receiptSMSDetail,
+    createNotifyReceiptBySMSMutate,
+  } = useNotifyReceiptViaSMSContext();
 
   // Handles the form submit.
   const handleFormSubmit = (values, { setSubmitting, setErrors }) => {
     // Handle request response success.
     const onSuccess = (response) => {
       AppToaster.show({
-        message: intl.get('notify_via_sms.dialog.success_message'),
+        message: intl.get('notify_receipt_via_sms.dialog.success_message'),
         intent: Intent.SUCCESS,
       });
       closeDialog(dialogName);
     };
 
     // Handle request response errors.
-    const onError = ({
-      response: {
-        data: { errors },
-      },
-    }) => {
+    const onError = ({}) => {
       setSubmitting(false);
     };
+    createNotifyReceiptBySMSMutate([receiptId, values])
+      .then(onSuccess)
+      .catch(onError);
   };
 
   return (
     <NotifyViaSMSForm
-      NotificationDetail={{}}
+      NotificationDetail={receiptSMSDetail}
       NotificationName={dialogName}
       onSubmit={handleFormSubmit}
     />

src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSFormProvider.js

@@ -1,22 +1,29 @@
 import React from 'react';
 import { DialogContent } from 'components';
-// import { useCreateNotifyInvoiceBySMS, useInvocieSMSDetails } from 'hooks/query';
+import { useCreateNotifyReceiptBySMS, useReceiptSMSDetail } from 'hooks/query';
 
 const NotifyReceiptViaSMSContext = React.createContext();
 
 function NotifyReceiptViaSMSFormProvider({ receiptId, dialogName, ...props }) {
   // Create notfiy receipt via sms mutations.
+  const { mutateAsync: createNotifyReceiptBySMSMutate } =
+    useCreateNotifyReceiptBySMS();
+
+  const { data: receiptSMSDetail, isLoading: isReceiptSMSDetailLoading } =
+    useReceiptSMSDetail(receiptId, {
+      enabled: !!receiptId,
+    });
 
   // State provider.
   const provider = {
     receiptId,
     dialogName,
+    receiptSMSDetail,
+    createNotifyReceiptBySMSMutate,
   };
 
   return (
-    <DialogContent
-    // isLoading={}
-    >
+    <DialogContent isLoading={isReceiptSMSDetailLoading}>
       <NotifyReceiptViaSMSContext.Provider value={provider} {...props} />
     </DialogContent>
   );