usePredictDeposit.ts

import { useNavigation } from '@react-navigation/native';
import { useCallback, useContext } from 'react';
import { useSelector } from 'react-redux';
import { ToastContext } from '../../../../component-library/components/Toast';
import Logger from '../../../../util/Logger';
import { useAppThemeFromContext } from '../../../../util/theme';
import { ConfirmationLoader } from '../../../Views/confirmations/components/confirm/confirm-component';
import { useConfirmNavigation } from '../../../Views/confirmations/hooks/useConfirmNavigation';
import Routes from '../../../../constants/navigation/Routes';
import { PREDICT_CONSTANTS } from '../constants/errors';
import { selectPredictPendingDepositByAddress } from '../selectors/predictController';
import {
  createDepositErrorToast,
  ensureError,
} from '../utils/predictErrorHandler';
import { usePredictTrading } from './usePredictTrading';
import { getEvmAccountFromSelectedAccountGroup } from '../utils/accounts';
import { selectSelectedAccountGroupId } from '../../../../selectors/multichainAccounts/accountTreeController';
import { PlaceOrderParams } from '../types';

interface PredictDepositAnalyticsParams {
  amountUsd?: number;
  analyticsProperties?: PlaceOrderParams['analyticsProperties'];
}

export const usePredictDeposit = () => {
  const { navigateToConfirmation } = useConfirmNavigation();
  const theme = useAppThemeFromContext();
  const { toastRef } = useContext(ToastContext);
  const navigation = useNavigation();

  // Subscribe to account group changes so the hook re-renders when the user switches accounts
  useSelector(selectSelectedAccountGroupId);
  const evmAccount = getEvmAccountFromSelectedAccountGroup();
  const selectedInternalAccountAddress = evmAccount?.address ?? '0x0';

  const { deposit: depositWithConfirmation } = usePredictTrading();

  const depositBatchId = useSelector(
    selectPredictPendingDepositByAddress({
      address: selectedInternalAccountAddress,
    }),
  );

  const deposit = useCallback(
    async (params?: PredictDepositAnalyticsParams) => {
      try {
        navigateToConfirmation({
          loader: ConfirmationLoader.CustomAmount,
          stack: Routes.PREDICT.ROOT,
        });

        depositWithConfirmation({}).catch((err) => {
          console.error('Failed to initialize deposit:', err);

          // Log error with deposit initialization context
          Logger.error(ensureError(err), {
            tags: {
              feature: PREDICT_CONSTANTS.FEATURE_NAME,
              component: 'usePredictDeposit',
            },
            context: {
              name: 'usePredictDeposit',
              data: {
                method: 'deposit',
                action: 'deposit_initialization',
                operation: 'financial_operations',
              },
            },
          });
          navigation.goBack();
          toastRef?.current?.showToast(
            createDepositErrorToast(theme, () => deposit(params)),
          );
        });
      } catch (err) {
        console.error('Failed to proceed with deposit:', err);
        navigation.goBack();
        toastRef?.current?.showToast(
          createDepositErrorToast(theme, () => deposit(params)),
        );

        // Log error with deposit navigation context
        Logger.error(ensureError(err), {
          tags: {
            feature: PREDICT_CONSTANTS.FEATURE_NAME,
            component: 'usePredictDeposit',
          },
          context: {
            name: 'usePredictDeposit',
            data: {
              method: 'deposit',
              action: 'deposit_navigation',
              operation: 'financial_operations',
            },
          },
        });
      }
    },
    [
      depositWithConfirmation,
      navigateToConfirmation,
      navigation,
      theme,
      toastRef,
    ],
  );

  return {
    deposit,
    isDepositPending: !!depositBatchId,
  };
};