@b3dotfun/sdk 0.0.3 → 0.0.4-alpha.0

package/dist/cjs/anyspend/index.js

@@ -33,3 +33,4 @@ __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/anyspend/react/components/index.d.ts

@@ -1,14 +1,15 @@
 export { AnySpend } from "./AnySpend";
+export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendNFT } from "./AnySpendNFT";
 export { AnySpendNFTButton } from "./AnySpendNFTButton";
-export { AnySpendTournament } from "./AnySpendTournament";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";
-export { AnySpendBuySpin } from "./AnySpendBuySpin";
-export { OrderHistoryItem } from "./common/OrderHistoryItem";
-export { OrderHistory } from "./common/OrderHistory";
+export { AnySpendTournament } from "./AnySpendTournament";
 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 { OrderStatus } from "./common/OrderStatus";
 export { TokenBalance } from "./common/TokenBalance";
+export { WebviewOnrampPayment } from "./webview/WebviewOnrampPayment";

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

@@ -1,33 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenBalance = exports.OrderStatus = exports.OrderTokenAmount = exports.OrderToken = exports.OrderDetails = exports.OrderHistory = exports.OrderHistoryItem = exports.AnySpendBuySpin = exports.AnySpendStakeB3 = exports.AnySpendTournament = exports.AnySpendNFTButton = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpend = void 0;
+exports.WebviewOnrampPayment = exports.TokenBalance = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetails = exports.AnySpendTournament = exports.AnySpendStakeB3 = exports.AnySpendNFTButton = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpend = void 0;
 // Components
 var AnySpend_1 = require("./AnySpend");
 Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return AnySpend_1.AnySpend; } });
+var AnySpendBuySpin_1 = require("./AnySpendBuySpin");
+Object.defineProperty(exports, "AnySpendBuySpin", { enumerable: true, get: function () { return AnySpendBuySpin_1.AnySpendBuySpin; } });
 var AnySpendCustom_1 = require("./AnySpendCustom");
 Object.defineProperty(exports, "AnySpendCustom", { enumerable: true, get: function () { return AnySpendCustom_1.AnySpendCustom; } });
 var AnySpendNFT_1 = require("./AnySpendNFT");
 Object.defineProperty(exports, "AnySpendNFT", { enumerable: true, get: function () { return AnySpendNFT_1.AnySpendNFT; } });
 var AnySpendNFTButton_1 = require("./AnySpendNFTButton");
 Object.defineProperty(exports, "AnySpendNFTButton", { enumerable: true, get: function () { return AnySpendNFTButton_1.AnySpendNFTButton; } });
-var AnySpendTournament_1 = require("./AnySpendTournament");
-Object.defineProperty(exports, "AnySpendTournament", { enumerable: true, get: function () { return AnySpendTournament_1.AnySpendTournament; } });
 var AnySpendStakeB3_1 = require("./AnySpendStakeB3");
 Object.defineProperty(exports, "AnySpendStakeB3", { enumerable: true, get: function () { return AnySpendStakeB3_1.AnySpendStakeB3; } });
-var AnySpendBuySpin_1 = require("./AnySpendBuySpin");
-Object.defineProperty(exports, "AnySpendBuySpin", { enumerable: true, get: function () { return AnySpendBuySpin_1.AnySpendBuySpin; } });
+var AnySpendTournament_1 = require("./AnySpendTournament");
+Object.defineProperty(exports, "AnySpendTournament", { enumerable: true, get: function () { return AnySpendTournament_1.AnySpendTournament; } });
 // Common Components
-var OrderHistoryItem_1 = require("./common/OrderHistoryItem");
-Object.defineProperty(exports, "OrderHistoryItem", { enumerable: true, get: function () { return OrderHistoryItem_1.OrderHistoryItem; } });
-var OrderHistory_1 = require("./common/OrderHistory");
-Object.defineProperty(exports, "OrderHistory", { enumerable: true, get: function () { return OrderHistory_1.OrderHistory; } });
 var OrderDetails_1 = require("./common/OrderDetails");
 Object.defineProperty(exports, "OrderDetails", { enumerable: true, get: function () { return OrderDetails_1.OrderDetails; } });
+var OrderHistory_1 = require("./common/OrderHistory");
+Object.defineProperty(exports, "OrderHistory", { enumerable: true, get: function () { return OrderHistory_1.OrderHistory; } });
+var OrderHistoryItem_1 = require("./common/OrderHistoryItem");
+Object.defineProperty(exports, "OrderHistoryItem", { enumerable: true, get: function () { return OrderHistoryItem_1.OrderHistoryItem; } });
+var OrderStatus_1 = require("./common/OrderStatus");
+Object.defineProperty(exports, "OrderStatus", { enumerable: true, get: function () { return OrderStatus_1.OrderStatus; } });
 var OrderToken_1 = require("./common/OrderToken");
 Object.defineProperty(exports, "OrderToken", { enumerable: true, get: function () { return OrderToken_1.OrderToken; } });
 var OrderTokenAmount_1 = require("./common/OrderTokenAmount");
 Object.defineProperty(exports, "OrderTokenAmount", { enumerable: true, get: function () { return OrderTokenAmount_1.OrderTokenAmount; } });
-var OrderStatus_1 = require("./common/OrderStatus");
-Object.defineProperty(exports, "OrderStatus", { enumerable: true, get: function () { return OrderStatus_1.OrderStatus; } });
 var TokenBalance_1 = require("./common/TokenBalance");
 Object.defineProperty(exports, "TokenBalance", { enumerable: true, get: function () { return TokenBalance_1.TokenBalance; } });
+var WebviewOnrampPayment_1 = require("./webview/WebviewOnrampPayment");
+Object.defineProperty(exports, "WebviewOnrampPayment", { enumerable: true, get: function () { return WebviewOnrampPayment_1.WebviewOnrampPayment; } });

package/dist/cjs/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -0,0 +1,11 @@
+import { GetQuoteResponse, Token } from "../../../../anyspend";
+interface WebviewOnrampPaymentProps {
+    srcAmountOnRamp: string;
+    recipientAddress?: string;
+    destinationToken: Token;
+    anyspendQuote: GetQuoteResponse | undefined;
+    onOrderCreated: (orderId: string) => void;
+    userId?: string;
+}
+export declare function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onOrderCreated, userId }: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebviewOnrampPayment = WebviewOnrampPayment;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const anyspend_1 = require("../../../../anyspend");
+const react_1 = require("../../../../global-account/react");
+const centerTruncate_1 = __importDefault(require("../../../../shared/utils/centerTruncate"));
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const react_2 = require("react");
+const sonner_1 = require("sonner");
+const viem_1 = require("viem");
+function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onOrderCreated, userId }) {
+    // Use a stable amount for geo onramp options to prevent unnecessary refetches
+    const [stableAmountForGeo, setStableAmountForGeo] = (0, react_2.useState)(srcAmountOnRamp);
+    const hasInitialized = (0, react_2.useRef)(false);
+    // Only update the stable amount on first render or when explicitly needed
+    (0, react_2.useEffect)(() => {
+        if (!hasInitialized.current && srcAmountOnRamp) {
+            setStableAmountForGeo(srcAmountOnRamp);
+            hasInitialized.current = true;
+        }
+    }, [srcAmountOnRamp]);
+    const { geoData, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp } = (0, anyspend_1.useGeoOnrampOptions)(true, stableAmountForGeo);
+    console.log("isStripeWeb2Supported", isStripeWeb2Supported);
+    const { createOrder, isCreatingOrder } = (0, anyspend_1.useAnyspendCreateOnrampOrder)({
+        onSuccess: data => {
+            const orderId = data.data.id;
+            window.location.href = `${window.location.origin}/?orderId=${orderId}`;
+        },
+        onError: error => {
+            console.error(error);
+            sonner_1.toast.error("Failed to create order: " + error.message);
+        }
+    });
+    const handleContinueToPayment = async () => {
+        try {
+            if (!recipientAddress) {
+                sonner_1.toast.error("Please select a recipient");
+                return;
+            }
+            if (!srcAmountOnRamp || parseFloat(srcAmountOnRamp) <= 0) {
+                sonner_1.toast.error("Please enter a valid amount");
+                return;
+            }
+            if (!isStripeWeb2Supported) {
+                sonner_1.toast.error("Stripe credit card not available");
+                return;
+            }
+            if (!anyspendQuote) {
+                sonner_1.toast.error("Failed to get quote");
+                return;
+            }
+            const getDstToken = () => {
+                return {
+                    ...destinationToken,
+                    chainId: destinationToken.chainId,
+                    address: destinationToken.address
+                };
+            };
+            createOrder({
+                isMainnet: true,
+                recipientAddress,
+                orderType: anyspend_1.OrderType.Swap,
+                dstChain: getDstToken().chainId,
+                dstToken: getDstToken(),
+                srcFiatAmount: srcAmountOnRamp,
+                onramp: {
+                    vendor: anyspend_1.OnrampVendor.StripeWeb2,
+                    paymentMethod: "",
+                    country: geoData?.country || "US",
+                    ipAddress: geoData?.ip,
+                    redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`
+                },
+                expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0"
+            });
+        }
+        catch (err) {
+            console.error(err);
+            sonner_1.toast.error("Failed to create order: " + err.message);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-[460px] flex-col gap-6", children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "-mb-3 text-lg font-semibold", children: "Order summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex flex-col gap-3 rounded-lg border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground/60", children: "Receiving" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [destinationToken.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("img", { src: destinationToken.metadata.logoURI, alt: destinationToken.symbol, className: "h-6 w-6 rounded-full" })), (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-foreground/80", children: [anyspendQuote?.data?.currencyOut?.amount
+                                                        ? Number((0, viem_1.formatUnits)(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals)).toFixed(4)
+                                                        : "0", " ", destinationToken.symbol] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground/60", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-foreground/80", children: (0, anyspend_1.getChainName)(destinationToken.chainId) })] }), recipientAddress && ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+                                    opacity: 1,
+                                    y: 0,
+                                    filter: "blur(0px)"
+                                }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground/60", children: "Recipient" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-foreground/80", children: (0, centerTruncate_1.default)(recipientAddress) }) })] })), (0, jsx_runtime_1.jsx)("div", { className: "border-b3-react-border border-t pt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground font-semibold", children: "You Pay" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-b3-react-foreground text-xl font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] }) })] })] }), isCreatingOrder ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Creating payment session..." })] })) : isLoadingGeoOnramp ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-4", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleContinueToPayment, disabled: isCreatingOrder || !isStripeWeb2Supported, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: isCreatingOrder ? "Creating Payment..." : "Continue to Payment" }) }))] }));
+}

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

@@ -10,7 +10,7 @@ interface UseTokenFromUrlOptions {
     prefix: string;
 }
 /**
- * Hook to parse token data from URL parameters.
+ * Hook to parse token data from URL parameters and fetch additional token info.
  * Looks for parameters: [prefix]Currency
  */
 export declare function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions): Token;

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

@@ -2,29 +2,67 @@
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenFromUrl = useTokenFromUrl;
+const supported_1 = require("../../../shared/constants/chains/supported");
+const react_query_1 = require("@tanstack/react-query");
 const navigation_1 = require("next/navigation");
+async function fetchTokenInfo(network, address) {
+    const response = await fetch("https://api.b3.fun/tokens", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            "X-Service-Method": "getCoinGeckoTokenInfo"
+        },
+        body: JSON.stringify({
+            network,
+            address
+        })
+    });
+    if (!response.ok) {
+        throw new Error("Failed to fetch token info");
+    }
+    return response.json();
+}
 /**
- * Hook to parse token data from URL parameters.
+ * Hook to parse token data from URL parameters and fetch additional token info.
  * Looks for parameters: [prefix]Currency
  */
 function useTokenFromUrl({ defaultToken, prefix }) {
     const searchParams = (0, navigation_1.useSearchParams)();
-    if (!searchParams) {
-        return defaultToken;
-    }
     // Get parameters from URL
-    const currencyParam = searchParams.get(`${prefix}Currency`);
-    const chainIdParam = searchParams.get(`${prefix}ChainId`);
-    if (!currencyParam || !chainIdParam) {
+    const currencyParam = searchParams?.get(`${prefix}Currency`);
+    const chainIdParam = searchParams?.get(`${prefix}ChainId`);
+    // Determine if we should fetch token info
+    const shouldFetchToken = Boolean(currencyParam && chainIdParam && currencyParam.toLowerCase() !== defaultToken.address.toLowerCase());
+    // Determine network based on chainId
+    const network = chainIdParam ? (0, supported_1.getCoingeckoChainInfo)(Number(chainIdParam)).coingecko_id : "";
+    const { data: tokenInfo, isError } = (0, react_query_1.useQuery)({
+        queryKey: ["tokenInfo", network, currencyParam],
+        queryFn: () => fetchTokenInfo(network, currencyParam),
+        enabled: shouldFetchToken,
+        staleTime: Infinity,
+        gcTime: Infinity
+    });
+    // Return default token if no params or same as default
+    if (!shouldFetchToken) {
         return defaultToken;
     }
-    // If the currency is the same as the default token, return that
-    if (currencyParam.toLowerCase() === defaultToken.address.toLowerCase()) {
-        return defaultToken;
+    // Return basic token info if API call fails or while loading
+    if (isError || !tokenInfo) {
+        return {
+            ...defaultToken,
+            address: currencyParam,
+            chainId: Number(chainIdParam)
+        };
     }
+    // Return enhanced token with API data
     return {
-        ...defaultToken,
-        address: currencyParam,
-        chainId: Number(chainIdParam)
+        address: tokenInfo.data.attributes.address,
+        chainId: Number(chainIdParam),
+        name: tokenInfo.data.attributes.name,
+        symbol: tokenInfo.data.attributes.symbol,
+        decimals: tokenInfo.data.attributes.decimals,
+        metadata: {
+            logoURI: tokenInfo.data.attributes.image_url
+        }
     };
 }

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

@@ -43,12 +43,22 @@ export declare const supportedChainNetworks: {
     };
     _id: string | {};
 }[];
-export declare const b3Mainnet: import("viem").Chain;
-export declare const b3Testnet: import("viem").Chain;
+export declare const coingeckoChains: Record<number, {
+    coingecko_id: string;
+    name: string;
+    native_coin_id: string;
+}>;
+export declare function getCoingeckoChainInfo(chainId: number): {
+    coingecko_id: string;
+    name: string;
+    native_coin_id: string;
+};
+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,12 +3,14 @@ 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.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
+exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
+exports.getCoingeckoChainInfo = getCoingeckoChainInfo;
 const chain_transformers_1 = require("../../../shared/utils/chain-transformers");
 // Import the JSON directly
 // @ts-ignore
-const chain_networks_json_1 = __importDefault(require("../../../generated/chain-networks.json"));
-const invariant_1 = __importDefault(require("invariant"));
+const chain_networks_json_1 = __importDefault(require("../../generated/chain-networks.json"));
+// @ts-ignore
+const coingecko_chains_json_1 = __importDefault(require("../../generated/coingecko-chains.json"));
 const chainNetworks = chain_networks_json_1.default;
 // Convert custom chains to Viem format
 const viemChains = chainNetworks.map(chain_transformers_1.toViemChain);
@@ -26,13 +28,14 @@ exports.supportedChainsTW = [
 ];
 // Original format from chain-networks.json
 exports.supportedChainNetworks = chainNetworks;
+// CoinGecko chain mapping
+exports.coingeckoChains = coingecko_chains_json_1.default;
+// Helper function to get CoinGecko chain info
+function getCoingeckoChainInfo(chainId) {
+    return exports.coingeckoChains[chainId];
+}
 exports.b3Mainnet = exports.supportedChains.find(chain => chain.id === 8333);
-(0, invariant_1.default)(exports.b3Mainnet, "B3 mainnet chain not found in supported chains");
 exports.b3Testnet = exports.supportedChains.find(chain => chain.id === 1993);
-(0, invariant_1.default)(exports.b3Testnet, "B3 testnet chain not found in supported chains");
 exports.baseMainnet = exports.supportedChains.find(chain => chain.id === 8453);
-(0, invariant_1.default)(exports.baseMainnet, "Base mainnet chain not found in supported chains");
 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");