@b3dotfun/sdk 0.0.58 → 0.0.59-alpha.1

package/dist/cjs/anyspend/utils/accountStore.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalWalletState = void 0;
+const zustand_1 = require("zustand");
+exports.useGlobalWalletState = (0, zustand_1.create)(set => ({
+    globalAccountWallet: undefined,
+    setGlobalAccountWallet: account => set({ globalAccountWallet: account }),
+}));

package/dist/cjs/anyspend/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./accountStore";
 export * from "./address";
 export * from "./chain";
 export * from "./format";

package/dist/cjs/anyspend/utils/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./accountStore"), exports);
 __exportStar(require("./address"), exports);
 __exportStar(require("./chain"), exports);
 __exportStar(require("./format"), exports);

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

@@ -5,9 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../anyspend/react");
 const AnyspendDepositHype_1 = require("../../../anyspend/react/components/AnyspendDepositHype");
 const AnySpendStakeUpside_1 = require("../../../anyspend/react/components/AnySpendStakeUpside");
+const utils_1 = require("../../../anyspend/utils");
 const react_2 = require("../../../global-account/react");
 const cn_1 = require("../../../shared/utils/cn");
 const debug_1 = require("../../../shared/utils/debug");
+const react_3 = require("react");
 const AvatarEditor_1 = require("./AvatarEditor/AvatarEditor");
 const useB3_1 = require("./B3Provider/useB3");
 const LinkAccount_1 = require("./LinkAccount/LinkAccount");
@@ -16,11 +18,26 @@ const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
 const dialog_1 = require("./ui/dialog");
 const drawer_1 = require("./ui/drawer");
+const react_4 = require("thirdweb/react");
 const debug = (0, debug_1.debugB3React)("B3DynamicModal");
 function B3DynamicModal() {
     const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = (0, react_2.useModalStore)();
     const { theme } = (0, useB3_1.useB3)();
     const isMobile = (0, react_2.useIsMobile)();
+    const prevIsOpenRef = (0, react_3.useRef)(isOpen);
+    const globalAccountWallet = (0, utils_1.useGlobalWalletState)(state => state.globalAccountWallet);
+    const setGlobalAccountWallet = (0, utils_1.useGlobalWalletState)(state => state.setGlobalAccountWallet);
+    const setActiveWallet = (0, react_4.useSetActiveWallet)();
+    // anyspend cleanup global account chnages by setting account back
+    (0, react_3.useEffect)(() => {
+        if (prevIsOpenRef.current && !isOpen) {
+            if (globalAccountWallet) {
+                setActiveWallet(globalAccountWallet);
+                setGlobalAccountWallet(undefined);
+            }
+        }
+        prevIsOpenRef.current = isOpen;
+    }, [isOpen, globalAccountWallet, setActiveWallet, setGlobalAccountWallet]);
     // Define arrays for different modal type groups
     const fullWidthTypes = [
         "anySpend",

package/dist/cjs/global-account/react/hooks/useWagmiConfig.d.ts

@@ -10,4 +10,444 @@ export declare function useWagmiConfig(partnerId: string, rpcUrls?: Record<numbe
     }>;
 }, {
     "thirdweb:lastChainId": number;
-}>]>;
+}>, import("wagmi").CreateConnectorFn<{
+    request: import("ox/_types/core/Provider").RequestFn<{
+        Request: {
+            method: "eth_accounts";
+            params?: undefined;
+        };
+        ReturnType: readonly import("ox/_types/core/Address").Address[];
+    } | {
+        Request: {
+            method: "eth_blobBaseFee";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_blockNumber";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_call";
+            params: [transaction: import("ox/_types/core/TransactionRequest").Rpc] | [transaction: import("ox/_types/core/TransactionRequest").Rpc, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier] | [transaction: import("ox/_types/core/TransactionRequest").Rpc, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier, stateOverride: unknown];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_chainId";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_coinbase";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Address").Address;
+    } | {
+        Request: {
+            method: "eth_estimateGas";
+            params: [transaction: import("ox/_types/core/TransactionRequest").Rpc] | [transaction: import("ox/_types/core/TransactionRequest").Rpc, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier] | [transaction: import("ox/_types/core/TransactionRequest").Rpc, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier, stateOverride: unknown];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_feeHistory";
+            params: [blockCount: import("ox/_types/core/Hex").Hex, newestBlock: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag, rewardPercentiles: number[] | undefined];
+        };
+        ReturnType: import("ox/_types/core/Fee").FeeHistoryRpc;
+    } | {
+        Request: {
+            method: "eth_gasPrice";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getBalance";
+            params: [address: import("ox/_types/core/Address").Address, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getBlockByHash";
+            params: [hash: import("ox/_types/core/Hex").Hex, includeTransactionObjects: boolean];
+        };
+        ReturnType: import("ox/_types/core/Block").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getBlockByNumber";
+            params: [block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag, includeTransactionObjects: boolean];
+        };
+        ReturnType: import("ox/_types/core/Block").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getBlockTransactionCountByHash";
+            params: [hash: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getBlockTransactionCountByNumber";
+            params: [block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getCode";
+            params: [address: import("ox/_types/core/Address").Address, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getFilterChanges";
+            params: [filterId: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: readonly import("ox/_types/core/Log").Rpc[] | readonly import("ox/_types/core/Hex").Hex[];
+    } | {
+        Request: {
+            method: "eth_getFilterLogs";
+            params: [filterId: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: readonly import("ox/_types/core/Log").Rpc[];
+    } | {
+        Request: {
+            method: "eth_getLogs";
+            params: [filter: import("ox/_types/core/Filter").Rpc];
+        };
+        ReturnType: readonly import("ox/_types/core/Log").Rpc[];
+    } | {
+        Request: {
+            method: "eth_getProof";
+            params: [address: import("ox/_types/core/Address").Address, storageKeys: import("ox/_types/core/Hex").Hex[], block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier];
+        };
+        ReturnType: import("ox/_types/core/AccountProof").Rpc;
+    } | {
+        Request: {
+            method: "eth_getStorageAt";
+            params: [address: import("ox/_types/core/Address").Address, index: import("ox/_types/core/Hex").Hex, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getTransactionByBlockHashAndIndex";
+            params: [hash: import("ox/_types/core/Hex").Hex, index: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Transaction").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getTransactionByBlockNumberAndIndex";
+            params: [block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag, index: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Transaction").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getTransactionByHash";
+            params: [hash: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Transaction").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getTransactionCount";
+            params: [address: import("ox/_types/core/Address").Address, block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag | import("ox/_types/core/Block").Hash | import("ox/_types/core/Block").Identifier];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getTransactionReceipt";
+            params: [hash: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/TransactionReceipt").Rpc | null;
+    } | {
+        Request: {
+            method: "eth_getUncleCountByBlockHash";
+            params: [hash: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_getUncleCountByBlockNumber";
+            params: [block: import("ox/_types/core/Block").Number<import("ox/_types/core/Hex").Hex> | import("ox/_types/core/Block").Tag];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_maxPriorityFeePerGas";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_newBlockFilter";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_newFilter";
+            params: [filter: import("ox/_types/core/Filter").Rpc];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_newPendingTransactionFilter";
+            params?: undefined;
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_protocolVersion";
+            params?: undefined;
+        };
+        ReturnType: string;
+    } | {
+        Request: {
+            method: "eth_requestAccounts";
+            params?: undefined;
+        };
+        ReturnType: readonly import("ox/_types/core/Address").Address[];
+    } | {
+        Request: {
+            method: "eth_sendRawTransaction";
+            params: [serializedTransaction: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_sendTransaction";
+            params: [transaction: import("ox/_types/core/TransactionRequest").Rpc];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_signTransaction";
+            params: [request: import("ox/_types/core/TransactionRequest").Rpc];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_signTypedData_v4";
+            params: [address: import("ox/_types/core/Address").Address, message: string];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_uninstallFilter";
+            params: [filterId: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: boolean;
+    } | {
+        Request: {
+            method: "eth_requestAccounts";
+            params?: undefined;
+        };
+        ReturnType: readonly import("ox/_types/core/Address").Address[];
+    } | {
+        Request: {
+            method: "eth_sendRawTransaction";
+            params: [serializedTransaction: import("ox/_types/core/Hex").Hex];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_sendTransaction";
+            params: [transaction: import("ox/_types/core/TransactionRequest").Rpc];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_signTransaction";
+            params: [request: import("ox/_types/core/TransactionRequest").Rpc];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "eth_signTypedData_v4";
+            params: [address: import("ox/_types/core/Address").Address, message: string];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "personal_sign";
+            params: [data: import("ox/_types/core/Hex").Hex, address: import("ox/_types/core/Address").Address];
+        };
+        ReturnType: import("ox/_types/core/Hex").Hex;
+    } | {
+        Request: {
+            method: "wallet_addEthereumChain";
+            params: [chain: {
+                chainId: string;
+                chainName: string;
+                nativeCurrency?: {
+                    name: string;
+                    symbol: string;
+                    decimals: number;
+                } | undefined | undefined;
+                rpcUrls: readonly string[];
+                blockExplorerUrls?: readonly string[] | undefined;
+                iconUrls?: readonly string[] | undefined;
+            }];
+        };
+        ReturnType: null;
+    } | {
+        Request: {
+            method: "wallet_getCallsStatus";
+            params?: [string];
+        };
+        ReturnType: {
+            status: "PENDING" | "CONFIRMED";
+            receipts?: readonly {
+                logs: {
+                    address: import("ox/_types/core/Hex").Hex;
+                    data: import("ox/_types/core/Hex").Hex;
+                    topics: readonly import("ox/_types/core/Hex").Hex[];
+                }[];
+                status: import("ox/_types/core/Hex").Hex;
+                blockHash: import("ox/_types/core/Hex").Hex;
+                blockNumber: import("ox/_types/core/Hex").Hex;
+                gasUsed: import("ox/_types/core/Hex").Hex;
+                transactionHash: import("ox/_types/core/Hex").Hex;
+            }[] | undefined;
+        };
+    } | {
+        Request: {
+            method: "wallet_getCapabilities";
+            params?: [import("ox/_types/core/Address").Address];
+        };
+        ReturnType: {
+            [x: `0x${string}`]: {
+                [capability: string]: any;
+            };
+        };
+    } | {
+        Request: {
+            method: "wallet_getPermissions";
+            params?: undefined;
+        };
+        ReturnType: readonly {
+            caveats: readonly {
+                type: string;
+                value: any;
+            }[];
+            date: number;
+            id: string;
+            invoker: `http://${string}` | `https://${string}`;
+            parentCapability: "eth_accounts" | string;
+        }[];
+    } | {
+        Request: {
+            method: "wallet_grantPermissions";
+            params?: [{
+                signer?: {
+                    type: string;
+                    data?: unknown | undefined;
+                } | undefined;
+                permissions: readonly {
+                    data: unknown;
+                    policies: readonly {
+                        data: unknown;
+                        type: string;
+                    }[];
+                    required?: boolean | undefined;
+                    type: string;
+                }[];
+                expiry: number;
+            }];
+        };
+        ReturnType: {
+            expiry: number;
+            factory?: `0x${string}` | undefined | undefined;
+            factoryData?: string | undefined | undefined;
+            grantedPermissions: readonly {
+                data: unknown;
+                policies: readonly {
+                    data: unknown;
+                    type: string;
+                }[];
+                required?: boolean | undefined;
+                type: string;
+            }[];
+            permissionsContext: string;
+            signerData?: {
+                userOpBuilder?: `0x${string}` | undefined;
+                submitToAddress?: `0x${string}` | undefined;
+            } | undefined | undefined;
+        };
+    } | {
+        Request: {
+            method: "wallet_requestPermissions";
+            params: [permissions: {
+                eth_accounts: Record<string, any>;
+            }];
+        };
+        ReturnType: readonly {
+            caveats: readonly {
+                type: string;
+                value: any;
+            }[];
+            date: number;
+            id: string;
+            invoker: `http://${string}` | `https://${string}`;
+            parentCapability: "eth_accounts" | string;
+        }[];
+    } | {
+        Request: {
+            method: "wallet_revokePermissions";
+            params: [permissions: {
+                eth_accounts: Record<string, any>;
+            }];
+        };
+        ReturnType: null;
+    } | {
+        Request: {
+            method: "wallet_sendCalls";
+            params: [{
+                calls: readonly {
+                    to?: import("ox/_types/core/Address").Address | undefined;
+                    data?: import("ox/_types/core/Hex").Hex | undefined;
+                    value?: import("ox/_types/core/Hex").Hex | undefined;
+                }[];
+                capabilities?: {
+                    [capability: string]: any;
+                } | undefined;
+                chainId?: import("ox/_types/core/Hex").Hex | undefined;
+                from: import("ox/_types/core/Address").Address;
+                version: string;
+            }];
+        };
+        ReturnType: string;
+    } | {
+        Request: {
+            method: "wallet_showCallsStatus";
+            params: [string];
+        };
+        ReturnType: undefined;
+    } | {
+        Request: {
+            method: "wallet_switchEthereumChain";
+            params: [chain: {
+                chainId: string;
+            }];
+        };
+        ReturnType: null;
+    } | {
+        Request: {
+            method: "wallet_watchAsset";
+            params: [{
+                type: "ERC20";
+                options: {
+                    address: string;
+                    symbol: string;
+                    decimals: number;
+                    image?: string | undefined;
+                };
+            }];
+        };
+        ReturnType: boolean;
+    }>;
+    on: import("ox/_types/core/Provider").EventListenerFn;
+    removeListener: import("ox/_types/core/Provider").EventListenerFn;
+}, Record<string, unknown>, Record<string, unknown>>]>;

package/dist/cjs/global-account/react/hooks/useWagmiConfig.js

@@ -4,6 +4,7 @@ exports.useWagmiConfig = useWagmiConfig;
 const constants_1 = require("../../../shared/constants");
 const supported_1 = require("../../../shared/constants/chains/supported");
 const thirdweb_1 = require("../../../shared/utils/thirdweb");
+const miniapp_wagmi_connector_1 = require("@farcaster/miniapp-wagmi-connector");
 const wagmi_adapter_1 = require("@thirdweb-dev/wagmi-adapter");
 const react_1 = require("react");
 const viem_1 = require("viem");
@@ -33,6 +34,7 @@ function useWagmiConfig(partnerId, rpcUrls) {
                     ...ecocystemConfig,
                     client: thirdweb_1.client,
                 }),
+                (0, miniapp_wagmi_connector_1.farcasterMiniApp)(),
                 // injected(),
                 // coinbaseWallet({ appName: "HypeDuel" }),
             ],

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

@@ -223,8 +223,6 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     stakeAmount: string;
     /** Staking contract address */
     stakingContractAddress: string;
-    /** Pool type for staking */
-    poolType: "b3" | "weth";
     /** Token address to stake */
     token: components["schemas"]["Token"];
     /** Active tab for the modal */

package/dist/cjs/shared/react/components/CurrencySelector.js

@@ -7,8 +7,13 @@ const utils_1 = require("../../../shared/utils");
 const button_1 = require("../../../global-account/react/components/ui/button");
 const dropdown_menu_1 = require("../../../global-account/react/components/ui/dropdown-menu");
 const currencyStore_1 = require("../stores/currencyStore");
-const currencies = ["B3", "ETH", "SOL", "USD", "EUR", "GBP", "KRW", "JPY", "CAD", "AUD"];
+const builtInCurrencies = ["B3", "ETH", "SOL", "USD", "EUR", "GBP", "KRW", "JPY", "CAD", "AUD"];
 function CurrencySelector({ labelClassName, buttonVariant = "dark", label }) {
-    const { selectedCurrency, setSelectedCurrency } = (0, currencyStore_1.useCurrencyStore)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [label && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("text-foreground text-sm font-medium leading-none tracking-tight sm:text-base", labelClassName), children: label })), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: buttonVariant, className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: currencyStore_1.CURRENCY_NAMES[selectedCurrency] }), (0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4", fill: "currentColor", viewBox: "0 0 20 20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }) })] })] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { align: "end", className: "z-[100] min-w-[200px]", children: currencies.map(currency => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSelectedCurrency(currency), className: `flex cursor-pointer items-center justify-between gap-3 px-3 py-2.5 transition-colors ${selectedCurrency === currency ? "bg-accent" : "hover:bg-accent/50"}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground text-sm font-medium", children: currencyStore_1.CURRENCY_NAMES[currency] }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground text-xs font-medium", children: currencyStore_1.CURRENCY_SYMBOLS[currency] })] }), currency === "SOL" && (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, { className: "bg-border my-1" }, "separator")] }, currency))) })] }) }));
+    const selectedCurrency = (0, currencyStore_1.useCurrencyStore)(state => state.selectedCurrency);
+    const setSelectedCurrency = (0, currencyStore_1.useCurrencyStore)(state => state.setSelectedCurrency);
+    const customCurrencies = (0, currencyStore_1.useCurrencyStore)(state => state.customCurrencies);
+    // Separate built-in and custom for better organization
+    const customCurrencyCodes = Object.keys(customCurrencies);
+    const hasCustomCurrencies = customCurrencyCodes.length > 0;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [label && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("text-foreground text-sm font-medium leading-none tracking-tight sm:text-base", labelClassName), children: label })), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: buttonVariant, className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: (0, currencyStore_1.getCurrencyName)(selectedCurrency) }), (0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4", fill: "currentColor", viewBox: "0 0 20 20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }) })] })] }) }), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuContent, { align: "end", className: "z-[100] min-w-[200px]", children: [builtInCurrencies.map(currency => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSelectedCurrency(currency), className: `flex cursor-pointer items-center justify-between gap-3 px-3 py-2.5 transition-colors ${selectedCurrency === currency ? "bg-accent" : "hover:bg-accent/50"}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground text-sm font-medium", children: currencyStore_1.CURRENCY_NAMES[currency] }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground text-xs font-medium", children: currencyStore_1.CURRENCY_SYMBOLS[currency] })] }), currency === "SOL" && (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, { className: "bg-border my-1" }, "separator")] }, currency))), hasCustomCurrencies && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, { className: "bg-border my-1" }), customCurrencyCodes.map(currency => ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSelectedCurrency(currency), className: `flex cursor-pointer items-center justify-between gap-3 px-3 py-2.5 transition-colors ${selectedCurrency === currency ? "bg-accent" : "hover:bg-accent/50"}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground text-sm font-medium", children: (0, currencyStore_1.getCurrencyName)(currency) }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground text-xs font-medium", children: (0, currencyStore_1.getCurrencySymbol)(currency) })] }, currency)))] }))] })] }) }));
 }

package/dist/cjs/shared/react/components/FormattedCurrency.d.ts

@@ -1,12 +1,12 @@
 interface FormattedCurrencyProps {
-    amount: number;
+    amount: string;
+    sourceCurrency: string;
     showChange?: boolean;
     showColor?: boolean;
     className?: string;
     subB3Icon?: boolean;
     clickable?: boolean;
     decimals?: number;
-    currency?: string;
 }
-export declare function FormattedCurrency({ amount, showChange, showColor, className, subB3Icon, clickable, decimals, currency, }: FormattedCurrencyProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedCurrency({ amount, sourceCurrency, showChange, showColor, className, subB3Icon, clickable, decimals, }: FormattedCurrencyProps): import("react/jsx-runtime").JSX.Element;
 export {};