From 33000b49abcaf94ffe1fcbc0e3c92bc9d76a8725 Mon Sep 17 00:00:00 2001
From: Riddhi Agrawal <riddhi.agrawal2112@gmail.com>
Date: Tue, 23 Jan 2024 11:31:02 +0530
Subject: [PATCH] fix: added feature flag for accept dispute

---
 config/FeatureFlag.json                       |   5 +-
 .../hyperswitch/FeatureFlagUtils.res          |   2 +
 .../HyperSwitch/Disputes/ShowDisputes.res     | 206 +++++++++---------
 3 files changed, 109 insertions(+), 104 deletions(-)

diff --git a/config/FeatureFlag.json b/config/FeatureFlag.json
index 2a0addeb4..0458fcdaa 100644
--- a/config/FeatureFlag.json
+++ b/config/FeatureFlag.json
@@ -1,7 +1,7 @@
 {
   "test_live_toggle": false,
   "is_live_mode": false,
-  "magic_link": false,
+  "magic_link": true,
   "production_access": false,
   "quick_start": true,
   "switch_merchant": true,
@@ -23,5 +23,6 @@
   "user_journey_analytics": false,
   "surcharge": false,
   "customers_module": false,
-  "permission_based_module": false
+  "permission_based_module": false,
+  "dispute_evidence_upload": false
 }
diff --git a/src/entryPoints/hyperswitch/FeatureFlagUtils.res b/src/entryPoints/hyperswitch/FeatureFlagUtils.res
index dda0429d9..b48bba1d4 100644
--- a/src/entryPoints/hyperswitch/FeatureFlagUtils.res
+++ b/src/entryPoints/hyperswitch/FeatureFlagUtils.res
@@ -25,6 +25,7 @@ type featureFlag = {
   surcharge: bool,
   customersModule: bool,
   permissionBasedModule: bool,
+  disputeEvidenceUpload: bool,
 }
 
 let featureFlagType = (featureFlags: Js.Json.t) => {
@@ -57,6 +58,7 @@ let featureFlagType = (featureFlags: Js.Json.t) => {
     surcharge: dict->getBool("surcharge", false),
     customersModule: dict->getBool("customers_module", false),
     permissionBasedModule: dict->getBool("permission_based_module", false),
+    disputeEvidenceUpload: dict->getBool("dispute_evidence_upload", false),
   }
   typedFeatureFlag
 }
diff --git a/src/screens/HyperSwitch/Disputes/ShowDisputes.res b/src/screens/HyperSwitch/Disputes/ShowDisputes.res
index 112a238fd..79a6c1e45 100644
--- a/src/screens/HyperSwitch/Disputes/ShowDisputes.res
+++ b/src/screens/HyperSwitch/Disputes/ShowDisputes.res
@@ -91,116 +91,118 @@ module DisputesInfoBarComponent = {
     </div>
   }
 }
+module Details = {
+  @react.component
+  let make = (
+    ~data: DisputeTypes.disputes,
+    ~getHeading,
+    ~getCell,
+    ~excludeColKeys=[],
+    ~detailsFields,
+    ~justifyClassName="justify-start",
+    ~widthClass="w-1/4",
+    ~bgColor="bg-white dark:bg-jp-gray-lightgray_background",
+    ~children=?,
+    ~setDisputeData,
+  ) => {
+    open APIUtils
+    let updateDetails = useUpdateMethod()
+    let (disputeStatus, setDisputeStatus) = React.useState(_ => DisputeTypes.Initiated)
+    let showPopUp = PopUpState.useShowPopUp()
+    let {disputeEvidenceUpload} = HyperswitchAtom.featureFlagAtom->Recoil.useRecoilValueFromAtom
 
-module DisputesInfo = {
-  module Details = {
-    @react.component
-    let make = (
-      ~data: DisputeTypes.disputes,
-      ~getHeading,
-      ~getCell,
-      ~excludeColKeys=[],
-      ~detailsFields,
-      ~justifyClassName="justify-start",
-      ~widthClass="w-1/4",
-      ~bgColor="bg-white dark:bg-jp-gray-lightgray_background",
-      ~children=?,
-      ~setDisputeData,
-    ) => {
-      open APIUtils
-      let updateDetails = useUpdateMethod()
-      let (disputeStatus, setDisputeStatus) = React.useState(_ => DisputeTypes.Initiated)
-      let showPopUp = PopUpState.useShowPopUp()
-
-      let handleAcceptDispute = async () => {
-        try {
-          let url = getURL(
-            ~entityName=ACCEPT_DISPUTE,
-            ~methodType=Post,
-            ~id=Some(data.dispute_id),
-            (),
-          )
-          let response = await updateDetails(url, Dict.make()->Js.Json.object_, Post)
-          setDisputeData(_ => response)
-          setDisputeStatus(_ => Accepted)
-        } catch {
-        | _ => ()
-        }
+    let handleAcceptDispute = async () => {
+      try {
+        let url = getURL(
+          ~entityName=ACCEPT_DISPUTE,
+          ~methodType=Post,
+          ~id=Some(data.dispute_id),
+          (),
+        )
+        let response = await updateDetails(url, Dict.make()->Js.Json.object_, Post)
+        setDisputeData(_ => response)
+        setDisputeStatus(_ => Accepted)
+      } catch {
+      | _ => ()
       }
+    }
 
-      let handlePopupOpen = () => {
-        showPopUp({
-          popUpType: (Warning, WithIcon),
-          heading: "Accept this dispute?",
-          description: "By accepting you will lose this dispute and will have to refund the amount to the user. You won’t be able to submit evidence once you accept"->React.string,
-          handleConfirm: {text: "Proceed", onClick: _ => handleAcceptDispute()->ignore},
-          handleCancel: {text: "Cancel"},
-        })
-      }
+    let handlePopupOpen = () => {
+      showPopUp({
+        popUpType: (Warning, WithIcon),
+        heading: "Accept this dispute?",
+        description: "By accepting you will lose this dispute and will have to refund the amount to the user. You won’t be able to submit evidence once you accept"->React.string,
+        handleConfirm: {text: "Proceed", onClick: _ => handleAcceptDispute()->ignore},
+        handleCancel: {text: "Cancel"},
+      })
+    }
 
-      <OrderUtils.Section
-        customCssClass={`border border-jp-gray-940 border-opacity-75 dark:border-jp-gray-960 ${bgColor} rounded-md p-6 flex flex-col gap-6`}>
-        <div className="flex items-center justify-between">
-          <div className="flex gap-2 items-center">
-            <p className="font-bold text-3xl">
-              {DisputesEntity.amountValue(
-                data.amount,
-                data.currency->String.toUpperCase,
-              )->React.string}
-            </p>
-            {getStatus(data)}
-          </div>
-          <UIUtils.RenderIf condition={data.dispute_status === "dispute_opened"}>
-            <div className="flex gap-4">
-              <Button
-                buttonType={Secondary}
-                text="Accept Dispute"
-                buttonSize={Small}
-                customButtonStyle="!py-3 !px-2.5"
-                onClick={_ => handlePopupOpen()}
-              />
-              <Button
-                buttonType={Primary}
-                text="Counter Dispute"
-                buttonSize={Small}
-                customButtonStyle="!py-3 !px-2.5"
-                buttonState={Disabled}
-              />
-            </div>
-          </UIUtils.RenderIf>
+    <OrderUtils.Section
+      customCssClass={`border border-jp-gray-940 border-opacity-75 dark:border-jp-gray-960 ${bgColor} rounded-md p-6 flex flex-col gap-6`}>
+      <div className="flex items-center justify-between">
+        <div className="flex gap-2 items-center">
+          <p className="font-bold text-3xl">
+            {DisputesEntity.amountValue(
+              data.amount,
+              data.currency->String.toUpperCase,
+            )->React.string}
+          </p>
+          {getStatus(data)}
         </div>
-        <div className="h-px w-full bg-grey-200 opacity-30" />
-        <UIUtils.RenderIf condition={data.dispute_status === "dispute_opened"}>
-          <DisputesInfoBarComponent disputeStatus />
-        </UIUtils.RenderIf>
-        <FormRenderer.DesktopRow>
-          <div
-            className={`flex flex-wrap ${justifyClassName} dark:bg-jp-gray-lightgray_background dark:border-jp-gray-no_data_border`}>
-            {detailsFields
-            ->Array.mapWithIndex((colType, i) => {
-              <UIUtils.RenderIf
-                condition={!(excludeColKeys->Array.includes(colType))} key={Belt.Int.toString(i)}>
-                <div className={`flex ${widthClass} items-center`}>
-                  <OrderUtils.DisplayKeyValueParams
-                    heading={getHeading(colType)}
-                    value={getCell(data, colType)}
-                    customMoneyStyle="!font-normal !text-sm"
-                    labelMargin="!py-0 mt-2"
-                    overiddingHeadingStyles="text-black text-sm font-medium"
-                    textColor="!font-normal !text-jp-gray-700"
-                  />
-                </div>
-              </UIUtils.RenderIf>
-            })
-            ->React.array}
+        <UIUtils.RenderIf
+          condition={disputeEvidenceUpload && data.dispute_status === "dispute_opened"}>
+          <div className="flex gap-4">
+            <Button
+              buttonType={Secondary}
+              text="Accept Dispute"
+              buttonSize={Small}
+              customButtonStyle="!py-3 !px-2.5"
+              onClick={_ => handlePopupOpen()}
+            />
+            <Button
+              buttonType={Primary}
+              text="Counter Dispute"
+              buttonSize={Small}
+              customButtonStyle="!py-3 !px-2.5"
+              buttonState={Disabled}
+            />
           </div>
-        </FormRenderer.DesktopRow>
-        <UIUtils.RenderIf condition={children->Option.isSome}>
-          {children->Option.getWithDefault(React.null)}
         </UIUtils.RenderIf>
-      </OrderUtils.Section>
-    }
+      </div>
+      <div className="h-px w-full bg-grey-200 opacity-30" />
+      <UIUtils.RenderIf
+        condition={disputeEvidenceUpload && data.dispute_status === "dispute_opened"}>
+        <DisputesInfoBarComponent disputeStatus />
+      </UIUtils.RenderIf>
+      <FormRenderer.DesktopRow>
+        <div
+          className={`flex flex-wrap ${justifyClassName} dark:bg-jp-gray-lightgray_background dark:border-jp-gray-no_data_border`}>
+          {detailsFields
+          ->Array.mapWithIndex((colType, i) => {
+            <UIUtils.RenderIf
+              condition={!(excludeColKeys->Array.includes(colType))} key={Belt.Int.toString(i)}>
+              <div className={`flex ${widthClass} items-center`}>
+                <OrderUtils.DisplayKeyValueParams
+                  heading={getHeading(colType)}
+                  value={getCell(data, colType)}
+                  customMoneyStyle="!font-normal !text-sm"
+                  labelMargin="!py-0 mt-2"
+                  overiddingHeadingStyles="text-black text-sm font-medium"
+                  textColor="!font-normal !text-jp-gray-700"
+                />
+              </div>
+            </UIUtils.RenderIf>
+          })
+          ->React.array}
+        </div>
+      </FormRenderer.DesktopRow>
+      <UIUtils.RenderIf condition={children->Option.isSome}>
+        {children->Option.getWithDefault(React.null)}
+      </UIUtils.RenderIf>
+    </OrderUtils.Section>
   }
+}
+module DisputesInfo = {
   @react.component
   let make = (~orderDict, ~setDisputeData) => {
     let disputesData = DisputesEntity.itemToObjMapper(orderDict)