@b3dotfun/sdk 0.0.61-alpha.2 → 0.0.61-alpha.4

package/dist/cjs/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/AnyspendDepositHype.js

@@ -24,8 +24,10 @@ const FiatPaymentMethod_1 = require("./common/FiatPaymentMethod");
 const OrderDetails_1 = require("./common/OrderDetails");
 const PointsDetailPanel_1 = require("./common/PointsDetailPanel");
 const RecipientSelection_1 = require("./common/RecipientSelection");
+const react_4 = require("thirdweb/react");
 const lucide_react_1 = require("lucide-react");
 const PanelOnramp_1 = require("./common/PanelOnramp");
+const utils_1 = require("../../utils");
 const SLIPPAGE_PERCENT = 3;
 exports.HYPE_TOKEN_DETAILS = {
     SYMBOL: "HYPE",
@@ -35,7 +37,7 @@ function AnySpendDepositHype(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendDepositHypeInner, { ...props }) }));
 }
-function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, }) {
+function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, }) {
     // Use shared flow hook
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, dstAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, anyspendQuote, isLoadingAnyspendQuote, activeInputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = (0, useAnyspendFlow_1.useAnyspendFlow)({
         paymentType,
@@ -48,6 +50,20 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         slippage: SLIPPAGE_PERCENT,
         disableUrlParamManagement: true,
     });
+    const { connectedEOAWallet: connectedEOAWallet } = (0, react_1.useAccountWallet)();
+    const setActiveWallet = (0, react_4.useSetActiveWallet)();
+    const activeWallet = (0, react_4.useActiveWallet)();
+    const setGlobalAccountWallet = (0, utils_1.useGlobalWalletState)(state => state.setGlobalAccountWallet);
+    const appliedPreferEoa = (0, react_3.useRef)(false);
+    (0, react_3.useEffect)(() => {
+        if (preferEoa && !appliedPreferEoa.current) {
+            if (connectedEOAWallet) {
+                appliedPreferEoa.current = true;
+                setGlobalAccountWallet(activeWallet);
+                setActiveWallet(connectedEOAWallet);
+            }
+        }
+    }, [preferEoa, connectedEOAWallet, setActiveWallet, activeWallet, setGlobalAccountWallet]);
     // Button state logic
     const btnInfo = (0, react_3.useMemo)(() => {
         if (activeInputAmountInWei === "0")

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -7,7 +7,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -32,7 +32,7 @@ const queryClient = new react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, }) {
+function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -41,7 +41,7 @@ function B3Provider({ theme = "light", children, accountOverride, environment, a
     (0, react_2.useEffect)(() => {
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
-    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors });
+    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
     return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }) }));
 }
 /**

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

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

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

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { B3_TOKEN } from "../../../anyspend/index.js";
-import { Button, ShinyButton, StyleRoot, TransitionPanel } from "../../../global-account/react/index.js";
+import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import invariant from "invariant";
 import { motion } from "motion/react";
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { toast } from "sonner";
 import { base } from "viem/chains";
 import { PanelView, useAnyspendFlow } from "../hooks/useAnyspendFlow.js";
@@ -17,8 +17,10 @@ import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaym
 import { OrderDetails } from "./common/OrderDetails.js";
 import { PointsDetailPanel } from "./common/PointsDetailPanel.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
+import { useActiveWallet, useSetActiveWallet } from "thirdweb/react";
 import { ArrowDown, Loader2 } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp.js";
+import { useGlobalWalletState } from "../../utils/index.js";
 const SLIPPAGE_PERCENT = 3;
 export const HYPE_TOKEN_DETAILS = {
     SYMBOL: "HYPE",
@@ -28,7 +30,7 @@ export function AnySpendDepositHype(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendDepositHypeInner, { ...props }) }));
 }
-function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, }) {
+function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, }) {
     // Use shared flow hook
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, dstAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, anyspendQuote, isLoadingAnyspendQuote, activeInputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = useAnyspendFlow({
         paymentType,
@@ -41,6 +43,20 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         slippage: SLIPPAGE_PERCENT,
         disableUrlParamManagement: true,
     });
+    const { connectedEOAWallet: connectedEOAWallet } = useAccountWallet();
+    const setActiveWallet = useSetActiveWallet();
+    const activeWallet = useActiveWallet();
+    const setGlobalAccountWallet = useGlobalWalletState(state => state.setGlobalAccountWallet);
+    const appliedPreferEoa = useRef(false);
+    useEffect(() => {
+        if (preferEoa && !appliedPreferEoa.current) {
+            if (connectedEOAWallet) {
+                appliedPreferEoa.current = true;
+                setGlobalAccountWallet(activeWallet);
+                setActiveWallet(connectedEOAWallet);
+            }
+        }
+    }, [preferEoa, connectedEOAWallet, setActiveWallet, activeWallet, setGlobalAccountWallet]);
     // Button state logic
     const btnInfo = useMemo(() => {
         if (activeInputAmountInWei === "0")

package/dist/esm/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -7,7 +7,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

package/dist/esm/global-account/react/components/B3Provider/B3Provider.js

@@ -28,7 +28,7 @@ const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, }) {
+export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -37,7 +37,7 @@ export function B3Provider({ theme = "light", children, accountOverride, environ
     useEffect(() => {
         setClientType(clientType);
     }, [clientType]);
-    const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors });
+    const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
     return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, children: _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }) }));
 }
 /**

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

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

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

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -7,7 +7,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

package/package.json

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

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

@@ -1,10 +1,10 @@
 import { B3_TOKEN } from "@b3dotfun/sdk/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-import { Button, ShinyButton, StyleRoot, TransitionPanel } from "@b3dotfun/sdk/global-account/react";
+import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import invariant from "invariant";
 import { motion } from "motion/react";
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { toast } from "sonner";
 import { base } from "viem/chains";
 import { PanelView, useAnyspendFlow } from "../hooks/useAnyspendFlow";
@@ -17,9 +17,11 @@ import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaym
 import { OrderDetails } from "./common/OrderDetails";
 import { PointsDetailPanel } from "./common/PointsDetailPanel";
 import { RecipientSelection } from "./common/RecipientSelection";
+import { useActiveWallet, useSetActiveWallet } from "thirdweb/react";
 
 import { ArrowDown, Loader2 } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp";
+import { useGlobalWalletState } from "../../utils";
 
 const SLIPPAGE_PERCENT = 3;
 
@@ -43,6 +45,7 @@ export interface AnySpendDepositHypeProps {
    */
   onTokenSelect?: (token: components["schemas"]["Token"], event: { preventDefault: () => void }) => void;
   customUsdInputValues?: string[];
+  preferEoa?: boolean;
 }
 
 export function AnySpendDepositHype(props: AnySpendDepositHypeProps) {
@@ -66,6 +69,7 @@ function AnySpendDepositHypeInner({
   mainFooter,
   onTokenSelect,
   customUsdInputValues,
+  preferEoa,
 }: AnySpendDepositHypeProps) {
   // Use shared flow hook
   const {
@@ -113,6 +117,22 @@ function AnySpendDepositHypeInner({
     disableUrlParamManagement: true,
   });
 
+  const { connectedEOAWallet: connectedEOAWallet } = useAccountWallet();
+  const setActiveWallet = useSetActiveWallet();
+  const activeWallet = useActiveWallet();
+  const setGlobalAccountWallet = useGlobalWalletState(state => state.setGlobalAccountWallet);
+  const appliedPreferEoa = useRef(false);
+
+  useEffect(() => {
+    if (preferEoa && !appliedPreferEoa.current) {
+      if (connectedEOAWallet) {
+        appliedPreferEoa.current = true;
+        setGlobalAccountWallet(activeWallet);
+        setActiveWallet(connectedEOAWallet);
+      }
+    }
+  }, [preferEoa, connectedEOAWallet, setActiveWallet, activeWallet, setGlobalAccountWallet]);
+
   // Button state logic
   const btnInfo: { text: string; disable: boolean; error: boolean; loading: boolean } = useMemo(() => {
     if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false, loading: false };

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -57,6 +57,7 @@ export function B3Provider({
   partnerId,
   onConnect,
   connectors,
+  overrideDefaultConnectors = false,
 }: {
   theme: "light" | "dark";
   children: React.ReactNode;
@@ -73,6 +74,7 @@ export function B3Provider({
   partnerId: string;
   onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
   connectors?: CreateConnectorFn[];
+  overrideDefaultConnectors?: boolean;
 }) {
   // Initialize Google Analytics on mount
   useEffect(() => {
@@ -83,7 +85,7 @@ export function B3Provider({
   useEffect(() => {
     setClientType(clientType);
   }, [clientType]);
-  const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors });
+  const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
 
   return (
     <ThirdwebProvider>

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

@@ -330,6 +330,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
   onSuccess?: (amount?: string) => void;
   /** Custom USD input values for quick amount buttons in fiat onramp */
   customUsdInputValues?: string[];
+  /** prefer eoa wallet */
+  preferEoa?: boolean;
 }
 
 export interface AvatarEditorModalProps extends BaseModalProps {