@b3dotfun/sdk 0.1.69-alpha.21 → 0.1.69-alpha.23

package/dist/types/anyspend/react/components/AnySpendStakeUpside.d.ts

@@ -1,6 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, onSuccess, activeTab, senderAddress, slots, content, theme, }: {
+export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, onSuccess, activeTab, senderAddress, slots, content, theme, showFiatOption, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     beneficiaryAddress: string;
@@ -14,4 +14,6 @@ export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddres
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;
+    /** Whether to show the "Pay with fiat" tab. Defaults to true. */
+    showFiatOption?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/components/SignInWithB3/components/PasswordInput.d.ts

@@ -0,0 +1,10 @@
+interface PasswordInputProps {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    className?: string;
+}
+export declare function PasswordInput({ value, onChange, disabled, placeholder, onKeyDown, className, }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -609,6 +609,8 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
     actionLabel?: string;
     /** Whether to show chain selection step. Defaults to true if sourceTokenChainId is not provided */
     showChainSelection?: boolean;
+    /** Whether to show the "Fund with Fiat" option in the deposit options list. Defaults to true */
+    showFiatOption?: boolean;
     /** Minimum pool size for filtering tokens (default: 1,000,000) */
     minPoolSize?: number;
     /** Custom title for chain selection step */

package/package.json

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

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

@@ -148,6 +148,8 @@ export function AnySpend(props: {
   theme?: AnySpendTheme;
   /** When true, shows a KYC gate before Stripe Web2 (credit card) payments. Default false. */
   kycEnabled?: 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;
 }) {
   const fingerprintConfig = getFingerprintConfig();
 
@@ -184,6 +186,7 @@ function AnySpendInner({
   callbackMetadata,
   senderAddress,
   kycEnabled = false,
+  showFiatOption = true,
 }: {
   sourceChainId?: number;
   destinationTokenAddress?: string;
@@ -211,6 +214,7 @@ function AnySpendInner({
   content?: AnySpendContent;
   theme?: AnySpendTheme;
   kycEnabled?: boolean;
+  showFiatOption?: boolean;
 }) {
   const { slots, content } = useAnySpendCustomization();
   const searchParams = useSearchParamsSSR();
@@ -253,6 +257,7 @@ function AnySpendInner({
   const previousPanel = useRef<PanelView>(PanelView.MAIN);
 
   const [activeTab, setActiveTab] = useState<"crypto" | "fiat">(() => {
+    if (!showFiatOption) return "crypto";
     if (typeof window !== "undefined") {
       const stored = sessionStorage.getItem("anyspend_active_tab") as "crypto" | "fiat" | null;
       if (stored === "crypto" || stored === "fiat") return stored;
@@ -261,8 +266,13 @@ function AnySpendInner({
   });
 
   useEffect(() => {
+    if (!showFiatOption && activeTab === "fiat") setActiveTab("crypto");
+  }, [showFiatOption, activeTab]);
+
+  useEffect(() => {
+    if (!showFiatOption) return;
     sessionStorage.setItem("anyspend_active_tab", activeTab);
-  }, [activeTab]);
+  }, [activeTab, showFiatOption]);
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
   const [directTransferTxHash, setDirectTransferTxHash] = useState<string | undefined>();
@@ -1312,17 +1322,19 @@ function AnySpendInner({
         )}
 
         {/* Tab section */}
-        <TabSection
-          activeTab={activeTab}
-          setActiveTab={tab => {
-            setActiveTab(tab);
-            // Reset payment methods when switching tabs
-            resetPaymentMethods();
-            setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
-          }}
-          setSelectedCryptoPaymentMethod={setSelectedCryptoPaymentMethod}
-          setSelectedFiatPaymentMethod={setSelectedFiatPaymentMethod}
-        />
+        {showFiatOption && (
+          <TabSection
+            activeTab={activeTab}
+            setActiveTab={tab => {
+              setActiveTab(tab);
+              // Reset payment methods when switching tabs
+              resetPaymentMethods();
+              setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
+            }}
+            setSelectedCryptoPaymentMethod={setSelectedCryptoPaymentMethod}
+            setSelectedFiatPaymentMethod={setSelectedFiatPaymentMethod}
+          />
+        )}
 
         <div className="relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2">
           {/* Send section */}

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

@@ -119,6 +119,10 @@ export interface AnySpendCollectorClubPurchaseProps {
    * Force fiat payment
    */
   forceFiatPayment?: boolean;
+  /**
+   * Whether to show the "Pay with fiat" tab. Defaults to true.
+   */
+  showFiatOption?: boolean;
   /**
    * Optional discount code to apply to the purchase.
    * When provided, validates on-chain and adjusts the price accordingly.
@@ -146,6 +150,7 @@ export function AnySpendCollectorClubPurchase({
   vendingMachineId,
   packType,
   forceFiatPayment,
+  showFiatOption = true,
   discountCode,
   slots,
   content,
@@ -398,6 +403,7 @@ export function AnySpendCollectorClubPurchase({
       showRecipient={showRecipient}
       srcFiatAmount={srcFiatAmount}
       forceFiatPayment={forceFiatPayment}
+      showFiatOption={showFiatOption}
       slots={slots}
       content={content}
       theme={theme}

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

@@ -178,6 +178,8 @@ export function AnySpendCustom(props: {
   dstToken: components["schemas"]["Token"];
   dstAmount: string;
   forceFiatPayment?: 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;
   contractAddress: string;
   encodedData: string;
   metadata: any;
@@ -232,6 +234,7 @@ function AnySpendCustomInner({
   onShowPointsDetail,
   srcFiatAmount: srcFiatAmountProps,
   forceFiatPayment,
+  showFiatOption = true,
   senderAddress,
 }: {
   loadOrder?: string;
@@ -258,6 +261,7 @@ function AnySpendCustomInner({
   onShowPointsDetail?: () => void;
   srcFiatAmount?: string;
   forceFiatPayment?: boolean;
+  showFiatOption?: boolean;
   senderAddress?: string;
   slots?: AnySpendSlots;
   content?: AnySpendContent;
@@ -271,7 +275,13 @@ function AnySpendCustomInner({
   const [activePanel, setActivePanel] = useState<PanelView>(
     loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER,
   );
-  const [activeTab, setActiveTab] = useState<"crypto" | "fiat">(forceFiatPayment ? "fiat" : activeTabProps);
+  const [activeTab, setActiveTab] = useState<"crypto" | "fiat">(
+    !showFiatOption ? "crypto" : forceFiatPayment ? "fiat" : activeTabProps,
+  );
+
+  useEffect(() => {
+    if (!showFiatOption && activeTab === "fiat") setActiveTab("crypto");
+  }, [showFiatOption, activeTab]);
 
   // Payment method state with dual-state system (auto + explicit user selection)
   // Note: AnySpendCustom doesn't use auto-selection, only explicit user selection
@@ -867,7 +877,7 @@ function AnySpendCustomInner({
         onValueChange={value => setActiveTab(value as "crypto" | "fiat")}
         className="bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5"
       >
-        {!forceFiatPayment && (
+        {!forceFiatPayment && showFiatOption && (
           <div className="w-full">
             <div className="bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl">
               <div

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

@@ -95,6 +95,8 @@ export interface AnySpendDepositProps {
   depositContractConfig?: DepositContractConfig;
   /** Whether to show chain selection step. Defaults to true if sourceTokenChainId is not provided */
   showChainSelection?: boolean;
+  /** Whether to show the "Fund with Fiat" option in the deposit options list. Defaults to true */
+  showFiatOption?: boolean;
   /** Custom list of supported chains. If not provided, uses default chains */
   supportedChains?: ChainConfig[];
   /** Minimum pool size for filtering tokens (default: 1,000,000) */
@@ -248,6 +250,7 @@ export function AnySpendDeposit({
   orderType,
   depositContractConfig,
   showChainSelection,
+  showFiatOption = true,
   supportedChains = DEFAULT_SUPPORTED_CHAINS,
   minPoolSize = DEFAULT_MIN_POOL_SIZE,
   topChainsCount = 3,
@@ -585,39 +588,43 @@ export function AnySpendDeposit({
             </button>
 
             {/* Fund with Fiat */}
-            <button
-              onClick={handleSelectFiat}
-              className={
-                depositClasses?.fiatButton ||
-                "anyspend-deposit-option-button anyspend-deposit-fiat-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left transition-all"
-              }
-            >
-              <div
-                className={depositClasses?.optionContent || "anyspend-deposit-option-content flex items-center gap-3"}
+            {showFiatOption && (
+              <button
+                onClick={handleSelectFiat}
+                className={
+                  depositClasses?.fiatButton ||
+                  "anyspend-deposit-option-button anyspend-deposit-fiat-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left transition-all"
+                }
               >
-                <CreditCardIcon className={depositClasses?.optionIcon || "anyspend-deposit-option-icon h-10 w-10"} />
-                <div className={depositClasses?.optionInfo || "anyspend-deposit-option-info"}>
-                  <span
-                    className={
-                      depositClasses?.optionTitle || "anyspend-deposit-option-title text-as-primary font-medium"
-                    }
-                  >
-                    Fund with Fiat
-                  </span>
-                  <p
-                    className={
-                      depositClasses?.optionDescription ||
-                      "anyspend-deposit-option-description text-as-secondary text-xs"
-                    }
-                  >
-                    Pay with card or bank transfer
-                  </p>
+                <div
+                  className={depositClasses?.optionContent || "anyspend-deposit-option-content flex items-center gap-3"}
+                >
+                  <CreditCardIcon className={depositClasses?.optionIcon || "anyspend-deposit-option-icon h-10 w-10"} />
+                  <div className={depositClasses?.optionInfo || "anyspend-deposit-option-info"}>
+                    <span
+                      className={
+                        depositClasses?.optionTitle || "anyspend-deposit-option-title text-as-primary font-medium"
+                      }
+                    >
+                      Fund with Fiat
+                    </span>
+                    <p
+                      className={
+                        depositClasses?.optionDescription ||
+                        "anyspend-deposit-option-description text-as-secondary text-xs"
+                      }
+                    >
+                      Pay with card or bank transfer
+                    </p>
+                  </div>
                 </div>
-              </div>
-              <ChevronRight
-                className={depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5"}
-              />
-            </button>
+                <ChevronRight
+                  className={
+                    depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5"
+                  }
+                />
+              </button>
+            )}
           </div>
 
           {/* Chain-specific warning */}

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

@@ -42,6 +42,7 @@ export function AnySpendNFT({
   slots,
   content,
   theme,
+  showFiatOption = true,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -54,6 +55,8 @@ export function AnySpendNFT({
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
+  /** Whether to show the "Pay with fiat" tab. Defaults to true. */
+  showFiatOption?: boolean;
 }) {
   const [imageUrlWithFallback, setFallbackImageUrl] = useState<string | null>(nftContract.imageUrl);
   const hasFetchedRef = useRef(false);
@@ -164,6 +167,7 @@ export function AnySpendNFT({
       loadOrder={loadOrder}
       mode={mode}
       activeTab="fiat"
+      showFiatOption={showFiatOption}
       recipientAddress={recipientAddress}
       orderType={"mint_nft"}
       dstChainId={nftContract.chainId}

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

@@ -30,6 +30,7 @@ export function AnySpendStakeUpside({
   slots,
   content,
   theme,
+  showFiatOption = true,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -44,6 +45,8 @@ export function AnySpendStakeUpside({
   slots?: AnySpendSlots;
   content?: AnySpendContent;
   theme?: AnySpendTheme;
+  /** Whether to show the "Pay with fiat" tab. Defaults to true. */
+  showFiatOption?: boolean;
 }) {
   const header = () => (
     <>
@@ -90,6 +93,7 @@ export function AnySpendStakeUpside({
       onSuccess={onSuccess}
       showRecipient={true}
       activeTab={activeTab}
+      showFiatOption={showFiatOption}
       senderAddress={senderAddress}
       slots={slots}
       content={content}

package/src/global-account/react/components/SignInWithB3/BetterAuthResetPassword.tsx

@@ -1,7 +1,8 @@
-import { Button, Input } from "@b3dotfun/sdk/global-account/react";
+import { Button } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useState } from "react";
 import { useBetterAuth } from "../../hooks/useBetterAuth";
+import { PasswordInput } from "./components/PasswordInput";
 
 const debug = debugB3React("BetterAuthResetPassword");
 
@@ -103,13 +104,12 @@ export function BetterAuthResetPassword({ token, onSuccess, onError, className }
             <label className="mb-2 block text-xs font-medium uppercase tracking-wide text-gray-700 dark:text-gray-300">
               New password
             </label>
-            <Input
-              type="password"
+            <PasswordInput
               placeholder="At least 8 characters"
               value={password}
               onChange={e => setPassword(e.target.value)}
               disabled={isLoading}
-              className="h-11 px-4 text-[15px]"
+              className="h-11 px-4 pr-11 text-[15px]"
             />
           </div>
 
@@ -117,8 +117,7 @@ export function BetterAuthResetPassword({ token, onSuccess, onError, className }
             <label className="mb-2 block text-xs font-medium uppercase tracking-wide text-gray-700 dark:text-gray-300">
               Confirm password
             </label>
-            <Input
-              type="password"
+            <PasswordInput
               placeholder="Repeat your password"
               value={confirmPassword}
               onChange={e => setConfirmPassword(e.target.value)}
@@ -126,7 +125,7 @@ export function BetterAuthResetPassword({ token, onSuccess, onError, className }
               onKeyDown={e => {
                 if (e.key === "Enter") handleSubmit();
               }}
-              className="h-11 px-4 text-[15px]"
+              className="h-11 px-4 pr-11 text-[15px]"
             />
           </div>
 

package/src/global-account/react/components/SignInWithB3/BetterAuthSignIn.tsx

@@ -1,4 +1,4 @@
-import { Button, Input, useAuthStore } from "@b3dotfun/sdk/global-account/react";
+import { Button, Input, Loading, useAuthStore } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useState } from "react";
 import {
@@ -6,6 +6,7 @@ import {
   type BetterAuthSocialProvider,
   useBetterAuth,
 } from "../../hooks/useBetterAuth";
+import { PasswordInput } from "./components/PasswordInput";
 import { strategyIcons, strategyLabels } from "./utils/signInUtils";
 
 const debug = debugB3React("BetterAuthSignIn");
@@ -66,6 +67,8 @@ export function BetterAuthSignIn({
 }: BetterAuthSignInProps) {
   const { signInWithEmail, signUpWithEmail, signInWithSocial, requestPasswordReset } = useBetterAuth();
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+  const isAuthenticating = useAuthStore(state => state.isAuthenticating);
+  const hasStartedConnecting = useAuthStore(state => state.hasStartedConnecting);
 
   const [mode, setMode] = useState<"sign-in" | "sign-up" | "forgot-password">("sign-in");
   const [email, setEmail] = useState("");
@@ -83,7 +86,9 @@ export function BetterAuthSignIn({
 
   const resolvedSubtitle =
     mode === "forgot-password"
-      ? "Enter your email and we'll send you a reset link"
+      ? resetEmailSent
+        ? "We've sent a password reset link to your email"
+        : "Enter your email and we'll send you a reset link"
       : subtitle || "Enter your credentials to access your account";
 
   const handleForgotPassword = async () => {
@@ -111,6 +116,16 @@ export function BetterAuthSignIn({
     .map(id => DEFAULT_SOCIAL_PROVIDERS.find(p => p.id === id))
     .filter((p): p is SocialProviderConfig => !!p);
 
+  // Show loading during session restore (before any user interaction) to prevent
+  // the login form from flashing briefly after OAuth redirect.
+  if (isAuthenticating && !hasStartedConnecting) {
+    return (
+      <div className={`flex w-full max-w-[400px] items-center justify-center px-6 py-20 ${className || ""}`}>
+        <Loading variant="primary" size="lg" />
+      </div>
+    );
+  }
+
   if (isAuthenticated) {
     return null;
   }
@@ -334,16 +349,15 @@ export function BetterAuthSignIn({
                 </button>
               )}
             </div>
-            <Input
-              type="password"
-              placeholder="Password"
+            <PasswordInput
+              key={mode}
               value={password}
               onChange={e => setPassword(e.target.value)}
               disabled={isLoading}
               onKeyDown={e => {
                 if (e.key === "Enter") handleEmailSubmit();
               }}
-              className="h-11 px-4 text-[15px]"
+              className="h-11 px-4 pr-11 text-[15px]"
             />
           </div>
 

package/src/global-account/react/components/SignInWithB3/components/PasswordInput.tsx

@@ -0,0 +1,62 @@
+import { Input } from "@b3dotfun/sdk/global-account/react";
+import { useState } from "react";
+
+interface PasswordInputProps {
+  value: string;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  disabled?: boolean;
+  placeholder?: string;
+  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+  className?: string;
+}
+
+export function PasswordInput({
+  value,
+  onChange,
+  disabled,
+  placeholder = "Password",
+  onKeyDown,
+  className,
+}: PasswordInputProps) {
+  const [showPassword, setShowPassword] = useState(false);
+
+  return (
+    <div className="relative">
+      <Input
+        type={showPassword ? "text" : "password"}
+        placeholder={placeholder}
+        value={value}
+        onChange={onChange}
+        disabled={disabled}
+        onKeyDown={onKeyDown}
+        className={className}
+      />
+      <button
+        type="button"
+        onClick={() => setShowPassword(!showPassword)}
+        aria-label={showPassword ? "Hide password" : "Show password"}
+        className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300"
+        tabIndex={-1}
+      >
+        {showPassword ? (
+          <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
+            />
+          </svg>
+        ) : (
+          <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
+            />
+            <path strokeLinecap="round" strokeLinejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+          </svg>
+        )}
+      </button>
+    </div>
+  );
+}

package/src/global-account/react/components/SignInWithB3/steps/LoginStepBetterAuth.tsx

@@ -7,6 +7,7 @@ import {
   useBetterAuth,
 } from "../../../hooks/useBetterAuth";
 import { AuthButton } from "../components/AuthButton";
+import { PasswordInput } from "../components/PasswordInput";
 
 const debug = debugB3React("LoginStepBetterAuth");
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -160,7 +161,11 @@ export function LoginStepBetterAuth({ onSuccess, onError }: LoginStepBetterAuthP
       {mode === "forgot-password" ? (
         <div className="mb-6 w-full space-y-3 px-3">
           <p className="text-center text-sm font-medium text-gray-900 dark:text-gray-100">Reset password</p>
-          <p className="text-center text-xs text-gray-500">Enter your email and we'll send you a reset link</p>
+          <p className="text-center text-xs text-gray-500">
+            {resetEmailSent
+              ? "We've sent a password reset link to your email"
+              : "Enter your email and we'll send you a reset link"}
+          </p>
 
           {resetEmailSent ? (
             <div className="space-y-3 py-4 text-center">
@@ -223,15 +228,15 @@ export function LoginStepBetterAuth({ onSuccess, onError }: LoginStepBetterAuthP
             disabled={isLoading}
           />
 
-          <Input
-            type="password"
-            placeholder="Password"
+          <PasswordInput
+            key={mode}
             value={password}
             onChange={event => setPassword(event.target.value)}
             disabled={isLoading}
             onKeyDown={event => {
               if (event.key === "Enter") handleEmailSubmit();
             }}
+            className="pr-11"
           />
 
           {error && <p className="text-sm text-red-500">{error}</p>}

package/src/global-account/react/stores/useModalStore.ts

@@ -635,6 +635,8 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
   actionLabel?: string;
   /** Whether to show chain selection step. Defaults to true if sourceTokenChainId is not provided */
   showChainSelection?: boolean;
+  /** Whether to show the "Fund with Fiat" option in the deposit options list. Defaults to true */
+  showFiatOption?: boolean;
   /** Minimum pool size for filtering tokens (default: 1,000,000) */
   minPoolSize?: number;
   /** Custom title for chain selection step */