From 57240d1e7eb7f85995f8373528c06ac27cd6dcec Mon Sep 17 00:00:00 2001
From: sniedzielski <52816247+sniedzielski@users.noreply.github.com>
Date: Mon, 18 Mar 2024 12:51:41 +0100
Subject: [PATCH] CM-771: add possibility to disable the payment plan (#77)

---
 src/components/PaymentPlanHeadPanel.js | 24 +++++++++++++++++++++++-
 src/components/PaymentPlanSearcher.js  |  2 +-
 src/translations/en.json               |  3 ++-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/PaymentPlanHeadPanel.js b/src/components/PaymentPlanHeadPanel.js
index d79c369..8f1a13a 100644
--- a/src/components/PaymentPlanHeadPanel.js
+++ b/src/components/PaymentPlanHeadPanel.js
@@ -1,5 +1,5 @@
 import React, { Fragment } from "react";
-import { Grid, Divider, Typography } from "@material-ui/core";
+import { Grid, Divider, Typography, Button } from "@material-ui/core";
 import {
     withModulesManager,
     formatMessage,
@@ -178,6 +178,28 @@ class PaymentPlanHeadPanel extends FormPanel {
                             <Divider />
                         </Fragment>
                     )}
+                    {paymentPlan.id && (
+                      <Button 
+                        onClick={() => {
+                          const currentDateObject = new Date();
+                          const currentDate = currentDateObject.toISOString();
+                          paymentPlan.dateValidTo = currentDate;                      
+                          this.updateAttribute("dateValidTo", currentDate);
+                        }} 
+                        variant="outlined" 
+                        color="#DFEDEF" 
+                        className={classes.button}
+                        style={{ 
+                          border: "0px",
+                          textAlign: "right",
+                          display: "block",
+                          marginLeft: "auto",
+                          marginRight: 0
+                       }}
+                      >
+                        {formatMessage(intl, "paymentPlan", "paymentPlan.deactivatePaymentPlan")}
+                      </Button>
+                    )}
                     <Grid container className={classes.item}>
                         <Grid item xs={GRID_ITEM_SIZE} className={classes.item}>
                             <PaymentPlanTypePicker
diff --git a/src/components/PaymentPlanSearcher.js b/src/components/PaymentPlanSearcher.js
index 562f75f..ea3633c 100644
--- a/src/components/PaymentPlanSearcher.js
+++ b/src/components/PaymentPlanSearcher.js
@@ -85,7 +85,7 @@ class PaymentPlanSearcher extends Component {
                     value={paymentPlan.calculation}
                     readOnly
                 /> : "",
-            paymentPlan => { 
+            paymentPlan => {
                 const objectBenefitPlan = typeof paymentPlan.benefitPlan === 'object' ? 
                   paymentPlan.benefitPlan : JSON.parse(paymentPlan.benefitPlan || '{}');
                 paymentPlan.benefitPlan = objectBenefitPlan;
diff --git a/src/translations/en.json b/src/translations/en.json
index 0963e76..dc25b65 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -97,5 +97,6 @@
     "paymentPlan.advancedCriteria.button.clearAllFilters": "Clear All Criteria",
     "paymentPlan.advancedCriteria.button.cancel": "Cancel",
     "paymentPlan.advancedCriteria.button.filter": "Confirm Filters",
-    "paymentPlanPicker.label": "Payment Plan Picker"
+    "paymentPlanPicker.label": "Payment Plan Picker",
+    "paymentPlan.deactivatePaymentPlan": "Deactivate Payment Plan"
 }