refactor: recon engine rules v2 api integration

src/APIUtils/APIUtils.res

@@ -1031,8 +1031,8 @@ let useGetURL = () => {
           switch methodType {
           | Get =>
             switch id {
-            | Some(ruleId) => `${reconBaseURL}/recon_rules/${ruleId}`
-            | None => `${reconBaseURL}/recon_rules`
+            | Some(ruleId) => `${reconBaseURL}/recon_rules/v2/${ruleId}`
+            | None => `${reconBaseURL}/recon_rules/v2`
             }
           | _ => ""
           }

src/ReconEngine/ReconEngineScreens/ReconEngineExceptions/ReconEngineExceptions.res

@@ -21,7 +21,7 @@ let make = () => {
         ~methodType=Get,
       )
       let res = await fetchDetails(url)
-      let ruleDetails = res->getArrayDataFromJson(getRulePayloadFromDict)
+      let ruleDetails = res->getArrayDataFromJson(ruleItemToObjMapper)
       setReconRulesList(_ => ruleDetails)
       setScreenState(_ => PageLoaderWrapper.Success)
     } catch {

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverview.res

@@ -20,7 +20,7 @@ let make = () => {
         ~methodType=Get,
       )
       let res = await fetchDetails(url)
-      let ruleDetails = res->getArrayDataFromJson(getRulePayloadFromDict)
+      let ruleDetails = res->getArrayDataFromJson(ruleItemToObjMapper)
       setReconRulesList(_ => ruleDetails)
       setScreenState(_ => PageLoaderWrapper.Success)
     } catch {

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetails.res

@@ -1,5 +1,5 @@
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
+let make = (~ruleDetails: ReconEngineRulesTypes.rulePayload) => {
   <div className="flex flex-col gap-8 mt-8">
     <ReconEngineOverviewStackedBarGraph ruleDetails />
     <ReconEngineOverviewColumnGraphs ruleDetails />

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetailsComponents/ReconEngineOverviewAccountDetails.res

@@ -1,10 +1,9 @@
+open ReconEngineRulesTypes
+
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
-  open ReconEngineTypes
+let make = (~ruleDetails: rulePayload) => {
   open ReconEngineOverviewSummaryUtils
   open ReconEngineOverviewHelper
-  open LogicUtils
-  open ReconEngineAccountsUtils
 
   let (screenState, setScreenState) = React.useState(_ => PageLoaderWrapper.Loading)
   let (accountData, setAccountData) = React.useState(_ => [])
@@ -34,14 +33,18 @@ let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
     None
   }, [])
 
-  let (sourceAccountData, targetAccountData) = React.useMemo(() => {
-    let source =
-      ruleDetails.sources->getValueFromArray(0, Dict.make()->getAccountRefPayloadFromDict)
-    let target =
-      ruleDetails.targets->getValueFromArray(0, Dict.make()->getAccountRefPayloadFromDict)
+  let (sourceAccountId, targetAccountId) = switch ruleDetails.strategy {
+  | OneToOne(oneToOne) =>
+    switch oneToOne {
+    | SingleSingle(data) => (data.source_account.account_id, data.target_account.account_id)
+    | SingleMany(data) => (data.source_account.account_id, data.target_account.account_id)
+    | ManySingle(data) => (data.source_account.account_id, data.target_account.account_id)
+    }
+  }
 
-    let sourceAccount = getAccountData(accountData, source.account_id)
-    let targetAccount = getAccountData(accountData, target.account_id)
+  let (sourceAccountData, targetAccountData) = React.useMemo(() => {
+    let sourceAccount = getAccountData(accountData, sourceAccountId)
+    let targetAccount = getAccountData(accountData, targetAccountId)
 
     (sourceAccount, targetAccount)
   }, (ruleDetails, accountData))

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetailsComponents/ReconEngineOverviewCardDetails.res

@@ -1,9 +1,10 @@
+open ReconEngineRulesTypes
+
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
+let make = (~ruleDetails: rulePayload) => {
   open LogicUtils
   open ReconEngineOverviewUtils
   open ReconEngineOverviewHelper
-  open ReconEngineAccountsUtils
 
   let (accountData, setAccountData) = React.useState(_ => [])
   let (screenState, setScreenState) = React.useState(_ => PageLoaderWrapper.Loading)
@@ -28,16 +29,21 @@ let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
     }
   }
 
+  let (sourceAccountId, targetAccountId) = switch ruleDetails.strategy {
+  | OneToOne(oneToOne) =>
+    switch oneToOne {
+    | SingleSingle(data) => (data.source_account.account_id, data.target_account.account_id)
+    | SingleMany(data) => (data.source_account.account_id, data.target_account.account_id)
+    | ManySingle(data) => (data.source_account.account_id, data.target_account.account_id)
+    }
+  }
+
   let (
     (sourceAccountName, sourceAccountCurrency),
     (targetAccountName, targetAccountCurrency),
   ) = React.useMemo(() => {
-    let source =
-      ruleDetails.sources->getValueFromArray(0, Dict.make()->getAccountRefPayloadFromDict)
-    let target =
-      ruleDetails.targets->getValueFromArray(0, Dict.make()->getAccountRefPayloadFromDict)
-    let sourceInfo = getAccountNameAndCurrency(accountData, source.account_id)
-    let targetInfo = getAccountNameAndCurrency(accountData, target.account_id)
+    let sourceInfo = getAccountNameAndCurrency(accountData, sourceAccountId)
+    let targetInfo = getAccountNameAndCurrency(accountData, targetAccountId)
     (sourceInfo, targetInfo)
   }, (ruleDetails, accountData))
 

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetailsComponents/ReconEngineOverviewColumnGraphs.res

@@ -1,5 +1,5 @@
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
+let make = (~ruleDetails: ReconEngineRulesTypes.rulePayload) => {
   <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
     <FilterContext index="recon_reconciled_graph">
       <ReconEngineReconciledVolumeColumnGraph ruleId={ruleDetails.rule_id} />

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetailsComponents/ReconEngineOverviewStackedBarGraph.res

@@ -1,7 +1,7 @@
 open Typography
 
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
+let make = (~ruleDetails: ReconEngineRulesTypes.rulePayload) => {
   open CurrencyFormatUtils
 
   let (allTransactionsData, setAllTransactionsData) = React.useState(_ => [])

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewDetails/ReconEngineOverviewDetailsComponents/ReconEngineOverviewTransactions.res

@@ -1,5 +1,5 @@
 @react.component
-let make = (~ruleDetails: ReconEngineTypes.reconRuleType) => {
+let make = (~ruleDetails: ReconEngineRulesTypes.rulePayload) => {
   open LogicUtils
   open HierarchicalTransactionsTableEntity
 

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewSummary/ReconEngineOverviewSummaryComponents/ReconEngineOverviewSummaryAccountsView.res

@@ -135,7 +135,7 @@ module AccountsList = {
 }
 
 @react.component
-let make = (~reconRulesList: array<reconRuleType>) => {
+let make = (~reconRulesList: array<ReconEngineRulesTypes.rulePayload>) => {
   open ReconEngineOverviewSummaryUtils
   open ReconEngineAccountsUtils
 

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewSummary/ReconEngineOverviewSummaryComponents/ReconEngineOverviewSummaryFlowDiagram.res

@@ -120,7 +120,7 @@ module FlowWithLayoutControls = {
 }
 
 @react.component
-let make = (~reconRulesList: array<ReconEngineTypes.reconRuleType>) => {
+let make = (~reconRulesList: array<ReconEngineRulesTypes.rulePayload>) => {
   open ReconEngineOverviewSummaryUtils
   open ReactFlow
   open LogicUtils

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewSummary/ReconEngineOverviewSummaryComponents/ReconEngineOverviewSummaryStackedBarGraphs.res

@@ -1,9 +1,9 @@
 open Typography
-open ReconEngineTypes
+open ReconEngineRulesTypes
 
 module RuleWiseStackedBarGraph = {
   @react.component
-  let make = (~rule: ReconEngineTypes.reconRuleType) => {
+  let make = (~rule: rulePayload) => {
     open CurrencyFormatUtils
     open LogicUtils
 
@@ -83,7 +83,7 @@ module RuleWiseStackedBarGraph = {
 }
 
 @react.component
-let make = (~reconRulesList: array<reconRuleType>) => {
+let make = (~reconRulesList: array<rulePayload>) => {
   <div className="grid gap-6 grid-cols-1 lg:grid-cols-2">
     {reconRulesList
     ->Array.map(rule => <RuleWiseStackedBarGraph rule key={rule.rule_id} />)

src/ReconEngine/ReconEngineScreens/ReconEngineOverview/ReconEngineOverviewSummary/ReconEngineOverviewSummaryUtils.res

@@ -190,13 +190,17 @@ let getAccountData = (accountData: array<accountType>, accountId: string): accou
   ->Option.getOr(Dict.make()->getOverviewAccountPayloadFromDict)
 }
 
-let getAllAccountIds = (reconRulesList: array<reconRuleType>) => {
+let getAllAccountIds = (reconRulesList: array<ReconEngineRulesTypes.rulePayload>) => {
   reconRulesList
   ->Array.flatMap(rule =>
-    Array.concat(
-      rule.sources->Array.map(source => source.account_id),
-      rule.targets->Array.map(target => target.account_id),
-    )
+    switch rule.strategy {
+    | OneToOne(oneToOne) =>
+      switch oneToOne {
+      | SingleSingle(data) => [data.source_account.account_id, data.target_account.account_id]
+      | SingleMany(data) => [data.source_account.account_id, data.target_account.account_id]
+      | ManySingle(data) => [data.source_account.account_id, data.target_account.account_id]
+      }
+    }
   )
   ->getUniqueArray
 }
@@ -219,21 +223,21 @@ let getPercentageLabel = (~postedCount, ~totalCount) =>
     "0% Reconciled"
   }
 let makeEdge = (
-  ~source: reconRuleAccountRefType,
-  ~target: reconRuleAccountRefType,
+  ~sourceAccountId: string,
+  ~targetAccountId: string,
   ~ruleTransactions,
   ~selectedNodeId,
 ) => {
   let (postedCount, totalCount) = summarizeTransactions(ruleTransactions)
   let label = getPercentageLabel(~postedCount, ~totalCount)
-  let sourceNodeId = `${source.account_id}-node`
-  let targetNodeId = `${target.account_id}-node`
+  let sourceNodeId = `${sourceAccountId}-node`
+  let targetNodeId = `${targetAccountId}-node`
   let isHighlighted = switch selectedNodeId {
   | Some(id) => id === sourceNodeId || id === targetNodeId
   | None => false
   }
   {
-    id: `${source.account_id}-to-${target.account_id}`,
+    id: `${sourceAccountId}-to-${targetAccountId}`,
     ReconEngineOverviewSummaryTypes.source: sourceNodeId,
     target: targetNodeId,
     edgeType: "smoothstep",
@@ -246,19 +250,46 @@ let makeEdge = (
   }
 }
 let getEdges = (
-  ~reconRulesList: array<reconRuleType>,
+  ~reconRulesList: array<ReconEngineRulesTypes.rulePayload>,
   ~allTransactions: array<transactionType>,
   ~selectedNodeId,
 ) =>
   reconRulesList->Array.flatMap(rule =>
-    rule.sources->Array.flatMap(source =>
-      rule.targets->Array.map(
-        target => {
-          let ruleTransactions = allTransactions->Array.filter(t => t.rule.rule_id === rule.rule_id)
-          makeEdge(~source, ~target, ~ruleTransactions, ~selectedNodeId)
-        },
-      )
-    )
+    switch rule.strategy {
+    | OneToOne(oneToOne) =>
+      switch oneToOne {
+      | SingleSingle(data) =>
+        let ruleTransactions = allTransactions->Array.filter(t => t.rule.rule_id === rule.rule_id)
+        [
+          makeEdge(
+            ~sourceAccountId=data.source_account.account_id,
+            ~targetAccountId=data.target_account.account_id,
+            ~ruleTransactions,
+            ~selectedNodeId,
+          ),
+        ]
+      | SingleMany(data) =>
+        let ruleTransactions = allTransactions->Array.filter(t => t.rule.rule_id === rule.rule_id)
+        [
+          makeEdge(
+            ~sourceAccountId=data.source_account.account_id,
+            ~targetAccountId=data.target_account.account_id,
+            ~ruleTransactions,
+            ~selectedNodeId,
+          ),
+        ]
+      | ManySingle(data) =>
+        let ruleTransactions = allTransactions->Array.filter(t => t.rule.rule_id === rule.rule_id)
+        [
+          makeEdge(
+            ~sourceAccountId=data.source_account.account_id,
+            ~targetAccountId=data.target_account.account_id,
+            ~ruleTransactions,
+            ~selectedNodeId,
+          ),
+        ]
+      }
+    }
   )
 
 let getTransactionsData = (
@@ -271,7 +302,7 @@ let getTransactionsData = (
 }
 
 let generateNodesAndEdgesWithTransactionAmounts = (
-  reconRulesList: array<reconRuleType>,
+  reconRulesList: array<ReconEngineRulesTypes.rulePayload>,
   accountsData: array<accountType>,
   accountTransactionData: Dict.t<accountTransactionData>,
   allTransactions: array<transactionType>,
@@ -343,7 +374,7 @@ let makeAmountData = (amount, currency): balanceType => {
 }
 
 let processAllTransactionsWithAmounts = (
-  reconRulesList: array<reconRuleType>,
+  reconRulesList: array<ReconEngineRulesTypes.rulePayload>,
   allTransactions: array<transactionType>,
   accountsData: array<accountType>,
 ) => {

src/ReconEngine/ReconEngineScreens/ReconEngineRules/ReconEngineRule.res

@@ -4,6 +4,8 @@ open ReconEngineRulesEntity
 @react.component
 let make = () => {
   open APIUtils
+  open ReconEngineRulesUtils
+
   let getURL = useGetURL()
   let fetchDetails = useGetMethod()
   let (screenState, setScreenState) = React.useState(_ => PageLoaderWrapper.Success)