@b3dotfun/sdk 0.0.1-alpha.1

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

@@ -0,0 +1,61 @@
+import { createClient } from "@b3dotfun/basement-api";
+import { AuthenticationClient } from "@feathersjs/authentication-client";
+import socketio from "@feathersjs/socketio-client";
+import Cookies from "js-cookie";
+import io from "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 = io(BSMNT_API_URL, { transports: ["websocket"] });
+class MyAuthenticationClient extends AuthenticationClient {
+    getFromLocation(location) {
+        // Do custom location things here
+        return super.getFromLocation(location);
+    }
+}
+const app = createClient(socketio(socket), {
+    Authentication: MyAuthenticationClient,
+    jwtStrategy: "b3-jwt",
+    storage: {
+        getItem: (key) => {
+            return Cookies.get(key);
+        },
+        setItem: (key, value) => {
+            Cookies.set(key, value);
+        },
+        removeItem: (key) => {
+            Cookies.remove(key);
+        }
+    },
+    storageKey: BSMNT_AUTH_COOKIE_NAME
+});
+export 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;
+    }
+};
+export const resetSocket = () => {
+    if (socket.connected)
+        socket.disconnect();
+    socket.connect();
+    // reset the socket connection
+};
+export default app;

package/dist/esm/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/esm/global-account/bsmnt.native.js

@@ -0,0 +1,86 @@
+import { createClient } from "@b3dotfun/basement-api";
+import { AuthenticationClient } from "@feathersjs/authentication-client";
+import socketio from "@feathersjs/socketio-client";
+import { MMKV } from "react-native-mmkv";
+import io from "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
+export const localStoreInstance = new MMKV();
+class LocalStorage {
+    setItem(key, value) {
+        localStoreInstance.set(`${key}`, value);
+    }
+    getString(key) {
+        return localStoreInstance.getString(`${key}`);
+    }
+    getNumber(key) {
+        return localStoreInstance.getNumber(`${key}`);
+    }
+    getBoolean(key) {
+        return localStoreInstance.getBoolean(`${key}`);
+    }
+    deleteItem(key) {
+        localStoreInstance.delete(`${key}`);
+    }
+    deleteAll(keys) {
+        keys?.forEach(key => this.deleteItem(key));
+    }
+    clear() {
+        localStoreInstance.clearAll();
+    }
+    /**
+     * Get all keys
+     */
+    getAllItem() {
+        return localStoreInstance.getAllKeys();
+    }
+}
+const localStorage = new LocalStorage();
+const socket = io(BSMNT_API_URL);
+class MyAuthenticationClient extends AuthenticationClient {
+    getFromLocation(location) {
+        // Do custom location things here
+        return super.getFromLocation(location);
+    }
+}
+const app = createClient(socketio(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
+});
+export 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;
+    }
+};
+export default app;

package/dist/esm/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/esm/global-account/index.js

@@ -0,0 +1,11 @@
+// B3 React Components library
+export const VERSION = "0.0.3";
+export { RequestPermissionsButton } from "./react/components/RequestPermissions/RequestPermissionsButton";
+export { SignInWithB3 } from "./react/components/SignInWithB3/SignInWithB3";
+export { B3Context, B3Provider, useB3 } 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 { default as ProfileAvatar } from "./components/ProfileAvatar";
+export { supportedChains } from "../shared/constants/chains/supported";

package/dist/esm/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/esm/global-account/index.native.js

@@ -0,0 +1,11 @@
+// B3 React Components library
+export const VERSION = "0.0.3";
+// export { RequestPermissionsButton } from "./components/RequestPermissions/RequestPermissionsButton";
+// export { SignInWithB3 } from "./components/SignInWithB3/SignInWithB3";
+export { B3Context, B3Provider, useB3 } from "./react/components/B3Provider";
+// 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";
+export { supportedChains } from "../shared/constants/chains/supported";

package/dist/esm/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/esm/global-account/react/components/AccountAssets/AccountAssets.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AccountAssets({ nfts, isLoading }) {
+    if (isLoading) {
+        return (_jsx("div", { className: "grid animate-pulse grid-cols-2 gap-4", children: [...Array(4)].map((_, i) => (_jsx("div", { className: "bg-b3-react-muted aspect-square rounded-lg" }, i))) }));
+    }
+    if (!nfts?.nfts?.length) {
+        return _jsx("div", { className: "text-b3-react-muted-foreground py-8 text-center", children: "No NFTs found" });
+    }
+    return (_jsx("div", { className: "grid grid-cols-2 gap-4", children: nfts.nfts.map(nft => (_jsx("div", { className: "group relative aspect-square overflow-hidden", children: _jsxs("div", { className: "relative h-full w-full overflow-hidden rounded-xl", children: [_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" }), _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: [_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}` }), _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/esm/global-account/react/components/B3DynamicModal.d.ts

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

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AnySpend from "../../../anyspend/react/components/AnySpend";
+import AnySpendBuySpin from "../../../anyspend/react/components/AnySpendBuySpin";
+import AnySpendNFT from "../../../anyspend/react/components/AnySpendNFT";
+import AnySpendStakeB3 from "../../../anyspend/react/components/AnySpendStakeB3";
+import AnySpendTournament from "../../../anyspend/react/components/AnySpendTournament";
+import OrderHistory from "../../../anyspend/react/components/common/OrderHistory";
+import useIsMobile from "../../../global-account/react/hooks/useIsMobile";
+import { useModalStore } from "../../../global-account/react/stores/useModalStore";
+import { debugB3React } from "../../../shared/utils/debug";
+import { useB3 } from "./B3Provider";
+import { ManageAccount } from "./ManageAccount/ManageAccount";
+import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
+import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
+import TransakModal from "./Transak/TransakModal";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog";
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer";
+const debug = debugB3React("B3DynamicModal");
+export default function DynamicModal() {
+    const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = useModalStore();
+    const { theme } = useB3();
+    const isMobile = useIsMobile();
+    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 _jsx(SignInWithB3Flow, { ...contentType });
+            case "requestPermissions":
+                return _jsx(RequestPermissions, { ...contentType });
+            case "manageAccount":
+                return _jsx(ManageAccount, { ...contentType });
+            case "anySpend":
+                return _jsx(AnySpend, { mode: "modal", ...contentType });
+            case "anyspendOrderDetails":
+                return _jsx(AnySpend, { mode: "modal", loadOrder: contentType.orderId });
+            case "anySpendNft":
+                return _jsx(AnySpendNFT, { ...contentType, mode: "modal" });
+            case "anySpendJoinTournament":
+                return _jsx(AnySpendTournament, { ...contentType, mode: "modal", action: "join" });
+            case "anySpendFundTournament":
+                return _jsx(AnySpendTournament, { ...contentType, mode: "modal", action: "fund" });
+            case "transak":
+                return _jsx(TransakModal, {});
+            case "anySpendOrderHistory":
+                return _jsx(OrderHistory, { onBack: () => { }, mode: "modal" });
+            case "anySpendStakeB3":
+                return _jsx(AnySpendStakeB3, { ...contentType, mode: "modal" });
+            case "anySpendBuySpin":
+                return _jsx(AnySpendBuySpin, { ...contentType, mode: "modal" });
+            // Add other modal types here
+            default:
+                return null;
+        }
+    };
+    const ModalComponent = isMobile ? Drawer : Dialog;
+    const ModalContent = isMobile ? DrawerContent : DialogContent;
+    const ModalTitle = isMobile ? DrawerTitle : DialogTitle;
+    const ModalDescription = isMobile ? DrawerDescription : DialogDescription;
+    return (_jsx(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: _jsxs(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && (_jsxs("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [_jsx("span", { children: "\u2190" }), _jsx("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+}

package/dist/esm/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/esm/global-account/react/components/B3Provider.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { supportedChains } from "../../../shared/constants/chains/supported";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { Toaster } from "sonner";
+import { ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
+import { createConfig, http, WagmiProvider } from "wagmi";
+import { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
+import StyleRoot from "./StyleRoot";
+import "@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
+};
+export const wagmiConfig = createConfig({
+    chains: [supportedChains[0], ...supportedChains.slice(1)],
+    transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()]))
+});
+/**
+ * Context for B3 provider
+ */
+export const B3Context = 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
+ */
+export function useB3() {
+    const context = useContext(B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return useMemo(() => context, [context]);
+}
+// Create queryClient instance
+const queryClient = new QueryClient();
+/**
+ * Main B3Provider component
+ */
+export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa }) {
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: _jsxs(RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme })] }) }) }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light" }) {
+    const activeAccount = useActiveAccount();
+    const [manuallySetAccount, setManuallySetAccount] = useState(undefined);
+    const [manuallySelectedWallet, setManuallySelectedWallet] = useState(undefined);
+    const wallets = useConnectedWallets();
+    const setActiveWallet = useSetActiveWallet();
+    const [user, setUser] = 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);
+        }
+    };
+    useEffect(() => {
+        if (automaticallySetFirstEoa) {
+            console.log("@@gio:wallets", wallets);
+            setFirstEoa();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [automaticallySetFirstEoa, wallets]);
+    return (_jsx(B3Context.Provider, { value: {
+            account: effectiveAccount,
+            setAccount,
+            setWallet,
+            wallet: manuallySelectedWallet,
+            user,
+            setUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            automaticallySetFirstEoa,
+            environment,
+            defaultPermissions,
+            theme
+        }, children: children }));
+}

package/dist/esm/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/esm/global-account/react/components/B3Provider.native.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { createContext, useContext, useMemo, useState } from "react";
+import { ThirdwebProvider, useActiveAccount } from "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
+ */
+export const B3Context = 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
+ */
+export function useB3() {
+    const context = useContext(B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return useMemo(() => context, [context]);
+}
+// Create queryClient instance
+const queryClient = new QueryClient();
+/**
+ * Main B3Provider component
+ */
+export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment }) {
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, children: children }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light" }) {
+    const activeAccount = useActiveAccount();
+    const [manuallySetAccount, setManuallySetAccount] = useState(undefined);
+    const [user, setUser] = useState(undefined);
+    // Use given accountOverride or activeAccount from thirdweb
+    const effectiveAccount = accountOverride || manuallySetAccount || activeAccount;
+    const setAccount = (account) => {
+        setManuallySetAccount(account);
+    };
+    return (_jsx(B3Context.Provider, { value: {
+            account: effectiveAccount,
+            setAccount,
+            user,
+            setUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            environment,
+            defaultPermissions,
+            theme
+        }, children: children }));
+}

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

@@ -0,0 +1,11 @@
+import { Chain } from "thirdweb";
+interface ManageAccountProps {
+    onLogout?: () => void;
+    onSwap?: () => void;
+    onDeposit?: () => void;
+    onViewProfile?: () => void;
+    chain: Chain;
+    partnerId: string;
+}
+export declare function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId }: ManageAccountProps): import("react/jsx-runtime").JSX.Element;
+export {};