@b3dotfun/sdk 0.0.79 → 0.0.80-alpha.1

package/src/anyspend/react/components/AnySpend.tsx

@@ -510,7 +510,8 @@ function AnySpendInner({
   });
 
   // Get geo-based onramp options for fiat payments
-  const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(srcAmountOnRamp);
+  const { geoData, coinbaseAvailablePaymentMethods, stripeOnrampSupport, stripeWeb2Support } =
+    useGeoOnrampOptions(srcAmountOnRamp);
 
   // Helper function to map payment method to onramp vendor
   const getOnrampVendor = (paymentMethod: FiatPaymentMethod): "coinbase" | "stripe" | "stripe-web2" | undefined => {
@@ -518,11 +519,11 @@ function AnySpendInner({
       case FiatPaymentMethod.COINBASE_PAY:
         return "coinbase";
       case FiatPaymentMethod.STRIPE:
-        // Determine if it's stripe onramp or stripe-web2 based on support
-        if (stripeWeb2Support?.isSupport) {
-          return "stripe-web2";
-        }
-        return undefined;
+        // Stripe redirect flow (one-click URL)
+        return stripeOnrampSupport ? "stripe" : undefined;
+      case FiatPaymentMethod.STRIPE_WEB2:
+        // Stripe embedded payment form
+        return stripeWeb2Support?.isSupport ? "stripe-web2" : undefined;
       default:
         return undefined;
     }
@@ -683,7 +684,10 @@ function AnySpendInner({
 
   // Determine button state and text
   const btnInfo: { text: string; disable: boolean; error: boolean; loading: boolean } = useMemo(() => {
-    if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false, loading: false };
+    // For fiat tab, check srcAmountOnRamp; for crypto tab, check activeInputAmountInWei
+    const hasAmount =
+      activeTab === "fiat" ? srcAmountOnRamp && parseFloat(srcAmountOnRamp) > 0 : activeInputAmountInWei !== "0";
+    if (!hasAmount) return { text: "Enter an amount", disable: true, error: false, loading: false };
     if (isSameChainSameToken)
       return { text: "Select a different token or chain", disable: true, error: false, loading: false };
     if (isLoadingAnyspendQuote) return { text: "Loading quote...", disable: true, error: false, loading: true };
@@ -739,6 +743,7 @@ function AnySpendInner({
     activeTab,
     effectiveCryptoPaymentMethod,
     selectedFiatPaymentMethod,
+    srcAmountOnRamp,
   ]);
 
   // Handle main button click
@@ -870,11 +875,20 @@ function AnySpendInner({
         vendor = "coinbase";
         paymentMethodString = coinbaseAvailablePaymentMethods[0]?.id || ""; // Use first available payment method ID
       } else if (paymentMethod === FiatPaymentMethod.STRIPE) {
-        if (!stripeWeb2Support || !stripeWeb2Support.isSupport) {
-          toast.error("Stripe not available");
+        // Stripe redirect flow (one-click URL)
+        if (!stripeOnrampSupport) {
+          toast.error("Credit/Debit Card not available");
+          return;
+        }
+        vendor = "stripe";
+        paymentMethodString = "";
+      } else if (paymentMethod === FiatPaymentMethod.STRIPE_WEB2) {
+        // Stripe embedded payment form
+        if (!stripeWeb2Support.isSupport) {
+          toast.error("Pay with Card not available");
           return;
         }
-        vendor = stripeWeb2Support && stripeWeb2Support.isSupport ? "stripe-web2" : "stripe";
+        vendor = "stripe-web2";
         paymentMethodString = "";
       } else {
         toast.error("Please select a payment method");

package/src/anyspend/react/components/AnySpendCollectorClubPurchase.tsx

@@ -27,12 +27,13 @@
 import { USDC_BASE } from "@b3dotfun/sdk/anyspend/constants";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
+import { formatUnits } from "@b3dotfun/sdk/shared/utils/number";
 import React, { useMemo } from "react";
 import { encodeFunctionData } from "viem";
 import { AnySpendCustom } from "./AnySpendCustom";
 
 // Collector Club Shop contract on Base
-const CC_SHOP_ADDRESS = "0x4eE0190e37E8A13740c4777D1c9de65E79D8f751";
+const CC_SHOP_ADDRESS = "0x23887D10c81118A9a2E3Af59C423e2f4ee4Cc7Cf";
 const BASE_CHAIN_ID = 8453;
 
 // ABI for buyPacksFor function only
@@ -136,6 +137,12 @@ export function AnySpendCollectorClubPurchase({
     }
   }, [pricePerPack, packAmount]);
 
+  // Calculate fiat amount (totalAmount in USD, assuming USDC with 6 decimals)
+  const srcFiatAmount = useMemo(() => {
+    if (!totalAmount || totalAmount === "0") return "0";
+    return formatUnits(totalAmount, USDC_BASE.decimals);
+  }, [totalAmount]);
+
   // Encode the buyPacksFor function call
   const encodedData = useMemo(() => {
     try {
@@ -185,6 +192,7 @@ export function AnySpendCollectorClubPurchase({
       header={header || defaultHeader}
       onSuccess={onSuccess}
       showRecipient={showRecipient}
+      srcFiatAmount={srcFiatAmount}
     />
   );
 }

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -44,14 +44,13 @@ import { motion } from "motion/react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import { base } from "viem/chains";
-import { useFeatureFlags } from "../contexts/FeatureFlagsContext";
 import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
 import { FeeBreakDown } from "./common/FeeBreakDown";
-import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
+import { FIAT_PAYMENT_METHOD_DISPLAY, FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
 import { OrderToken } from "./common/OrderToken";
@@ -188,6 +187,8 @@ export function AnySpendCustom(props: {
   onSuccess?: (txHash?: string) => void;
   showRecipient?: boolean;
   onShowPointsDetail?: () => void;
+  /** Fiat amount in USD for fiat payments */
+  srcFiatAmount?: string;
 }) {
   const fingerprintConfig = getFingerprintConfig();
 
@@ -215,6 +216,7 @@ function AnySpendCustomInner({
   onSuccess,
   showRecipient = true,
   onShowPointsDetail,
+  srcFiatAmount: srcFiatAmountProps,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -238,9 +240,9 @@ function AnySpendCustomInner({
   onSuccess?: (txHash?: string) => void;
   showRecipient?: boolean;
   onShowPointsDetail?: () => void;
+  srcFiatAmount?: string;
 }) {
   const hasMounted = useHasMounted();
-  const featureFlags = useFeatureFlags();
 
   const searchParams = useSearchParamsSSR();
   const router = useRouter();
@@ -353,7 +355,12 @@ function AnySpendCustomInner({
       contractType: orderType === "mint_nft" ? metadata?.nftContract?.type : undefined,
       encodedData: encodedData,
       spenderAddress: spenderAddress,
-      onrampVendor: selectedFiatPaymentMethod === FiatPaymentMethod.STRIPE ? "stripe-web2" : undefined,
+      onrampVendor:
+        selectedFiatPaymentMethod === FiatPaymentMethod.STRIPE
+          ? "stripe"
+          : selectedFiatPaymentMethod === FiatPaymentMethod.STRIPE_WEB2
+            ? "stripe-web2"
+            : undefined,
     });
   }, [
     activeTab,
@@ -402,14 +409,31 @@ function AnySpendCustomInner({
     }
   }, [activeTab, anyspendQuote?.data]);
   const formattedSrcAmount = srcAmount ? formatTokenAmount(srcAmount, srcToken.decimals, 6, false) : null;
-  const srcFiatAmount = useMemo(
-    () => (activeTab === "fiat" && srcAmount ? formatUnits(srcAmount.toString(), USDC_BASE.decimals) : "0"),
-    [activeTab, srcAmount],
-  );
+  // Calculate fiat amount for geo check (regardless of activeTab) to determine tab availability
+  const srcFiatAmountForGeoCheck = useMemo(() => {
+    // Use prop if provided
+    if (srcFiatAmountProps) {
+      return srcFiatAmountProps;
+    }
+    // Fallback to dstAmount if destination token is USDC
+    if (dstAmount && dstToken.address.toLowerCase() === USDC_BASE.address.toLowerCase()) {
+      return formatUnits(dstAmount, USDC_BASE.decimals);
+    }
+    // Use srcAmount if available (from quote)
+    if (srcAmount) {
+      return formatUnits(srcAmount.toString(), USDC_BASE.decimals);
+    }
+    return "0";
+  }, [srcAmount, srcFiatAmountProps, dstAmount, dstToken.address]);
 
-  // Get geo data and onramp options (after quote is available)
-  const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeWeb2Support } =
-    useGeoOnrampOptions(srcFiatAmount);
+  const srcFiatAmount = useMemo(() => {
+    if (activeTab !== "fiat") return "0";
+    return srcFiatAmountForGeoCheck;
+  }, [activeTab, srcFiatAmountForGeoCheck]);
+
+  // Get geo data and onramp options (use srcFiatAmountForGeoCheck to check availability regardless of activeTab)
+  const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeOnrampSupport, stripeWeb2Support } =
+    useGeoOnrampOptions(srcFiatAmountForGeoCheck);
 
   useEffect(() => {
     if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
@@ -521,9 +545,14 @@ function AnySpendCustomInner({
         // Get the current geo data from the hook
         const currentGeoData = geoData;
 
+        // Use total amount from quote (includes fees) for onramp, fallback to srcFiatAmount
+        const onrampAmount = anyspendQuote?.data?.currencyIn?.amountUsd
+          ? anyspendQuote.data.currencyIn.amountUsd.toString()
+          : srcFiatAmount;
+
         void createOnrampOrder({
           ...createOrderParams,
-          srcFiatAmount: srcFiatAmount,
+          srcFiatAmount: onrampAmount,
           onramp: {
             vendor: onramp.vendor,
             paymentMethod: onramp.paymentMethod,
@@ -601,12 +630,21 @@ function AnySpendCustomInner({
         }
         vendor = "coinbase";
         paymentMethodString = coinbaseAvailablePaymentMethods[0]?.id || "";
-      } else if (paymentMethod === FiatPaymentMethod.STRIPE) {
+      } else if (paymentMethod === FiatPaymentMethod.STRIPE_WEB2) {
+        // Stripe Web2 embedded payment
         if (!stripeWeb2Support || !stripeWeb2Support.isSupport) {
-          toast.error("Stripe not available");
+          toast.error("Stripe embedded payment not available");
+          return;
+        }
+        vendor = "stripe-web2";
+        paymentMethodString = "";
+      } else if (paymentMethod === FiatPaymentMethod.STRIPE) {
+        // Stripe redirect (one-click buy URL)
+        if (!stripeOnrampSupport) {
+          toast.error("Stripe redirect payment not available");
           return;
         }
-        vendor = stripeWeb2Support && stripeWeb2Support.isSupport ? "stripe-web2" : "stripe";
+        vendor = "stripe";
         paymentMethodString = "";
       } else {
         toast.error("Please select a payment method");
@@ -803,7 +841,7 @@ function AnySpendCustomInner({
 
   // Render points badge if conditions are met
   const renderPointsBadge = () => {
-    if (featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0) {
+    if (anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0) {
       return (
         <PointsBadge
           pointsAmount={anyspendQuote.data.pointsAmount}
@@ -1094,32 +1132,28 @@ function AnySpendCustomInner({
                   className="text-as-tertiarry flex flex-wrap items-center justify-end gap-2 text-sm transition-colors hover:text-blue-700"
                   onClick={() => setActivePanel(PanelView.FIAT_PAYMENT_METHOD)}
                 >
-                  {selectedFiatPaymentMethod === FiatPaymentMethod.COINBASE_PAY ? (
-                    <>
-                      <div className="flex items-center gap-2 whitespace-nowrap">
-                        <div className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-blue-600">
-                          <span className="text-xs font-bold text-white">C</span>
-                        </div>
-                        Coinbase Pay
-                      </div>
-                      <ChevronRight className="h-4 w-4 shrink-0" />
-                    </>
-                  ) : selectedFiatPaymentMethod === FiatPaymentMethod.STRIPE ? (
-                    <>
-                      <div className="flex items-center gap-2 whitespace-nowrap">
-                        <div className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-blue-600">
-                          <span className="text-xs font-bold text-white">S</span>
-                        </div>
-                        Credit/Debit Card
-                      </div>
-                      <ChevronRight className="h-4 w-4 shrink-0" />
-                    </>
-                  ) : (
-                    <>
-                      <span className="whitespace-nowrap">Select payment method</span>
-                      <ChevronRight className="h-4 w-4 shrink-0" />
-                    </>
-                  )}
+                  {(() => {
+                    const config = FIAT_PAYMENT_METHOD_DISPLAY[selectedFiatPaymentMethod];
+                    if (config) {
+                      return (
+                        <>
+                          <div className="flex items-center gap-2 whitespace-nowrap">
+                            <div className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-blue-600">
+                              <span className="text-xs font-bold text-white">{config.icon}</span>
+                            </div>
+                            {config.label}
+                          </div>
+                          <ChevronRight className="h-4 w-4 shrink-0" />
+                        </>
+                      );
+                    }
+                    return (
+                      <>
+                        <span className="whitespace-nowrap">Select payment method</span>
+                        <ChevronRight className="h-4 w-4 shrink-0" />
+                      </>
+                    );
+                  })()}
                 </button>
               </motion.div>
 
@@ -1162,20 +1196,32 @@ function AnySpendCustomInner({
                 <div className="flex flex-col items-end gap-0.5">
                   <div className="flex flex-wrap items-center justify-end gap-2">
                     {renderPointsBadge()}
-                    <span className="text-as-primary whitespace-nowrap text-xl font-semibold">
-                      ${srcFiatAmount || "0.00"}
-                    </span>
+                    {isLoadingAnyspendQuote ? (
+                      <div className="bg-as-surface-secondary h-7 w-16 animate-pulse rounded" />
+                    ) : (
+                      <span className="text-as-primary whitespace-nowrap text-xl font-semibold">
+                        {anyspendQuote?.data?.currencyIn?.amountUsd ? (
+                          `$${Number(anyspendQuote.data.currencyIn.amountUsd).toFixed(2)}`
+                        ) : (
+                          <>
+                            ${parseFloat(srcFiatAmount || "0").toFixed(2)}
+                            <span className="text-as-tertiarry text-base">+</span>
+                          </>
+                        )}
+                      </span>
+                    )}
                   </div>
-                  {anyspendQuote?.data?.fee?.type === "stripeweb2_fee" && anyspendQuote.data.fee.originalAmount && (
-                    <span className="text-as-secondary text-xs">
-                      incl. $
-                      {(
+                  {(() => {
+                    if (anyspendQuote?.data?.fee?.type === "stripeweb2_fee" && anyspendQuote.data.fee.originalAmount) {
+                      const fee =
                         (Number(anyspendQuote.data.fee.originalAmount) - Number(anyspendQuote.data.fee.finalAmount)) /
-                        1e6
-                      ).toFixed(2)}{" "}
-                      fee
-                    </span>
-                  )}
+                        1e6;
+                      if (fee > 0) {
+                        return <span className="text-as-secondary text-xs">incl. ${fee.toFixed(2)} fee</span>;
+                      }
+                    }
+                    return null;
+                  })()}
                 </div>
               </motion.div>
             </div>
@@ -1273,17 +1319,25 @@ function AnySpendCustomInner({
     </div>
   );
 
+  // Stable callback for fiat payment method selection
+  const handleFiatPaymentMethodSelect = useCallback((method: FiatPaymentMethod) => {
+    setSelectedFiatPaymentMethod(method);
+    setActivePanel(PanelView.CONFIRM_ORDER);
+  }, []);
+
+  // Stable callback for navigating back to confirm order
+  const handleBackToConfirmOrder = useCallback(() => {
+    setActivePanel(PanelView.CONFIRM_ORDER);
+  }, []);
+
   // Fiat payment method view
   const fiatPaymentMethodView = (
     <div className={cn("bg-as-surface-primary mx-auto w-[460px] max-w-full rounded-xl p-4")}>
       <FiatPaymentMethodComponent
         selectedPaymentMethod={selectedFiatPaymentMethod}
         setSelectedPaymentMethod={setSelectedFiatPaymentMethod}
-        onBack={() => setActivePanel(PanelView.CONFIRM_ORDER)}
-        onSelectPaymentMethod={(method: FiatPaymentMethod) => {
-          setSelectedFiatPaymentMethod(method);
-          setActivePanel(PanelView.CONFIRM_ORDER);
-        }}
+        onBack={handleBackToConfirmOrder}
+        onSelectPaymentMethod={handleFiatPaymentMethodSelect}
         srcAmountOnRamp={srcFiatAmount}
       />
     </div>

package/src/anyspend/react/components/AnySpendNFT.tsx

@@ -7,7 +7,7 @@ import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
 import { formatDisplayNumber, formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { MoreVertical } from "lucide-react";
 import { AnimatePresence } from "motion/react";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { b3 } from "viem/chains";
 import { GetQuoteResponse } from "../../types/api_req_res";
 import { AnySpendCustom } from "./AnySpendCustom";
@@ -46,19 +46,19 @@ export function AnySpendNFT({
   onShowPointsDetail?: () => void;
 }) {
   const [imageUrlWithFallback, setFallbackImageUrl] = useState<string | null>(nftContract.imageUrl);
-  const [isLoadingFallback, setIsLoadingFallback] = useState(false);
+  const hasFetchedRef = useRef(false);
 
   // Fetch contract metadata when imageUrl is empty
   useEffect(() => {
     async function fetchContractMetadata() {
       // fetch image Uri if not provided
-      if (nftContract.imageUrl || isLoadingFallback) {
+      if (nftContract.imageUrl || hasFetchedRef.current) {
         return;
       }
 
-      try {
-        setIsLoadingFallback(true);
+      hasFetchedRef.current = true;
 
+      try {
         // Use the chainIdToPublicClient utility function
         const publicClient = chainIdToPublicClient(nftContract.chainId);
 
@@ -96,56 +96,57 @@ export function AnySpendNFT({
         }
       } catch (error) {
         console.error("Error fetching contract metadata:", error);
-      } finally {
-        setIsLoadingFallback(false);
       }
     }
 
     fetchContractMetadata();
-  }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId, isLoadingFallback]);
-
-  const header = ({
-    anyspendPrice,
-    isLoadingAnyspendPrice,
-  }: {
-    anyspendPrice: GetQuoteResponse | undefined;
-    isLoadingAnyspendPrice: boolean;
-  }) => (
-    <>
-      <div className="relative size-[200px]">
-        <div className="absolute inset-0 scale-95 bg-black/30 blur-md"></div>
-        <GlareCard className="overflow-hidden">
-          {imageUrlWithFallback && (
-            <img src={imageUrlWithFallback} alt={nftContract.name} className="size-full object-cover" />
-          )}
-          <div className="absolute inset-0 rounded-xl border border-white/10"></div>
-        </GlareCard>
-
-        <DropdownMenu nftContract={nftContract} />
-      </div>
-      <div className="from-b3-react-background to-as-on-surface-1 -mb-5 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t">
-        <div className="h-[100px] w-full" />
-        <div className="mb-1 flex w-full flex-col items-center gap-2 p-5">
-          <span className="font-sf-rounded text-2xl font-semibold">{nftContract.name}</span>
-
-          <div className="flex w-fit items-center gap-1">
-            {anyspendPrice ? (
-              <AnimatePresence mode="wait">
-                <div
-                  className={cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
-                    "opacity-0": isLoadingAnyspendPrice,
-                  })}
-                >
-                  {formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" })}
-                </div>
-              </AnimatePresence>
-            ) : (
-              <div className="h-[36px] w-full" />
+  }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId]);
+
+  const header = useCallback(
+    ({
+      anyspendPrice,
+      isLoadingAnyspendPrice,
+    }: {
+      anyspendPrice: GetQuoteResponse | undefined;
+      isLoadingAnyspendPrice: boolean;
+    }) => (
+      <>
+        <div className="relative size-[200px]">
+          <div className="absolute inset-0 scale-95 bg-black/30 blur-md"></div>
+          <GlareCard className="overflow-hidden">
+            {imageUrlWithFallback && (
+              <img src={imageUrlWithFallback} alt={nftContract.name} className="size-full object-cover" />
             )}
+            <div className="absolute inset-0 rounded-xl border border-white/10"></div>
+          </GlareCard>
+
+          <DropdownMenu nftContract={nftContract} />
+        </div>
+        <div className="from-b3-react-background to-as-on-surface-1 -mb-5 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t">
+          <div className="h-[100px] w-full" />
+          <div className="mb-1 flex w-full flex-col items-center gap-2 p-5">
+            <span className="font-sf-rounded text-2xl font-semibold">{nftContract.name}</span>
+
+            <div className="flex w-fit items-center gap-1">
+              {anyspendPrice ? (
+                <AnimatePresence mode="wait">
+                  <div
+                    className={cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
+                      "opacity-0": isLoadingAnyspendPrice,
+                    })}
+                  >
+                    {formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" })}
+                  </div>
+                </AnimatePresence>
+              ) : (
+                <div className="h-[36px] w-full" />
+              )}
+            </div>
           </div>
         </div>
-      </div>
-    </>
+      </>
+    ),
+    [imageUrlWithFallback, nftContract],
   );
 
   return (

package/src/anyspend/react/components/common/CryptoReceiveSection.tsx

@@ -5,7 +5,6 @@ import { formatDisplayNumber } from "@b3dotfun/sdk/shared/utils/number";
 import { ChevronRight, Info } from "lucide-react";
 import { motion } from "motion/react";
 import { components } from "../../../types/api";
-import { useFeatureFlags } from "../../contexts/FeatureFlagsContext";
 import { OrderTokenAmount } from "./OrderTokenAmount";
 import { PointsBadge } from "./PointsBadge";
 
@@ -55,8 +54,6 @@ export function CryptoReceiveSection({
   onShowPointsDetail,
   onShowFeeDetail,
 }: CryptoReceiveSectionProps) {
-  const featureFlags = useFeatureFlags();
-
   return (
     <motion.div
       initial={{ opacity: 0, y: 20, filter: "blur(10px)" }}
@@ -184,7 +181,7 @@ export function CryptoReceiveSection({
               );
             })()}
         </div>
-        {featureFlags.showPoints && anyspendQuote?.data?.pointsAmount > 0 && (
+        {anyspendQuote?.data?.pointsAmount > 0 && (
           <PointsBadge
             pointsAmount={anyspendQuote.data.pointsAmount}
             pointsMultiplier={anyspendQuote.data.pointsMultiplier}