@b3dotfun/sdk 0.1.2 → 0.1.5

package/dist/cjs/global-account/react/components/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SingleUserSearchSelector = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.RelayKitProviderWrapper = exports.B3Provider = exports.B3DynamicModal = void 0;
-exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = void 0;
-exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = exports.toast = void 0;
+exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SingleUserSearchSelector = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.RelayKitProviderWrapper = exports.B3Provider = exports.B3DynamicModal = void 0;
+exports.toast = exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = void 0;
+exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = void 0;
 // TODO woj: Barrel file for all components, this might be reason of bundle size issues
 // Core Components
 var B3DynamicModal_1 = require("./B3DynamicModal");
@@ -40,9 +40,6 @@ Object.defineProperty(exports, "LoginStepContainer", { enumerable: true, get: fu
 var signInUtils_1 = require("./SignInWithB3/utils/signInUtils");
 Object.defineProperty(exports, "getConnectOptionsFromStrategy", { enumerable: true, get: function () { return signInUtils_1.getConnectOptionsFromStrategy; } });
 Object.defineProperty(exports, "isWalletType", { enumerable: true, get: function () { return signInUtils_1.isWalletType; } });
-// Turnkey Components
-var TurnkeyAuthModal_1 = require("./TurnkeyAuthModal");
-Object.defineProperty(exports, "TurnkeyAuthModal", { enumerable: true, get: function () { return TurnkeyAuthModal_1.TurnkeyAuthModal; } });
 // ManageAccount Components
 var ManageAccount_1 = require("./ManageAccount/ManageAccount");
 Object.defineProperty(exports, "ManageAccount", { enumerable: true, get: function () { return ManageAccount_1.ManageAccount; } });

package/dist/cjs/global-account/react/hooks/index.d.ts

@@ -41,7 +41,6 @@ export { useTokenFromUrl } from "./useTokenFromUrl";
 export { useTokenPrice } from "./useTokenPrice";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback";
 export { useTokensFromAddress } from "./useTokensFromAddress";
-export { useTurnkeyAuth } from "./useTurnkeyAuth";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
 export { useUser } from "./useUser";

package/dist/cjs/global-account/react/hooks/index.js

@@ -14,8 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimCollectibles = exports.useSimTokenBalance = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
-exports.useUser = exports.useURLParams = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimCollectibles = exports.useSimTokenBalance = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useUser = void 0;
 var createWagmiConfig_1 = require("../utils/createWagmiConfig");
 Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
@@ -107,8 +107,6 @@ var useTokenPriceWithFallback_1 = require("./useTokenPriceWithFallback");
 Object.defineProperty(exports, "useTokenPriceWithFallback", { enumerable: true, get: function () { return useTokenPriceWithFallback_1.useTokenPriceWithFallback; } });
 var useTokensFromAddress_1 = require("./useTokensFromAddress");
 Object.defineProperty(exports, "useTokensFromAddress", { enumerable: true, get: function () { return useTokensFromAddress_1.useTokensFromAddress; } });
-var useTurnkeyAuth_1 = require("./useTurnkeyAuth");
-Object.defineProperty(exports, "useTurnkeyAuth", { enumerable: true, get: function () { return useTurnkeyAuth_1.useTurnkeyAuth; } });
 var useUnifiedChainSwitchAndExecute_1 = require("./useUnifiedChainSwitchAndExecute");
 Object.defineProperty(exports, "useUnifiedChainSwitchAndExecute", { enumerable: true, get: function () { return useUnifiedChainSwitchAndExecute_1.useUnifiedChainSwitchAndExecute; } });
 var useURLParams_1 = require("./useURLParams");

package/dist/cjs/global-account/react/hooks/useAuth.d.ts

@@ -1,13 +1,12 @@
 import { Wallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 /**
- * Unified authentication hook that uses Turnkey for authentication
- * This replaces the previous Thirdweb-based authentication
+ * Unified authentication hook for B3
  *
  * This hook provides 1:1 feature parity with useAuthentication.ts
  */
 export declare function useAuth(): {
-    authenticate: (turnkeySessionJwt: string, partnerId: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
+    authenticate: (accessToken: string, partnerId: string, strategy?: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
     reAuthenticate: () => Promise<import("@feathersjs/authentication").AuthenticationResult>;
     logout: (callback?: () => void) => Promise<void>;
     isAuthenticated: boolean;

package/dist/cjs/global-account/react/hooks/useAuth.js

@@ -22,8 +22,7 @@ const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 const useUserQuery_1 = require("./useUserQuery");
 const debug = (0, debug_1.debugB3React)("useAuth");
 /**
- * Unified authentication hook that uses Turnkey for authentication
- * This replaces the previous Thirdweb-based authentication
+ * Unified authentication hook for B3
  *
  * This hook provides 1:1 feature parity with useAuthentication.ts
  */
@@ -134,12 +133,8 @@ function useAuth() {
         syncWagmi();
     }, [wallets, syncWagmi]);
     /**
-     * Authenticate user using Turnkey
-     * Note: This no longer requires a wallet for authentication.
-     * Wallets are still used for signing transactions, but authentication is done via Turnkey email OTP.
-     *
-     * For backward compatibility, this function still accepts a wallet parameter,
-     * but it's not used for authentication anymore.
+     * Authenticate user
+     * Attempts to re-authenticate using existing session
      */
     const authenticateUser = (0, react_2.useCallback)(async () => {
         setHasStartedConnecting(true);
@@ -156,33 +151,31 @@ function useAuth() {
             return userAuth;
         }
         catch (error) {
-            // If re-authentication fails, user needs to authenticate via Turnkey
-            // This should be handled by the Turnkey auth modal/flow
-            debug("Re-authentication failed. User needs to authenticate via Turnkey.", error);
+            // If re-authentication fails, user needs to authenticate
+            debug("Re-authentication failed. User needs to authenticate.", error);
             setIsAuthenticated(false);
             setIsAuthenticating(false);
-            throw new Error("Authentication required. Please authenticate via Turnkey.");
+            throw new Error("Authentication required. Please authenticate.");
         }
     }, [reAuthenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting]);
     /**
-     * Authenticate with Turnkey using email OTP
-     * This is the primary authentication method, replacing Thirdweb wallet-based auth
+     * Authenticate with B3
      *
      * This function:
      * 1. Authenticates with FeathersJS (persists session via cookies)
      * 2. Sets user state in the user store (persists to localStorage)
      * 3. Authenticates with BSMNT for basement integration
      */
-    const authenticate = (0, react_2.useCallback)(async (turnkeySessionJwt, partnerId) => {
-        if (!turnkeySessionJwt) {
-            throw new Error("Turnkey session JWT is required");
+    const authenticate = (0, react_2.useCallback)(async (accessToken, partnerId, strategy = "thirdweb-jwt") => {
+        if (!accessToken) {
+            throw new Error("Access token is required");
         }
-        debug("Authenticating with Turnkey JWT", { referralCode, partnerId });
+        debug("Authenticating with B3", { referralCode, partnerId, strategy });
         try {
             // Step 1: Authenticate with FeathersJS (session persisted via cookies)
             const response = await app_1.default.authenticate({
-                strategy: "turnkey-jwt",
-                accessToken: turnkeySessionJwt,
+                strategy,
+                accessToken,
                 referralCode,
                 partnerId: partnerId,
             });
@@ -210,13 +203,6 @@ function useAuth() {
     }, [referralCode, setUser]);
     /**
      * Handle wallet connection
-     * Note: With Turnkey migration, wallet connection is primarily for signing transactions,
-     * not for authentication. Authentication should be done separately via Turnkey email OTP.
-     */
-    /**
-     * Handle wallet connection
-     * Note: With Turnkey migration, wallet connection is primarily for signing transactions,
-     * not for authentication. Authentication should be done separately via Turnkey email OTP.
      */
     const onConnect = (0, react_2.useCallback)(async (_walleAutoConnectedWith, allConnectedWallets) => {
         debug("@@useAuth:onConnect", { _walleAutoConnectedWith, allConnectedWallets });
@@ -231,7 +217,6 @@ function useAuth() {
             setIsAuthenticating(true);
             await setActiveWallet(wallet);
             // Try to authenticate user (will use re-authenticate if session exists)
-            // If no session exists, authentication will need to happen via Turnkey flow
             try {
                 const userAuth = await authenticateUser();
                 if (userAuth && onConnectCallback) {
@@ -239,10 +224,8 @@ function useAuth() {
                 }
             }
             catch (authError) {
-                // Authentication failed - this is expected if user hasn't authenticated via Turnkey yet
-                // The Turnkey auth modal should handle this
+                // Authentication failed - user needs to authenticate
                 debug("@@useAuth:onConnect:authFailed", { authError });
-                // Don't set isAuthenticated to false here - let the Turnkey flow handle it
             }
         }
         catch (error) {

package/dist/cjs/global-account/react/hooks/useTWAuth.d.ts

@@ -1,6 +1,6 @@
 import { Wallet } from "thirdweb/wallets";
 /**
- * @deprecated Use useAuth() with Turnkey authentication instead
+ * @deprecated Use useAuth() instead
  */
 export declare function useTWAuth(): {
     authenticate: (wallet: Wallet, partnerId: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;

package/dist/cjs/global-account/react/hooks/useTWAuth.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTWAuth = useTWAuth;
 /**
- * @deprecated This hook is deprecated. Use useAuth() with Turnkey authentication instead.
+ * @deprecated This hook is deprecated. Use useAuth() instead.
  * This file is kept for backward compatibility but should not be used in new code.
  */
 const app_1 = __importDefault(require("../../../global-account/app"));
@@ -13,10 +13,10 @@ const debug_1 = __importDefault(require("../../../shared/utils/debug"));
 const react_1 = require("react");
 const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 /**
- * @deprecated Use useAuth() with Turnkey authentication instead
+ * @deprecated Use useAuth() instead
  */
 function useTWAuth() {
-    console.warn("useTWAuth is deprecated. Please migrate to useAuth() with Turnkey authentication. See useTurnkeyAuth.ts for the new implementation.");
+    console.warn("useTWAuth is deprecated. Please migrate to useAuth() for authentication.");
     const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
     const authenticate = (0, react_1.useCallback)(async (wallet, partnerId) => {
         if (!wallet || !wallet?.getAuthToken?.())

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

@@ -1,3 +1,4 @@
+import { AnySpendAllClasses } from "../../../anyspend/react";
 import { components } from "../../../anyspend/types/api";
 import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { AllowedStrategy } from "../../../global-account/react";
@@ -41,24 +42,6 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
     /** Whether to show the signers enabled modal */
     signersEnabled?: boolean;
 }
-/**
- * Props for the Turnkey Authentication modal
- * Handles Turnkey email/OTP authentication flow
- */
-export interface TurnkeyAuthModalProps extends BaseModalProps {
-    /** Modal type identifier */
-    type: "turnkeyAuth";
-    /** Callback function called when authentication is successful */
-    onSuccess: (_user: any) => void;
-    /** Callback function called when modal is closed */
-    onClose: () => void;
-    /** Initial email to pre-fill */
-    initialEmail?: string;
-    /** Whether to skip directly to OTP step */
-    skipToOtp?: boolean;
-    /** Whether the modal can be closed - defaults to false for Turnkey */
-    closable?: boolean;
-}
 /**
  * Props for the Request Permissions modal
  * Used to request permission for session keys to interact with contracts
@@ -305,6 +288,8 @@ export interface AnySpendDepositUpsideProps extends BaseModalProps {
     depositContractAddress: string;
     /** Token to deposit */
     token: components["schemas"]["Token"];
+    /** The exact amount of destination tokens to receive, in wei. This will pre-fill the output amount and switch to an exact output swap. */
+    destinationTokenAmount?: string;
     /** Callback function called when the deposit is successful */
     onSuccess?: () => void;
 }
@@ -541,11 +526,15 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
     returnHomeLabel?: string;
     /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn). Defaults to false. */
     isCustomDeposit?: boolean;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendAllClasses;
+    /** Whether to allow direct transfer without swap */
+    allowDirectTransfer?: boolean;
 }
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | TurnkeyAuthModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps | AnySpendDepositModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps | AnySpendDepositModalProps;
 /**
  * State interface for the modal store
  */

package/dist/esm/anyspend/react/components/AnySpend.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../types/api";
+import type { AnySpendClasses } from "./types/classes";
 export interface RecipientOption {
     address: string;
     icon?: string;
@@ -15,7 +16,8 @@ export declare enum PanelView {
     CRYPTO_PAYMENT_METHOD = 6,
     FIAT_PAYMENT_METHOD = 7,
     POINTS_DETAIL = 8,
-    FEE_DETAIL = 9
+    FEE_DETAIL = 9,
+    DIRECT_TRANSFER_SUCCESS = 10
 }
 export declare function AnySpend(props: {
     mode?: "page" | "modal";
@@ -45,4 +47,8 @@ export declare function AnySpend(props: {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendClasses;
+    /** When true, allows direct transfer without swap if source and destination token/chain are the same */
+    allowDirectTransfer?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpend.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { eqci, getDefaultToken, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, HYPERLIQUID_USDC_ADDRESS, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
+import { eqci, getChainName, getDefaultToken, getExplorerTxUrl, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, HYPERLIQUID_USDC_ADDRESS, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGasPrice, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
 import { Button, ShinyButton, StyleRoot, TabsPrimitive, toast, TransitionPanel, useAccountWallet, useB3Config, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
 import BottomNavigation from "../../../global-account/react/components/ManageAccount/BottomNavigation.js";
@@ -9,7 +9,7 @@ import { getThirdwebChain } from "../../../shared/constants/chains/supported.js"
 import { cn } from "../../../shared/utils/cn.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
 import invariant from "invariant";
-import { ArrowDown, HistoryIcon, Loader2 } from "lucide-react";
+import { ArrowDown, CheckCircle, HistoryIcon, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { parseUnits } from "viem";
@@ -17,6 +17,7 @@ import { base, mainnet } from "viem/chains";
 import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPaymentMethod.js";
 import { useConnectedWalletDisplay } from "../hooks/useConnectedWalletDisplay.js";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState.js";
+import { useDirectTransfer } from "../hooks/useDirectTransfer.js";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
@@ -45,17 +46,20 @@ export var PanelView;
     PanelView[PanelView["FIAT_PAYMENT_METHOD"] = 7] = "FIAT_PAYMENT_METHOD";
     PanelView[PanelView["POINTS_DETAIL"] = 8] = "POINTS_DETAIL";
     PanelView[PanelView["FEE_DETAIL"] = 9] = "FEE_DETAIL";
+    PanelView[PanelView["DIRECT_TRANSFER_SUCCESS"] = 10] = "DIRECT_TRANSFER_SUCCESS";
 })(PanelView || (PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
 export function AnySpend(props) {
     const fingerprintConfig = getFingerprintConfig();
+    console.log("[mitch] AnySpend rendered with fingerprintConfig:", props, fingerprintConfig);
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, }) {
+function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     const { partnerId } = useB3Config();
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
+    const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     // Determine if we're in "buy mode" based on whether destination token props are provided
     const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId);
     // Add refs to track URL state
@@ -69,6 +73,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     const previousPanel = useRef(PanelView.MAIN);
     const [activeTab, setActiveTab] = useState(defaultActiveTab);
     const [orderId, setOrderId] = useState(loadOrder);
+    const [directTransferTxHash, setDirectTransferTxHash] = useState();
     const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(orderId);
     !!getOrderAndTransactionsError && console.log("getOrderAndTransactionsError", getOrderAndTransactionsError);
     const [activePanel, setActivePanel] = useState(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
@@ -327,6 +332,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     //   [selectedDstChainId, newRecipientAddress, resolvedAddress]
     // );
     const { address: globalAddress, wallet: globalWallet, connectedEOAWallet } = useAccountWallet();
+    const { executeDirectTransfer, isTransferring: isSwitchingOrExecuting } = useDirectTransfer();
     const globalWalletImage = useAccountWalletImage();
     // Get wallet address based on selected payment method
     const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
@@ -526,19 +532,26 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             selectedSrcChainId === selectedDstChainId &&
             selectedSrcToken.address.toLowerCase() === selectedDstToken.address.toLowerCase());
     }, [activeTab, selectedSrcChainId, selectedDstChainId, selectedSrcToken.address, selectedDstToken.address]);
+    // Check if this is a direct transfer (same chain/token with allowDirectTransfer enabled)
+    const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
     // Determine button state and text
     const btnInfo = useMemo(() => {
         // 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)
+        if (isSameChainSameToken && !allowDirectTransfer)
             return { text: "Select a different token or chain", disable: true, error: false, loading: false };
-        if (isLoadingAnyspendQuote)
+        if (isLoadingAnyspendQuote && !isSameChainSameToken)
             return { text: "Loading quote...", disable: true, error: false, loading: true };
-        if (isCreatingOrder || isCreatingOnrampOrder)
-            return { text: "Creating order...", disable: true, error: false, loading: true };
-        if (!anyspendQuote || !anyspendQuote.success)
+        if (isCreatingOrder || isCreatingOnrampOrder || isSwitchingOrExecuting)
+            return {
+                text: isSwitchingOrExecuting ? "Transferring..." : "Creating order...",
+                disable: true,
+                error: false,
+                loading: true,
+            };
+        if ((!anyspendQuote || !anyspendQuote.success) && !(isSameChainSameToken && allowDirectTransfer))
             return { text: "No quote found", disable: true, error: false, loading: false };
         if (activeTab === "fiat") {
             // For fiat: check recipient first, then payment method
@@ -563,7 +576,8 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             // If payment method selected, show appropriate action
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
                 effectiveCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET) {
-                return { text: "Swap", disable: false, error: false, loading: false };
+                const buttonText = isSameChainSameToken && allowDirectTransfer ? "Transfer" : "Swap";
+                return { text: buttonText, disable: false, error: false, loading: false };
             }
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
                 return { text: "Continue to payment", disable: false, error: false, loading: false };
@@ -577,18 +591,24 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         effectiveRecipientAddress,
         isCreatingOrder,
         isCreatingOnrampOrder,
+        isSwitchingOrExecuting,
         anyspendQuote,
         activeTab,
         effectiveCryptoPaymentMethod,
         selectedFiatPaymentMethod,
         srcAmountOnRamp,
+        allowDirectTransfer,
     ]);
     // Handle main button click
     const onMainButtonClick = async () => {
         if (btnInfo.disable)
             return;
+        const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
         try {
-            invariant(anyspendQuote, "Relay price is not found");
+            // Only require quote for non-direct transfers
+            if (!isDirectTransfer) {
+                invariant(anyspendQuote, "Relay price is not found");
+            }
             if (activeTab === "fiat") {
                 // For fiat: check recipient first
                 if (!effectiveRecipientAddress) {
@@ -652,12 +672,29 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // Handle crypto swap creation
     const handleCryptoSwap = async (method) => {
         try {
-            invariant(anyspendQuote, "Relay price is not found");
+            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
             invariant(effectiveRecipientAddress, "Recipient address is not found");
+            const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
+            // Handle direct transfer (same chain/token) - bypass backend, transfer directly
+            if (isDirectTransfer) {
+                const txHash = await executeDirectTransfer({
+                    chainId: selectedSrcChainId,
+                    tokenAddress: selectedSrcToken.address,
+                    recipientAddress: effectiveRecipientAddress,
+                    amount: srcAmountBigInt,
+                    method,
+                });
+                if (txHash) {
+                    setDirectTransferTxHash(txHash);
+                    navigateToPanel(PanelView.DIRECT_TRANSFER_SUCCESS, "forward");
+                }
+                return;
+            }
+            // Regular swap flow - use backend
+            invariant(anyspendQuote, "Relay price is not found");
             // Debug: Check payment method values
             console.log("handleCryptoSwap - method parameter:", method);
             console.log("handleCryptoSwap - selectedCryptoPaymentMethod state:", selectedCryptoPaymentMethod);
-            const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             createOrder({
                 recipientAddress: effectiveRecipientAddress,
                 orderType: "swap",
@@ -825,7 +862,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     // Reset payment methods when going back
                     resetPaymentMethods();
                 }, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel, disableUrlParamManagement: disableUrlParamManagement })) }) }));
-    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2 pt-5", children: [_jsxs("div", { className: "flex w-full max-w-full flex-col items-center gap-2 px-5", children: [isBuyMode && !hideHeader && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: tab => {
+    const mainView = (_jsxs("div", { className: classes?.mainContent || "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2 pt-5", children: [_jsxs("div", { className: "flex w-full max-w-full flex-col items-center gap-2 px-5", children: [isBuyMode && !hideHeader && (_jsxs("div", { className: classes?.header || "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: classes?.headerLogo || "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: classes?.headerTitle || "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: tab => {
                             setActiveTab(tab);
                             // Reset payment methods when switching tabs
                             resetPaymentMethods();
@@ -839,7 +876,8 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                                         else {
                                             setActivePanel(panelIndex);
                                         }
-                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), activeTab === "crypto" && (_jsx("div", { className: "z-10 -my-6 flex justify-center", children: _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary h-10 w-10 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "cursor-default", selectedDstChainId === HYPERLIQUID_CHAIN_ID && "cursor-not-allowed opacity-50"), onClick: () => {
+                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), activeTab === "crypto" && (_jsx("div", { className: "z-10 -my-6 flex justify-center", children: _jsx(Button, { variant: "ghost", className: classes?.swapDirectionButton ||
+                                        cn("border-as-stroke bg-as-surface-primary h-10 w-10 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "cursor-default", selectedDstChainId === HYPERLIQUID_CHAIN_ID && "cursor-not-allowed opacity-50"), onClick: () => {
                                         if (isBuyMode) {
                                             return;
                                         }
@@ -859,7 +897,11 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                                     }, children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) })), activeTab === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: isBuyMode, effectiveRecipientAddress: effectiveRecipientAddress, recipientName: recipientName || undefined, customRecipientLabel: customRecipientLabel, onSelectRecipient: () => navigateToPanel(PanelView.RECIPIENT_SELECTION, "forward"), dstAmount: dstAmount, dstToken: selectedDstToken, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: setSelectedDstChainId, setSelectedDstToken: setSelectedDstToken, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
                                     setIsSrcInputDirty(false);
                                     setDstAmount(value);
-                                }, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward") }))] }), gasPriceData && !isLoadingGas && activeTab === "crypto" && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: "mt-2 w-full" })), _jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }), !hideTransactionHistoryButton && (globalAddress || effectiveRecipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }), _jsx("div", { className: "w-full", children: _jsx(TabsPrimitive, { defaultValue: "swap", onValueChange: value => {
+                                }, anyspendQuote: isDirectTransfer ? undefined : anyspendQuote, onShowPointsDetail: isDirectTransfer ? undefined : () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: isDirectTransfer ? undefined : () => navigateToPanel(PanelView.FEE_DETAIL, "forward") }))] }), gasPriceData && !isLoadingGas && activeTab === "crypto" && !isDirectTransfer && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: classes?.gasIndicator || "mt-2 w-full" })), _jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: (btnInfo.error && classes?.mainButtonError) ||
+                                    (btnInfo.disable && classes?.mainButtonDisabled) ||
+                                    classes?.mainButton ||
+                                    cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }), !hideTransactionHistoryButton && (globalAddress || effectiveRecipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: classes?.historyButton ||
+                                    "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }), _jsx("div", { className: "w-full", children: _jsx(TabsPrimitive, { defaultValue: "swap", onValueChange: value => {
                         if (value === "settings" || value === "home") {
                             setB3ModalContentType({
                                 type: "manageAccount",
@@ -911,9 +953,17 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         }, srcAmountOnRamp: srcAmountOnRamp }));
     const pointsDetailView = (_jsx(PointsDetailPanel, { pointsAmount: anyspendQuote?.data?.pointsAmount || 0, onBack: navigateBack }));
     const feeDetailView = anyspendQuote?.data?.fee ? (_jsx(FeeDetailPanel, { fee: anyspendQuote.data.fee, transactionAmountUsd: activeTab === "crypto" ? Number(anyspendQuote.data.currencyIn?.amountUsd) : parseFloat(srcAmountOnRamp), onBack: navigateBack })) : null;
+    const directTransferSuccessView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-6 p-5", children: [_jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "bg-as-brand/10 flex h-16 w-16 items-center justify-center rounded-full", children: _jsx(CheckCircle, { className: "text-as-brand h-8 w-8" }) }), _jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-as-primary text-xl font-bold", children: "Transfer Complete" }), _jsxs("p", { className: "text-as-secondary mt-1 text-sm", children: ["Your ", selectedSrcToken.symbol, " has been sent to ", effectiveRecipientAddress?.slice(0, 6), "...", effectiveRecipientAddress?.slice(-4), " on ", getChainName(selectedSrcChainId)] })] })] }), directTransferTxHash && (_jsx("a", { href: getExplorerTxUrl(selectedSrcChainId, directTransferTxHash), target: "_blank", rel: "noopener noreferrer", className: "text-as-brand hover:text-as-brand/80 text-sm underline", children: "View transaction" })), _jsx("div", { className: "flex w-full flex-col gap-2", children: returnToHomeUrl ? (_jsx(Button, { onClick: () => {
+                        window.location.href = returnToHomeUrl;
+                    }, className: "bg-as-brand hover:bg-as-brand/90 w-full text-white", children: returnHomeLabel || "Return to Home" })) : (_jsx(Button, { onClick: () => {
+                        onSuccess?.(directTransferTxHash);
+                        setDirectTransferTxHash(undefined);
+                        setB3ModalOpen(false);
+                    }, className: "bg-as-brand hover:bg-as-brand/90 w-full text-white", children: returnHomeLabel || "Done" })) })] }));
     // Add tabs to the main component when no order is loaded
-    return (_jsx(StyleRoot, { children: _jsx("div", { className: cn("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
-                "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsx(TransitionPanel, { activeIndex: orderId
+    return (_jsx(StyleRoot, { children: _jsx("div", { className: classes?.container ||
+                cn("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
+                    "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsx(TransitionPanel, { activeIndex: orderId
                     ? oat
                         ? PanelView.ORDER_DETAILS
                         : PanelView.LOADING
@@ -942,5 +992,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: fiatPaymentMethodView }, "fiat-payment-method-view"),
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: pointsDetailView }, "points-detail-view"),
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: feeDetailView }, "fee-detail-view"),
+                    _jsx("div", { className: cn(mode === "page" && "p-6"), children: directTransferSuccessView }, "direct-transfer-success-view"),
                 ] }) }) }));
 }

package/dist/esm/anyspend/react/components/AnySpendCollectorClubPurchase.d.ts

@@ -35,9 +35,13 @@ export interface AnySpendCollectorClubPurchaseProps {
      */
     recipientAddress: string;
     /**
-     * Optional spender address (defaults to contract address)
+     * Optional spender address (defaults to shop address)
      */
     spenderAddress?: string;
+    /**
+     * Collector Club Shop contract address (defaults to Base mainnet shop)
+     */
+    ccShopAddress?: string;
     /**
      * Success callback
      */
@@ -66,4 +70,4 @@ export interface AnySpendCollectorClubPurchaseProps {
      */
     forceFiatPayment?: boolean;
 }
-export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, forceFiatPayment, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, ccShopAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, forceFiatPayment, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendCollectorClubPurchase.js

@@ -30,8 +30,8 @@ import { formatUnits } from "../../../shared/utils/number.js";
 import { useMemo } from "react";
 import { encodeFunctionData } from "viem";
 import { AnySpendCustom } from "./AnySpendCustom.js";
-// Collector Club Shop contract on Base
-const CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
+// Default Collector Club Shop contract on Base
+const DEFAULT_CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
 const BASE_CHAIN_ID = 8453;
 // ABI for buyPacksFor function only
 const BUY_PACKS_FOR_ABI = {
@@ -45,7 +45,7 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, }) {
+export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, ccShopAddress = DEFAULT_CC_SHOP_ADDRESS, spenderAddress, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, }) {
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = useMemo(() => {
         try {
@@ -78,7 +78,7 @@ export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activ
     }, [recipientAddress, packId, packAmount]);
     // Default header if not provided
     const defaultHeader = () => (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsxs("div", { children: [_jsx("h1", { className: "text-as-primary text-xl font-bold", children: "Buy Collector Club Packs" }), _jsxs("p", { className: "text-as-secondary text-sm", children: ["Purchase ", packAmount, " pack", packAmount !== 1 ? "s" : "", " using any token"] })] }) }));
-    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: totalAmount, contractAddress: CC_SHOP_ADDRESS, encodedData: encodedData, metadata: {
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress ?? ccShopAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: totalAmount, contractAddress: ccShopAddress, encodedData: encodedData, metadata: {
             packId,
             packAmount,
             pricePerPack,

package/dist/esm/anyspend/react/components/AnySpendCustomExactIn.d.ts

@@ -1,5 +1,6 @@
 import { components } from "../../../anyspend/types/api";
 import { GetQuoteResponse } from "../../../anyspend/types/api_req_res";
+import type { AnySpendCustomExactInClasses } from "./types/classes";
 type CustomExactInConfig = {
     functionAbi: string;
     functionName: string;
@@ -17,6 +18,7 @@ export interface AnySpendCustomExactInProps {
     sourceTokenChainId?: number;
     destinationToken: components["schemas"]["Token"];
     destinationChainId: number;
+    destinationTokenAmount?: string;
     onSuccess?: (amount: string) => void;
     onOpenCustomModal?: () => void;
     mainFooter?: React.ReactNode;
@@ -38,6 +40,10 @@ export interface AnySpendCustomExactInProps {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendCustomExactInClasses;
+    /** When true, allows direct transfer without swap if source and destination token/chain are the same */
+    allowDirectTransfer?: boolean;
 }
 export declare function AnySpendCustomExactIn(props: AnySpendCustomExactInProps): import("react/jsx-runtime").JSX.Element;
 export {};