feat(ui-ux): call endpoint to save tx (#4157)

* feat(ui-ux): call endpoint to save tx

* add comment

* update domain

* remove comment

* fix: add feature flag to save tx only in mainnet

* fix: add try catch when calling endpoint

* fix: call saveTx only once per tx

* fix: check if tx has been broadcasted before calling api

mobile-app/app/components/OceanInterface/OceanInterface.tsx

@@ -10,7 +10,7 @@ import {
 import { CTransactionSegWit } from "@defichain/jellyfish-transaction/dist";
 import { WhaleApiClient } from "@defichain/whale-api-client";
 import { Transaction } from "@defichain/whale-api-client/dist/api/transactions";
-import { getEnvironment } from "@waveshq/walletkit-core";
+import { EnvironmentNetwork, getEnvironment } from "@waveshq/walletkit-core";
 import { RootState } from "@store";
 import {
   firstTransactionSelector,
@@ -29,6 +29,7 @@ import {
 } from "@shared-contexts/NativeLoggingProvider";
 import { getReleaseChannel } from "@api/releaseChannel";
 import { useAppDispatch } from "@hooks/useAppDispatch";
+import { useFeatureFlagContext } from "@contexts/FeatureFlagContext";
 import { TransactionDetail } from "./TransactionDetail";
 import { TransactionError } from "./TransactionError";
 
@@ -119,6 +120,8 @@ export function OceanInterface(): JSX.Element | null {
   const { wallet, address } = useWalletContext();
   const { getTransactionUrl } = useDeFiScanContext();
   const { network } = useNetworkContext();
+  const { isFeatureAvailable } = useFeatureFlagContext();
+  const isSaveTxEnabled = isFeatureAvailable("save_tx");
 
   // store
   const { height, err: e } = useSelector((state: RootState) => state.ocean);
@@ -128,6 +131,7 @@ export function OceanInterface(): JSX.Element | null {
   const slideAnim = useRef(new Animated.Value(0)).current;
   // state
   const [tx, setTx] = useState<OceanTransaction | undefined>(transaction);
+  const [calledTx, setCalledTx] = useState<string | undefined>();
   const [err, setError] = useState<string | undefined>(e?.message);
   const [txUrl, setTxUrl] = useState<string | undefined>();
   // evm tx state
@@ -149,6 +153,38 @@ export function OceanInterface(): JSX.Element | null {
     return vmmap.output;
   };
 
+  useEffect(() => {
+    const saveTx = async (txId: string) => {
+      try {
+        await fetch(
+          `https://3paxhqj3np.ap-southeast-1.awsapprunner.com/transaction/${txId}`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              transaction: txId,
+            }),
+          },
+        );
+        // store called transaction
+        setCalledTx(txId);
+      } catch (e) {
+        /* empty - don't do anything even if saveTx is not called */
+      }
+    };
+    if (
+      tx?.broadcasted && // only call tx when tx is done
+      calledTx !== tx?.tx.txId && // to ensure that api is only called once per tx
+      tx?.tx.txId !== undefined &&
+      network === EnvironmentNetwork.MainNet &&
+      isSaveTxEnabled // feature flag
+    ) {
+      saveTx(tx.tx.txId);
+    }
+  }, [tx?.tx.txId, calledTx, tx?.broadcasted, network, isSaveTxEnabled]);
+
   useEffect(() => {
     // get evm tx id and url (if any)
     const fetchEvmTx = async (txId: string) => {

package.json

@@ -34,8 +34,8 @@
     "@reduxjs/toolkit": "^1.9.7",
     "@shopify/flash-list": "1.4.3",
     "@waveshq/standard-defichain-jellyfishsdk": "^2.20.0",
-    "@waveshq/walletkit-core": "^1.3.9",
-    "@waveshq/walletkit-ui": "^1.3.9",
+    "@waveshq/walletkit-core": "^1.3.10",
+    "@waveshq/walletkit-ui": "^1.3.10",
     "bignumber.js": "^9.1.2",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",