fix: resolve TypeScript lint failures

Author: gantunesr

app/components/Views/MultichainAccounts/AddressList/AddressList.test.tsx

@@ -382,7 +382,8 @@ describe('AddressList', () => {
       });
 
       const toastOptions = toastShowMock.mock.calls[0][0];
-      toastOptions.closeButtonOptions?.onPress?.();
+      const closeToast = toastOptions.closeButtonOptions?.onPress as () => void;
+      closeToast();
 
       expect(Toast.hide).toHaveBeenCalled();
     });

app/components/Views/MultichainAccounts/PrivateKeyList/PrivateKeyList.test.tsx

@@ -311,7 +311,8 @@ describe('PrivateKeyList', () => {
     });
 
     const toastOptions = toastShowMock.mock.calls[0][0];
-    toastOptions.closeButtonOptions?.onPress?.();
+    const closeToast = toastOptions.closeButtonOptions?.onPress as () => void;
+    closeToast();
 
     expect(Toast.hide).toHaveBeenCalled();
   });

app/components/Views/confirmations/components/activity/transaction-details-summary/fiat-order-summary-line.tsx

@@ -9,13 +9,32 @@ import { getIntlDateTimeFormatter } from '../../../../../../util/intl';
 import { ProgressListItem } from '../../progress-list';
 import { useFiatOrderStatus } from '../../../hooks/activity/useFiatOrderStatus';
 
+interface FiatOrderMetadata {
+  orderId?: string;
+  provider?: string;
+}
+
+type MetamaskPayMetadataWithFiatOrder = NonNullable<
+  TransactionMeta['metamaskPay']
+> & {
+  fiat?: FiatOrderMetadata;
+};
+
+export function getFiatOrderMetadata(
+  transactionMeta: TransactionMeta,
+): FiatOrderMetadata | undefined {
+  return (
+    transactionMeta.metamaskPay as MetamaskPayMetadataWithFiatOrder | undefined
+  )?.fiat;
+}
+
 export function FiatOrderSummaryLine({
   parentTransaction,
 }: {
   parentTransaction: TransactionMeta;
 }) {
   const navigation = useNavigation();
-  const { fiat } = parentTransaction.metamaskPay ?? {};
+  const fiat = getFiatOrderMetadata(parentTransaction);
   const fiatOrderId = fiat?.orderId;
   const fiatProvider = fiat?.provider;
   const walletAddress = parentTransaction.txParams.from;

app/components/Views/confirmations/components/activity/transaction-details-summary/transaction-details-summary.tsx

@@ -23,7 +23,10 @@ import { DepositSummaryLine } from './deposit-summary-line';
 import { ApprovalSummaryLine } from './approval-summary-line';
 import { ReceiveSummaryLine } from './receive-summary-line';
 import { DefaultSummaryLine } from './default-summary-line';
-import { FiatOrderSummaryLine } from './fiat-order-summary-line';
+import {
+  FiatOrderSummaryLine,
+  getFiatOrderMetadata,
+} from './fiat-order-summary-line';
 
 export function TransactionDetailsSummary() {
   const { transactionMeta } = useTransactionDetails();
@@ -68,8 +71,8 @@ export function TransactionDetailsSummary() {
   const hasDepositTransactions =
     (requiredTransactionIds?.length ?? 0) > 0 || batchTransactionIds.length > 0;
 
-  const { sourceHash, fiat } = metamaskPay ?? {};
-  const { orderId: fiatOrderId } = fiat ?? {};
+  const { sourceHash } = metamaskPay ?? {};
+  const fiatOrderId = getFiatOrderMetadata(transactionMeta)?.orderId;
 
   return (
     <Box gap={12}>

app/components/Views/confirmations/hooks/pay/useFiatConfirm.ts

@@ -5,6 +5,7 @@ import {
   useHeadlessBuy,
   type HeadlessBuyError,
 } from '../../../../UI/Ramp/headless';
+import type { TransactionFiatPayment } from '@metamask/transaction-pay-controller';
 import type { Quote } from '../../../../UI/Ramp/types';
 import Engine from '../../../../../core/Engine';
 import { useTransactionMetadataRequest } from '../transactions/useTransactionMetadataRequest';
@@ -13,9 +14,15 @@ import { useConfirmationContext } from '../../context/confirmation-context';
 
 const log = createProjectLogger('fiat-confirm');
 
+type HeadlessFiatPayment = TransactionFiatPayment & {
+  caipAssetId?: string;
+};
+
 export function useFiatConfirm() {
   const transactionMetadata = useTransactionMetadataRequest();
-  const fiatPayment = useTransactionPayFiatPayment();
+  const fiatPayment = useTransactionPayFiatPayment() as
+    | HeadlessFiatPayment
+    | undefined;
   const { setIsHeadlessBuyInProgress, setHeadlessBuyError } =
     useConfirmationContext();
   const { startHeadlessBuy } = useHeadlessBuy();