@b3dotfun/sdk 0.1.0 → 0.1.1-test.0

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

@@ -61,7 +61,7 @@ function AnySpend(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, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
-    const { partnerId } = (0, react_2.useB3Config)();
+    const { partnerId } = (0, react_2.useB3)();
     const setB3ModalContentType = (0, react_2.useModalStore)(state => state.setB3ModalContentType);
     // Determine if we're in "buy mode" based on whether destination token props are provided
     const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId);

package/dist/cjs/anyspend/react/components/common/GasIndicator.d.ts

@@ -3,4 +3,4 @@ export interface GasIndicatorProps {
     gasPrice: GasPriceData;
     className?: string;
 }
-export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/anyspend/react/components/common/GasIndicator.js

@@ -5,21 +5,7 @@ exports.GasIndicator = GasIndicator;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const cn_1 = require("../../../../shared/utils/cn");
 const react_1 = require("motion/react");
-const LEVEL_LABELS = {
-    low: "Low",
-    normal: "Normal",
-    elevated: "Elevated",
-    high: "High",
-    spike: "Spike",
-};
-const LEVEL_STYLES = {
-    low: "bg-green-500/20 text-green-500",
-    normal: "bg-as-surface-tertiary text-as-secondary",
-    elevated: "bg-yellow-500/20 text-yellow-600",
-    high: "bg-orange-500/20 text-orange-500",
-    spike: "bg-red-500/20 text-red-500",
-};
-function formatGasPrice(gweiString) {
+function formatGwei(gweiString) {
     const gwei = parseFloat(gweiString);
     if (gwei < 0.001)
         return "<0.001";
@@ -30,5 +16,9 @@ function formatGasPrice(gweiString) {
     return gwei.toFixed(1);
 }
 function GasIndicator({ gasPrice, className }) {
-    return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: (0, cn_1.cn)("flex items-center justify-between rounded-lg px-3 py-2", gasPrice.isSpike ? "bg-yellow-500/10" : "bg-as-surface-secondary", className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-secondary text-xs", children: ["Gas on ", gasPrice.chainName] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)("rounded px-1.5 py-0.5 text-xs font-medium", LEVEL_STYLES[gasPrice.level]), children: LEVEL_LABELS[gasPrice.level] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-xs font-medium", children: [formatGasPrice(gasPrice.gasPriceGwei), " Gwei"] })] })] }));
+    // Only show when gas is high or spike
+    if (!["high", "spike"].includes(gasPrice.level)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: (0, cn_1.cn)("flex flex-col gap-1 rounded-lg bg-orange-500/10 px-3 py-2", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-medium text-orange-500", children: "Gas is high - transaction may fail or cost more" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs font-medium text-orange-500", children: [formatGwei(gasPrice.gasPriceGwei), " Gwei"] })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-secondary text-xs", children: "Consider swapping later for better rates" })] }));
 }

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -141,7 +141,7 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
     const router = (0, hooks_1.useRouter)();
     const searchParams = (0, hooks_1.useSearchParams)();
     // Get theme from B3Provider context
-    const { theme } = (0, react_1.useB3Config)();
+    const { theme } = (0, react_1.useB3)();
     const colorMode = theme || "light";
     // Read crypto payment method from URL parameters
     const cryptoPaymentMethodFromUrl = searchParams.get("cryptoPaymentMethod");

package/dist/cjs/anyspend/react/components/common/PaymentStripeWeb2.js

@@ -16,7 +16,7 @@ const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const HowItWorks_1 = __importDefault(require("./HowItWorks"));
 const PaymentMethodIcons_1 = __importDefault(require("./PaymentMethodIcons"));
 function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
-    const { theme, stripePublishableKey } = (0, react_2.useB3Config)();
+    const { theme, stripePublishableKey } = (0, react_2.useB3)();
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {

package/dist/cjs/anyspend/react/components/common/TokenBalance.js

@@ -5,12 +5,23 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const chain_1 = require("../../../../anyspend/utils/chain");
 const token_1 = require("../../../../anyspend/utils/token");
 const react_1 = require("../../../../global-account/react");
+const number_1 = require("../../../../shared/utils/number");
+const react_2 = require("react");
 const viem_1 = require("viem");
 function TokenBalance({ token, walletAddress, onChangeInput, }) {
-    const { rawBalance, formattedBalance, isLoading } = (0, react_1.useTokenBalanceDirect)({
-        token,
-        address: walletAddress,
-    });
+    const tokenAddress = (0, token_1.isNativeToken)(token.address) ? "native" : token.address;
+    const { data, isLoading } = (0, react_1.useSimTokenBalance)(walletAddress, tokenAddress, token.chainId);
+    const { rawBalance, formattedBalance } = (0, react_2.useMemo)(() => {
+        const balance = data?.balances?.[0];
+        if (!balance?.amount) {
+            return { rawBalance: null, formattedBalance: "0" };
+        }
+        const raw = BigInt(balance.amount);
+        return {
+            rawBalance: raw,
+            formattedBalance: (0, number_1.formatTokenAmount)(raw, balance.decimals),
+        };
+    }, [data]);
     const handlePercentageClick = (percentage) => {
         if (!rawBalance)
             return;

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -17,7 +17,7 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  */
 function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     // Get validated client reference ID from B3 context
     const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -15,7 +15,7 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  */
 function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     // Get validated client reference ID from B3 context
     const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data

package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.js

@@ -12,7 +12,7 @@ const react_2 = require("react");
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
         requestId: fpData.requestId,

package/dist/cjs/anyspend/react/hooks/useValidatedClientReferenceId.js

@@ -9,7 +9,7 @@ const react_2 = require("react");
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 function useValidatedClientReferenceId() {
-    const { createClientReferenceId } = (0, react_1.useB3Config)();
+    const { createClientReferenceId } = (0, react_1.useB3)();
     const createValidatedClientReferenceId = (0, react_2.useCallback)(async (params) => {
         // If no function provided, return undefined
         if (!createClientReferenceId) {

package/dist/cjs/anyspend/react/providers/AnyspendProvider.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnyspendProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../global-account/react");
 const FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
 const StripeRedirectHandler_1 = require("./StripeRedirectHandler");
 /**
@@ -30,6 +29,6 @@ const StripeRedirectHandler_1 = require("./StripeRedirectHandler");
  * ```
  */
 const AnyspendProvider = function AnyspendProvider({ children, featureFlags }) {
-    return ((0, jsx_runtime_1.jsx)(FeatureFlagsContext_1.FeatureFlagsProvider, { featureFlags: featureFlags, children: (0, jsx_runtime_1.jsxs)(react_1.TooltipProvider, { children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }) }));
+    return ((0, jsx_runtime_1.jsxs)(FeatureFlagsContext_1.FeatureFlagsProvider, { featureFlags: featureFlags, children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }));
 };
 exports.AnyspendProvider = AnyspendProvider;

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

@@ -21,6 +21,10 @@ function AccountAssets({ nfts, isLoading }) {
     }, {});
     const collections = Object.values(groupedNFTs || {});
     const [expandedCollections, setExpandedCollections] = (0, react_1.useState)(() => new Set(collections.map(c => c.collection_id)));
+    const [failedImages, setFailedImages] = (0, react_1.useState)(() => new Set());
+    const handleImageError = (imageId) => {
+        setFailedImages(prev => new Set(prev).add(imageId));
+    };
     if (isLoading) {
         return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: [...Array(2)].map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "animate-pulse", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted mb-3 h-6 w-48 rounded" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" })] })] }, i))) }));
     }
@@ -39,11 +43,11 @@ function AccountAssets({ nfts, isLoading }) {
             return next;
         });
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3 px-4", children: collections.map(collection => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: collections.map(collection => {
             const isExpanded = expandedCollections.has(collection.collection_id);
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [collection.collection_image && ((0, jsx_runtime_1.jsx)("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover" })), (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), (0, jsx_runtime_1.jsx)("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => ((0, jsx_runtime_1.jsx)("div", { className: "relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: (0, jsx_runtime_1.jsx)("img", { src: nft.previews?.image_medium_url ||
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [collection.collection_image && !failedImages.has(`collection-${collection.collection_id}`) && ((0, jsx_runtime_1.jsx)("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover", onError: () => handleImageError(`collection-${collection.collection_id}`) })), (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), (0, jsx_runtime_1.jsx)("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: !failedImages.has(nft.nft_id) && ((0, jsx_runtime_1.jsx)("img", { src: nft.previews?.image_medium_url ||
                                     nft.extra_metadata?.image_original_url ||
                                     nft.collection?.image_url ||
-                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover" }) }, nft.nft_id))) }))] }, collection.collection_id));
+                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover", onError: () => handleImageError(nft.nft_id) })) }, nft.nft_id))) }))] }, collection.collection_id));
         }) }));
 }

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

@@ -43,7 +43,7 @@ function AvatarEditor({ onSetAvatar, className }) {
     const [zoom, setZoom] = (0, react_2.useState)(1);
     const [croppedAreaPixels, setCroppedAreaPixels] = (0, react_2.useState)(null);
     const fileInputRef = (0, react_2.useRef)(null);
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     const { user, setUser } = (0, react_1.useAuthentication)(partnerId);
     const setB3ModalContentType = (0, stores_1.useModalStore)(state => state.setB3ModalContentType);
     const contentType = (0, stores_1.useModalStore)(state => state.contentType);

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

@@ -14,8 +14,6 @@ const react_2 = require("../../../global-account/react");
 const cn_1 = require("../../../shared/utils/cn");
 const debug_1 = require("../../../shared/utils/debug");
 const framer_motion_1 = require("framer-motion");
-const react_3 = require("react");
-const react_4 = require("thirdweb/react");
 const AvatarEditor_1 = require("./AvatarEditor/AvatarEditor");
 const Deposit_1 = require("./Deposit/Deposit");
 const LinkAccount_1 = require("./LinkAccount/LinkAccount");
@@ -35,21 +33,9 @@ function B3DynamicModal() {
     const setB3ModalOpen = (0, react_2.useModalStore)(state => state.setB3ModalOpen);
     const contentType = (0, react_2.useModalStore)(state => state.contentType);
     const navigateBack = (0, react_2.useModalStore)(state => state.navigateBack);
-    const { theme } = (0, react_2.useB3Config)();
+    const { theme } = (0, react_2.useB3)();
     const isMobile = (0, react_2.useIsMobile)();
-    const prevIsOpenRef = (0, react_3.useRef)(isOpen);
-    const { wallet } = (0, react_2.useGlobalAccount)();
-    const setActiveWallet = (0, react_4.useSetActiveWallet)();
     const { toasts, removeToast } = (0, index_1.useToastContext)();
-    // anyspend cleanup global account chnages by setting account back
-    (0, react_3.useEffect)(() => {
-        if (prevIsOpenRef.current && !isOpen) {
-            if (wallet) {
-                setActiveWallet(wallet);
-            }
-        }
-        prevIsOpenRef.current = isOpen;
-    }, [isOpen, wallet, setActiveWallet]);
     // Define arrays for different modal type groups
     const fullWidthTypes = [
         "anySpend",

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

@@ -5,14 +5,15 @@ import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
 import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
+import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     automaticallySetFirstEoa?: boolean;
     simDuneApiKey?: string;
     toaster?: {
@@ -29,5 +30,20 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     overrideDefaultConnectors?: boolean;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
+    automaticallySetFirstEoa: boolean;
+    theme: "light" | "dark";
+    clientType?: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.B3Provider = B3Provider;
+exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
+const useAutoSelectWallet_1 = require("../../../../global-account/react/hooks/useAutoSelectWallet");
 const createWagmiConfig_1 = require("../../../../global-account/react/utils/createWagmiConfig");
 const analytics_1 = require("../../../../global-account/utils/analytics");
 require("@relayprotocol/relay-kit-ui/styles.css");
@@ -14,11 +13,19 @@ const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
 const client_manager_1 = require("../../../client-manager");
-const configStore_1 = require("../../stores/configStore");
 const StyleRoot_1 = require("../StyleRoot");
 const index_1 = require("../Toast/index");
-const AuthenticationProvider_1 = __importDefault(require("./AuthenticationProvider"));
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
+const types_1 = require("./types");
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
+    nativeTokenLimitPerTransaction: 0.1, // in ETH
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
 /**
@@ -26,35 +33,7 @@ const queryClient = new react_query_1.QueryClient();
  */
 function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, 
 // deprecated since v0.0.87
-toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, defaultPermissions, }) {
-    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
-    // Initialize config store on mount
-    (0, react_2.useEffect)(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: !!automaticallySetFirstEoa,
-            theme,
-            clientType,
-            partnerId,
-            stripePublishableKey,
-            createClientReferenceId,
-            enableTurnkey,
-            defaultPermissions,
-        });
-    }, [
-        accountOverride,
-        environment,
-        automaticallySetFirstEoa,
-        theme,
-        clientType,
-        partnerId,
-        stripePublishableKey,
-        createClientReferenceId,
-        enableTurnkey,
-        defaultPermissions,
-        setConfig,
-    ]); // eslint-disable-line react-hooks/exhaustive-deps
+toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -64,7 +43,50 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
     const wagmiConfig = (0, react_2.useMemo)(() => (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [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)(index_1.ToastProvider, { children: (0, jsx_runtime_1.jsxs)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: [(0, jsx_runtime_1.jsx)(ToastContextConnector, {}), (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)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }));
+    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)(index_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsxs)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [(0, jsx_runtime_1.jsx)(ToastContextConnector, {}), (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
+    const activeAccount = (0, react_3.useActiveAccount)();
+    const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
+    //const isConnected = useAuthStore(state => state.isConnected);
+    //const justCompletedLogin = useAuthStore(state => state.justCompletedLogin);
+    // Note: This fixes a bug where useAuthentication is no longer rendered on every page, as of this PR https://github.com/b3-fun/b3/pull/385/files#diff-3ef996931b8fc8e49021ba1b42ddaa97535214681610dc5fdacf63542e261af7
+    // The above PR removes useAuthentication from the overall B3Provider. useAuthentication should be everywhere the provider is, since it sets the overall auth state
+    // By just calling it manually, we fix that issue
+    // As a follow up, we should fix the SDK directly
+    (0, react_1.useAuthentication)(partnerId);
+    // Use given accountOverride or activeAccount from thirdweb
+    // WOJ: why if isAuthenticated is false, we don't use activeAccount, which should be undefined?
+    // skip isAuthenticated check ?
+    const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // Wrapper to set active wallet via thirdweb
+    // Note: `wallet` in context is deprecated - use useActiveWallet() from thirdweb/react instead
+    // Auto-select first EOA wallet when enabled
+    (0, useAutoSelectWallet_1.useAutoSelectWallet)({
+        enabled: automaticallySetFirstEoa,
+    });
+    return ((0, jsx_runtime_1.jsx)(types_1.B3Context.Provider, { value: {
+            account: effectiveAccount,
+            // setWallet,
+            //wallet: undefined, // Deprecated: use useActiveWallet() from thirdweb/react instead
+            //user,
+            //setUser,
+            //refetchUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            automaticallySetFirstEoa,
+            environment,
+            defaultPermissions,
+            theme,
+            clientType,
+            partnerId: partnerId,
+            stripePublishableKey,
+            createClientReferenceId,
+            enableTurnkey,
+        }, children: children }));
 }
 /**
  * Component to connect the toast context to the global toast API

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

@@ -1,27 +1,27 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
+import { B3ContextType } from "./types";
 /**
- * Main B3Provider component
+ * Main B3Provider component for React Native
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     clientType?: ClientType;
     partnerId: string;
     rpcUrls?: Record<number, string>;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
-    defaultPermissions?: PermissionsConfig;
 }): import("react/jsx-runtime").JSX.Element;
 /**
- * Inner provider component for native
+ * Inner provider component that provides the actual B3Context
  */
 export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, partnerId, rpcUrls, }: {
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType?: ClientType;

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

@@ -1,57 +1,54 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const react_2 = require("thirdweb/react");
+const react_1 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
-const configStore_1 = require("../../stores/configStore");
 const createWagmiConfig_1 = require("../../utils/createWagmiConfig");
-const AuthenticationProvider_1 = __importDefault(require("./AuthenticationProvider"));
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
+const types_1 = require("./types");
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
+    nativeTokenLimitPerTransaction: 0.1, // in ETH
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
 /**
- * Main B3Provider component
+ * Main B3Provider component for React Native
  */
-function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
-    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
-    // Initialize config store on mount - props are static and never change
-    (0, react_1.useEffect)(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: false,
-            theme,
-            clientType,
-            partnerId,
-            defaultPermissions,
-        });
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return ((0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsxs)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: [children, (0, jsx_runtime_1.jsx)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }));
+function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, partnerId: partnerId, rpcUrls: rpcUrls, children: children }) }) }));
 }
 /**
- * Inner provider component for native
+ * Inner provider component that provides the actual B3Context
  */
-function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
-    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
+    const activeAccount = (0, react_1.useActiveAccount)();
+    //const { user, setUser, refetchUser } = useAuthentication(partnerId);
     const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls });
-    // Initialize config store on mount - props are static and never change
-    (0, react_1.useEffect)(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: false,
-            theme,
-            clientType,
-            partnerId,
-            defaultPermissions,
-        });
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: children }) }));
+    // Use given accountOverride or activeAccount from thirdweb
+    const effectiveAccount = accountOverride || activeAccount;
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(types_1.B3Context.Provider, { value: {
+                    //account: effectiveAccount,
+                    automaticallySetFirstEoa: false,
+                    //setWallet: () => {},
+                    wallet: undefined,
+                    //user,
+                    //setUser,
+                    initialized: true,
+                    ready: !!effectiveAccount,
+                    environment,
+                    defaultPermissions,
+                    theme,
+                    clientType,
+                    partnerId,
+                    //refetchUser,
+                }, children: children }) }) }));
 }

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

@@ -0,0 +1,27 @@
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
+import { ClientType } from "../../../client-manager";
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    automaticallySetFirstEoa: boolean;
+    wallet?: Wallet;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey?: boolean;
+}
+/**
+ * Context for B3 provider
+ */
+export declare const B3Context: import("react").Context<B3ContextType>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.B3Context = void 0;
+const react_1 = require("react");
+/**
+ * Context for B3 provider
+ */
+exports.B3Context = (0, react_1.createContext)({
+    account: undefined,
+    automaticallySetFirstEoa: false,
+    //user: undefined,
+    //setWallet: () => {},
+    wallet: undefined,
+    //setUser: () => {},
+    //refetchUser: async () => {},
+    initialized: false,
+    ready: false,
+    environment: "development",
+    theme: "light",
+    clientType: "rest",
+    partnerId: "",
+    createClientReferenceId: undefined,
+    enableTurnkey: false,
+});

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

@@ -1,16 +1,5 @@
 /**
- * Hook to access the B3 configuration
- * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
  */
-export declare function useB3(): {
-    automaticallySetFirstEoa: boolean;
-    environment: "development" | "production";
-    theme: "light" | "dark";
-    clientType: import("../../../client-manager").ClientType;
-    partnerId: string;
-    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
-    enableTurnkey: boolean;
-    stripePublishableKey: string | undefined;
-    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
-    accountOverride: import("thirdweb/wallets").Account | undefined;
-};
+export declare function useB3(): import("./types").B3ContextType;