@b3dotfun/sdk 0.0.4-alpha.2 → 0.0.5-alpha.0

package/dist/cjs/anyspend/index.js

@@ -33,4 +33,3 @@ __exportStar(require("./constants"), exports);
 // Abis
 __exportStar(require("./abis/abi-usdc-base"), exports);
 __exportStar(require("./abis/erc20-staking"), exports);
-console.log(`Test CICD`);

package/dist/cjs/shared/constants/chains/supported.d.ts

@@ -53,12 +53,8 @@ export declare function getCoingeckoChainInfo(chainId: number): {
     name: string;
     native_coin_id: string;
 };
+export declare const b3MainnetThirdWeb: ThirdwebChain;
+export declare const b3TestnetThirdWeb: ThirdwebChain;
 export declare const b3Mainnet: import("viem").Chain | undefined;
 export declare const b3Testnet: import("viem").Chain | undefined;
 export declare const baseMainnet: import("viem").Chain | undefined;
-export declare const b3MainnetThirdWeb: Readonly<import("thirdweb/dist/types/chains/types").ChainOptions & {
-    rpc: string;
-}> | undefined;
-export declare const b3TestnetThirdWeb: Readonly<import("thirdweb/dist/types/chains/types").ChainOptions & {
-    rpc: string;
-}> | undefined;

package/dist/cjs/shared/constants/chains/supported.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
+exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
 exports.getCoingeckoChainInfo = getCoingeckoChainInfo;
 const chain_transformers_1 = require("../../../shared/utils/chain-transformers");
+const invariant_1 = __importDefault(require("invariant"));
 // Import the JSON directly
 // @ts-ignore
 const chain_networks_json_1 = __importDefault(require("../../generated/chain-networks.json"));
@@ -34,8 +35,10 @@ exports.coingeckoChains = coingecko_chains_json_1.default;
 function getCoingeckoChainInfo(chainId) {
     return exports.coingeckoChains[chainId];
 }
+exports.b3MainnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 8333);
+(0, invariant_1.default)(exports.b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
+exports.b3TestnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 1993);
+(0, invariant_1.default)(exports.b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");
 exports.b3Mainnet = exports.supportedChains.find(chain => chain.id === 8333);
 exports.b3Testnet = exports.supportedChains.find(chain => chain.id === 1993);
 exports.baseMainnet = exports.supportedChains.find(chain => chain.id === 8453);
-exports.b3MainnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 8333);
-exports.b3TestnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 1993);

package/dist/esm/anyspend/index.js

@@ -1,20 +1,19 @@
 // Export all hooks
-export * from "./react/hooks";
+export * from "./react/hooks/index.js";
 // Providers
-export * from "./react/providers/AnyspendProvider";
+export * from "./react/providers/AnyspendProvider.js";
 // Types
-export * from "./types";
+export * from "./types/index.js";
 // Utils
-export * from "./utils/address";
-export * from "./utils/chain";
-export * from "./utils/format";
-export * from "./utils/json";
-export * from "./utils/number";
-export * from "./utils/string";
-export * from "./utils/token";
+export * from "./utils/address.js";
+export * from "./utils/chain.js";
+export * from "./utils/format.js";
+export * from "./utils/json.js";
+export * from "./utils/number.js";
+export * from "./utils/string.js";
+export * from "./utils/token.js";
 // Constants
-export * from "./constants";
+export * from "./constants/index.js";
 // Abis
-export * from "./abis/abi-usdc-base";
-export * from "./abis/erc20-staking";
-console.log(`Test CICD`);
+export * from "./abis/abi-usdc-base.js";
+export * from "./abis/erc20-staking.js";

package/dist/esm/anyspend/index.native.js

@@ -1,19 +1,19 @@
 // Export all hooks
-export * from "./react/hooks";
+export * from "./react/hooks/index.js";
 // Providers
-export * from "./react/providers/AnyspendProvider";
+export * from "./react/providers/AnyspendProvider.js";
 // Types
-export * from "./types";
+export * from "./types/index.js";
 // Utils
-export * from "./utils/address";
-export * from "./utils/chain";
-export * from "./utils/format";
-export * from "./utils/json";
-export * from "./utils/number";
-export * from "./utils/string";
-export * from "./utils/token";
+export * from "./utils/address.js";
+export * from "./utils/chain.js";
+export * from "./utils/format.js";
+export * from "./utils/json.js";
+export * from "./utils/number.js";
+export * from "./utils/string.js";
+export * from "./utils/token.js";
 // Constants
-export * from "./constants";
+export * from "./constants/index.js";
 // Abis
-export * from "./abis/abi-usdc-base";
-export * from "./abis/erc20-staking";
+export * from "./abis/abi-usdc-base.js";
+export * from "./abis/erc20-staking.js";

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { getDefaultToken, OrderType, TradeType, USDC_BASE, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote } from "../../../anyspend";
-import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet, useOnchainName, useRouter, useSearchParamsSSR, useTokenData, useTokenFromUrl } from "../../../global-account/react";
-import { cn } from "../../../shared/utils/cn";
-import { shortenAddress } from "../../../shared/utils/formatAddress";
-import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number";
+import { getDefaultToken, OrderType, TradeType, USDC_BASE, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote } from "../../../anyspend/index.js";
+import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet, useOnchainName, useRouter, useSearchParamsSSR, useTokenData, useTokenFromUrl } from "../../../global-account/react/index.js";
+import { cn } from "../../../shared/utils/cn.js";
+import { shortenAddress } from "../../../shared/utils/formatAddress.js";
+import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowDown, ChevronRightCircle, ChevronsUpDown, CircleAlert, ClipboardIcon, HistoryIcon } from "lucide-react";
@@ -12,14 +12,14 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 import { parseUnits } from "viem";
 import { b3Sepolia, base, mainnet, sepolia } from "viem/chains";
-import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails";
-import { OrderHistory } from "./common/OrderHistory";
-import { OrderStatus } from "./common/OrderStatus";
-import { OrderTokenAmount } from "./common/OrderTokenAmount";
-import { PanelOnramp } from "./common/PanelOnramp";
-import { PanelOnrampPayment } from "./common/PanelOnrampPayment";
-import { TokenBalance } from "./common/TokenBalance";
-import { EnterRecipientModal } from "./modals/EnterRecipientModal";
+import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails.js";
+import { OrderHistory } from "./common/OrderHistory.js";
+import { OrderStatus } from "./common/OrderStatus.js";
+import { OrderTokenAmount } from "./common/OrderTokenAmount.js";
+import { PanelOnramp } from "./common/PanelOnramp.js";
+import { PanelOnrampPayment } from "./common/PanelOnrampPayment.js";
+import { TokenBalance } from "./common/TokenBalance.js";
+import { EnterRecipientModal } from "./modals/EnterRecipientModal.js";
 export var PanelView;
 (function (PanelView) {
     PanelView[PanelView["MAIN"] = 0] = "MAIN";

package/dist/esm/anyspend/react/components/AnySpendBuySpin.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { B3_TOKEN, OrderType } from "../../../anyspend";
-import { baseMainnet } from "../../../shared/constants/chains/supported";
-import { EthIcon } from "./icons/EthIcon";
-import { SolIcon } from "./icons/SolIcon";
-import { UsdcIcon } from "./icons/USDCIcon";
-import { StyleRoot } from "../../../global-account/react";
-import { Button, GlareCardRounded, Input, TextLoop, useChainSwitchWithAction, useHasMounted, useTokenBalance, useModalStore } from "../../../global-account/react";
+import { B3_TOKEN, OrderType } from "../../../anyspend/index.js";
+import { baseMainnet } from "../../../shared/constants/chains/supported.js";
+import { EthIcon } from "./icons/EthIcon.js";
+import { SolIcon } from "./icons/SolIcon.js";
+import { UsdcIcon } from "./icons/USDCIcon.js";
+import { StyleRoot } from "../../../global-account/react/index.js";
+import { Button, GlareCardRounded, Input, TextLoop, useChainSwitchWithAction, useHasMounted, useTokenBalance, useModalStore } from "../../../global-account/react/index.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
@@ -13,7 +13,7 @@ import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
-import { AnySpendCustom } from "./AnySpendCustom";
+import { AnySpendCustom } from "./AnySpendCustom.js";
 const SPIN_WHEEL_ABI = [
     {
         inputs: [],

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -1,24 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { eqci, getDefaultToken, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions } from "../../../anyspend";
-import { useB3, StyleRoot } from "../../../global-account/react";
-import { Badge, Button, ShinyButton, Skeleton, Tabs, TabsContent, TabsList, TabTrigger, useAccountWallet, useBsmntProfile, useHasMounted, useRouter, useTokenBalancesByChain, useModalStore, useSearchParamsSSR } from "../../../global-account/react";
-import { TextShimmer } from "../../../global-account/react";
-import { TransitionPanel } from "../../../global-account/react";
-import { cn } from "../../../shared/utils";
-import centerTruncate from "../../../shared/utils/centerTruncate";
-import { formatTokenAmount } from "../../../shared/utils/number";
-import { simpleHashChainToChainName } from "../../../shared/utils/simplehash";
+import { eqci, getDefaultToken, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions } from "../../../anyspend/index.js";
+import { useB3, StyleRoot } from "../../../global-account/react/index.js";
+import { Badge, Button, ShinyButton, Skeleton, Tabs, TabsContent, TabsList, TabTrigger, useAccountWallet, useBsmntProfile, useHasMounted, useRouter, useTokenBalancesByChain, useModalStore, useSearchParamsSSR } from "../../../global-account/react/index.js";
+import { TextShimmer } from "../../../global-account/react/index.js";
+import { TransitionPanel } from "../../../global-account/react/index.js";
+import { cn } from "../../../shared/utils/index.js";
+import centerTruncate from "../../../shared/utils/centerTruncate.js";
+import { formatTokenAmount } from "../../../shared/utils/number.js";
+import { simpleHashChainToChainName } from "../../../shared/utils/simplehash.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { b3, base, baseSepolia } from "viem/chains";
-import { OrderDetails } from "./common/OrderDetails";
-import { OrderHistory } from "./common/OrderHistory";
-import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus";
-import { OrderToken } from "./common/OrderToken";
-import { PanelOnrampPayment } from "./common/PanelOnrampPayment";
+import { OrderDetails } from "./common/OrderDetails.js";
+import { OrderHistory } from "./common/OrderHistory.js";
+import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus.js";
+import { OrderToken } from "./common/OrderToken.js";
+import { PanelOnrampPayment } from "./common/PanelOnrampPayment.js";
 var PanelView;
 (function (PanelView) {
     PanelView[PanelView["CONFIRM_ORDER"] = 0] = "CONFIRM_ORDER";

package/dist/esm/anyspend/react/components/AnySpendNFT.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, getChainName, getExplorerAddressUrl, OrderType } from "../../../anyspend";
-import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants";
-import { GlareCard, Popover, PopoverContent, PopoverTrigger } from "../../../global-account/react";
-import { cn } from "../../../shared/utils";
-import { getIpfsUrl } from "../../../shared/utils/ipfs";
-import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number";
+import { ALL_CHAINS, getChainName, getExplorerAddressUrl, OrderType } from "../../../anyspend/index.js";
+import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants/index.js";
+import { GlareCard, Popover, PopoverContent, PopoverTrigger } from "../../../global-account/react/index.js";
+import { cn } from "../../../shared/utils/index.js";
+import { getIpfsUrl } from "../../../shared/utils/ipfs.js";
+import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
 import { AnimatePresence } from "framer-motion";
 import { MoreVertical } from "lucide-react";
 import { useState } from "react";
 import { b3 } from "viem/chains";
-import { AnySpendCustom } from "./AnySpendCustom";
+import { AnySpendCustom } from "./AnySpendCustom.js";
 export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract = DEFAULT_NFT_CONTRACT }) {
     const header = ({ anyspendPrice, isLoadingAnyspendPrice }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative size-[200px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), _jsxs(GlareCard, { className: "overflow-hidden", children: [_jsx("img", { src: getIpfsUrl(nftContract.imageUrl), alt: nftContract.name, className: "size-full object-cover" }), _jsx("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), _jsx(DropdownMenu, { nftContract: nftContract })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsx("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), _jsx("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { className: cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice

package/dist/esm/anyspend/react/components/AnySpendNFTButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants";
-import { Button, useModalStore } from "../../../global-account/react";
+import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants/index.js";
+import { Button, useModalStore } from "../../../global-account/react/index.js";
 export function AnySpendNFTButton({ nftContract = DEFAULT_NFT_CONTRACT, recipientAddress }) {
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
     const handleClick = () => {

package/dist/esm/anyspend/react/components/AnySpendStakeB3.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ABI_ERC20_STAKING, B3_TOKEN, OrderType } from "../../../anyspend";
-import { EthIcon } from "./icons/EthIcon";
-import { SolIcon } from "./icons/SolIcon";
-import { UsdcIcon } from "./icons/USDCIcon";
-import { Button, GlareCardRounded, Input, TextLoop, useHasMounted, useModalStore, useChainSwitchWithAction, useTokenBalance, StyleRoot } from "../../../global-account/react";
-import { formatTokenAmount } from "../../../shared/utils/number";
+import { ABI_ERC20_STAKING, B3_TOKEN, OrderType } from "../../../anyspend/index.js";
+import { EthIcon } from "./icons/EthIcon.js";
+import { SolIcon } from "./icons/SolIcon.js";
+import { UsdcIcon } from "./icons/USDCIcon.js";
+import { Button, GlareCardRounded, Input, TextLoop, useHasMounted, useModalStore, useChainSwitchWithAction, useTokenBalance, StyleRoot } from "../../../global-account/react/index.js";
+import { formatTokenAmount } from "../../../shared/utils/number.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
@@ -13,7 +13,7 @@ import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, http } from "viem";
 import { base } from "viem/chains";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
-import { AnySpendCustom } from "./AnySpendCustom";
+import { AnySpendCustom } from "./AnySpendCustom.js";
 const basePublicClient = createPublicClient({
     chain: base,
     transport: http()

package/dist/esm/anyspend/react/components/AnySpendTournament.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OrderType } from "../../../anyspend";
-import { cn } from "../../../shared/utils";
-import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number";
+import { OrderType } from "../../../anyspend/index.js";
+import { cn } from "../../../shared/utils/index.js";
+import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
 import { AnimatePresence } from "framer-motion";
-import { AnySpendCustom } from "./AnySpendCustom";
+import { AnySpendCustom } from "./AnySpendCustom.js";
 export function AnySpendTournament(props) {
     const { isMainnet = true, mode = "modal", action, loadOrder, tournamentChainId, tournamentContractAddress, tournamentMetadata, onSuccess } = props;
     const dstToken = action === "join" ? props.tournamentEntryToken : props.tournamentFundToken;

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, OrderStatus, OrderType, RELAY_ETH_ADDRESS, zNft, zToken, zTournament } from "../../../../anyspend";
-import { CopyToClipboard, Badge, ShinyButton, Skeleton, TextLoop, TextShimmer, Button, useAccountWallet, useChainSwitchWithAction, useOnchainName, useModalStore } from "../../../../global-account/react";
-import { cn } from "../../../../shared/utils";
-import centerTruncate from "../../../../shared/utils/centerTruncate";
-import { formatTokenAmount } from "../../../../shared/utils/number";
+import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, OrderStatus, OrderType, RELAY_ETH_ADDRESS, zNft, zToken, zTournament } from "../../../../anyspend/index.js";
+import { CopyToClipboard, Badge, ShinyButton, Skeleton, TextLoop, TextShimmer, Button, useAccountWallet, useChainSwitchWithAction, useOnchainName, useModalStore } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/index.js";
+import centerTruncate from "../../../../shared/utils/centerTruncate.js";
+import { formatTokenAmount } from "../../../../shared/utils/number.js";
 import { useColorMode } from "@chakra-ui/react";
 import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletTrust, WalletWalletConnect } from "@web3icons/react";
 import { motion } from "framer-motion";
@@ -17,7 +17,7 @@ import { toast } from "sonner";
 import { erc20Abi } from "viem";
 import { b3 } from "viem/chains";
 import { useWaitForTransactionReceipt, useWalletClient } from "wagmi";
-import PaymentVendorUI from "./PaymentVendorUI";
+import PaymentVendorUI from "./PaymentVendorUI.js";
 // Add this helper function near the top or just above the component
 function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstToken, recipientName, centerTruncate }) {
     const recipient = recipientName || centerTruncate(order.recipientAddress, 8);

package/dist/esm/anyspend/react/components/common/OrderHistory.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAnyspendOrderHistory } from "../../../../anyspend";
-import { Button, Skeleton, useAccountWallet } from "../../../../global-account/react";
+import { useAnyspendOrderHistory } from "../../../../anyspend/index.js";
+import { Button, Skeleton, useAccountWallet } from "../../../../global-account/react/index.js";
 import { ArrowLeft, RefreshCcw } from "lucide-react";
-import { OrderHistoryItem } from "./OrderHistoryItem";
+import { OrderHistoryItem } from "./OrderHistoryItem.js";
 const isMainnet = true;
 export function OrderHistory({ mode, onBack, onSelectOrder }) {
     const { address } = useAccountWallet();

package/dist/esm/anyspend/react/components/common/OrderHistoryItem.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, getChainName, getStatusDisplay, OrderType } from "../../../../anyspend";
-import { Badge, Button, useIsMobile } from "../../../../global-account/react";
-import { cn } from "../../../../shared/utils";
-import { formatTokenAmount } from "../../../../shared/utils/number";
+import { ALL_CHAINS, getChainName, getStatusDisplay, OrderType } from "../../../../anyspend/index.js";
+import { Badge, Button, useIsMobile } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/index.js";
+import { formatTokenAmount } from "../../../../shared/utils/number.js";
 import { ArrowRight, ChevronDown } from "lucide-react";
 import TimeAgo from "react-timeago";
 import { b3 } from "viem/chains";

package/dist/esm/anyspend/react/components/common/OrderStatus.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { OrderStatus as OrderStatusEnum, getStatusDisplay } from "../../../../anyspend";
-import { Badge, TextShimmer } from "../../../../global-account/react";
+import { OrderStatus as OrderStatusEnum, getStatusDisplay } from "../../../../anyspend/index.js";
+import { Badge, TextShimmer } from "../../../../global-account/react/index.js";
 import { Check, Loader2 } from "lucide-react";
 import { memo } from "react";
 export const OrderStatus = memo(function OrderStatus({ order }) {

package/dist/esm/anyspend/react/components/common/OrderToken.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ALL_CHAINS, RELAY_ETH_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend";
-import { Button, useAccountWallet, useTokenBalancesByChain } from "../../../../global-account/react";
-import { cn } from "../../../../shared/utils";
-import { formatTokenAmount } from "../../../../shared/utils/number";
-import { simpleHashChainToChainName } from "../../../../shared/utils/simplehash";
+import { ALL_CHAINS, RELAY_ETH_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend/index.js";
+import { Button, useAccountWallet, useTokenBalancesByChain } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/index.js";
+import { formatTokenAmount } from "../../../../shared/utils/number.js";
+import { simpleHashChainToChainName } from "../../../../shared/utils/simplehash.js";
 import { TokenSelector } from "@reservoir0x/relay-kit-ui";
 import { CheckCircle2, ChevronsUpDown } from "lucide-react";
 import { useMemo } from "react";
-import { ChainTokenIcon } from "./ChainTokenIcon";
+import { ChainTokenIcon } from "./ChainTokenIcon.js";
 export function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName }) {
     const { wallet } = useAccountWallet();
     const chainName = useMemo(() => simpleHashChainToChainName(chainId), [chainId]);

package/dist/esm/anyspend/react/components/common/OrderTokenAmount.js

@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { NumericFormat } from "react-number-format";
-import { ALL_CHAINS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend";
-import { Button } from "../../../../global-account/react";
-import { cn } from "../../../../shared/utils";
+import { ALL_CHAINS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend/index.js";
+import { Button } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/index.js";
 import { TokenSelector } from "@reservoir0x/relay-kit-ui";
-import { ChainTokenIcon } from "./ChainTokenIcon";
+import { ChainTokenIcon } from "./ChainTokenIcon.js";
 export function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, address, chainId, setChainId, token, setToken, hideTokenSelect = false, canEditAmount = true, className, innerClassName, amountClassName, tokenSelectClassName }) {
     // Track previous token to detect changes
     const prevTokenRef = useRef(token.address);

package/dist/esm/anyspend/react/components/common/PanelOnramp.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCoinbaseOnrampOptions } from "../../../../anyspend";
-import { Input, useGetGeo } from "../../../../global-account/react";
+import { useCoinbaseOnrampOptions } from "../../../../anyspend/index.js";
+import { Input, useGetGeo } from "../../../../global-account/react/index.js";
 import { AnimatePresence, motion } from "framer-motion";
 import { useRef } from "react";
 import { toast } from "sonner";
-import { PaymentOptions } from "./PaymentOptions";
+import { PaymentOptions } from "./PaymentOptions.js";
 export function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp }) {
     // Get geo data for onramp availability
     const { geoData } = useGetGeo();

package/dist/esm/anyspend/react/components/common/PanelOnrampPayment.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OnrampVendor, OrderType, useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "../../../../anyspend";
-import { Button } from "../../../../global-account/react";
-import centerTruncate from "../../../../shared/utils/centerTruncate";
+import { OnrampVendor, OrderType, useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "../../../../anyspend/index.js";
+import { Button } from "../../../../global-account/react/index.js";
+import centerTruncate from "../../../../shared/utils/centerTruncate.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ChevronLeft, ChevronRight, Landmark, Loader2 } from "lucide-react";

package/dist/esm/anyspend/react/components/common/PaymentMethodIcons.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PAYMENT_METHOD_ICONS } from "../../../../anyspend/constants";
+import { PAYMENT_METHOD_ICONS } from "../../../../anyspend/constants/index.js";
 export default function PaymentMethodIcons() {
     const paymentMethods = [
         { name: "Visa", src: PAYMENT_METHOD_ICONS.visa },

package/dist/esm/anyspend/react/components/common/PaymentOneClick.js

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { ShinyButton } from "../../../../global-account/react";
-import { getPaymentMethodDescription, getVendorDisplayName } from "../../../../shared/utils/payment.utils";
+import { ShinyButton } from "../../../../global-account/react/index.js";
+import { getPaymentMethodDescription, getVendorDisplayName } from "../../../../shared/utils/payment.utils.js";
 import { ChevronRight } from "lucide-react";
-import HowItWorks from "./HowItWorks";
+import HowItWorks from "./HowItWorks.js";
 export default function PaymentOneClick({ order }) {
     const vendor = order.onrampMetadata?.vendor;
     const vendorName = getVendorDisplayName(vendor);

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

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { USDC_BASE, useStripeClientSecret } from "../../../../anyspend";
-import { STRIPE_CONFIG } from "../../../../anyspend/constants";
-import { ShinyButton, useB3 } from "../../../../global-account/react";
-import { formatStripeAmount } from "../../../../shared/utils/payment.utils";
+import { USDC_BASE, useStripeClientSecret } from "../../../../anyspend/index.js";
+import { STRIPE_CONFIG } from "../../../../anyspend/constants/index.js";
+import { ShinyButton, useB3 } from "../../../../global-account/react/index.js";
+import { formatStripeAmount } from "../../../../shared/utils/payment.utils.js";
 import { Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 import { HelpCircle, Info, X } from "lucide-react";
 import { useEffect, useState } from "react";
-import HowItWorks from "./HowItWorks";
-import PaymentMethodIcons from "./PaymentMethodIcons";
+import HowItWorks from "./HowItWorks.js";
+import PaymentMethodIcons from "./PaymentMethodIcons.js";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
     const { theme } = useB3();

package/dist/esm/anyspend/react/components/common/PaymentVendorUI.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { OnrampVendor } from "../../../../anyspend";
-import PaymentOneClick from "./PaymentOneClick";
-import PaymentStripeWeb2 from "./PaymentStripeWeb2";
+import { OnrampVendor } from "../../../../anyspend/index.js";
+import PaymentOneClick from "./PaymentOneClick.js";
+import PaymentStripeWeb2 from "./PaymentStripeWeb2.js";
 export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }) {
     const vendor = order.onrampMetadata?.vendor;
     // Handle one-click payment flows (Coinbase, Stripe redirect)

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTokenBalance } from "../../../../global-account/react";
+import { useTokenBalance } from "../../../../global-account/react/index.js";
 import { formatUnits } from "viem";
 export function TokenBalance({ token, walletAddress, onChangeInput }) {
     const { rawBalance, formattedBalance, isLoading } = useTokenBalance({

package/dist/esm/anyspend/react/components/index.js

@@ -1,17 +1,17 @@
 // Components
-export { AnySpend } from "./AnySpend";
-export { AnySpendBuySpin } from "./AnySpendBuySpin";
-export { AnySpendCustom } from "./AnySpendCustom";
-export { AnySpendNFT } from "./AnySpendNFT";
-export { AnySpendNFTButton } from "./AnySpendNFTButton";
-export { AnySpendStakeB3 } from "./AnySpendStakeB3";
-export { AnySpendTournament } from "./AnySpendTournament";
+export { AnySpend } from "./AnySpend.js";
+export { AnySpendBuySpin } from "./AnySpendBuySpin.js";
+export { AnySpendCustom } from "./AnySpendCustom.js";
+export { AnySpendNFT } from "./AnySpendNFT.js";
+export { AnySpendNFTButton } from "./AnySpendNFTButton.js";
+export { AnySpendStakeB3 } from "./AnySpendStakeB3.js";
+export { AnySpendTournament } from "./AnySpendTournament.js";
 // Common Components
-export { OrderDetails } from "./common/OrderDetails";
-export { OrderHistory } from "./common/OrderHistory";
-export { OrderHistoryItem } from "./common/OrderHistoryItem";
-export { OrderStatus } from "./common/OrderStatus";
-export { OrderToken } from "./common/OrderToken";
-export { OrderTokenAmount } from "./common/OrderTokenAmount";
-export { TokenBalance } from "./common/TokenBalance";
-export { WebviewOnrampPayment } from "./webview/WebviewOnrampPayment";
+export { OrderDetails } from "./common/OrderDetails.js";
+export { OrderHistory } from "./common/OrderHistory.js";
+export { OrderHistoryItem } from "./common/OrderHistoryItem.js";
+export { OrderStatus } from "./common/OrderStatus.js";
+export { OrderToken } from "./common/OrderToken.js";
+export { OrderTokenAmount } from "./common/OrderTokenAmount.js";
+export { TokenBalance } from "./common/TokenBalance.js";
+export { WebviewOnrampPayment } from "./webview/WebviewOnrampPayment.js";

package/dist/esm/anyspend/react/components/modals/EnterRecipientModal.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { Dialog, DialogContent, Input, ShinyButton } from "../../../../global-account/react";
+import { Dialog, DialogContent, Input, ShinyButton } from "../../../../global-account/react/index.js";
 export function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress }) {
     const [modalRecipientAddress, setModalRecipientAddress] = useState(recipientAddress || "");
     useEffect(() => {

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getChainName, OnrampVendor, OrderType, useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "../../../../anyspend";
-import { Button } from "../../../../global-account/react";
-import centerTruncate from "../../../../shared/utils/centerTruncate";
+import { getChainName, OnrampVendor, OrderType, useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "../../../../anyspend/index.js";
+import { Button } from "../../../../global-account/react/index.js";
+import centerTruncate from "../../../../shared/utils/centerTruncate.js";
 import { motion } from "framer-motion";
 import { Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";

package/dist/esm/anyspend/react/hooks/index.js

@@ -1,13 +1,13 @@
-export * from "./useAnyspendCreateOnrampOrder";
-export * from "./useAnyspendCreateOrder";
-export * from "./useAnyspendOrderAndTransactions";
-export * from "./useAnyspendOrderHistory";
-export * from "./useAnyspendQuote";
-export * from "./useAnyspendSendPermitData";
-export * from "./useAnyspendTokens";
-export * from "./useCoinbaseOnrampOptions";
-export * from "./useGeoOnrampOptions";
-export * from "./useGetGeo";
-export * from "./usePermitData";
-export * from "./useStripeClientSecret";
-export * from "./useStripeSupport";
+export * from "./useAnyspendCreateOnrampOrder.js";
+export * from "./useAnyspendCreateOrder.js";
+export * from "./useAnyspendOrderAndTransactions.js";
+export * from "./useAnyspendOrderHistory.js";
+export * from "./useAnyspendQuote.js";
+export * from "./useAnyspendSendPermitData.js";
+export * from "./useAnyspendTokens.js";
+export * from "./useCoinbaseOnrampOptions.js";
+export * from "./useGeoOnrampOptions.js";
+export * from "./useGetGeo.js";
+export * from "./usePermitData.js";
+export * from "./useStripeClientSecret.js";
+export * from "./useStripeSupport.js";