added refund and sms feature

client/src/components/job-payments/job-payments.component.jsx

@@ -15,6 +15,12 @@ import { TemplateList } from "../../utils/TemplateConstants";
 import DataLabel from "../data-label/data-label.component";
 import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
 import PaymentExpandedRowComponent from "../payment-expanded-row/payment-expanded-row.component";
+import {
+  setMessage,
+  openChatByPhone,
+} from "../../redux/messaging/messaging.actions";
+import { parsePhoneNumber } from "libphonenumber-js";
+import axios from "axios";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -26,12 +32,16 @@ const mapDispatchToProps = (dispatch) => ({
     dispatch(setModalContext({ context: context, modal: "payment" })),
   setCardPaymentContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "cardPayment" })),
+  openChatByPhone: (phone) => dispatch(openChatByPhone(phone)),
+  setMessage: (text) => dispatch(setMessage(text)),
 });
 
 export function JobPayments({
   job,
   jobRO,
   bodyshop,
+  setMessage,
+  openChatByPhone,
   setPaymentContext,
   setCardPaymentContext,
   refetch,
@@ -41,6 +51,8 @@ export function JobPayments({
     sortedInfo: {},
     filteredInfo: {},
   });
+  const [generatingURL, setGeneratingtURL] = useState(false);
+
   const columns = [
     {
       title: t("payments.fields.date"),
@@ -153,6 +165,36 @@ export function JobPayments({
       title={t("payments.labels.title")}
       extra={
         <Space wrap>
+          <Button
+            disabled={!job.converted}
+            loading={generatingURL}
+            onClick={async () => {
+              const p = parsePhoneNumber(job.ownr_ph1, "CA");
+              setGeneratingtURL(true);
+              const response = await axios.post(
+                "/intellipay/generate_payment_url",
+                {
+                  amount: balance.getAmount(),
+                  account: job.ro_number,
+                }
+              );
+              setGeneratingtURL(false);
+
+              openChatByPhone({
+                phone_num: p.formatInternational(),
+                jobid: job.id,
+              });
+              setMessage(
+                t("appointments.labels.smspaymentreminder", {
+                  shopname: bodyshop.shopname,
+                  amount: balance.toFormat(),
+                  payment_link: response.data.shorUrl,
+                })
+              );
+            }}
+          >
+            {t("menus.header.paymentremindersms")}
+          </Button>
           <Button
             disabled={!job.converted}
             onClick={() =>
@@ -172,7 +214,7 @@ export function JobPayments({
               })
             }
           >
-            Card Payment
+            {t("menus.header.entercardpayment")}
           </Button>
           <DataLabel
             valueStyle={{ color: balance.getAmount() !== 0 ? "red" : "green" }}