Merge pull request #703 from ResearchHub/endaoment-only-for-non-profit-fundraises

Show Endaoment for non-profit associated fundraises only

Author: gzurowski

components/Funding/PaymentStep.tsx

@@ -41,6 +41,8 @@ interface PaymentStepProps {
   fundraiseId: ID;
   /** Wallet payment method availability from Stripe (resolved at modal level) */
   walletAvailability: WalletAvailability;
+  /** Whether the fundraise has a non-profit org (shows Endaoment option) */
+  hasNonprofit?: boolean;
   /** Whether the action is being processed */
   isProcessing?: boolean;
   /** Error message to display */
@@ -70,6 +72,7 @@ export function PaymentStep({
   rscBalance,
   fundraiseId,
   walletAvailability,
+  hasNonprofit = false,
   isProcessing = false,
   error,
   onConfirmPayment,
@@ -207,6 +210,7 @@ export function PaymentStep({
           onStripeReady={onStripeReady}
           hideButton
           walletAvailability={walletAvailability}
+          hasNonprofit={hasNonprofit}
         />
 
         {/* Receipt-style line items */}

components/Funding/PaymentWidget.tsx

@@ -61,6 +61,8 @@ interface PaymentWidgetProps {
   hideButton?: boolean;
   /** Wallet payment method availability from Stripe */
   walletAvailability: WalletAvailability;
+  /** Whether the fundraise has a non-profit org attached */
+  hasNonprofit?: boolean;
 }
 
 /**
@@ -84,6 +86,7 @@ export function PaymentWidget({
   onStripeReady,
   hideButton = false,
   walletAvailability,
+  hasNonprofit = false,
 }: PaymentWidgetProps) {
   const { isExpanded, selectedMethod, toggleExpanded, selectMethod } = usePaymentMethod({
     initialMethod: selectedPaymentMethod,
@@ -184,6 +187,7 @@ export function PaymentWidget({
   ];
 
   // Filter payment methods based on actual device capabilities from Stripe.
+  // - Hide Endaoment if the fundraise has no associated non-profit
   // - Hide Apple Pay if not available on this device
   // - Hide Google Pay if not available OR if Apple Pay is available
   //   (Stripe's PaymentRequestButtonElement renders Apple Pay preferentially
@@ -192,6 +196,9 @@ export function PaymentWidget({
   //   options that may not be available
   const visiblePaymentOptions = paymentOptions.filter((option) => {
     if (HIDDEN_PAYMENT_METHODS.includes(option.id)) return false;
+    if (option.id === 'endaoment') {
+      return hasNonprofit;
+    }
     if (option.id === 'apple_pay') {
       return !walletAvailability.checking && walletAvailability.applePay;
     }

components/modals/ContributeToFundraiseModal.tsx

@@ -25,6 +25,7 @@ import { BaseModal } from '@/components/ui/BaseModal';
 import { SwipeableDrawer } from '@/components/ui/SwipeableDrawer';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { EndaomentProvider } from '@/contexts/EndaomentContext';
+import { useNonprofitByFundraiseId } from '@/hooks/useNonprofitByFundraiseId';
 
 // Import inline deposit views
 import { DepositRSCView } from './DepositRSCView';
@@ -89,6 +90,8 @@ function ContributeToFundraiseModalInner({
   const walletAvailability = useWalletAvailability();
   const { exchangeRate } = useExchangeRate();
   const isMobile = useIsMobile();
+  const { nonprofit } = useNonprofitByFundraiseId(fundraise.id);
+  const hasNonprofit = nonprofit !== null;
   const [amountUsd, setAmountUsd] = useState(100);
   const [isContributing, setIsContributing] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -468,6 +471,7 @@ function ContributeToFundraiseModalInner({
             isProcessing={isContributing}
             error={error}
             walletAvailability={walletAvailability}
+            hasNonprofit={hasNonprofit}
             onConfirmPayment={handleConfirmPayment}
             onPaymentRequestSuccess={handlePaymentRequestSuccess}
             onEndaomentPaymentConfirm={handleEndaomentPaymentConfirm}