Only show transaction refund menu if dispute is refundable

client/payment-details/summary/index.tsx

@@ -48,6 +48,7 @@ import DisputeStatusChip from 'components/dispute-status-chip';
 import {
 	getDisputeFeeFormatted,
 	isAwaitingResponse,
+	isRefundable,
 } from 'wcpay/disputes/utils';
 import { useAuthorization } from 'wcpay/data';
 import CaptureAuthorizationButton from 'wcpay/components/capture-authorization-button';
@@ -208,6 +209,14 @@ const PaymentDetailsSummary: React.FC< PaymentDetailsSummaryProps > = ( {
 	const disputeFee =
 		charge.dispute && getDisputeFeeFormatted( charge.dispute );
 
+	// If this transaction is disputed, check if it is refundable.  If not, we should hide the refund menu.
+	const isDisputeRefundable = charge.dispute
+		? isRefundable( charge.dispute.status )
+		: true;
+
+	const showRefundMenu =
+		charge.captured && ! charge.refunded && isDisputeRefundable;
+
 	// Use the balance_transaction fee if available. If not (e.g. authorized but not captured), use the application_fee_amount.
 	const transactionFee = charge.balance_transaction
 		? {
@@ -484,7 +493,7 @@ const PaymentDetailsSummary: React.FC< PaymentDetailsSummaryProps > = ( {
 						</div>
 					</div>
 					<div className="payment-details__refund-controls">
-						{ ! charge?.refunded && charge?.captured && (
+						{ showRefundMenu && (
 							<Loadable
 								isLoading={ isLoading }
 								placeholder={ moreVertical }