@b3dotfun/sdk 0.0.88-alpha.5 → 0.0.88-alpha.7

package/dist/types/global-account/react/hooks/useUser.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Preferred Hook to get the user data
+ */
+export declare function useUser(): {
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                username?: string | undefined;
+                phone?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        turnkeySubOrgs?: {
+            hasDelegatedUser?: boolean | undefined;
+            subOrgId: string;
+            accounts: Record<string, any>[];
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+            turnkeyId?: string | undefined;
+            turnkeyOtpId?: string | undefined;
+        };
+    } | null;
+    isConnecting: boolean;
+    isConnected: boolean;
+    isAuthenticating: boolean;
+};

package/dist/types/global-account/react/index.native.d.ts

@@ -1,6 +1,4 @@
 export { B3Provider } from "./components/B3Provider/B3Provider.native";
-export { B3Context, type B3ContextType } from "./components/B3Provider/types";
-export { useB3 } from "./components/B3Provider/useB3";
 export { useAccountWallet } from "./hooks/useAccountWallet";
 export { useAuthentication } from "./hooks/useAuthentication";
 export { useProfile } from "./hooks/useProfile";

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

@@ -0,0 +1,24 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { ClientType } from "../../client-manager";
+interface ConfigStore {
+    accountOverride?: Account;
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    defaultPermissions: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey: boolean;
+    setConfig: (config: Partial<Omit<ConfigStore, "setConfig">>) => void;
+}
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export declare const useB3ConfigStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConfigStore>>;
+export {};

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

@@ -1,4 +1,5 @@
 export { useAuthStore } from "./useAuthStore";
+export { useB3ConfigStore } from "./configStore";
 export { useModalStore } from "./useModalStore";
 export { useRecentAddressesStore } from "./useRecentAddressesStore";
 export type { AnySpendBuySpinProps, AnySpendFundTournamentProps, AnySpendJoinTournamentProps, AnySpendModalProps, AnySpendNftProps, AnySpendOrderHistoryProps, AnySpendStakeB3Props, AnyspendOrderDetailsProps, ManageAccountModalProps, ModalContentType, RequestPermissionsModalProps, SignInWithB3ModalProps, } from "./useModalStore";

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

@@ -403,6 +403,12 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     customUsdInputValues?: string[];
     /** prefer eoa wallet */
     preferEoa?: boolean;
+    /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+    returnToHomeUrl?: string;
+    /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+    customRecipientLabel?: string;
+    /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+    returnHomeLabel?: string;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

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

@@ -0,0 +1,22 @@
+import { Users } from "@b3dotfun/b3-api";
+interface UserStore {
+    user: Users | null;
+    setUser: (user: Users | undefined) => void;
+    clearUser: () => void;
+}
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+export declare const useUserStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<UserStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: UserStore) => void) => () => void;
+        onFinishHydration: (fn: (state: UserStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore>>;
+    };
+}>;
+export {};

package/package.json

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

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

@@ -24,7 +24,7 @@ import {
   toast,
   TransitionPanel,
   useAccountWallet,
-  useB3,
+  useB3Config,
   useModalStore,
   useProfile,
   useRouter,
@@ -107,6 +107,12 @@ export function AnySpend(props: {
   hideBottomNavigation?: boolean;
   /** When true, disables URL parameter management for swap configuration */
   disableUrlParamManagement?: boolean;
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+  customRecipientLabel?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
 }) {
   const fingerprintConfig = getFingerprintConfig();
 
@@ -132,6 +138,9 @@ function AnySpendInner({
   hideHeader,
   hideBottomNavigation = false,
   disableUrlParamManagement = false,
+  returnToHomeUrl,
+  customRecipientLabel,
+  returnHomeLabel,
 }: {
   sourceChainId?: number;
   destinationTokenAddress?: string;
@@ -147,11 +156,14 @@ function AnySpendInner({
   hideHeader?: boolean;
   hideBottomNavigation?: boolean;
   disableUrlParamManagement?: boolean;
+  returnToHomeUrl?: string;
+  customRecipientLabel?: string;
+  returnHomeLabel?: string;
 }) {
   const searchParams = useSearchParamsSSR();
   const router = useRouter();
 
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
   const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
 
   // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -1066,6 +1078,8 @@ function AnySpendInner({
               // Reset payment methods when going back
               resetPaymentMethods();
             }}
+            returnToHomeUrl={returnToHomeUrl}
+            returnHomeLabel={returnHomeLabel}
           />
         )}
         {/* {mode === "page" && <div className="h-12" />} */}
@@ -1157,6 +1171,7 @@ function AnySpendInner({
                 onShowPointsDetail={() => navigateToPanel(PanelView.POINTS_DETAIL, "forward")}
                 onShowFeeDetail={() => navigateToPanel(PanelView.FEE_DETAIL, "forward")}
                 customUsdInputValues={customUsdInputValues}
+                customRecipientLabel={customRecipientLabel}
               />
             </motion.div>
           )}
@@ -1209,6 +1224,7 @@ function AnySpendInner({
               isBuyMode={isBuyMode}
               effectiveRecipientAddress={effectiveRecipientAddress}
               recipientName={recipientName || undefined}
+              customRecipientLabel={customRecipientLabel}
               onSelectRecipient={() => navigateToPanel(PanelView.RECIPIENT_SELECTION, "forward")}
               dstAmount={dstAmount}
               dstToken={selectedDstToken}

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

@@ -66,6 +66,12 @@ export interface AnySpendCustomExactInProps {
     anyspendPrice: GetQuoteResponse | undefined;
     isLoadingAnyspendPrice: boolean;
   }) => React.JSX.Element;
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+  customRecipientLabel?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
 }
 
 export function AnySpendCustomExactIn(props: AnySpendCustomExactInProps) {
@@ -97,6 +103,9 @@ function AnySpendCustomExactInInner({
   orderType = "custom_exact_in",
   minDestinationAmount,
   header,
+  returnToHomeUrl,
+  customRecipientLabel,
+  returnHomeLabel,
 }: AnySpendCustomExactInProps) {
   const actionLabel = customExactInConfig?.action ?? "Custom Execution";
 
@@ -358,6 +367,7 @@ function AnySpendCustomExactInInner({
                 onShowPointsDetail={() => setActivePanel(PanelView.POINTS_DETAIL)}
                 onShowFeeDetail={() => setActivePanel(PanelView.FEE_DETAIL)}
                 customUsdInputValues={customUsdInputValues}
+                customRecipientLabel={customRecipientLabel}
               />
             </motion.div>
           )}
@@ -383,6 +393,7 @@ function AnySpendCustomExactInInner({
               isBuyMode={true}
               effectiveRecipientAddress={selectedRecipientOrDefault}
               recipientName={recipientName || undefined}
+              customRecipientLabel={customRecipientLabel}
               onSelectRecipient={() => setActivePanel(PanelView.RECIPIENT_SELECTION)}
               dstAmount={dstAmount}
               dstToken={selectedDstToken}
@@ -532,6 +543,8 @@ function AnySpendCustomExactInInner({
             }}
             disableUrlParamManagement
             points={oat.data.points || undefined}
+            returnToHomeUrl={returnToHomeUrl}
+            returnHomeLabel={returnHomeLabel}
           />
         )}
       </div>

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

@@ -106,6 +106,12 @@ export interface AnySpendDepositProps {
   topChainsCount?: number;
   /** Callback when close button is clicked */
   onClose?: () => void;
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+  customRecipientLabel?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
 }
 
 // Default supported chains
@@ -224,6 +230,9 @@ export function AnySpendDeposit({
   minPoolSize = DEFAULT_MIN_POOL_SIZE,
   topChainsCount = 3,
   onClose,
+  returnToHomeUrl,
+  customRecipientLabel,
+  returnHomeLabel,
 }: AnySpendDepositProps) {
   const { connectedEOAWallet } = useAccountWallet();
   const eoaAddress = connectedEOAWallet?.getAccount()?.address;
@@ -539,6 +548,9 @@ export function AnySpendDeposit({
             hideHeader
             hideBottomNavigation
             disableUrlParamManagement
+            returnToHomeUrl={returnToHomeUrl}
+            customRecipientLabel={customRecipientLabel}
+            returnHomeLabel={returnHomeLabel}
           />
         ) : (
           <AnySpendCustomExactIn
@@ -561,6 +573,9 @@ export function AnySpendDeposit({
             customUsdInputValues={customUsdInputValues}
             preferEoa={preferEoa}
             customExactInConfig={depositContractConfig}
+            returnToHomeUrl={returnToHomeUrl}
+            customRecipientLabel={customRecipientLabel}
+            returnHomeLabel={returnHomeLabel}
           />
         )}
       </div>

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

@@ -25,6 +25,10 @@ export interface AnySpendDepositHypeProps {
   onTokenSelect?: (token: components["schemas"]["Token"], event: { preventDefault: () => void }) => void;
   customUsdInputValues?: string[];
   preferEoa?: boolean;
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+  customRecipientLabel?: string;
 }
 
 export function AnySpendDepositHype({

package/src/anyspend/react/components/common/CryptoReceiveSection.tsx

@@ -15,6 +15,8 @@ interface CryptoReceiveSectionProps {
   // Recipient data
   effectiveRecipientAddress?: string;
   recipientName?: string;
+  /** Custom label for recipient display (overrides recipientName) */
+  customRecipientLabel?: string;
   onSelectRecipient: () => void;
   // Token data
   dstAmount: string;
@@ -41,6 +43,7 @@ export function CryptoReceiveSection({
   isBuyMode = false,
   effectiveRecipientAddress,
   recipientName,
+  customRecipientLabel,
   onSelectRecipient,
   dstAmount,
   dstToken,
@@ -78,7 +81,8 @@ export function CryptoReceiveSection({
           >
             <>
               <span className="text-as-tertiarry flex items-center gap-1 text-sm">
-                {recipientName ? formatUsername(recipientName) : shortenAddress(effectiveRecipientAddress || "")}
+                {customRecipientLabel ||
+                  (recipientName ? formatUsername(recipientName) : shortenAddress(effectiveRecipientAddress || ""))}
               </span>
               <ChevronRight className="h-4 w-4" />
             </>

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -21,7 +21,7 @@ import {
   TextLoop,
   TextShimmer,
   useAccountWallet,
-  useB3,
+  useB3Config,
   useModalStore,
   useProfile,
   useUnifiedChainSwitchAndExecute,
@@ -65,6 +65,10 @@ interface OrderDetailsProps {
   onBack?: () => void;
   disableUrlParamManagement?: boolean; // When true, will not modify URL parameters
   points?: number | undefined; // Points earned from the transaction
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
 }
 
 // Add this helper function near the top or just above the component
@@ -217,12 +221,14 @@ export const OrderDetails = memo(function OrderDetails({
   onBack,
   disableUrlParamManagement = false,
   points,
+  returnToHomeUrl,
+  returnHomeLabel,
 }: OrderDetailsProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
 
   // Get theme from B3Provider context
-  const { theme } = useB3();
+  const { theme } = useB3Config();
   const colorMode = theme || "light";
 
   // Read crypto payment method from URL parameters
@@ -377,6 +383,49 @@ export const OrderDetails = memo(function OrderDetails({
     onBack?.();
   }, [cleanupUrlParams, onBack]);
 
+  // Handle "Return to Home" click - redirects to custom URL if provided
+  const handleReturnToHome = useCallback(() => {
+    if (returnToHomeUrl) {
+      // Validate URL to prevent Open Redirect / XSS attacks
+      try {
+        const url = new URL(returnToHomeUrl, window.location.origin);
+        // Only allow http/https protocols
+        if (url.protocol === "http:" || url.protocol === "https:") {
+          window.location.href = url.href;
+          return;
+        }
+      } catch {
+        // If URL parsing fails, check if it's a safe relative URL
+        if (returnToHomeUrl.startsWith("/") && !returnToHomeUrl.startsWith("//")) {
+          window.location.href = returnToHomeUrl;
+          return;
+        }
+      }
+      // Fallback to handleBack if URL is not safe
+      handleBack();
+    } else {
+      handleBack();
+    }
+  }, [returnToHomeUrl, handleBack]);
+
+  // Reusable "Return to Home" / "Close" button
+  const returnHomeOrCloseButton = (
+    <button
+      className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
+      onClick={returnToHomeUrl ? handleReturnToHome : mode === "page" ? handleBack : handleCloseModal}
+    >
+      {returnHomeLabel ? (
+        returnHomeLabel
+      ) : mode === "page" ? (
+        <>
+          Return to Home <Home className="ml-2 h-4 w-4" />
+        </>
+      ) : (
+        "Close"
+      )}
+    </button>
+  );
+
   useEffect(() => {
     if (txSuccess) {
       toast.success("Transaction successful! We are processing your order.", { duration: 10000 });
@@ -521,18 +570,7 @@ export const OrderDetails = memo(function OrderDetails({
             </span>
           </div>
         )}
-        <button
-          className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-          onClick={mode === "page" ? handleBack : handleCloseModal}
-        >
-          {mode === "page" ? (
-            <>
-              Return to Home <Home className="ml-2 h-4 w-4" />
-            </>
-          ) : (
-            "Close"
-          )}
-        </button>
+        {returnHomeOrCloseButton}
       </>
     );
   }
@@ -649,20 +687,7 @@ export const OrderDetails = memo(function OrderDetails({
           </ShinyButton>
         )}
 
-        {order.status === "executed" && (
-          <button
-            className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-            onClick={mode === "page" ? handleBack : handleCloseModal}
-          >
-            {mode === "page" ? (
-              <>
-                Return to Home <Home className="ml-2 h-4 w-4" />
-              </>
-            ) : (
-              "Close"
-            )}
-          </button>
-        )}
+        {order.status === "executed" && returnHomeOrCloseButton}
       </>
     );
   }
@@ -786,20 +811,7 @@ export const OrderDetails = memo(function OrderDetails({
           </ShinyButton>
         )}
 
-        {order.status === "executed" && (
-          <button
-            className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-            onClick={mode === "page" ? handleBack : handleCloseModal}
-          >
-            {mode === "page" ? (
-              <>
-                Return to Home <Home className="ml-2 h-4 w-4" />
-              </>
-            ) : (
-              "Close"
-            )}
-          </button>
-        )}
+        {order.status === "executed" && returnHomeOrCloseButton}
       </>
     );
   }

package/src/anyspend/react/components/common/PanelOnramp.tsx

@@ -33,6 +33,7 @@ export function PanelOnramp({
   onShowPointsDetail,
   onShowFeeDetail,
   customUsdInputValues = ["5", "10", "20", "25"],
+  customRecipientLabel,
 }: {
   srcAmountOnRamp: string;
   setSrcAmountOnRamp: (amount: string) => void;
@@ -52,6 +53,8 @@ export function PanelOnramp({
   onShowPointsDetail?: () => void;
   onShowFeeDetail?: () => void;
   customUsdInputValues?: string[];
+  /** Custom label for recipient display (overrides recipientName) */
+  customRecipientLabel?: string;
 }) {
   // Helper function to get fees from anyspend quote
   const getFeeFromApi = (paymentMethod: FiatPaymentMethod): number | null => {
@@ -228,7 +231,8 @@ export function PanelOnramp({
               onClick={() => setActivePanel(recipientSelectionPanelIndex)} // Recipient selection panel
             >
               <span className="text-sm">
-                {recipientName ? formatUsername(recipientName) : formatAddress(_recipientAddress)}
+                {customRecipientLabel ||
+                  (recipientName ? formatUsername(recipientName) : formatAddress(_recipientAddress))}
               </span>
               <ChevronRight size={16} />
             </button>

package/src/anyspend/react/components/common/PaymentStripeWeb2.tsx

@@ -1,9 +1,8 @@
-import { getStripePromise } from "@b3dotfun/sdk/shared/utils/payment.utils";
 import { OrderDetailsCollapsible, useStripeClientSecret } from "@b3dotfun/sdk/anyspend/react";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-import { ShinyButton, useB3, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
+import { ShinyButton, useB3Config, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
-import { formatStripeAmount } from "@b3dotfun/sdk/shared/utils/payment.utils";
+import { formatStripeAmount, getStripePromise } from "@b3dotfun/sdk/shared/utils/payment.utils";
 import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { PaymentIntentResult, StripePaymentElementOptions } from "@stripe/stripe-js";
 import { X } from "lucide-react";
@@ -19,7 +18,7 @@ interface PaymentStripeWeb2Props {
 }
 
 export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props) {
-  const { theme, stripePublishableKey } = useB3();
+  const { theme, stripePublishableKey } = useB3Config();
   const fingerprintConfig = getFingerprintConfig();
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } =

package/src/anyspend/react/hooks/useAnyspendCreateOnrampOrder.ts

@@ -3,7 +3,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -36,7 +36,7 @@ export type UseAnyspendCreateOnrampOrderProps = {
  */
 export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspendCreateOnrampOrderProps = {}) {
   // Get B3 context values
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   // Get validated client reference ID from B3 context
   const createValidatedClientReferenceId = useValidatedClientReferenceId();

package/src/anyspend/react/hooks/useAnyspendCreateOrder.ts

@@ -2,7 +2,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -36,7 +36,7 @@ export type UseAnyspendCreateOrderProps = {
  */
 export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreateOrderProps = {}) {
   // Get B3 context values
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   // Get validated client reference ID from B3 context
   const createValidatedClientReferenceId = useValidatedClientReferenceId();

package/src/anyspend/react/hooks/useCreateDepositFirstOrder.ts

@@ -2,7 +2,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -29,7 +29,7 @@ export type UseCreateDepositFirstOrderProps = {
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 export function useCreateDepositFirstOrder({ onSuccess, onError }: UseCreateDepositFirstOrderProps = {}) {
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
   const visitorData: VisitorData | undefined = fpData && {

package/src/anyspend/react/hooks/useValidatedClientReferenceId.ts

@@ -1,5 +1,5 @@
 import { Validators } from "@b3dotfun/sdk/anyspend/utils/validation";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useCallback } from "react";
 import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
 import { CreateOrderParams } from "./useAnyspendCreateOrder";
@@ -9,7 +9,7 @@ import { CreateOrderParams } from "./useAnyspendCreateOrder";
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 export function useValidatedClientReferenceId() {
-  const { createClientReferenceId } = useB3();
+  const { createClientReferenceId } = useB3Config();
 
   const createValidatedClientReferenceId = useCallback(
     async (params: CreateOrderParams | CreateOnrampOrderParams) => {

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

@@ -14,14 +14,13 @@ import { AnySpendDepositHype } from "@b3dotfun/sdk/anyspend/react/components/Any
 import { AnySpendDepositUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendDepositUpside";
 import { AnySpendStakeUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpside";
 import { AnySpendStakeUpsideExactIn } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpsideExactIn";
-import { useGlobalAccount, useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config, useGlobalAccount, useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { AnimatePresence, motion } from "framer-motion";
 import { useEffect, useRef } from "react";
 import { useSetActiveWallet } from "thirdweb/react";
 import { AvatarEditor } from "./AvatarEditor/AvatarEditor";
-import { useB3 } from "./B3Provider/useB3";
 import { Deposit } from "./Deposit/Deposit";
 import { LinkAccount } from "./LinkAccount/LinkAccount";
 import { LinkNewAccount } from "./LinkAccount/LinkNewAccount";
@@ -30,8 +29,8 @@ import NotificationsContent from "./ManageAccount/NotificationsContent";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { Send } from "./Send/Send";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
-import { TurnkeyAuthModal } from "./TurnkeyAuthModal";
 import { ToastContainer, useToastContext } from "./Toast/index";
+import { TurnkeyAuthModal } from "./TurnkeyAuthModal";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer";
 
@@ -42,7 +41,7 @@ export function B3DynamicModal() {
   const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
   const contentType = useModalStore(state => state.contentType);
   const navigateBack = useModalStore(state => state.navigateBack);
-  const { theme } = useB3();
+  const { theme } = useB3Config();
   const isMobile = useIsMobile();
   const prevIsOpenRef = useRef(isOpen);
   const { wallet } = useGlobalAccount();