chore: refactor quickbuy to not rely on swaps state

Author: joaosantos15

app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuyBottomSheet/QuickBuyBottomSheet.tsx

@@ -48,13 +48,6 @@ const QuickBuyBottomSheetInner: React.FC<InnerProps> = ({
     sourceBalanceFiat,
     isQuoteLoading,
     isSubmittingTx,
-    estimatedPoints,
-    isRewardsLoading,
-    shouldShowLiveRewardsEstimate,
-    shouldShowRewardsOptInCta,
-    shouldShowRewardsFallbackZero,
-    hasRewardsError,
-    rewardsAccountScope,
     hasError,
     hasValidAmount,
     isConfirmDisabled,
@@ -111,13 +104,6 @@ const QuickBuyBottomSheetInner: React.FC<InnerProps> = ({
             setIsSourcePickerOpen={setIsSourcePickerOpen}
             setSelectedSourceToken={setSelectedSourceToken}
             sourceBalanceFiat={sourceBalanceFiat}
-            estimatedPoints={estimatedPoints}
-            isRewardsLoading={isRewardsLoading}
-            shouldShowLiveRewardsEstimate={shouldShowLiveRewardsEstimate}
-            shouldShowRewardsOptInCta={shouldShowRewardsOptInCta}
-            shouldShowRewardsFallbackZero={shouldShowRewardsFallbackZero}
-            hasRewardsError={hasRewardsError}
-            rewardsAccountScope={rewardsAccountScope}
             isConfirmDisabled={isConfirmDisabled}
             isConfirmLoading={isConfirmLoading}
             getButtonLabel={getButtonLabel}

app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuyBottomSheet/QuickBuyFooter.tsx

@@ -24,13 +24,8 @@ import BadgeWrapper, {
 import BadgeNetwork from '../../../../../../component-library/components/Badges/Badge/variants/BadgeNetwork';
 import { getNetworkImageSource } from '../../../../../../util/networks';
 import type { Hex } from '@metamask/utils';
-import type { InternalAccount } from '@metamask/keyring-internal-api';
 import type { BridgeToken } from '../../../../../UI/Bridge/types';
 import SourceTokenPicker from './SourceTokenPicker';
-import RewardsAnimations, {
-  RewardAnimationState,
-} from '../../../../../UI/Rewards/components/RewardPointsAnimation';
-import AddRewardsAccount from '../../../../../UI/Rewards/components/AddRewardsAccount/AddRewardsAccount';
 import { strings } from '../../../../../../../locales/i18n';
 
 const USD_PRESETS = ['1', '20', '50', '100'];
@@ -47,13 +42,6 @@ interface QuickBuyFooterProps {
     React.SetStateAction<BridgeToken | undefined>
   >;
   sourceBalanceFiat: string | undefined;
-  estimatedPoints: number | null;
-  isRewardsLoading: boolean;
-  shouldShowLiveRewardsEstimate: boolean;
-  shouldShowRewardsOptInCta: boolean;
-  shouldShowRewardsFallbackZero: boolean;
-  hasRewardsError: boolean;
-  rewardsAccountScope: InternalAccount | null;
   isConfirmDisabled: boolean;
   isConfirmLoading: boolean;
   getButtonLabel: () => string;
@@ -72,13 +60,6 @@ const QuickBuyFooter: React.FC<QuickBuyFooterProps> = ({
   setIsSourcePickerOpen,
   setSelectedSourceToken,
   sourceBalanceFiat,
-  estimatedPoints,
-  isRewardsLoading,
-  shouldShowLiveRewardsEstimate,
-  shouldShowRewardsOptInCta,
-  shouldShowRewardsFallbackZero,
-  hasRewardsError,
-  rewardsAccountScope,
   isConfirmDisabled,
   isConfirmLoading,
   getButtonLabel,
@@ -217,61 +198,6 @@ const QuickBuyFooter: React.FC<QuickBuyFooterProps> = ({
             {`$${usdAmount || '0'}`}
           </Text>
         </Box>
-
-        {/* Est. points row */}
-        <Box
-          flexDirection={BoxFlexDirection.Row}
-          alignItems={BoxAlignItems.Center}
-          justifyContent={BoxJustifyContent.Between}
-        >
-          <Box
-            flexDirection={BoxFlexDirection.Row}
-            alignItems={BoxAlignItems.Center}
-            gap={2}
-          >
-            <Text
-              variant={TextVariant.BodyMd}
-              color={TextColor.TextAlternative}
-            >
-              {strings('social_leaderboard.quick_buy.est_points')}
-            </Text>
-            <Icon
-              name={IconName.Info}
-              size={IconSize.Sm}
-              color={colors.icon.alternative}
-            />
-          </Box>
-          <Box alignItems={BoxAlignItems.End}>
-            {shouldShowLiveRewardsEstimate ? (
-              <RewardsAnimations
-                value={estimatedPoints ?? 0}
-                state={
-                  isRewardsLoading
-                    ? RewardAnimationState.Loading
-                    : hasRewardsError
-                      ? RewardAnimationState.ErrorState
-                      : RewardAnimationState.Idle
-                }
-              />
-            ) : shouldShowRewardsOptInCta ? (
-              <AddRewardsAccount
-                testID="quick-buy-add-rewards-account"
-                account={rewardsAccountScope ?? undefined}
-              />
-            ) : shouldShowRewardsFallbackZero ? (
-              <Text variant={TextVariant.BodyMd} color={TextColor.TextDefault}>
-                0
-              </Text>
-            ) : (
-              <Text
-                variant={TextVariant.BodyMd}
-                color={TextColor.TextAlternative}
-              >
-                -
-              </Text>
-            )}
-          </Box>
-        </Box>
       </Box>
 
       {/* Buy button */}

app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuyBottomSheet/constants.ts

@@ -0,0 +1,19 @@
+import { FeatureId } from '@metamask/bridge-controller';
+
+// Debounce interval for quote fetches when user inputs change.
+export const QUICKBUY_QUOTE_DEBOUNCE_MS = 400;
+
+// Re-fetch quotes after this period of idle time so the confirm button never
+// uses an expired quote. The controller does not poll for us since we call
+// fetchQuotes directly.
+export const QUICKBUY_QUOTE_STALE_TIMEOUT_MS = 30_000;
+
+// Slippage defaults (expressed as percent strings to match the bridge hooks).
+export const QUICKBUY_DEFAULT_SLIPPAGE = '0.5';
+export const QUICKBUY_STABLECOIN_SLIPPAGE = '0.1';
+export const QUICKBUY_SOLANA_SLIPPAGE = '1.0';
+
+// FeatureId passed to BridgeController.fetchQuotes. Reuses PERPS so the backend
+// applies the same routing / fee semantics TransactionPayController already uses
+// for perpsDeposit.
+export const QUICKBUY_FEATURE_ID = FeatureId.PERPS;