feat: add easysms integrate api.

src/containers/Alerts/EasySMSIntegration/EasySMSDisconnectAlert.js

@@ -4,6 +4,8 @@ import { FormattedMessage as T, FormattedHTMLMessage } from 'components';
 import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster } from 'components';
 
+import { useSettingEasySMSDisconnect } from 'hooks/query';
+
 import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
 import withAlertActions from 'containers/Alert/withAlertActions';
 
@@ -22,13 +24,28 @@ function EasySMSDisconnectAlert({
   // #withAlertActions
   closeAlert,
 }) {
+  const { mutateAsync: disconnectEasySMS, isLoading } =
+    useSettingEasySMSDisconnect();
+
   // Handle cancel Disconnect alert.
   const handleCancelDisconnect = () => {
     closeAlert(name);
   };
 
   // Handle confirm Disconnect alert.
-  const handleConfirmDisconnect = () => {};
+  const handleConfirmDisconnect = () => {
+    disconnectEasySMS()
+      .then(() => {
+        AppToaster.show({
+          message: intl.get('easysms.disconnect.alert.success_message'),
+          intent: Intent.SUCCESS,
+        });
+      })
+      .catch(() => {})
+      .finally(() => {
+        closeAlert(name);
+      });
+  };
 
   return (
     <Alert
@@ -38,6 +55,7 @@ function EasySMSDisconnectAlert({
       isOpen={isOpen}
       onCancel={handleCancelDisconnect}
       onConfirm={handleConfirmDisconnect}
+      loading={isLoading}
     >
       <p>Ea aliqua elit reprehenderit pariatur consequat voluptate quis.</p>
     </Alert>

src/containers/Dialogs/EasySMSIntegrationDialog/EasySMSIntegrationForm.js

@@ -8,6 +8,7 @@ import '../../../style/pages/EasySMSIntegration/EasySMSIntegration.scss';
 import { AppToaster } from 'components';
 import EasySMSIntegrationFormContent from './EasySMSIntegrationFormContent';
 import { CreateEasySMSIntegrationSchema } from './EasySMSIntegrationForm.schema';
+import { useEasySMSIntegration } from './EasySMSIntegrationProvider';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import { compose } from 'utils';
@@ -23,13 +24,34 @@ function EasySMSIntegrationForm({
   // #withDialogActions
   closeDialog,
 }) {
+  const { dialogName, easySMSIntegrateMutate } = useEasySMSIntegration();
+
   // Initial form values.
   const initialValues = {
     ...defaultInitialValues,
   };
 
   // Handles the form submit.
-  const handleFormSubmit = (values, { setSubmitting, setErrors }) => {};
+  const handleFormSubmit = (values, { setSubmitting, setErrors }) => {
+    // Handle request response success.
+    const onSuccess = (response) => {
+      AppToaster.show({
+        message: intl.get('easysms.integrate.dialog.success_message'),
+        intent: Intent.SUCCESS,
+      });
+      closeDialog(dialogName);
+    };
+    // Handle request response errors.
+    const onError = ({
+      response: {
+        data: { errors },
+      },
+    }) => {
+      setSubmitting(false);
+    };
+
+    easySMSIntegrateMutate(values).then(onSuccess).catch(onError);
+  };
 
   return (
     <Formik

src/containers/Dialogs/EasySMSIntegrationDialog/EasySMSIntegrationFormContent.js

@@ -31,7 +31,7 @@ function EasySMSIntegrationFormContent({
         <FastField name={'token'}>
           {({ form, field, meta: { error, touched } }) => (
             <FormGroup
-              label={<T id={'easysms.label.token'} />}
+              label={<T id={'easysms.integrate.dialog.label.token'} />}
               labelInfo={<FieldRequiredHint />}
               intent={inputIntent({ error, touched })}
               helperText={<ErrorMessage name="token" />}

src/containers/Dialogs/EasySMSIntegrationDialog/EasySMSIntegrationProvider.js

@@ -7,9 +7,13 @@ const EasySMSIntegrationDialogContext = React.createContext();
  * Easy SMS integration dialog provider.
  */
 function EasySMSIntegrationProvider({ dialogName, ...props }) {
+  // easysms integrate mutations.
+  const { mutateAsync: easySMSIntegrateMutate } = useSettingEasySMSIntegrate();
+
   // State provider.
   const provider = {
     dialogName,
+    easySMSIntegrateMutate,
   };
 
   return (

src/lang/en/index.json

@@ -1488,10 +1488,10 @@
   "roles.error.you_cannot_delete_predefined_roles": "You cannot delete predefined roles.",
   "roles.error.the_submit_role_has_invalid_permissions": "The submit role has invalid permissions.",
   "roles.error.you_cannot_delete_role_that_associated_to_users": "You cannot delete role that associated to users",
-  "easysms.label.token":"Token",
-  "easysms.label.disconnect":"Disconnect",
   "esaysms.label.connect": "Connect",
-  "easysms.label.edit_integration_settings":"Edit integration settings"
+  "easysms.label.disconnect": "Disconnect",
-
+  "easysms.label.edit_integration_settings": "Edit integration settings",
-
+  "easysms.disconnect.alert.success_message": "The sms gateway integration has been disconnected successfully.",
+  "easysms.integrate.dialog.label.token": "Token",
+  "easysms.integrate.dialog.success_message": "The system has been integrated with Easysms sms gateway successfully."
 }