@b3dotfun/sdk 0.1.70-alpha.1 → 0.1.70

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -135,6 +135,8 @@ export interface AnySpendModalProps extends BaseModalProps {
     disableUrlParamManagement?: boolean;
     /** Staging environment support */
     isStaging?: boolean;
+    /** Whether to show the "Pay with Fiat" tab. Defaults to true. When false, the fiat tab is hidden and activeTab is forced to "crypto". */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend NFT modal
@@ -151,6 +153,8 @@ export interface AnySpendNftProps extends BaseModalProps {
     onSuccess?: (txHash?: string) => void;
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend tournament modal
@@ -224,6 +228,8 @@ export interface AnySpendStakeB3Props extends BaseModalProps {
     stakeAmount?: string;
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Stake B3 (Custom Exact In) modal
@@ -238,6 +244,8 @@ export interface AnySpendStakeB3ExactInProps extends BaseModalProps {
     stakeAmount?: string;
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Stake Contract modal
@@ -258,6 +266,8 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     activeTab?: "crypto" | "fiat";
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Stake Upside (Exact In) modal
@@ -274,6 +284,8 @@ export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
     token: components["schemas"]["Token"];
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Deposit Upside (Exact In) modal
@@ -296,6 +308,8 @@ export interface AnySpendDepositUpsideProps extends BaseModalProps {
     destinationTokenAmount?: string;
     /** Callback function called when the deposit is successful */
     onSuccess?: () => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Buy Spin modal
@@ -314,6 +328,8 @@ export interface AnySpendBuySpinProps extends BaseModalProps {
     onSuccess?: (txHash?: string) => void;
     /** Prefill quantity of spins to purchase */
     prefillQuantity?: string;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Signature Mint modal
@@ -328,6 +344,8 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
     imageUrl?: string;
     /** Callback function called when minting is successful */
     onSuccess?: (txHash?: string) => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend bondKit modal
@@ -352,6 +370,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     b3Amount?: string;
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 export interface LinkAccountModalProps extends BaseModalProps {
     type: "linkAccount";
@@ -398,6 +418,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */
@@ -483,6 +505,8 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     isStaging?: boolean;
     /** Optional discount code to apply to the purchase */
     discountCode?: string;
+    /** Whether to show the "Pay with fiat" tab. Defaults to true. */
+    showFiatOption?: boolean;
 }
 /**
  * Props for the AnySpend Deposit modal
@@ -543,6 +567,8 @@ export interface AnySpendCheckoutTriggerModalProps extends BaseModalProps {
     returnUrl?: string;
     /** Label for the return button */
     returnLabel?: string;
+    /** Whether to show fiat payment options (card + coinbase). Defaults to true. */
+    showFiatOption?: boolean;
 }
 export interface AnySpendWorkflowTriggerModalProps extends BaseModalProps {
     /** Modal type identifier */
@@ -571,6 +597,8 @@ export interface AnySpendWorkflowTriggerModalProps extends BaseModalProps {
     actionLabel?: string;
     /** Custom class names */
     classes?: AnySpendAllClasses;
+    /** Whether to show fiat payment option. Defaults to true. */
+    showFiatOption?: boolean;
 }
 export interface AnySpendDepositModalProps extends BaseModalProps {
     /** Modal type identifier */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.1.70-alpha.1",
+  "version": "0.1.70",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

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

@@ -42,6 +42,7 @@ export function AnySpendBondKit({
   slots,
   content,
   theme,
+  showFiatOption,
 }: AnySpendBondKitProps & {
   slots?: AnySpendSlots;
   content?: AnySpendContent;
@@ -382,6 +383,7 @@ export function AnySpendBondKit({
       slots={slots}
       content={content}
       theme={theme}
+      showFiatOption={showFiatOption}
     />
   );
 }

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

@@ -135,6 +135,7 @@ export function AnySpendBuySpin({
   slots,
   content,
   theme,
+  showFiatOption,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -148,6 +149,7 @@ export function AnySpendBuySpin({
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
+  showFiatOption?: boolean;
 }) {
   const hasMounted = useHasMounted();
   const { setB3ModalOpen } = useModalStore();
@@ -695,6 +697,7 @@ export function AnySpendBuySpin({
       slots={slots}
       content={content}
       theme={theme}
+      showFiatOption={showFiatOption}
     />
   );
 }

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

@@ -96,6 +96,8 @@ export interface AnySpendCustomExactInProps {
   content?: AnySpendContent;
   /** Structured color/theme configuration */
   theme?: AnySpendTheme;
+  /** Whether to show fiat payment option. Defaults to true. When false, paymentType is forced to "crypto". */
+  showFiatOption?: boolean;
 }
 
 export function AnySpendCustomExactIn(props: AnySpendCustomExactInProps) {
@@ -137,8 +139,10 @@ function AnySpendCustomExactInInner({
   allowDirectTransfer = false,
   callbackMetadata,
   senderAddress,
+  showFiatOption = true,
 }: AnySpendCustomExactInProps) {
   const { slots, content } = useAnySpendCustomization();
+  const effectivePaymentType = showFiatOption ? paymentType : "crypto";
   const actionLabel = customExactInConfig?.action ?? "Custom Execution";
   const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
 
@@ -191,7 +195,7 @@ function AnySpendCustomExactInInner({
     createOnrampOrder,
     isCreatingOnrampOrder,
   } = useAnyspendFlow({
-    paymentType,
+    paymentType: effectivePaymentType,
     recipientAddress,
     loadOrder,
     onTransactionSuccess: onSuccess,
@@ -213,11 +217,17 @@ function AnySpendCustomExactInInner({
   // Check if source and destination are the same token on the same chain
   const isSameChainSameToken = useMemo(() => {
     return (
-      paymentType === "crypto" &&
+      effectivePaymentType === "crypto" &&
       selectedSrcChainId === selectedDstChainId &&
       selectedSrcToken?.address?.toLowerCase() === selectedDstToken?.address?.toLowerCase()
     );
-  }, [paymentType, selectedSrcChainId, selectedDstChainId, selectedSrcToken?.address, selectedDstToken?.address]);
+  }, [
+    effectivePaymentType,
+    selectedSrcChainId,
+    selectedDstChainId,
+    selectedSrcToken?.address,
+    selectedDstToken?.address,
+  ]);
 
   // Check if this is a direct transfer
   const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
@@ -322,7 +332,7 @@ function AnySpendCustomExactInInner({
       }
     }
 
-    if (paymentType === "crypto") {
+    if (effectivePaymentType === "crypto") {
       if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
         return { text: "Choose payment method", disable: false, error: false, loading: false };
       }
@@ -342,7 +352,7 @@ function AnySpendCustomExactInInner({
       return { text: buttonText, disable: false, error: false, loading: false };
     }
 
-    if (paymentType === "fiat") {
+    if (effectivePaymentType === "fiat") {
       if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
         return { text: "Select payment method", disable: false, error: false, loading: false };
       }
@@ -358,7 +368,7 @@ function AnySpendCustomExactInInner({
     isSwitchingOrExecuting,
     selectedRecipientOrDefault,
     anyspendQuote,
-    paymentType,
+    effectivePaymentType,
     effectiveCryptoPaymentMethod,
     selectedFiatPaymentMethod,
     hasEnoughBalance,
@@ -386,13 +396,13 @@ function AnySpendCustomExactInInner({
       return;
     }
 
-    if (paymentType === "crypto") {
+    if (effectivePaymentType === "crypto") {
       if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
         setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD);
         return;
       }
       await handleCryptoOrder();
-    } else if (paymentType === "fiat") {
+    } else if (effectivePaymentType === "fiat") {
       if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
         setActivePanel(PanelView.FIAT_PAYMENT_METHOD);
         return;
@@ -423,7 +433,7 @@ function AnySpendCustomExactInInner({
 
       <div className="relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2">
         <div className="relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2">
-          {paymentType === "crypto" ? (
+          {effectivePaymentType === "crypto" ? (
             <CryptoPaySection
               selectedSrcChainId={selectedSrcChainId}
               setSelectedSrcChainId={setSelectedSrcChainId}
@@ -469,7 +479,10 @@ function AnySpendCustomExactInInner({
           )}
 
           <div
-            className={cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden")}
+            className={cn(
+              "relative -my-1 flex h-0 items-center justify-center",
+              effectivePaymentType === "fiat" && "hidden",
+            )}
           >
             <Button
               variant="ghost"
@@ -484,7 +497,7 @@ function AnySpendCustomExactInInner({
             </Button>
           </div>
 
-          {paymentType === "crypto" && (
+          {effectivePaymentType === "crypto" && (
             <CryptoReceiveSection
               isDepositMode={false}
               isBuyMode={false}
@@ -551,7 +564,7 @@ function AnySpendCustomExactInInner({
       </motion.div>
 
       {/* Gas indicator - show when source chain has gas data, hide for direct transfers */}
-      {gasPriceData && !isLoadingGas && paymentType === "crypto" && !isDirectTransfer && (
+      {gasPriceData && !isLoadingGas && effectivePaymentType === "crypto" && !isDirectTransfer && (
         <GasIndicator gasPrice={gasPriceData} className={classes?.gasIndicator || "mt-2 w-full"} />
       )}
 
@@ -735,7 +748,9 @@ function AnySpendCustomExactInInner({
             relayTxs={oat.data.relayTxs}
             executeTx={oat.data.executeTx}
             refundTxs={oat.data.refundTxs}
-            cryptoPaymentMethod={paymentType === "fiat" ? CryptoPaymentMethodType.NONE : effectiveCryptoPaymentMethod}
+            cryptoPaymentMethod={
+              effectivePaymentType === "fiat" ? CryptoPaymentMethodType.NONE : effectiveCryptoPaymentMethod
+            }
             selectedCryptoPaymentMethod={effectiveCryptoPaymentMethod}
             onPaymentMethodChange={setSelectedCryptoPaymentMethod}
             onBack={() => {
@@ -806,7 +821,7 @@ function AnySpendCustomExactInInner({
     <FeeDetailPanel
       fee={anyspendQuote.data.fee}
       transactionAmountUsd={
-        paymentType === "fiat"
+        effectivePaymentType === "fiat"
           ? parseFloat(srcAmount)
           : anyspendQuote.data.currencyIn?.amountUsd
             ? Number(anyspendQuote.data.currencyIn.amountUsd)

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

@@ -11,7 +11,7 @@ import {
   NetworkPolygonPos,
 } from "@web3icons/react";
 import { ChevronRight } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { AnySpend } from "./AnySpend";
 import { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
 import { ChainWarningText } from "./common/WarningText";
@@ -273,12 +273,20 @@ export function AnySpendDeposit({
   const { connectedEOAWallet } = useAccountWallet();
   const eoaAddress = connectedEOAWallet?.getAccount()?.address;
 
+  const effectiveInitialPaymentType = !showFiatOption && initialPaymentType === "fiat" ? "crypto" : initialPaymentType;
+
   // Determine if we should show chain selection
-  const shouldShowChainSelection = showChainSelection ?? (!initialSourceChainId && !initialPaymentType);
+  const shouldShowChainSelection = showChainSelection ?? (!initialSourceChainId && !effectiveInitialPaymentType);
 
   const [step, setStep] = useState<DepositStep>(shouldShowChainSelection ? "select-chain" : "deposit");
   const [selectedChainId, setSelectedChainId] = useState<number | undefined>(initialSourceChainId);
-  const [paymentType, setPaymentType] = useState<"crypto" | "fiat">(initialPaymentType ?? "crypto");
+  const [paymentType, setPaymentType] = useState<"crypto" | "fiat">(effectiveInitialPaymentType ?? "crypto");
+
+  useEffect(() => {
+    if (!showFiatOption && paymentType === "fiat") {
+      setPaymentType("crypto");
+    }
+  }, [showFiatOption, paymentType]);
 
   // Fetch destination token data
   const { data: destinationTokenData } = useTokenData(destinationTokenChainId, destinationTokenAddress);
@@ -723,6 +731,7 @@ export function AnySpendDeposit({
             destinationTokenAmount={destinationTokenAmount}
             callbackMetadata={callbackMetadata}
             senderAddress={senderAddress}
+            showFiatOption={showFiatOption}
             slots={slots}
             content={content}
             theme={theme}
@@ -751,6 +760,7 @@ export function AnySpendDeposit({
             destinationTokenAmount={destinationTokenAmount}
             callbackMetadata={callbackMetadata}
             senderAddress={senderAddress}
+            showFiatOption={showFiatOption}
             slots={slots}
             content={content}
             theme={theme}

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

@@ -35,6 +35,7 @@ export function AnySpendDepositUpside({
   token,
   onSuccess,
   senderAddress,
+  showFiatOption,
   slots,
   content,
   theme,
@@ -49,6 +50,7 @@ export function AnySpendDepositUpside({
   onSuccess?: (amount: string) => void;
   /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
   senderAddress?: string;
+  showFiatOption?: boolean;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
@@ -87,6 +89,7 @@ export function AnySpendDepositUpside({
       header={header}
       onSuccess={onSuccess}
       senderAddress={senderAddress}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

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

@@ -54,6 +54,7 @@ export function AnySpendStakeB3({
   slots,
   content,
   theme,
+  showFiatOption,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -65,6 +66,7 @@ export function AnySpendStakeB3({
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
+  showFiatOption?: boolean;
 }) {
   const hasMounted = useHasMounted();
   const { setB3ModalOpen } = useModalStore();
@@ -521,6 +523,7 @@ export function AnySpendStakeB3({
       slots={slots}
       content={content}
       theme={theme}
+      showFiatOption={showFiatOption}
     />
   );
 }

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

@@ -56,6 +56,7 @@ export function AnySpendStakeB3ExactIn({
   stakeAmount,
   onSuccess,
   senderAddress,
+  showFiatOption,
   slots,
   content,
   theme,
@@ -69,6 +70,7 @@ export function AnySpendStakeB3ExactIn({
   onSuccess?: (amount: string) => void;
   /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
   senderAddress?: string;
+  showFiatOption?: boolean;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
@@ -529,6 +531,7 @@ export function AnySpendStakeB3ExactIn({
       header={header}
       onSuccess={onSuccess}
       senderAddress={senderAddress}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

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

@@ -28,6 +28,7 @@ export function AnySpendStakeUpsideExactIn({
   token,
   onSuccess,
   senderAddress,
+  showFiatOption,
   slots,
   content,
   theme,
@@ -43,6 +44,7 @@ export function AnySpendStakeUpsideExactIn({
   onSuccess?: (amount: string) => void;
   /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
   senderAddress?: string;
+  showFiatOption?: boolean;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
@@ -82,6 +84,7 @@ export function AnySpendStakeUpsideExactIn({
       header={header}
       onSuccess={onSuccess}
       senderAddress={senderAddress}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

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

@@ -30,6 +30,8 @@ export interface AnySpendWorkflowTriggerProps {
   actionLabel?: string;
   /** Custom class names */
   classes?: AnySpendAllClasses;
+  /** Whether to show fiat payment option. Defaults to true. */
+  showFiatOption?: boolean;
 }
 
 export function AnySpendWorkflowTrigger({
@@ -45,6 +47,7 @@ export function AnySpendWorkflowTrigger({
   mode,
   actionLabel,
   classes,
+  showFiatOption,
 }: AnySpendWorkflowTriggerProps) {
   const metadata = useMemo(
     () => ({
@@ -68,6 +71,7 @@ export function AnySpendWorkflowTrigger({
       actionLabel={actionLabel}
       classes={classes}
       allowDirectTransfer
+      showFiatOption={showFiatOption}
     />
   );
 }

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

@@ -32,6 +32,7 @@ export interface AnySpendDepositHypeProps {
   customRecipientLabel?: string;
   /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
   senderAddress?: string;
+  showFiatOption?: boolean;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
@@ -51,6 +52,7 @@ export function AnySpendDepositHype({
   customUsdInputValues,
   preferEoa,
   senderAddress,
+  showFiatOption,
   slots,
   content,
   theme,
@@ -97,6 +99,7 @@ export function AnySpendDepositHype({
       customUsdInputValues={customUsdInputValues}
       preferEoa={preferEoa}
       senderAddress={senderAddress}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

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

@@ -48,6 +48,7 @@ export function AnyspendSignatureMint({
   signatureData,
   imageUrl,
   onSuccess,
+  showFiatOption,
   slots,
   content,
   theme,
@@ -57,6 +58,7 @@ export function AnyspendSignatureMint({
   signatureData: GenerateSigMintResponse;
   imageUrl?: string;
   onSuccess?: (txHash?: string) => void;
+  showFiatOption?: boolean;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
@@ -156,6 +158,7 @@ export function AnyspendSignatureMint({
       header={header}
       onSuccess={onSuccess}
       showRecipient={true}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

package/src/anyspend/react/components/checkout/AnySpendCheckout.tsx

@@ -140,6 +140,8 @@ export interface AnySpendCheckoutProps {
   kycEnabled?: boolean;
   /** Extra metadata included under the 'callbackMetadata' key in the order's callbackMetadata (e.g. workflowId, orgId from checkout session) */
   callbackMetadata?: Record<string, unknown>;
+  /** Whether to show fiat payment options (card + coinbase). Defaults to true. */
+  showFiatOption?: boolean;
 }
 
 const emptyAddress: AddressData = { street: "", city: "", state: "", zip: "", country: "" };
@@ -190,6 +192,7 @@ export function AnySpendCheckout({
   feeOnTop,
   kycEnabled = false,
   callbackMetadata: callbackMetadataProp,
+  showFiatOption,
 }: AnySpendCheckoutProps) {
   // ===== Variable pricing state =====
   const [variablePricingAmount, setVariablePricingAmount] = useState<string>("0");
@@ -452,6 +455,7 @@ export function AnySpendCheckout({
                 isFormValid={isFormValid}
                 feeOnTop={feeOnTop}
                 kycEnabled={kycEnabled}
+                showFiatOption={showFiatOption}
               />
             </>
           }

package/src/anyspend/react/components/checkout/AnySpendCheckoutTrigger.tsx

@@ -75,6 +75,8 @@ export interface AnySpendCheckoutTriggerProps {
   summaryLines?: CheckoutSummaryLine[];
   /** When true, identity verification (KYC) is required before card payment. Defaults to false. */
   kycEnabled?: boolean;
+  /** Whether to show fiat payment options (card + coinbase). Defaults to true. */
+  showFiatOption?: boolean;
 }
 
 export function AnySpendCheckoutTrigger({
@@ -106,6 +108,7 @@ export function AnySpendCheckoutTrigger({
   discount,
   summaryLines,
   kycEnabled = false,
+  showFiatOption,
 }: AnySpendCheckoutTriggerProps) {
   // Merge workflowId + orgId into callbackMetadata
   const mergedMetadata = useMemo(() => {
@@ -216,6 +219,7 @@ export function AnySpendCheckoutTrigger({
               defaultPaymentMethod={defaultPaymentMethod}
               senderAddress={senderAddress}
               kycEnabled={kycEnabled}
+              showFiatOption={showFiatOption}
             />
           </div>
         </div>