@b3dotfun/sdk 0.0.1-alpha.1

package/dist/cjs/global-account/bsmnt.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetSocket = exports.authenticate = void 0;
+const basement_api_1 = require("@b3dotfun/basement-api");
+const authentication_client_1 = require("@feathersjs/authentication-client");
+const socketio_client_1 = __importDefault(require("@feathersjs/socketio-client"));
+const js_cookie_1 = __importDefault(require("js-cookie"));
+const socket_io_client_1 = __importDefault(require("socket.io-client"));
+// Also use b3 auth token since we are using b3-jwt strategy
+const BSMNT_AUTH_COOKIE_NAME = "b3-auth";
+const BSMNT_API_URL = process.env.EXPO_PUBLIC_BSMNT_API ||
+    process.env.NEXT_PUBLIC_BSMNT_API ||
+    process.env.PUBLIC_BSMNT_API ||
+    "https://api.basement.fun";
+const socket = (0, socket_io_client_1.default)(BSMNT_API_URL, { transports: ["websocket"] });
+class MyAuthenticationClient extends authentication_client_1.AuthenticationClient {
+    getFromLocation(location) {
+        // Do custom location things here
+        return super.getFromLocation(location);
+    }
+}
+const app = (0, basement_api_1.createClient)((0, socketio_client_1.default)(socket), {
+    Authentication: MyAuthenticationClient,
+    jwtStrategy: "b3-jwt",
+    storage: {
+        getItem: (key) => {
+            return js_cookie_1.default.get(key);
+        },
+        setItem: (key, value) => {
+            js_cookie_1.default.set(key, value);
+        },
+        removeItem: (key) => {
+            js_cookie_1.default.remove(key);
+        }
+    },
+    storageKey: BSMNT_AUTH_COOKIE_NAME
+});
+const authenticate = async (accessToken, identityToken, params) => {
+    const fullToken = `${accessToken}+${identityToken}`;
+    // Do not authenticate if there is no token
+    if (!fullToken) {
+        console.log("No token found, not authenticating");
+        return null;
+    }
+    try {
+        const response = await app.authenticate({
+            strategy: "b3-jwt",
+            accessToken: fullToken
+        }, {
+            query: params || {}
+        });
+        return response;
+    }
+    catch (error) {
+        return null;
+    }
+};
+exports.authenticate = authenticate;
+const resetSocket = () => {
+    if (socket.connected)
+        socket.disconnect();
+    socket.connect();
+    // reset the socket connection
+};
+exports.resetSocket = resetSocket;
+exports.default = app;

package/dist/cjs/global-account/bsmnt.native.d.ts

@@ -0,0 +1,5 @@
+import { MMKV } from "react-native-mmkv";
+export declare const localStoreInstance: MMKV;
+declare const app: import("@b3dotfun/basement-api").ClientApplication;
+export declare const authenticate: (accessToken: string, identityToken: string, params?: Record<string, any>) => Promise<import("@feathersjs/authentication").AuthenticationResult | null>;
+export default app;

package/dist/cjs/global-account/bsmnt.native.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authenticate = exports.localStoreInstance = void 0;
+const basement_api_1 = require("@b3dotfun/basement-api");
+const authentication_client_1 = require("@feathersjs/authentication-client");
+const socketio_client_1 = __importDefault(require("@feathersjs/socketio-client"));
+const react_native_mmkv_1 = require("react-native-mmkv");
+const socket_io_client_1 = __importDefault(require("socket.io-client"));
+const BSMNT_AUTH_COOKIE_NAME = "bsmnt-auth";
+const BSMNT_API_URL = process.env.EXPO_PUBLIC_BSMNT_API ||
+    process.env.NEXT_PUBLIC_BSMNT_API ||
+    process.env.PUBLIC_BSMNT_API ||
+    "https://api.basement.fun";
+// React Native compatible store
+exports.localStoreInstance = new react_native_mmkv_1.MMKV();
+class LocalStorage {
+    setItem(key, value) {
+        exports.localStoreInstance.set(`${key}`, value);
+    }
+    getString(key) {
+        return exports.localStoreInstance.getString(`${key}`);
+    }
+    getNumber(key) {
+        return exports.localStoreInstance.getNumber(`${key}`);
+    }
+    getBoolean(key) {
+        return exports.localStoreInstance.getBoolean(`${key}`);
+    }
+    deleteItem(key) {
+        exports.localStoreInstance.delete(`${key}`);
+    }
+    deleteAll(keys) {
+        keys?.forEach(key => this.deleteItem(key));
+    }
+    clear() {
+        exports.localStoreInstance.clearAll();
+    }
+    /**
+     * Get all keys
+     */
+    getAllItem() {
+        return exports.localStoreInstance.getAllKeys();
+    }
+}
+const localStorage = new LocalStorage();
+const socket = (0, socket_io_client_1.default)(BSMNT_API_URL);
+class MyAuthenticationClient extends authentication_client_1.AuthenticationClient {
+    getFromLocation(location) {
+        // Do custom location things here
+        return super.getFromLocation(location);
+    }
+}
+const app = (0, basement_api_1.createClient)((0, socketio_client_1.default)(socket), {
+    Authentication: MyAuthenticationClient,
+    jwtStrategy: "jwt",
+    storage: {
+        getItem: (key) => {
+            return localStorage.getString(key);
+        },
+        setItem: (key, value) => {
+            localStorage.setItem(key, value);
+        },
+        removeItem: (key) => {
+            localStorage.deleteItem(key);
+        }
+    },
+    storageKey: BSMNT_AUTH_COOKIE_NAME
+});
+const authenticate = async (accessToken, identityToken, params) => {
+    const fullToken = `${accessToken}+${identityToken}`;
+    // Do not authenticate if there is no token
+    if (!fullToken) {
+        console.log("No token found, not authenticating");
+        return null;
+    }
+    try {
+        const response = await app.authenticate({
+            strategy: "jwt",
+            accessToken: fullToken
+        }, {
+            query: params || {}
+        });
+        return response;
+    }
+    catch (error) {
+        return null;
+    }
+};
+exports.authenticate = authenticate;
+exports.default = app;

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

@@ -0,0 +1,9 @@
+export declare const VERSION = "0.0.3";
+export { RequestPermissionsButton } from "./react/components/RequestPermissions/RequestPermissionsButton";
+export { SignInWithB3 } from "./react/components/SignInWithB3/SignInWithB3";
+export { B3Context, B3Provider, useB3, type B3ContextType } from "./react/components/B3Provider";
+export { default as AnySpend } from "../anyspend/react/components/AnySpend";
+export { default as AnySpendNFT } from "../anyspend/react/components/AnySpendNFT";
+export { default as AnySpendTournament } from "../anyspend/react/components/AnySpendTournament";
+export { default as B3DynamicModal } from "./react/components/B3DynamicModal";
+export { supportedChains } from "../shared/constants/chains/supported";

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.supportedChains = exports.B3DynamicModal = exports.AnySpendTournament = exports.AnySpendNFT = exports.AnySpend = exports.useB3 = exports.B3Provider = exports.B3Context = exports.SignInWithB3 = exports.RequestPermissionsButton = exports.VERSION = void 0;
+// B3 React Components library
+exports.VERSION = "0.0.3";
+var RequestPermissionsButton_1 = require("./react/components/RequestPermissions/RequestPermissionsButton");
+Object.defineProperty(exports, "RequestPermissionsButton", { enumerable: true, get: function () { return RequestPermissionsButton_1.RequestPermissionsButton; } });
+var SignInWithB3_1 = require("./react/components/SignInWithB3/SignInWithB3");
+Object.defineProperty(exports, "SignInWithB3", { enumerable: true, get: function () { return SignInWithB3_1.SignInWithB3; } });
+var B3Provider_1 = require("./react/components/B3Provider");
+Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return B3Provider_1.B3Context; } });
+Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_1.B3Provider; } });
+Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return B3Provider_1.useB3; } });
+var AnySpend_1 = require("../anyspend/react/components/AnySpend");
+Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return __importDefault(AnySpend_1).default; } });
+var AnySpendNFT_1 = require("../anyspend/react/components/AnySpendNFT");
+Object.defineProperty(exports, "AnySpendNFT", { enumerable: true, get: function () { return __importDefault(AnySpendNFT_1).default; } });
+var AnySpendTournament_1 = require("../anyspend/react/components/AnySpendTournament");
+Object.defineProperty(exports, "AnySpendTournament", { enumerable: true, get: function () { return __importDefault(AnySpendTournament_1).default; } });
+var B3DynamicModal_1 = require("./react/components/B3DynamicModal");
+Object.defineProperty(exports, "B3DynamicModal", { enumerable: true, get: function () { return __importDefault(B3DynamicModal_1).default; } });
+// export { default as ProfileAvatar } from "./components/ProfileAvatar";
+var supported_1 = require("../shared/constants/chains/supported");
+Object.defineProperty(exports, "supportedChains", { enumerable: true, get: function () { return supported_1.supportedChains; } });

package/dist/cjs/global-account/index.native.d.ts

@@ -0,0 +1,3 @@
+export declare const VERSION = "0.0.3";
+export { B3Context, B3Provider, useB3, type B3ContextType } from "./react/components/B3Provider";
+export { supportedChains } from "../shared/constants/chains/supported";

package/dist/cjs/global-account/index.native.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.supportedChains = exports.useB3 = exports.B3Provider = exports.B3Context = exports.VERSION = void 0;
+// B3 React Components library
+exports.VERSION = "0.0.3";
+// export { RequestPermissionsButton } from "./components/RequestPermissions/RequestPermissionsButton";
+// export { SignInWithB3 } from "./components/SignInWithB3/SignInWithB3";
+var B3Provider_1 = require("./react/components/B3Provider");
+Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return B3Provider_1.B3Context; } });
+Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_1.B3Provider; } });
+Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return B3Provider_1.useB3; } });
+// export { default as AnySpend } from "./components/AnySpend/AnySpend";
+// export { default as AnySpendNFT } from "./components/AnySpend/AnySpendNFT";
+// export { default as AnySpendTournament } from "./components/AnySpend/AnySpendTournament";
+// export { default as B3DynamicModal } from "./components/B3DynamicModal";
+// export { default as ProfileAvatar } from "./components/ProfileAvatar";
+var supported_1 = require("../shared/constants/chains/supported");
+Object.defineProperty(exports, "supportedChains", { enumerable: true, get: function () { return supported_1.supportedChains; } });

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

@@ -0,0 +1,7 @@
+import { SimpleHashNFTResponse } from "../../../../global-account/types/simplehash.types";
+interface AccountAssetsProps {
+    nfts: SimpleHashNFTResponse;
+    isLoading?: boolean;
+}
+export declare function AccountAssets({ nfts, isLoading }: AccountAssetsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountAssets = AccountAssets;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function AccountAssets({ nfts, isLoading }) {
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "grid animate-pulse grid-cols-2 gap-4", children: [...Array(4)].map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted aspect-square rounded-lg" }, i))) }));
+    }
+    if (!nfts?.nfts?.length) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "text-b3-react-muted-foreground py-8 text-center", children: "No NFTs found" });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-4", children: nfts.nfts.map(nft => ((0, jsx_runtime_1.jsx)("div", { className: "group relative aspect-square overflow-hidden", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative h-full w-full overflow-hidden rounded-xl", children: [(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 rounded-xl object-cover" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-black from-35% via-black/70 to-transparent p-3 opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-neue-montreal-bold text-[16px] text-white drop-shadow-[0_1px_2px_rgba(0,0,0,1)]", children: nft.name || `#${nft.token_id}` }), (0, jsx_runtime_1.jsx)("p", { className: "font-neue-montreal-bold text-sm text-white/95 drop-shadow-[0_1px_2px_rgba(0,0,0,1)]", children: nft.collection?.name })] })] }) }, nft.nft_id))) }));
+}

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

@@ -0,0 +1 @@
+export default function DynamicModal(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DynamicModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AnySpend_1 = __importDefault(require("../../../anyspend/react/components/AnySpend"));
+const AnySpendBuySpin_1 = __importDefault(require("../../../anyspend/react/components/AnySpendBuySpin"));
+const AnySpendNFT_1 = __importDefault(require("../../../anyspend/react/components/AnySpendNFT"));
+const AnySpendStakeB3_1 = __importDefault(require("../../../anyspend/react/components/AnySpendStakeB3"));
+const AnySpendTournament_1 = __importDefault(require("../../../anyspend/react/components/AnySpendTournament"));
+const OrderHistory_1 = __importDefault(require("../../../anyspend/react/components/common/OrderHistory"));
+const useIsMobile_1 = __importDefault(require("../../../global-account/react/hooks/useIsMobile"));
+const useModalStore_1 = require("../../../global-account/react/stores/useModalStore");
+const debug_1 = require("../../../shared/utils/debug");
+const B3Provider_1 = require("./B3Provider");
+const ManageAccount_1 = require("./ManageAccount/ManageAccount");
+const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
+const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
+const TransakModal_1 = __importDefault(require("./Transak/TransakModal"));
+const dialog_1 = require("./ui/dialog");
+const drawer_1 = require("./ui/drawer");
+const debug = (0, debug_1.debugB3React)("B3DynamicModal");
+function DynamicModal() {
+    const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = (0, useModalStore_1.useModalStore)();
+    const { theme } = (0, B3Provider_1.useB3)();
+    const isMobile = (0, useIsMobile_1.default)();
+    let contentClass = `b3-modal ${theme === "dark" ? "dark" : ""}`;
+    let hideCloseButton = false;
+    if ([
+        "anySpend",
+        "anySpendNft",
+        "anySpendJoinTournament",
+        "anySpendFundTournament",
+        "anySpendStakeB3",
+        "anySpendBuySpin",
+        "anySpendOrderHistory",
+        "signInWithB3"
+    ].find(type => contentType?.type === type)) {
+        contentClass += " max-h-[90dvh] overflow-y-auto no-scrollbar w-full";
+    }
+    if (["anySpendNft", "anySpendJoinTournament", "anySpendFundTournament", "anySpendStakeB3", "anySpendBuySpin"].find(type => contentType?.type === type)) {
+        // Due to the dynamic of (Pay with crypto),(Pay with fiat), we want the height fixed to 90dvh but still scrollable.
+        // NOTE: Just leave it here in case we want the fixed height
+        // contentClass += " min-h-[90dvh] b3-modal-freestyle";
+        contentClass += " b3-modal-freestyle";
+        hideCloseButton = true;
+    }
+    if (contentType?.type === "transak") {
+        contentClass += " transak-modal";
+    }
+    debug("@@DynamicModal:contentType", contentType);
+    const renderContent = () => {
+        if (!contentType)
+            return null;
+        switch (contentType.type) {
+            case "signInWithB3":
+                return (0, jsx_runtime_1.jsx)(SignInWithB3Flow_1.SignInWithB3Flow, { ...contentType });
+            case "requestPermissions":
+                return (0, jsx_runtime_1.jsx)(RequestPermissions_1.RequestPermissions, { ...contentType });
+            case "manageAccount":
+                return (0, jsx_runtime_1.jsx)(ManageAccount_1.ManageAccount, { ...contentType });
+            case "anySpend":
+                return (0, jsx_runtime_1.jsx)(AnySpend_1.default, { mode: "modal", ...contentType });
+            case "anyspendOrderDetails":
+                return (0, jsx_runtime_1.jsx)(AnySpend_1.default, { mode: "modal", loadOrder: contentType.orderId });
+            case "anySpendNft":
+                return (0, jsx_runtime_1.jsx)(AnySpendNFT_1.default, { ...contentType, mode: "modal" });
+            case "anySpendJoinTournament":
+                return (0, jsx_runtime_1.jsx)(AnySpendTournament_1.default, { ...contentType, mode: "modal", action: "join" });
+            case "anySpendFundTournament":
+                return (0, jsx_runtime_1.jsx)(AnySpendTournament_1.default, { ...contentType, mode: "modal", action: "fund" });
+            case "transak":
+                return (0, jsx_runtime_1.jsx)(TransakModal_1.default, {});
+            case "anySpendOrderHistory":
+                return (0, jsx_runtime_1.jsx)(OrderHistory_1.default, { onBack: () => { }, mode: "modal" });
+            case "anySpendStakeB3":
+                return (0, jsx_runtime_1.jsx)(AnySpendStakeB3_1.default, { ...contentType, mode: "modal" });
+            case "anySpendBuySpin":
+                return (0, jsx_runtime_1.jsx)(AnySpendBuySpin_1.default, { ...contentType, mode: "modal" });
+            // Add other modal types here
+            default:
+                return null;
+        }
+    };
+    const ModalComponent = isMobile ? drawer_1.Drawer : dialog_1.Dialog;
+    const ModalContent = isMobile ? drawer_1.DrawerContent : dialog_1.DialogContent;
+    const ModalTitle = isMobile ? drawer_1.DrawerTitle : dialog_1.DialogTitle;
+    const ModalDescription = isMobile ? drawer_1.DrawerDescription : dialog_1.DialogDescription;
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: (0, jsx_runtime_1.jsxs)(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+}

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

@@ -0,0 +1,53 @@
+import { User } from "../../../global-account/types/b3-api.types";
+import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
+import "@reservoir0x/relay-kit-ui/styles.css";
+export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly import("wagmi").CreateConnectorFn[]>;
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    automaticallySetFirstEoa: boolean;
+    user?: User;
+    setAccount: (account: Account) => void;
+    setWallet: (wallet: Wallet) => void;
+    wallet?: Wallet;
+    setUser: (user?: User) => void;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+}
+/**
+ * Context for B3 provider
+ */
+export declare const B3Context: import("react").Context<B3ContextType>;
+/**
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ */
+export declare function useB3(): B3ContextType;
+/**
+ * Main B3Provider component
+ */
+export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment, automaticallySetFirstEoa }: {
+    isMainnetAnySpend?: boolean;
+    theme: "light" | "dark";
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
+    automaticallySetFirstEoa?: 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 }: {
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
+    defaultPermissions?: PermissionsConfig;
+    automaticallySetFirstEoa: boolean;
+    theme: "light" | "dark";
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,118 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.B3Context = exports.wagmiConfig = void 0;
+exports.useB3 = useB3;
+exports.B3Provider = B3Provider;
+exports.InnerProvider = InnerProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const supported_1 = require("../../../shared/constants/chains/supported");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const sonner_1 = require("sonner");
+const react_2 = require("thirdweb/react");
+const wagmi_1 = require("wagmi");
+const RelayKitProviderWrapper_1 = require("./RelayKitProviderWrapper");
+const StyleRoot_1 = __importDefault(require("./StyleRoot"));
+require("@reservoir0x/relay-kit-ui/styles.css");
+/**
+ * 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
+};
+exports.wagmiConfig = (0, wagmi_1.createConfig)({
+    chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
+    transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)()]))
+});
+/**
+ * Context for B3 provider
+ */
+exports.B3Context = (0, react_1.createContext)({
+    account: undefined,
+    automaticallySetFirstEoa: false,
+    user: undefined,
+    setAccount: () => { },
+    setWallet: () => { },
+    wallet: undefined,
+    setUser: () => { },
+    initialized: false,
+    ready: false,
+    environment: "development",
+    theme: "light"
+});
+/**
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ */
+function useB3() {
+    const context = (0, react_1.useContext)(exports.B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return (0, react_1.useMemo)(() => context, [context]);
+}
+// Create queryClient instance
+const queryClient = new react_query_1.QueryClient();
+/**
+ * Main B3Provider component
+ */
+function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa }) {
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: (0, jsx_runtime_1.jsxs)(RelayKitProviderWrapper_1.RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.default, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme })] }) }) }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light" }) {
+    const activeAccount = (0, react_2.useActiveAccount)();
+    const [manuallySetAccount, setManuallySetAccount] = (0, react_1.useState)(undefined);
+    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_1.useState)(undefined);
+    const wallets = (0, react_2.useConnectedWallets)();
+    const setActiveWallet = (0, react_2.useSetActiveWallet)();
+    const [user, setUser] = (0, react_1.useState)(undefined);
+    // Use given accountOverride or activeAccount from thirdweb
+    const effectiveAccount = accountOverride || manuallySetAccount || activeAccount;
+    const setAccount = (account) => {
+        setManuallySetAccount(account);
+    };
+    const setWallet = (wallet) => {
+        setManuallySelectedWallet(wallet);
+        const account = wallet.getAccount();
+        setManuallySetAccount(account);
+        console.log("@@gio:setWallet", wallet.id, account?.address);
+        setActiveWallet(wallet);
+    };
+    const setFirstEoa = () => {
+        const firstEoa = wallets.find(wallet => ["com.coinbase.wallet", "io.metamask"].includes(wallet.id));
+        if (firstEoa) {
+            setWallet(firstEoa);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (automaticallySetFirstEoa) {
+            console.log("@@gio:wallets", wallets);
+            setFirstEoa();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [automaticallySetFirstEoa, wallets]);
+    return ((0, jsx_runtime_1.jsx)(exports.B3Context.Provider, { value: {
+            account: effectiveAccount,
+            setAccount,
+            setWallet,
+            wallet: manuallySelectedWallet,
+            user,
+            setUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            automaticallySetFirstEoa,
+            environment,
+            defaultPermissions,
+            theme
+        }, children: children }));
+}

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

@@ -0,0 +1,46 @@
+import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { User } from "../../../global-account/types/b3-api.types";
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    user?: User;
+    setAccount: (account: Account) => void;
+    setUser: (user?: User) => void;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+}
+/**
+ * Context for B3 provider
+ */
+export declare const B3Context: import("react").Context<B3ContextType>;
+/**
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ */
+export declare function useB3(): B3ContextType;
+/**
+ * Main B3Provider component
+ */
+export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment }: {
+    isMainnetAnySpend?: boolean;
+    theme: "light" | "dark";
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme }: {
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.B3Context = void 0;
+exports.useB3 = useB3;
+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");
+/**
+ * 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
+};
+/**
+ * Context for B3 provider
+ */
+exports.B3Context = (0, react_1.createContext)({
+    account: undefined,
+    user: undefined,
+    setAccount: () => { },
+    setUser: () => { },
+    initialized: false,
+    ready: false,
+    environment: "development",
+    theme: "light"
+});
+/**
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ */
+function useB3() {
+    const context = (0, react_1.useContext)(exports.B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return (0, react_1.useMemo)(() => context, [context]);
+}
+// Create queryClient instance
+const queryClient = new react_query_1.QueryClient();
+/**
+ * Main B3Provider component
+ */
+function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment }) {
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, children: children }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light" }) {
+    const activeAccount = (0, react_2.useActiveAccount)();
+    const [manuallySetAccount, setManuallySetAccount] = (0, react_1.useState)(undefined);
+    const [user, setUser] = (0, react_1.useState)(undefined);
+    // Use given accountOverride or activeAccount from thirdweb
+    const effectiveAccount = accountOverride || manuallySetAccount || activeAccount;
+    const setAccount = (account) => {
+        setManuallySetAccount(account);
+    };
+    return ((0, jsx_runtime_1.jsx)(exports.B3Context.Provider, { value: {
+            account: effectiveAccount,
+            setAccount,
+            user,
+            setUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            environment,
+            defaultPermissions,
+            theme
+        }, children: children }));
+}