From bf6bde89eaaf3c443e07c191b42d2a9293377130 Mon Sep 17 00:00:00 2001
From: Pritish Budhiraja <77892330+PritishBudhiraja@users.noreply.github.com>
Date: Wed, 6 Dec 2023 17:03:56 +0530
Subject: [PATCH] feat: Bankofamerica addition in prod (#69)

---
 .../Connectors/ConnectorPreview.res           | 55 +++++++++----------
 .../HyperSwitch/Connectors/ConnectorUtils.res | 11 ++--
 2 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/screens/HyperSwitch/Connectors/ConnectorPreview.res b/src/screens/HyperSwitch/Connectors/ConnectorPreview.res
index 2123eeab2..a4b6e1f7e 100644
--- a/src/screens/HyperSwitch/Connectors/ConnectorPreview.res
+++ b/src/screens/HyperSwitch/Connectors/ConnectorPreview.res
@@ -6,7 +6,7 @@ module InfoField = {
     <UIUtils.RenderIf condition={str->Js.String2.length > 0}>
       <div>
         <h2 className="text-lg font-semibold"> {label->React.string} </h2>
-        <h3 className="truncate"> {str->React.string} </h3>
+        <h3 className=" break-words"> {str->React.string} </h3>
       </div>
     </UIUtils.RenderIf>
   }
@@ -129,9 +129,9 @@ module ConnectorSummaryGrid = {
     let webhooksUrl = ConnectorUtils.getWebhooksUrl(~connectorName=connector, ~merchantId)
 
     <div className="p-2 md:px-10">
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Processor Mode"->React.string} </h4>
-        <div>
+        <div className="col-span-3">
           {if connectorInfo.test_mode {
             <span className="font-semibold p-2 px-3 bg-orange-200 rounded-full">
               {"TEST MODE"->React.string}
@@ -143,13 +143,13 @@ module ConnectorSummaryGrid = {
           }}
         </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Profile Id"->React.string} </h4>
-        <div> {connectorInfo.profile_id->React.string} </div>
+        <div className="col-span-3"> {connectorInfo.profile_id->React.string} </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4  my-12">
         <h4 className="text-lg font-semibold"> {"API Keys"->React.string} </h4>
-        <div className="flex flex-col gap-6">
+        <div className="flex flex-col gap-6 col-span-3">
           {connectorAccountFields
           ->Js.Dict.keys
           ->Array.mapWithIndex((field, index) => {
@@ -164,31 +164,30 @@ module ConnectorSummaryGrid = {
           ->React.array}
         </div>
       </div>
-      <div className="grid grid-cols-4 w-full my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Webhooks"->React.string} </h4>
-        <div className="flex flex-col col-span-3">
-          <div className="flex">
-            <div> {webhooksUrl->React.string} </div>
-            <div
-              className="px-4 flex gap-2 items-center cursor-pointer"
-              onClick={_ => {
-                Clipboard.writeText(webhooksUrl)
-                showToast(~message="Copied to Clipboard!", ~toastType=ToastSuccess, ())
-                hyperswitchMixPanel(
-                  ~pageName=`${url.path->LogicUtils.getListHead}`,
-                  ~contextName="webhook_processor",
-                  ~actionName="hs_webhookcopied",
-                  (),
-                )
-              }}>
-              <img src={`/assets/CopyToClipboard.svg`} />
-            </div>
-          </div>
+        // <div className="flex flex-col ">
+        <div className="flex col-span-3">
+          <div> {webhooksUrl->React.string} </div>
+          <img
+            src={`/assets/CopyToClipboard.svg`}
+            onClick={_ => {
+              Clipboard.writeText(webhooksUrl)
+              showToast(~message="Copied to Clipboard!", ~toastType=ToastSuccess, ())
+              hyperswitchMixPanel(
+                ~pageName=`${url.path->LogicUtils.getListHead}`,
+                ~contextName="webhook_processor",
+                ~actionName="hs_webhookcopied",
+                (),
+              )
+            }}
+          />
+          // </div>
         </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4  my-12">
         <h4 className="text-lg font-semibold"> {"PMTs"->React.string} </h4>
-        <div className="flex flex-col gap-6">
+        <div className="flex flex-col gap-6 col-span-3">
           {connectorInfo.payment_methods_enabled
           ->Array.mapWithIndex((field, index) => {
             <InfoField
diff --git a/src/screens/HyperSwitch/Connectors/ConnectorUtils.res b/src/screens/HyperSwitch/Connectors/ConnectorUtils.res
index c8541627b..8b08ba1b4 100644
--- a/src/screens/HyperSwitch/Connectors/ConnectorUtils.res
+++ b/src/screens/HyperSwitch/Connectors/ConnectorUtils.res
@@ -194,14 +194,15 @@ let connectorList: array<connectorName> = [
 let connectorListForLive: array<connectorName> = [
   STRIPE,
   ADYEN,
-  CHECKOUT,
-  ZEN,
-  BLUESNAP,
-  TRUSTPAY,
-  PAYME,
   PAYPAL,
+  BANKOFAMERICA,
+  BLUESNAP,
+  CHECKOUT,
   CRYPTOPAY,
   IATAPAY,
+  PAYME,
+  TRUSTPAY,
+  ZEN,
 ]
 
 let getPaymentMethodFromString = paymentMethod => {