feat: handle intermediate states

src/app/api/getNetworkInfo.ts

@@ -50,10 +50,9 @@ export const getNetworkInfo = async (): Promise<NetworkInfo> => {
     "/v2/network-info",
     "Error getting network info",
   )) as AxiosResponse<NetworkInfoDataResponse>;
-
   const { params, staking_status } = data.data;
 
-  const stakingVersions = params.bbn
+  const stakingVersions = (params.bbn || [])
     .sort((a, b) => a.version - b.version) // Sort by version ascending
     .map((v) => ({
       version: v.version,
@@ -85,7 +84,7 @@ export const getNetworkInfo = async (): Promise<NetworkInfo> => {
   );
 
   // Map the BTC checkpoint params to the expected format
-  const epochCheckVersions = params.btc
+  const epochCheckVersions = (params.btc || [])
     .sort((a, b) => a.version - b.version) // Sort by version ascending
     .map((v) => ({
       version: v.version,

src/app/components/Staking/Staking.tsx

@@ -14,6 +14,8 @@ import {
 } from "@/app/hooks/services/useTransactionService";
 import { useHealthCheck } from "@/app/hooks/useHealthCheck";
 import { useAppState } from "@/app/state";
+import { useDelegationV2State } from "@/app/state/DelegationV2State";
+import { DelegationV2StakingState } from "@/app/types/delegationsV2";
 import { ErrorHandlerParam, ErrorState } from "@/app/types/errors";
 import {
   FinalityProvider,
@@ -74,6 +76,7 @@ export const Staking = () => {
     useLocalStorage<boolean>("bbn-staking-cancelFeedbackModalOpened ", false);
 
   const { createDelegationEoi, estimateStakingFee } = useTransactionService();
+  const { addDelegation } = useDelegationV2State();
   const { networkInfo } = useAppState();
   const latestParam = networkInfo?.params.bbnStakingParams?.latestParam;
   const stakingStatus = networkInfo?.stakingStatus;
@@ -226,6 +229,13 @@ export const Staking = () => {
         signingCallback,
       );
 
+      addDelegation({
+        stakingAmount: stakingAmountSat,
+        stakingTxHashHex,
+        startHeight: 0,
+        state: DelegationV2StakingState.INTERMEDIATE_PENDING_VERIFICATION,
+      });
+
       setStakingTxHashHex(stakingTxHashHex);
       setPendingVerificationOpen(true);
     } catch (error: Error | any) {

src/app/constants.ts

@@ -1,2 +1,12 @@
 export const ONE_SECOND = 1000;
 export const ONE_MINUTE = 60 * ONE_SECOND;
+
+export const DELEGATION_ACTIONS = {
+  STAKE: "STAKE",
+  UNBOUND: "UNBOUND",
+  WITHDRAW_ON_EARLY_UNBOUNDING: "WITHDRAW_ON_EARLY_UNBOUNDING",
+  WITHDRAW_ON_TIMELOCK: "WITHDRAW_ON_TIMELOCK",
+  WITHDRAW_ON_TIMELOCK_SLASHING: "WITHDRAW_ON_TIMELOCK_SLASHING",
+  WITHDRAW_ON_EARLY_UNBOUNDING_SLASHING:
+    "WITHDRAW_ON_EARLY_UNBOUNDING_SLASHING",
+} as const;