Add server side logging for intellipay.

client/src/components/header/header.component.jsx

@@ -97,6 +97,11 @@ function Header({
     {},
     bodyshop && bodyshop.imexshopid
   );
+  const { ImEXPay } = useTreatments(
+    ["ImEXPay"],
+    {},
+    bodyshop && bodyshop.imexshopid
+  );
 
   const { t } = useTranslation();
 
@@ -243,19 +248,20 @@ function Header({
           >
             {t("menus.header.enterpayment")}
           </Menu.Item>
-          {/* TODO: Enter Card Payment */}
-          <Menu.Item
-            key="entercardpayments"
-            onClick={() => {
-              setCardPaymentContext({
-                actions: {},
-                context: null,
-              });
-            }}
-            icon={<Icon component={FaCreditCard} />}
-          >
-            {t("menus.header.entercardpayment")}
-          </Menu.Item>
+          {ImEXPay.treatment === "on" && (
+            <Menu.Item
+              key="entercardpayments"
+              onClick={() => {
+                setCardPaymentContext({
+                  actions: {},
+                  context: null,
+                });
+              }}
+              icon={<Icon component={FaCreditCard} />}
+            >
+              {t("menus.header.entercardpayment")}
+            </Menu.Item>
+          )}
           <Menu.Divider key="div5" />
           <Menu.Item key="timetickets" icon={<FieldTimeOutlined />}>
             <Link to="/manage/timetickets">

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

@@ -20,6 +20,7 @@ import DataLabel from "../data-label/data-label.component";
 import PaymentExpandedRowComponent from "../payment-expanded-row/payment-expanded-row.component";
 import PaymentsGenerateLink from "../payments-generate-link/payments-generate-link.component";
 import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
+import { useTreatments } from "@splitsoftware/splitio-react";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -45,6 +46,12 @@ export function JobPayments({
   setCardPaymentContext,
   refetch,
 }) {
+  const { ImEXPay } = useTreatments(
+    ["ImEXPay"],
+    {},
+    bodyshop && bodyshop.imexshopid
+  );
+
   const { t } = useTranslation();
   const [state, setState] = useState({
     sortedInfo: {},
@@ -163,7 +170,21 @@ export function JobPayments({
       title={t("payments.labels.title")}
       extra={
         <Space wrap>
-          <PaymentsGenerateLink job={job} />
+          {ImEXPay.treatment === "on" && (
+            <>
+              <Button
+                onClick={() =>
+                  setCardPaymentContext({
+                    actions: { refetch },
+                    context: { jobid: job.id, balance },
+                  })
+                }
+              >
+                {t("menus.header.entercardpayment")}
+              </Button>
+              <PaymentsGenerateLink job={job} />
+            </>
+          )}
           <Button
             disabled={!job.converted}
             onClick={() =>
@@ -176,16 +197,6 @@ export function JobPayments({
             {t("menus.header.enterpayment")}
           </Button>
 
-          <Button
-            onClick={() =>
-              setCardPaymentContext({
-                actions: { refetch },
-                context: { jobid: job.id, balance },
-              })
-            }
-          >
-            {t("menus.header.entercardpayment")}
-          </Button>
           <DataLabel
             valueStyle={{ color: balance.getAmount() !== 0 ? "red" : "green" }}
             label={t("payments.labels.balance")}

client/src/components/payments-generate-link/payments-generate-link.component.jsx

@@ -8,8 +8,8 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import {
-    openChatByPhone,
-    setMessage,
+  openChatByPhone,
+  setMessage,
 } from "../../redux/messaging/messaging.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import CurrencyFormItemComponent from "../form-items-formatted/currency-form-item.component";
@@ -52,7 +52,6 @@ export function PaymentsGenerateLink({
       invoice: job.id,
     });
     setLoading(false);
-
     setPaymentLink(response.data.shorUrl);
 
     openChatByPhone({
@@ -60,7 +59,7 @@ export function PaymentsGenerateLink({
       jobid: job.id,
     });
     setMessage(
-      t("appointments.labels.smspaymentreminder", {
+      t("payments.labels.smspaymentreminder", {
         shopname: bodyshop.shopname,
         amount: amount,
         payment_link: response.data.shorUrl,
@@ -70,14 +69,6 @@ export function PaymentsGenerateLink({
     //Add in confirmation & errors.
     if (callback) callback();
 
-    // if (res.errors) {
-    //   notification["error"]({
-    //     message: t("documents.errors.updating", {
-    //       message: JSON.stringify(res.errors),
-    //     }),
-    //   });
-    // }
-
     // setVisible(false);
     setLoading(false);
   };
@@ -142,7 +133,13 @@ export function PaymentsGenerateLink({
         <Button type="primary" onClick={() => form.submit()}>
           {t("general.actions.submit")}
         </Button>
-        <Button onClick={() => setVisible(false)}>
+        <Button
+          onClick={() => {
+            form.resetFields();
+            setPaymentLink(null);
+            setVisible(false);
+          }}
+        >
           {t("general.actions.cancel")}
         </Button>
       </Space>