@b3dotfun/sdk 0.0.5-alpha.5 → 0.0.5

package/src/global-account/react/hooks/useTokenFromUrl.tsx

@@ -1,8 +1,6 @@
 "use client";
 
 import { Token } from "@b3dotfun/sdk/anyspend";
-import { getCoingeckoChainInfo } from "@b3dotfun/sdk/shared/constants/chains/supported";
-import { useQuery } from "@tanstack/react-query";
 import { useSearchParams } from "next/navigation";
 
 interface UseTokenFromUrlOptions {
@@ -16,113 +14,33 @@ interface UseTokenFromUrlOptions {
    */
   prefix: string;
 }
-interface TokenInfo {
-  data: {
-    attributes: {
-      address: string;
-      name: string;
-      symbol: string;
-      decimals: number;
-      image_url: string;
-    };
-  };
-}
-
-async function fetchTokenInfo(network: string, address: string): Promise<TokenInfo> {
-  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 and fetch additional token info.
+ * Hook to parse token data from URL parameters.
  * Looks for parameters: [prefix]Currency
  */
 export function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions): Token {
   const searchParams = useSearchParams();
 
-  // Get parameters from URL
-  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 ? getCoingeckoChainInfo(Number(chainIdParam)).coingecko_id : "";
-
-  const { data: tokenInfo, isError } = 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) {
+  if (!searchParams) {
     return defaultToken;
   }
 
-  // Return basic token info if API call fails or while loading
-  if (isError || !tokenInfo) {
-    return {
-      ...defaultToken,
-      address: currencyParam!,
-      chainId: Number(chainIdParam)
-    };
+  // Get parameters from URL
+  const currencyParam = searchParams.get(`${prefix}Currency`);
+  const chainIdParam = searchParams.get(`${prefix}ChainId`);
+  if (!currencyParam || !chainIdParam) {
+    return defaultToken;
   }
 
-  // Return enhanced token with API data
-  return {
-    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
-    }
-  };
-}
-
-export function useTokenFromAddress({ address, chainId }: { address: string; chainId: number }): Token | undefined {
-  const { data: tokenInfo, isError } = useQuery({
-    queryKey: ["tokenInfo", address, chainId],
-    queryFn: () => fetchTokenInfo(getCoingeckoChainInfo(chainId).coingecko_id, address),
-    enabled: Boolean(address),
-    staleTime: Infinity,
-    gcTime: Infinity
-  });
-
-  if (isError || !tokenInfo) {
-    return undefined;
+  // If the currency is the same as the default token, return that
+  if (currencyParam.toLowerCase() === defaultToken.address.toLowerCase()) {
+    return defaultToken;
   }
 
   return {
-    address,
-    chainId,
-    name: tokenInfo?.data.attributes.name || "",
-    symbol: tokenInfo?.data.attributes.symbol || "",
-    decimals: tokenInfo?.data.attributes.decimals || 18,
-    metadata: {
-      logoURI: tokenInfo?.data.attributes.image_url
-    }
+    ...defaultToken,
+    address: currencyParam,
+    chainId: Number(chainIdParam)
   };
 }

package/src/shared/constants/chains/supported.ts

@@ -1,14 +1,10 @@
 import type { ChainNetworks } from "@b3dotfun/sdk/global-account/types/chain-networks";
 import { toThirdwebChain, toViemChain } from "@b3dotfun/sdk/shared/utils/chain-transformers";
-import invariant from "invariant";
-
 import type { Chain as ThirdwebChain } from "thirdweb";
 // Import the JSON directly
 // @ts-ignore
-import chainNetworksJSON from "../../generated/chain-networks.json" with { type: "json" };
-// @ts-ignore
-import coingeckoChainsJSON from "../../generated/coingecko-chains.json" with { type: "json" };
-
+import chainNetworksJSON from "../../../generated/chain-networks.json" with { type: "json" };
+import invariant from "invariant";
 const chainNetworks = chainNetworksJSON as ChainNetworks[];
 
 // Convert custom chains to Viem format
@@ -31,26 +27,15 @@ export const supportedChainsTW: ThirdwebChain[] = [
 // Original format from chain-networks.json
 export const supportedChainNetworks = chainNetworks;
 
-// CoinGecko chain mapping
-export const coingeckoChains = coingeckoChainsJSON as Record<
-  number,
-  {
-    coingecko_id: string;
-    name: string;
-    native_coin_id: string;
-  }
->;
-// Helper function to get CoinGecko chain info
-export function getCoingeckoChainInfo(chainId: number) {
-  return coingeckoChains[chainId];
-}
+export const b3Mainnet = supportedChains.find(chain => chain.id === 8333)!;
+invariant(b3Mainnet, "B3 mainnet chain not found in supported chains");
+export const b3Testnet = supportedChains.find(chain => chain.id === 1993)!;
+invariant(b3Testnet, "B3 testnet chain not found in supported chains");
+export const baseMainnet = supportedChains.find(chain => chain.id === 8453);
+invariant(baseMainnet, "Base mainnet chain not found in supported chains");
 
 export const b3MainnetThirdWeb: ThirdwebChain = supportedChainsTW.find(chain => chain.id === 8333)!;
 invariant(b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
 
 export const b3TestnetThirdWeb: ThirdwebChain = supportedChainsTW.find(chain => chain.id === 1993)!;
 invariant(b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");
-
-export const b3Mainnet = supportedChains.find(chain => chain.id === 8333);
-export const b3Testnet = supportedChains.find(chain => chain.id === 1993);
-export const baseMainnet = supportedChains.find(chain => chain.id === 8453);

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

@@ -1,6 +0,0 @@
-import { Order } from "../../../../anyspend";
-interface WebviewOnrampOrderStatusProps {
-    order: Order;
-}
-export declare function WebviewOnrampOrderStatus({ order }: WebviewOnrampOrderStatusProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewOnrampOrderStatus = WebviewOnrampOrderStatus;
-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 lucide_react_1 = require("lucide-react");
-const sonner_1 = require("sonner");
-const viem_1 = require("viem");
-function WebviewOnrampOrderStatus({ order }) {
-    console.log(order.status);
-    const isPending = order.status === anyspend_1.OrderStatus.WaitingStripePayment ||
-        order.status === anyspend_1.OrderStatus.ScanningDepositTransaction ||
-        order.status === anyspend_1.OrderStatus.SendingTokenFromVault ||
-        order.status === anyspend_1.OrderStatus.ObtainToken ||
-        order.status === anyspend_1.OrderStatus.Relay;
-    const isExecuted = order.status === anyspend_1.OrderStatus.Executed;
-    const isFailed = order.status === anyspend_1.OrderStatus.Failure;
-    const isRefunded = order.status === anyspend_1.OrderStatus.Refunded;
-    // Get token metadata
-    const { data: tokenMetadata } = (0, react_1.useTokenData)(order.metadata.dstToken.chainId, order.metadata.dstToken.address);
-    // Only show expected amount for swap orders
-    const expectedAmount = order.type === anyspend_1.OrderType.Swap
-        ? Number((0, viem_1.formatUnits)(BigInt(order.payload.expectedDstAmount), order.metadata.dstToken.decimals)).toFixed(2)
-        : null;
-    // Use token metadata logo if available
-    const tokenLogoUrl = tokenMetadata?.logoURI || order.metadata.dstToken.metadata?.logoURI;
-    const handleCopy = (text, label) => {
-        navigator.clipboard.writeText(text);
-        sonner_1.toast.success(`${label} copied to clipboard`);
-    };
-    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.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsxs)(react_1.Badge, { variant: "default", className: "flex items-center gap-3 px-4 py-2 text-base", children: [isPending && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), isExecuted && (0, jsx_runtime_1.jsx)(lucide_react_1.CheckIcon, { className: "h-4 w-4 text-green-500" }), isFailed && (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "h-4 w-4 text-red-500" }), (0, jsx_runtime_1.jsxs)("span", { children: [isPending && "Processing Payment...", isExecuted && "Payment Complete", isFailed && "Payment Failed", isRefunded && "Payment Refunded"] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-xl bg-white", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-lg font-semibold", children: "Order Summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col divide-y", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Amount Paid" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-semibold", children: ["$", Number((0, viem_1.formatUnits)(BigInt(order.srcAmount), order.metadata.srcToken.decimals)).toFixed(2)] })] }), order.type === anyspend_1.OrderType.Swap && expectedAmount && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Est Token Amount" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [tokenLogoUrl && ((0, jsx_runtime_1.jsx)("img", { src: tokenLogoUrl, alt: order.metadata.dstToken.symbol, className: "h-5 w-5 rounded-full" })), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium", children: [expectedAmount, " ", order.metadata.dstToken.symbol] })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, anyspend_1.getChainName)(order.dstChain) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Recipient" }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleCopy(order.recipientAddress, "Recipient address"), className: "flex items-center gap-2 font-medium transition-colors hover:text-blue-600", children: [(0, centerTruncate_1.default)(order.recipientAddress, 8), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-4 w-4" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Order ID" }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleCopy(order.id, "Order ID"), className: "flex items-center gap-2 font-medium transition-colors hover:text-blue-600", children: [(0, centerTruncate_1.default)(order.id, 8), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-4 w-4" })] })] })] })] }) })] }));
-}

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

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

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

@@ -1,173 +0,0 @@
-"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 centerTruncate_1 = __importDefault(require("../../../../shared/utils/centerTruncate"));
-const react_stripe_js_1 = require("@stripe/react-stripe-js");
-const stripe_js_1 = require("@stripe/stripe-js");
-const framer_motion_1 = require("framer-motion");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const sonner_1 = require("sonner");
-const viem_1 = require("viem");
-const stripePromise = (0, stripe_js_1.loadStripe)(anyspend_1.STRIPE_CONFIG.publishableKey);
-// Stripe Payment Form Component
-function StripePaymentForm({ order, onPaymentSuccess }) {
-    const stripe = (0, react_stripe_js_1.useStripe)();
-    const elements = (0, react_stripe_js_1.useElements)();
-    const [isProcessing, setIsProcessing] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        if (!stripe || !elements) {
-            return;
-        }
-        setIsProcessing(true);
-        setError(null);
-        try {
-            const { error: submitError } = await stripe.confirmPayment({
-                elements,
-                redirect: "if_required"
-            });
-            if (submitError) {
-                setError(submitError.message || "An error occurred");
-                console.error("Payment error:", submitError);
-            }
-            else {
-                console.log("Payment successful");
-                onPaymentSuccess(order.id);
-            }
-        }
-        catch (err) {
-            setError(err.message || "An error occurred");
-            console.error("Payment error:", err);
-        }
-        finally {
-            setIsProcessing(false);
-        }
-    };
-    const stripeElementOptions = {
-        layout: "tabs",
-        defaultValues: {
-            billingDetails: {
-                name: "",
-                email: ""
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("form", { onSubmit: handleSubmit, className: "w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-xl bg-white", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-lg font-semibold", children: "Payment Details" }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.PaymentElement, { options: stripeElementOptions }), error && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: !stripe || isProcessing, className: "mt-6 w-full rounded-xl bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50", children: isProcessing ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Processing..." })] })) : ((0, jsx_runtime_1.jsx)("span", { children: "Complete Payment" })) })] }) }) }));
-}
-function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId }) {
-    const [stableAmountForGeo, setStableAmountForGeo] = (0, react_1.useState)(srcAmountOnRamp);
-    const hasInitialized = (0, react_1.useRef)(false);
-    const [createdOrder, setCreatedOrder] = (0, react_1.useState)(null);
-    const orderCreationAttempted = (0, react_1.useRef)(false);
-    // Only update the stable amount on first render or when explicitly needed
-    (0, react_1.useEffect)(() => {
-        if (!hasInitialized.current && srcAmountOnRamp) {
-            setStableAmountForGeo(srcAmountOnRamp);
-            hasInitialized.current = true;
-        }
-    }, [srcAmountOnRamp]);
-    const { geoData, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp } = (0, anyspend_1.useGeoOnrampOptions)(true, stableAmountForGeo);
-    const { createOrder, isCreatingOrder } = (0, anyspend_1.useAnyspendCreateOnrampOrder)({
-        onSuccess: data => {
-            const orderId = data.data.id;
-            setCreatedOrder(data.data);
-        },
-        onError: error => {
-            console.error(error);
-            sonner_1.toast.error("Failed to create order: " + error.message);
-        }
-    });
-    const { clientSecret, isLoadingStripeClientSecret } = (0, anyspend_1.useStripeClientSecret)(true, createdOrder?.stripePaymentIntentId || "");
-    // Create order when component mounts and all required data is available
-    (0, react_1.useEffect)(() => {
-        const createOrderIfPossible = async () => {
-            if (!orderCreationAttempted.current &&
-                recipientAddress &&
-                srcAmountOnRamp &&
-                parseFloat(srcAmountOnRamp) > 0 &&
-                isStripeWeb2Supported &&
-                anyspendQuote &&
-                geoData) {
-                orderCreationAttempted.current = true;
-                try {
-                    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",
-                        partnerId
-                    });
-                }
-                catch (err) {
-                    console.error(err);
-                    sonner_1.toast.error("Failed to create order: " + err.message);
-                }
-            }
-        };
-        createOrderIfPossible();
-    }, [
-        recipientAddress,
-        srcAmountOnRamp,
-        isStripeWeb2Supported,
-        anyspendQuote,
-        geoData,
-        createOrder,
-        destinationToken,
-        userId,
-        partnerId
-    ]);
-    // Check if all required data is loaded
-    const isLoading = isLoadingGeoOnramp || !anyspendQuote || !destinationToken.metadata?.logoURI;
-    // Show loading state while data is being fetched or order is being created
-    if (isLoading || isCreatingOrder || isLoadingStripeClientSecret) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-[460px] flex-col items-center justify-center gap-3 py-12", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-as-brand h-8 w-8 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: isCreatingOrder
-                        ? "Creating payment session..."
-                        : isLoadingStripeClientSecret
-                            ? "Loading payment form..."
-                            : "Loading payment details..." })] }));
-    }
-    // If we have a created order and client secret, show the payment form
-    if (createdOrder && clientSecret) {
-        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.jsx)("div", { className: "overflow-hidden rounded-xl bg-white", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-lg font-semibold", children: "Order summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col divide-y", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", 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-5 w-5 rounded-full" })), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium", 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 py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, anyspend_1.getChainName)(destinationToken.chainId) })] }), recipientAddress && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Recipient" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, centerTruncate_1.default)(recipientAddress) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "You Pay" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: stripePromise, options: {
-                        clientSecret,
-                        appearance: {
-                            theme: "flat",
-                            variables: {
-                                colorPrimary: "#2563eb",
-                                colorBackground: "#ffffff",
-                                borderRadius: "12px"
-                            }
-                        }
-                    }, children: (0, jsx_runtime_1.jsx)(StripePaymentForm, { order: createdOrder, onPaymentSuccess: onPaymentSuccess }) })] }));
-    }
-    // Show initial order summary while waiting for order creation
-    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, className: "mx-auto w-full max-w-[460px]", children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-xl bg-white", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-lg font-semibold", children: "Order summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col divide-y", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", 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-5 w-5 rounded-full" })), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium", 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 py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, anyspend_1.getChainName)(destinationToken.chainId) })] }), recipientAddress && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Recipient" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, centerTruncate_1.default)(recipientAddress) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "You Pay" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }) }));
-}

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

@@ -1,9 +0,0 @@
-export declare const useB3EnsName: () => {
-    registerEns: (username: string, message: string, hash: string) => Promise<{
-        success: boolean;
-        error?: string;
-    }>;
-    getEns: (address: string) => Promise<{
-        name: string;
-    }>;
-};

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

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useB3EnsName = void 0;
-const bsmnt_1 = __importDefault(require("../../../global-account/bsmnt"));
-const constants_1 = require("../../../shared/constants");
-const js_cookie_1 = __importDefault(require("js-cookie"));
-const react_1 = require("react");
-const useB3EnsName = () => {
-    const registerEns = (0, react_1.useCallback)(async (username, message, hash) => {
-        if (!bsmnt_1.default.authentication.authenticated) {
-            await bsmnt_1.default.authentication.authenticate({
-                strategy: "b3-jwt",
-                accessToken: js_cookie_1.default.get(constants_1.B3_AUTH_COOKIE_NAME) || ""
-            });
-        }
-        const response = await bsmnt_1.default.service("profiles").registerUsername({
-            username,
-            message,
-            hash
-        }, {});
-        return response;
-    }, [bsmnt_1.default.authentication.authenticated]);
-    const getEns = (0, react_1.useCallback)(async (address) => {
-        const response = await fetch(`https://ens-gateway.b3.fun/address/${address}`);
-        if (!response.ok) {
-            throw new Error(`Failed to fetch ENS name: ${response.statusText}`);
-        }
-        const data = await response.json();
-        return data;
-    }, []);
-    return {
-        registerEns,
-        getEns
-    };
-};
-exports.useB3EnsName = useB3EnsName;