@b3dotfun/sdk 0.1.70-alpha.1 → 0.1.70-alpha.10

package/node_modules/@b3/chain-registry/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@b3/chain-registry",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Canonical chain definitions for all B3OS services",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.2"
+  }
+}

package/node_modules/@b3/chain-registry/src/index.ts

@@ -0,0 +1,169 @@
+import chainsData from "../chains.json";
+
+export interface ManualToken {
+  address: `0x${string}`;
+  symbol: string;
+  decimals: number;
+  name: string;
+  logoUrl?: string;
+}
+
+/**
+ * Known integration tags that can appear in `ChainDefinition.integrations`.
+ * Adding a new integration → extend this union. Consumers calling
+ * `chainsByIntegration("foo")` get autocomplete + typo safety.
+ */
+export type KnownIntegration =
+  | "aerodrome"
+  | "anyspend"
+  | "cow-swap"
+  | "evm-log"
+  | "morpho"
+  | "railgun"
+  | "x402"
+  | "zerodev";
+
+export interface ChainDefinition {
+  chainId: number;
+  key: string;
+  name: string;
+  network: string;
+  type: "evm" | "solana";
+  isTestnet: boolean;
+  integrations: KnownIntegration[];
+  nativeCurrency: {
+    name: string;
+    symbol: string;
+    decimals: number;
+  };
+  explorer: string;
+  rpcEnvKey: string | null;
+  fallbackRpc: string | null;
+  quicknodeSlug: string | null;
+  quicknodeRpcPath?: string;
+  coingecko: {
+    platform: string;
+    nativeCoinId: string;
+  } | null;
+  /**
+   * GeckoTerminal network slug (differs from `coingecko.platform`: GT uses
+   * "eth", CoinGecko uses "ethereum"). Used for on-chain pool lookups and
+   * OHLCV charts. Null when GeckoTerminal does not index this chain.
+   */
+  geckoTerminalNetwork?: string | null;
+  trustwalletSlug: string | null;
+  logoUrl: string | null;
+  tags: string[];
+  manualTokens?: ManualToken[];
+  /**
+   * Wrapped-native ERC20 address (e.g. WETH on Ethereum, WPLUME on Plume).
+   * Used for GeckoTerminal pool lookups on the native coin and for DEX
+   * routing that needs an ERC20 form of the gas token.
+   */
+  wrappedNative?: `0x${string}`;
+}
+
+export const chains: ChainDefinition[] = chainsData as ChainDefinition[];
+
+export const evmChains = chains.filter(c => c.type === "evm");
+
+export const chainById = new Map(chains.map(c => [c.chainId, c]));
+
+export const CHAIN_IDS: Record<string, number> = Object.fromEntries(chains.map(c => [c.key, c.chainId]));
+
+export const CHAIN_NAMES: Record<number, string> = Object.fromEntries(chains.map(c => [c.chainId, c.name]));
+
+export const CHAIN_ID_TO_NETWORK: Record<number, string> = Object.fromEntries(chains.map(c => [c.chainId, c.network]));
+
+export const FALLBACK_RPC_URLS: Record<number, string> = Object.fromEntries(
+  chains.filter(c => c.fallbackRpc).map(c => [c.chainId, c.fallbackRpc!]),
+);
+
+export const BLOCK_EXPLORERS: Record<number, string> = Object.fromEntries(chains.map(c => [c.chainId, c.explorer]));
+
+export const COINGECKO_MAPPINGS: Record<number, { platform: string; nativeCoinId: string }> = Object.fromEntries(
+  chains.filter(c => c.coingecko).map(c => [c.chainId, c.coingecko!]),
+);
+
+export const TRUSTWALLET_SLUGS: Record<number, string> = Object.fromEntries(
+  chains.filter(c => c.trustwalletSlug).map(c => [c.chainId, c.trustwalletSlug!]),
+);
+
+export const CHAIN_TAG_MAP: Record<string, number> = Object.fromEntries(
+  chains.flatMap(c => c.tags.map(tag => [tag, c.chainId])),
+);
+
+export const LOGO_URLS: Record<number, string> = Object.fromEntries(
+  chains.filter(c => c.logoUrl).map(c => [c.chainId, c.logoUrl!]),
+);
+
+export function buildQuicknodeUrl(subdomain: string, key: string, chain: ChainDefinition): string | null {
+  if (chain.quicknodeSlug === null) return null;
+  const network = chain.quicknodeSlug === "" ? "" : `.${chain.quicknodeSlug}`;
+  const path = chain.quicknodeRpcPath ?? "";
+  return `https://${subdomain}${network}.quiknode.pro/${key}${path}`;
+}
+
+export function buildQuicknodeRpcMap(subdomain: string, key: string): Record<number, string> {
+  return Object.fromEntries(
+    chains.filter(c => c.quicknodeSlug !== null).map(c => [c.chainId, buildQuicknodeUrl(subdomain, key, c)!]),
+  );
+}
+
+export function chainsByIntegration(integration: KnownIntegration): ChainDefinition[] {
+  return chains.filter(c => c.integrations.includes(integration));
+}
+
+export function chainIdsByIntegration(integration: KnownIntegration): number[] {
+  return chainsByIntegration(integration).map(c => c.chainId);
+}
+
+export function chainNamesByIntegration(integration: KnownIntegration): Record<number, string> {
+  return Object.fromEntries(chainsByIntegration(integration).map(c => [c.chainId, c.name]));
+}
+
+export const ZERODEV_SUPPORTED_CHAINS: ChainDefinition[] = chainsByIntegration("zerodev");
+
+/**
+ * Chains tagged with the "anyspend" integration AND of EVM type — the set
+ * consumed by SDK `supportedChains` / `supportedChainsTW` for AnySpend's
+ * wallet-switch gate (`useUnifiedChainSwitchAndExecute`). Solana (also tagged
+ * anyspend) is excluded here because it's handled by Phantom-based flows that
+ * key off `RELAY_SOLANA_MAINNET_CHAIN_ID`, not viem.
+ */
+export const ANYSPEND_EVM_CHAINS: ChainDefinition[] = chainsByIntegration("anyspend").filter(c => c.type === "evm");
+
+// Validate at module init: every anyspend EVM chain must have a fallbackRpc.
+// The SDK transformers (toViemChain / toThirdwebChain) assume this invariant
+// holds — catching a missing RPC here is far better than throwing on first
+// pay-button click in production.
+{
+  const missingRpc = ANYSPEND_EVM_CHAINS.filter(c => !c.fallbackRpc);
+  if (missingRpc.length > 0) {
+    throw new Error(
+      `chain-registry: anyspend EVM chains missing fallbackRpc: ${missingRpc.map(c => `${c.chainId} (${c.key})`).join(", ")}`,
+    );
+  }
+}
+
+/**
+ * Chain IDs that the default indexer (Sim Dune) does not support.
+ * These chains require RPC + CoinGecko fallback for balance/metadata.
+ */
+export const MANUAL_CHAIN_IDS: ReadonlySet<number> = new Set(
+  chains.filter(c => c.manualTokens && c.manualTokens.length > 0).map(c => c.chainId),
+);
+
+export function hasManualTokens(chainId: number): boolean {
+  return MANUAL_CHAIN_IDS.has(chainId);
+}
+
+export function getManualTokens(chainId: number): ManualToken[] {
+  return chainById.get(chainId)?.manualTokens ?? [];
+}
+
+export function findManualToken(chainId: number, address: string): ManualToken | null {
+  const lower = address.toLowerCase();
+  const tokens = getManualTokens(chainId);
+  return tokens.find(t => t.address.toLowerCase() === lower) ?? null;
+}

package/node_modules/@b3/chain-registry/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "declarationMap": true,
+    "resolveJsonModule": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.1.70-alpha.1",
+  "version": "0.1.70-alpha.10",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -12,11 +12,9 @@
   "exports": {
     "./index.css": "./dist/styles/index.css",
     ".": {
-      "default": {
-        "types": "./dist/types/index.d.ts",
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
-      }
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./anyspend": {
       "types": "./dist/types/anyspend/index.d.ts",
@@ -35,6 +33,26 @@
         "require": "./dist/cjs/anyspend/react/index.js"
       }
     },
+    "./anyspend/react/components": {
+      "types": "./dist/types/anyspend/react/components/index.d.ts",
+      "import": "./dist/esm/anyspend/react/components/index.js",
+      "require": "./dist/cjs/anyspend/react/components/index.js"
+    },
+    "./anyspend/react/components/*": {
+      "types": "./dist/types/anyspend/react/components/*.d.ts",
+      "import": "./dist/esm/anyspend/react/components/*.js",
+      "require": "./dist/cjs/anyspend/react/components/*.js"
+    },
+    "./anyspend/react/hooks": {
+      "types": "./dist/types/anyspend/react/hooks/index.d.ts",
+      "import": "./dist/esm/anyspend/react/hooks/index.js",
+      "require": "./dist/cjs/anyspend/react/hooks/index.js"
+    },
+    "./anyspend/react/hooks/*": {
+      "types": "./dist/types/anyspend/react/hooks/*.d.ts",
+      "import": "./dist/esm/anyspend/react/hooks/*.js",
+      "require": "./dist/cjs/anyspend/react/hooks/*.js"
+    },
     "./anyspend/types": {
       "types": "./dist/types/anyspend/types/index.d.ts",
       "import": "./dist/esm/anyspend/types/index.js",
@@ -45,15 +63,25 @@
       "import": "./dist/esm/anyspend/types/*.js",
       "require": "./dist/cjs/anyspend/types/*.js"
     },
+    "./anyspend/utils": {
+      "types": "./dist/types/anyspend/utils/index.d.ts",
+      "import": "./dist/esm/anyspend/utils/index.js",
+      "require": "./dist/cjs/anyspend/utils/index.js"
+    },
     "./anyspend/utils/*": {
       "types": "./dist/types/anyspend/utils/*.d.ts",
       "import": "./dist/esm/anyspend/utils/*.js",
       "require": "./dist/cjs/anyspend/utils/*.js"
     },
     "./anyspend/constants": {
-      "types": "./dist/types/anyspend/constants.d.ts",
-      "import": "./dist/esm/anyspend/constants.js",
-      "require": "./dist/cjs/anyspend/constants.js"
+      "types": "./dist/types/anyspend/constants/index.d.ts",
+      "import": "./dist/esm/anyspend/constants/index.js",
+      "require": "./dist/cjs/anyspend/constants/index.js"
+    },
+    "./anyspend/constants/*": {
+      "types": "./dist/types/anyspend/constants/*.d.ts",
+      "import": "./dist/esm/anyspend/constants/*.js",
+      "require": "./dist/cjs/anyspend/constants/*.js"
     },
     "./anyspend/platform": {
       "types": "./dist/types/anyspend/platform/index.d.ts",
@@ -156,6 +184,11 @@
       "import": "./dist/esm/global-account/types/*.js",
       "require": "./dist/cjs/global-account/types/*.js"
     },
+    "./global-account/utils/*": {
+      "types": "./dist/types/global-account/utils/*.d.ts",
+      "import": "./dist/esm/global-account/utils/*.js",
+      "require": "./dist/cjs/global-account/utils/*.js"
+    },
     "./global-account/app": {
       "react-native": {
         "types": "./dist/types/global-account/app.native.d.ts",
@@ -235,15 +268,10 @@
       "import": "./dist/esm/shared/constants/*.js",
       "require": "./dist/cjs/shared/constants/*.js"
     },
-    "./shared/constants/chains/b3Chain": {
-      "types": "./dist/types/shared/constants/chains/b3Chain.d.ts",
-      "import": "./dist/esm/shared/constants/chains/b3Chain.js",
-      "require": "./dist/cjs/shared/constants/chains/b3Chain.js"
-    },
-    "./shared/constants/chains/supported": {
-      "types": "./dist/types/shared/constants/chains/supported.d.ts",
-      "import": "./dist/esm/shared/constants/chains/supported.js",
-      "require": "./dist/cjs/shared/constants/chains/supported.js"
+    "./shared/constants/chains/*": {
+      "types": "./dist/types/shared/constants/chains/*.d.ts",
+      "import": "./dist/esm/shared/constants/chains/*.js",
+      "require": "./dist/cjs/shared/constants/chains/*.js"
     },
     "./shared/thirdweb/*": {
       "types": "./dist/types/shared/thirdweb/*.d.ts",
@@ -270,11 +298,6 @@
       "import": "./dist/esm/shared/react/stores/index.js",
       "require": "./dist/cjs/shared/react/stores/index.js"
     },
-    "./types/chain-networks": {
-      "types": "./dist/types/generated/chain-networks.d.ts",
-      "import": "./dist/esm/generated/chain-networks.js",
-      "require": "./dist/cjs/generated/chain-networks.js"
-    },
     "./bondkit/components/TradingView/TradingView": {
       "types": "./dist/types/bondkit/components/TradingView/TradingView.d.ts",
       "import": "./dist/esm/bondkit/components/TradingView/TradingView.js",
@@ -291,6 +314,26 @@
         "import": "./dist/esm/global-account/react/hooks/useSiwe.js",
         "require": "./dist/cjs/global-account/react/hooks/useSiwe.js"
       }
+    },
+    "./global-account/react/hooks/*": {
+      "types": "./dist/types/global-account/react/hooks/*.d.ts",
+      "import": "./dist/esm/global-account/react/hooks/*.js",
+      "require": "./dist/cjs/global-account/react/hooks/*.js"
+    },
+    "./global-account/react/utils/*": {
+      "types": "./dist/types/global-account/react/utils/*.d.ts",
+      "import": "./dist/esm/global-account/react/utils/*.js",
+      "require": "./dist/cjs/global-account/react/utils/*.js"
+    },
+    "./global-account/react/stores": {
+      "types": "./dist/types/global-account/react/stores/index.d.ts",
+      "import": "./dist/esm/global-account/react/stores/index.js",
+      "require": "./dist/cjs/global-account/react/stores/index.js"
+    },
+    "./global-account/react/stores/*": {
+      "types": "./dist/types/global-account/react/stores/*.d.ts",
+      "import": "./dist/esm/global-account/react/stores/*.js",
+      "require": "./dist/cjs/global-account/react/stores/*.js"
     }
   },
   "files": [
@@ -311,6 +354,7 @@
     "@feathersjs/socketio-client": "5.0.33",
     "@feathersjs/typebox": "5.0.33",
     "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
+    "@headlessui/react": "^2.2.10",
     "@hey-api/client-fetch": "0.8.3",
     "@hey-api/openapi-ts": "0.64.13",
     "@lottiefiles/dotlottie-react": "0.7.2",
@@ -353,8 +397,12 @@
     "torph": "^0.0.9",
     "typescript": "5.8.2",
     "vaul": "^1.1.2",
-    "zustand": "4.5.6"
+    "zustand": "4.5.6",
+    "@b3/chain-registry": "0.0.1"
   },
+  "bundledDependencies": [
+    "@b3/chain-registry"
+  ],
   "devDependencies": {
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",
@@ -399,7 +447,6 @@
   },
   "peerDependencies": {
     "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
-    "@privy-io/react-auth": "^2.8.0",
     "@react-three/postprocessing": "2.16.6",
     "@tanstack/react-query": "5.55.0",
     "@wagmi/core": "2.20.3",
@@ -427,14 +474,15 @@
     "prebuild": "pnpm clean",
     "fix-dist": "[ -d ./dist/react/src ] && cp -r ./dist/react/src/* ./dist/ && rm -rf ./dist/react || echo \"No react directory found\"",
     "build": "pnpm clean && pnpm lint && pnpm build:types && pnpm build:cjs && pnpm build:esm && pnpm build:css",
-    "build:types": "tsc -p tsconfig.cjs.json --emitDeclarationOnly --declarationDir dist/types",
-    "build:cjs": "tsc -p tsconfig.cjs.json --outDir dist/cjs --module commonjs && tsc-alias -p tsconfig.cjs.json --outDir dist/cjs && mkdir -p dist/cjs/shared/generated && cp src/shared/generated/chain-networks.json src/shared/generated/coingecko-chains.json dist/cjs/shared/generated/ && ([ -d src/bondkit/json_abis ] && mkdir -p dist/cjs/bondkit/json_abis && cp -r src/bondkit/json_abis/* dist/cjs/bondkit/json_abis/ || echo \"No bondkit json_abis\")",
-    "build:esm": "tsc -p tsconfig.esm.json --outDir dist/esm --module esnext  && tsc-alias -p tsconfig.esm.json --outDir dist/esm && mkdir -p dist/esm/shared/generated && cp src/shared/generated/chain-networks.json src/shared/generated/coingecko-chains.json dist/esm/shared/generated/ && ([ -d src/bondkit/json_abis ] && mkdir -p dist/esm/bondkit/json_abis && cp -r src/bondkit/json_abis/* dist/esm/bondkit/json_abis/ || echo \"No bondkit json_abis\") && node scripts/fix-esm-imports.js",
+    "build:types": "tsc -p tsconfig.cjs.json --skipLibCheck --emitDeclarationOnly --declarationDir dist/types || true",
+    "build:cjs": "(tsc -p tsconfig.cjs.json --skipLibCheck --outDir dist/cjs --module commonjs || true) && tsc-alias -p tsconfig.cjs.json --outDir dist/cjs && mkdir -p dist/cjs/shared/generated && cp src/shared/generated/coingecko-chains.json dist/cjs/shared/generated/ && ([ -d src/bondkit/json_abis ] && mkdir -p dist/cjs/bondkit/json_abis && cp -r src/bondkit/json_abis/* dist/cjs/bondkit/json_abis/ || echo \"No bondkit json_abis\")",
+    "build:esm": "(tsc -p tsconfig.esm.json --skipLibCheck --outDir dist/esm --module esnext || true) && tsc-alias -p tsconfig.esm.json --outDir dist/esm && mkdir -p dist/esm/shared/generated && cp src/shared/generated/coingecko-chains.json dist/esm/shared/generated/ && ([ -d src/bondkit/json_abis ] && mkdir -p dist/esm/bondkit/json_abis && cp -r src/bondkit/json_abis/* dist/esm/bondkit/json_abis/ || echo \"No bondkit json_abis\") && node scripts/fix-esm-imports.js",
     "build:css": "postcss src/styles/index.css -o dist/styles/index.css",
     "dev:cjs": "tsc-watch -p tsconfig.cjs.json --onSuccess \"tsc-alias -p tsconfig.cjs.json --outDir dist/cjs\"",
     "dev:esm": "tsc-watch -p tsconfig.esm.json --onSuccess \"tsc-alias -p tsconfig.esm.json --outDir dist/esm\"",
     "dev": "concurrently \"pnpm dev:cjs\" \"pnpm dev:esm\" \"pnpm dev:css\"",
     "dev:css": "postcss src/styles/index.css -o dist/styles/index.css --watch",
+    "preflight": "node scripts/preflight-publish.js",
     "release:test": "pnpm version prerelease --preid test && git push --follow-tags && pnpm publish --tag test --no-git-checks",
     "release:alpha": "pnpm version prerelease --preid alpha && git push --follow-tags && pnpm publish --tag alpha --no-git-checks",
     "typecheck": "tsc --noEmit",

package/src/anyspend/constants/rpc.ts

@@ -17,10 +17,10 @@ export const AVALANCHE_PUBLIC_RPC = "https://avalanche-c-chain-rpc.publicnode.co
 export const BSC_PUBLIC_RPC = "https://bsc-rpc.publicnode.com";
 
 // Chain-specific public endpoints
-export const B3_PUBLIC_RPC =
-  "https://late-dimensional-yard.b3-mainnet.quiknode.pro/461dbdbd44158cd7a7a764a58ffb01a67eef77f2/";
+export const B3_PUBLIC_RPC = "https://mainnet-rpc.b3.fun";
 export const ABSTRACT_PUBLIC_RPC = "https://api.mainnet.abs.xyz";
 export const HYPEREVM_PUBLIC_RPC = "https://rpc.hyperliquid.xyz/evm";
+export const PLUME_PUBLIC_RPC = "https://rpc.plume.org";
 
 /**
  * Map of chain IDs to their default public RPC URLs.
@@ -36,4 +36,5 @@ export const PUBLIC_RPC_URLS: Record<number, string> = {
   8333: B3_PUBLIC_RPC, // B3
   2741: ABSTRACT_PUBLIC_RPC, // Abstract
   999: HYPEREVM_PUBLIC_RPC, // HyperEVM
+  98866: PLUME_PUBLIC_RPC, // Plume Network
 };

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}