+ {/* Status & Amount */}
+
+
+
Status
+
+ {statusConfig[selectedAttempt.status]?.icon}
+ {statusConfig[selectedAttempt.status]?.label || selectedAttempt.status}
+
+
+
+
Amount
+
+ {formatCurrency(selectedAttempt.amount, selectedAttempt.currency)}
+
+
+
+
+ {/* Details Grid */}
+
+
+
Attempt ID
+
{selectedAttempt.id}
+
+
+
Order ID
+
{selectedAttempt.orderId}
+
+
+
Provider
+
{selectedAttempt.provider}
+
+
+
Provider Reference
+
{selectedAttempt.providerReference || 'N/A'}
+
+
+
Attempt Count
+
{selectedAttempt.attemptCount}
+
+
+
Idempotency Key
+
{selectedAttempt.idempotencyKey || 'N/A'}
+
+ {selectedAttempt.lastErrorCode && (
+ <>
+
+
Last Error
+
+
+
{selectedAttempt.lastErrorCode}: {selectedAttempt.lastErrorMessage}
+
+
+ >
+ )}
+
+
+ {/* Transactions */}
+ {selectedAttempt.transactions.length > 0 && (
+
+
Transactions
+
+ {selectedAttempt.transactions.map((tx) => (
+
+
+
+ {tx.type}
+
+
+ {tx.providerReference || tx.id}
+
+
+
+
+ {formatCurrency(tx.amount, tx.currency)}
+
+
+ {format(new Date(tx.createdAt), 'MMM dd, HH:mm')}
+
+
+
+ ))}
+
+
+ )}
+
+ {/* Actions */}
+
+ {selectedAttempt.status === 'AUTHORIZED' && (
+
+ )}
+ {selectedAttempt.status === 'CAPTURED' && (
+
+ )}
+
+
+ )}
+