From e1144ac0fe0c7573891097fbb1a8fc2b5ac6ff48 Mon Sep 17 00:00:00 2001
From: Lokesh Jain <jainlokesh318@gmail.com>
Date: Mon, 15 Jan 2024 16:07:30 +0530
Subject: [PATCH] refactor: cleanup routing previewer

---
 .../AdvancedRouting/RoutingPreviewer.res      | 125 +-----------------
 1 file changed, 1 insertion(+), 124 deletions(-)

diff --git a/src/screens/HyperSwitch/Routing/AdvancedRouting/RoutingPreviewer.res b/src/screens/HyperSwitch/Routing/AdvancedRouting/RoutingPreviewer.res
index 578ca6eb4..95f691b4a 100644
--- a/src/screens/HyperSwitch/Routing/AdvancedRouting/RoutingPreviewer.res
+++ b/src/screens/HyperSwitch/Routing/AdvancedRouting/RoutingPreviewer.res
@@ -1,5 +1,4 @@
 open RoutingTypes
-open RoutingUtils
 
 module SimplePreview = {
   @react.component
@@ -26,6 +25,7 @@ module SimplePreview = {
     </UIUtils.RenderIf>
   }
 }
+
 module GatewayView = {
   @react.component
   let make = (~gateways, ~connectorList=?) => {
@@ -56,126 +56,3 @@ module GatewayView = {
     </div>
   }
 }
-module RulePreviewer = {
-  @react.component
-  let make = (~ruleInfo: ruleInfoType, ~isFrom3ds=false) => {
-    open LogicUtils
-    <div
-      className=" bg-white border border-jp-gray-600 flex flex-col divide-y  divide-jp-gray-600  border-jp-gray-600 ">
-      <div>
-        <div className="flex flex-col divide-y  divide-jp-gray-600  border-t  border-b">
-          {ruleInfo.rules
-          ->Array.mapWithIndex((rule, index) => {
-            let headingText = `Rule ${string_of_int(index + 1)}`
-            let marginStyle = index === ruleInfo.rules->Array.length - 1 ? "mt-2" : "my-2"
-            let threeDsType =
-              rule.routingOutput->Belt.Option.getWithDefault(defaultThreeDsObjectValue)
-            <div
-              key={Belt.Int.toString(index)}
-              className="flex flex-col items-center w-full px-4 pb-6">
-              <div
-                style={ReactDOMStyle.make(~marginTop="-1.2rem", ())}
-                className="text-jp-gray-700 dark:text-jp-gray-700 text-base font-semibold p-1 px-3 bg-jp-gray-50 dark:bg-jp-gray-950 rounded-full border border-jp-gray-600 dark:border-jp-gray-850">
-                {headingText->React.string}
-              </div>
-              <div className={`w-full flex flex-wrap items-center ${marginStyle}`}>
-                <div className="flex flex-wrap gap-2">
-                  {rule.conditions
-                  ->RoutingUtils.filterEmptyValues
-                  ->Array.mapWithIndex((condition, index) => {
-                    let logical = logicalOperatorTypeToStringMapper(condition.logicalOperator)
-                    let operator = operatorTypeToStringMapper(condition.operator)
-                    let field = condition.field->String.length > 0 ? condition.field : ""
-
-                    let value = switch condition.value {
-                    | StringArray(arr) => arr->Array.joinWith(", ")
-                    | String(str) => str
-                    | Int(int) => int->Belt.Int.toString
-                    }
-                    let metadataKey = switch condition.metadata {
-                    | Some(json) => json->getDictFromJsonObject->getOptionString("key")
-                    | _ => None
-                    }
-
-                    <div
-                      key={Belt.Int.toString(index)} className="flex flex-wrap items-center gap-2">
-                      <UIUtils.RenderIf condition={index !== 0}>
-                        <MakeRuleFieldComponent.TextView
-                          str=logical fontColor="text-blue-800" fontWeight="font-semibold"
-                        />
-                      </UIUtils.RenderIf>
-                      <MakeRuleFieldComponent.TextView str=field />
-                      {switch metadataKey {
-                      | Some(key) => <MakeRuleFieldComponent.TextView str=key />
-                      | None => React.null
-                      }}
-                      <MakeRuleFieldComponent.TextView
-                        str=operator fontColor="text-red-500" fontWeight="font-semibold"
-                      />
-                      <MakeRuleFieldComponent.TextView str=value />
-                    </div>
-                  })
-                  ->React.array}
-                </div>
-                <UIUtils.RenderIf condition={rule.conditions->Array.length > 0}>
-                  <Icon size=14 name="arrow-right" className="mx-4 text-jp-gray-700" />
-                </UIUtils.RenderIf>
-                <UIUtils.RenderIf condition={isFrom3ds}>
-                  <div
-                    className="my-2 h-6 md:h-8 flex items-center rounded-md border border-jp-gray-500 font-medium text-blue-800 hover:text-blue-900 bg-gradient-to-b from-jp-gray-250 to-jp-gray-200  focus:outline-none px-2 gap-1">
-                    {threeDsType.override_3ds->LogicUtils.capitalizeString->React.string}
-                  </div>
-                </UIUtils.RenderIf>
-                <UIUtils.RenderIf condition={!isFrom3ds}>
-                  <GatewayView gateways=rule.gateways />
-                </UIUtils.RenderIf>
-              </div>
-            </div>
-          })
-          ->React.array}
-        </div>
-        <UIUtils.RenderIf condition={!isFrom3ds}>
-          <div
-            className="flex flex-col md:flex-row md:items-center gap-2 md:gap-6 mx-6 my-2 text-jp-gray-700">
-            <div className="flex flex-row items-center gap-2 mt-4 md:mt-0">
-              <Icon
-                name="arrow-rotate"
-                size=14
-                className="cursor-pointer text-jp-gray-700"
-                onClick={ev => ()}
-              />
-              <div>
-                {React.string("Default Processors")}
-                <span className="text-red-500"> {React.string(" *")} </span>
-              </div>
-            </div>
-            <div className="flex flex-wrap items-center gap-4">
-              {ruleInfo.default_gateways
-              ->Array.mapWithIndex((gateway, index) => {
-                <div
-                  key={Belt.Int.toString(index)}
-                  className="flex flex-row items-center gap-2 my-2 md:my-4 text-jp-gray-700">
-                  <div
-                    className="px-1.5 md:px-2 rounded-full bg-jp-gray-300 dark:bg-jp-gray-900 text-jp-gray-700 dark:text-jp-gray-600 font-semibold text-sm md:text-md">
-                    {React.string(string_of_int(index + 1))}
-                  </div>
-                  <div> {gateway->React.string} </div>
-                  <UIUtils.RenderIf
-                    condition={index !== ruleInfo.default_gateways->Array.length - 1}>
-                    <Icon
-                      name="chevron-right"
-                      size=14
-                      className="cursor-pointer text-jp-gray-700"
-                      onClick={ev => ()}
-                    />
-                  </UIUtils.RenderIf>
-                </div>
-              })
-              ->React.array}
-            </div>
-          </div>
-        </UIUtils.RenderIf>
-      </div>
-    </div>
-  }
-}