Web: Added sending a request to the sales department.

packages/client/src/components/dialogs/SalesDepartmentRequestDialog/index.js

@@ -10,6 +10,7 @@ import Textarea from "@docspace/components/textarea";
 import FieldContainer from "@docspace/components/field-container";
 import { smallTablet } from "@docspace/components/utils/device";
 import toastr from "@docspace/components/toast/toastr";
+import { inject, observer } from "mobx-react";
 
 const ModalDialogContainer = styled(ModalDialog)`
   .modal-dialog-aside-footer {
@@ -23,7 +24,11 @@ const ModalDialogContainer = styled(ModalDialog)`
   }
 `;
 
-const SalesDepartmentRequestDialog = ({ visible, onClose }) => {
+const SalesDepartmentRequestDialog = ({
+  visible,
+  onClose,
+  sendPaymentRequest,
+}) => {
   const { t, ready } = useTranslation([
     "SalesDepartmentRequestDialog",
     "Common",
@@ -57,7 +62,7 @@ const SalesDepartmentRequestDialog = ({ visible, onClose }) => {
     setName(e.currentTarget.value);
     setIsValidDescription(true);
   };
-  const onSendRequest = () => {
+  const onSendRequest = async () => {
     const isEmailValid = email.trim();
     const isDescriptionValid = description.trim();
     const isNameValid = name.trim();
@@ -68,6 +73,9 @@ const SalesDepartmentRequestDialog = ({ visible, onClose }) => {
       setIsValidDescription(isDescriptionValid);
       return;
     }
+
+    await sendPaymentRequest(email, name, description);
+    onClose && onClose();
   };
 
   return (
@@ -186,4 +194,10 @@ SalesDepartmentRequestDialog.propTypes = {
   onClose: PropTypes.func.isRequired,
 };
 
-export default SalesDepartmentRequestDialog;
+export default inject(({ payments }) => {
+  const { sendPaymentRequest } = payments;
+
+  return {
+    sendPaymentRequest,
+  };
+})(observer(SalesDepartmentRequestDialog));

packages/client/src/store/PaymentStore.js

@@ -138,6 +138,14 @@ class PaymentStore {
     this.maxAvailableManagersCount = max;
   };
 
+  sendPaymentRequest = async (email, userName, message) => {
+    try {
+      await api.portal.sendPaymentRequest(email, userName, message);
+      toastr.success("Success");
+    } catch (e) {
+      toastr.error(e);
+    }
+  };
   // setPaymentTariff = async () => {
   //   try {
   //     const res = await api.portal.getPaymentTariff();

packages/common/api/portal/index.js

@@ -209,3 +209,15 @@ export function getCurrencies() {
 export function getPaymentTariff() {
   return request({ method: "get", url: "/portal/payment/tariff" });
 }
+
+export function sendPaymentRequest(email, userName, message) {
+  return request({
+    method: "post",
+    url: `/portal/payment/request `,
+    data: {
+      email,
+      userName,
+      message,
+    },
+  });
+}