@b3dotfun/sdk 0.0.49-alpha.1 → 0.0.49-alpha.10

package/dist/types/bondkit/components/types.d.ts

@@ -5,4 +5,5 @@ export interface TradingViewProps {
     className?: string;
     tokenAddress?: string;
     tokenSymbol?: string;
+    chainId?: number;
 }

package/dist/types/bondkit/config.d.ts

@@ -5,6 +5,7 @@ export interface Config {
     rpcUrl: string;
     factoryAddress: Address;
     apiEndpoint: string;
+    chartApiEndpoint: string;
 }
 export type SupportedChainId = typeof base.id;
 export declare const getConfig: (chainId: number, rpcUrl?: string) => Config;

package/dist/types/bondkit/index.d.ts

@@ -5,4 +5,4 @@ export * from "./constants";
 export * from "./types";
 export * from "./abis";
 export { BondkitSwapService } from "./swapService";
-export { default as TradingView } from "./components/TradingView";
+export * from "./components";

package/dist/types/bondkit/types.d.ts

@@ -86,3 +86,18 @@ export interface SwapQuote {
     executionPrice: string;
     fee: string;
 }
+export interface MarketCapDataPoint {
+    time: string;
+    value: string;
+}
+export interface TokenInfo {
+    contractAddress: string;
+    chainId: number;
+    name: string;
+    symbol: string;
+    found: boolean;
+}
+export interface MarketCapChartResponse {
+    tokenInfo: TokenInfo;
+    data: MarketCapDataPoint[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.49-alpha.1",
+  "version": "0.0.49-alpha.10",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/constants/index.ts

@@ -12,7 +12,7 @@ export const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGVxr1b2hvZ
 export const SOLANA_TOKEN_2022_PROGRAM_ID = "TokenzQdBNbLqP5VEhdkAS6EPFLC1PHnBqCXEpPxuEb";
 
 export const B3_TOKEN: components["schemas"]["Token"] = {
-  chainId: 8453,
+  chainId: base.id,
   address: "0xb3b32f9f8827d4634fe7d973fa1034ec9fddb3b3",
   decimals: 18,
   name: "B3",
@@ -22,6 +22,17 @@ export const B3_TOKEN: components["schemas"]["Token"] = {
   },
 };
 
+export const ANYSPEND_TOKEN: components["schemas"]["Token"] = {
+  chainId: base.id,
+  address: "0xc17dda248e2d50fc006d8febb5a406dd31972712",
+  decimals: 18,
+  name: "Anyspend",
+  symbol: "ANY",
+  metadata: {
+    logoURI: "https://cdn.b3.fun/anyspend_64x64.png",
+  },
+};
+
 export const USDC_BASE: components["schemas"]["Token"] = {
   symbol: "USDC",
   chainId: base.id,

package/src/anyspend/react/components/AnySpend.tsx

@@ -609,9 +609,20 @@ function AnySpendInner({
     },
   });
 
+  // Check if it's a same-chain same-token swap
+  const isSameChainSameToken = useMemo(() => {
+    return (
+      activeTab === "crypto" &&
+      selectedSrcChainId === selectedDstChainId &&
+      selectedSrcToken.address.toLowerCase() === selectedDstToken.address.toLowerCase()
+    );
+  }, [activeTab, selectedSrcChainId, selectedDstChainId, selectedSrcToken.address, selectedDstToken.address]);
+
   // Determine button state and text
   const btnInfo: { text: string; disable: boolean; error: boolean; loading: boolean } = useMemo(() => {
     if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false, loading: false };
+    if (isSameChainSameToken)
+      return { text: "Select a different token or chain", disable: true, error: false, loading: false };
     if (isLoadingAnyspendQuote) return { text: "Loading quote...", disable: true, error: false, loading: true };
     if (!recipientAddress) return { text: "Select recipient", disable: false, error: false, loading: false };
     if (isCreatingOrder || isCreatingOnrampOrder)
@@ -648,6 +659,7 @@ function AnySpendInner({
     return { text: "Buy", disable: false, error: false, loading: false };
   }, [
     activeInputAmountInWei,
+    isSameChainSameToken,
     isLoadingAnyspendQuote,
     recipientAddress,
     isCreatingOrder,
@@ -905,6 +917,7 @@ function AnySpendInner({
             refundTxs={oat.data.refundTxs}
             selectedCryptoPaymentMethod={selectedCryptoPaymentMethod}
             onPaymentMethodChange={setSelectedCryptoPaymentMethod}
+            points={oat.data.points || undefined}
             onBack={() => {
               setOrderId(undefined);
               navigateBack();

package/src/anyspend/react/components/AnyspendDepositHype.tsx

@@ -416,6 +416,7 @@ function AnySpendDepositHypeInner({
               setActivePanel(PanelView.MAIN);
             }}
             disableUrlParamManagement
+            points={oat.data.points || undefined}
           />
         )}
       </div>

package/src/anyspend/react/components/common/CryptoReceiveSection.tsx

@@ -130,7 +130,7 @@ export function CryptoReceiveSection({
             (() => {
               const calculatePriceImpact = (inputUsd?: string | number, outputUsd?: string | number) => {
                 if (!inputUsd || !outputUsd) {
-                  return { percentage: "0.00", isNegative: false };
+                  return { percentage: "0.00", percentageNum: 0, isNegative: false };
                 }
 
                 const input = Number(inputUsd);
@@ -138,38 +138,46 @@ export function CryptoReceiveSection({
 
                 // Handle edge cases
                 if (input === 0 || isNaN(input) || isNaN(output) || input <= output) {
-                  return { percentage: "0.00", isNegative: false };
+                  return { percentage: "0.00", percentageNum: 0, isNegative: false };
                 }
 
                 const percentageValue = ((output - input) / input) * 100;
 
                 // Handle the -0.00% case
                 if (percentageValue > -0.005 && percentageValue < 0) {
-                  return { percentage: "0.00", isNegative: false };
+                  return { percentage: "0.00", percentageNum: 0, isNegative: false };
                 }
 
                 return {
                   percentage: Math.abs(percentageValue).toFixed(2),
+                  percentageNum: Math.abs(percentageValue),
                   isNegative: percentageValue < 0,
                 };
               };
 
-              const { percentage, isNegative } = calculatePriceImpact(
+              const { percentage, percentageNum, isNegative } = calculatePriceImpact(
                 anyspendQuote.data.currencyIn.amountUsd,
                 anyspendQuote.data.currencyOut.amountUsd,
               );
 
-              // Parse the percentage as a number for comparison
-              const percentageNum = parseFloat(percentage);
+              // Get the fee percentage if available
+              const feePercent = anyspendQuote.data.fee?.finalFeeBps ? anyspendQuote.data.fee.finalFeeBps / 100 : 0;
 
-              // Don't show if less than 1%
-              if (percentageNum < 1) {
+              // Calculate actual slippage (price impact minus fee)
+              const actualSlippage = percentageNum - feePercent;
+
+              // Show warning based on actual slippage, not total impact
+              const yellowThreshold = 1; // 1% actual slippage
+              const redThreshold = 2; // 2% actual slippage
+
+              // Don't show if actual slippage is less than yellow threshold
+              if (actualSlippage < yellowThreshold) {
                 return null;
               }
 
               // Using inline style to ensure color displays
               return (
-                <span className="ml-2" style={{ color: percentageNum >= 10 ? "red" : "#FFD700" }}>
+                <span className="ml-2" style={{ color: actualSlippage >= redThreshold ? "red" : "#FFD700" }}>
                   ({isNegative ? "-" : ""}
                   {percentage}%)
                 </span>

package/src/anyspend/react/components/common/FeeDetailPanel.tsx

@@ -114,7 +114,7 @@ export function FeeDetailPanel({ fee, transactionAmountUsd, onBack }: FeeDetailP
                       )}
                     >
                       <span>{tier.label}</span>
-                      <span>CC Fee + {tier.fee}</span>
+                      <span>Credit Card Fee + {tier.fee}</span>
                     </div>
                   );
                 })
@@ -244,11 +244,38 @@ export function FeeDetailPanel({ fee, transactionAmountUsd, onBack }: FeeDetailP
                 <span className="text-as-primary font-semibold">${transactionAmountUsd.toFixed(2)}</span>
               </div>
 
-              {isStripeFee && currentFiatTier && (
-                <div className="flex items-center justify-between">
-                  <span className="text-as-secondary">{currentFiatTier.label}</span>
-                  <span className="text-as-primary">CC Fee + {currentFiatTier.fee}</span>
-                </div>
+              {isStripeFee && (
+                <>
+                  <div className="flex items-center justify-between">
+                    <span className="text-as-secondary">
+                      Credit Card Fee ({fee.stripeFeeBps ? `${bpsToPercent(fee.stripeFeeBps)}%` : "0%"} + $
+                      {fee.stripeFeeUsd?.toFixed(2) || "0.00"})
+                    </span>
+                    <span className="text-as-primary font-medium">
+                      ${((transactionAmountUsd * (fee.stripeFeeBps || 0)) / 10000 + (fee.stripeFeeUsd || 0)).toFixed(2)}
+                    </span>
+                  </div>
+                  <div className="flex items-center justify-between">
+                    <span className="text-as-secondary">
+                      AnySpend Fee ({fee.anyspendFeeBps ? `${bpsToPercent(fee.anyspendFeeBps)}%` : "0%"}
+                      {fee.anyspendFeeUsd && fee.anyspendFeeUsd > 0 ? ` + $${fee.anyspendFeeUsd.toFixed(2)}` : ""})
+                    </span>
+                    <span className="text-as-primary font-medium">
+                      $
+                      {((transactionAmountUsd * (fee.anyspendFeeBps || 0)) / 10000 + (fee.anyspendFeeUsd || 0)).toFixed(
+                        2,
+                      )}
+                    </span>
+                  </div>
+                  <div className="border-as-border-secondary border-t pt-2">
+                    <div className="flex items-center justify-between">
+                      <span className="text-as-primary font-semibold">Total Fee</span>
+                      <span className="text-as-brand font-semibold">
+                        ${((transactionAmountUsd * (fee.finalFeeBps || 0)) / 10000 + (fee.finalFeeUsd || 0)).toFixed(2)}
+                      </span>
+                    </div>
+                  </div>
+                </>
               )}
 
               {!isStripeFee && currentCryptoTier && (

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -68,6 +68,7 @@ interface OrderDetailsProps {
   onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void; // Callback for payment method switching
   onBack?: () => void;
   disableUrlParamManagement?: boolean; // When true, will not modify URL parameters
+  points?: number | undefined; // Points earned from the transaction
 }
 
 // Add this helper function near the top or just above the component
@@ -212,6 +213,7 @@ export const OrderDetails = memo(function OrderDetails({
   onPaymentMethodChange,
   onBack,
   disableUrlParamManagement = false,
+  points,
 }: OrderDetailsProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -576,6 +578,7 @@ export const OrderDetails = memo(function OrderDetails({
           nft={nft}
           recipientName={recipientName}
           formattedExpectedDstAmount={formattedExpectedDstAmount}
+          points={points}
         />
         <Accordion type="single" collapsible className="order-details-accordion w-full">
           <AccordionItem value="refund-details" className="order-details-refund-item">
@@ -654,6 +657,7 @@ export const OrderDetails = memo(function OrderDetails({
           nft={nft}
           recipientName={recipientName}
           formattedExpectedDstAmount={formattedExpectedDstAmount}
+          points={points}
         />
         <Accordion type="single" collapsible className="order-details-accordion w-full">
           <AccordionItem value="execute-details" className="order-details-execute-item">
@@ -781,6 +785,7 @@ export const OrderDetails = memo(function OrderDetails({
           nft={nft}
           recipientName={recipientName}
           formattedExpectedDstAmount={formattedExpectedDstAmount}
+          points={points}
         />
         <Accordion type="single" collapsible className="order-details-accordion w-full">
           <AccordionItem value="more-details" className="order-details-more-item">
@@ -910,6 +915,7 @@ export const OrderDetails = memo(function OrderDetails({
           nft={nft}
           recipientName={recipientName}
           formattedExpectedDstAmount={formattedExpectedDstAmount}
+          points={points}
         />
         <Accordion type="single" collapsible className="order-details-accordion w-full">
           <AccordionItem value="deposit-details" className="order-details-deposit-item">
@@ -1190,6 +1196,7 @@ export const OrderDetails = memo(function OrderDetails({
           nft={nft}
           recipientName={recipientName}
           formattedExpectedDstAmount={formattedExpectedDstAmount}
+          points={points}
         />
       )}
 

package/src/anyspend/react/components/common/OrderDetailsCollapsible.tsx

@@ -5,6 +5,7 @@ import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { CopyToClipboard } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
+import { formatNumber } from "@b3dotfun/sdk/shared/utils/formatNumber";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { ChevronDown, Copy } from "lucide-react";
 import { motion } from "motion/react";
@@ -27,6 +28,7 @@ interface OrderDetailsCollapsibleProps {
   className?: string;
   showTotal?: boolean;
   totalAmount?: string;
+  points?: number;
 }
 
 export const OrderDetailsCollapsible = memo(function OrderDetailsCollapsible({
@@ -39,6 +41,7 @@ export const OrderDetailsCollapsible = memo(function OrderDetailsCollapsible({
   className,
   showTotal = false,
   totalAmount,
+  points,
 }: OrderDetailsCollapsibleProps) {
   const [showOrderDetails, setShowOrderDetails] = useState(true);
 
@@ -150,6 +153,19 @@ export const OrderDetailsCollapsible = memo(function OrderDetailsCollapsible({
               </div>
             </div>
 
+            {points !== undefined && points !== null && (
+              <>
+                <div className="order-details-divider divider w-full" />
+                {/* Points Section */}
+                <div className="order-details-points-section flex w-full justify-between gap-4">
+                  <div className="order-details-points-label text-as-tertiarry">Points</div>
+                  <div className="order-details-points-value text-as-brand font-semibold">
+                    +{formatNumber(points)} pts
+                  </div>
+                </div>
+              </>
+            )}
+
             <div className="order-details-divider divider w-full" />
 
             {/* Order ID / Total Section */}

package/src/anyspend/react/contexts/FeatureFlagsContext.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { createContext, useContext, ReactNode } from "react";
+import { ReactNode, createContext, useContext } from "react";
 
 export interface FeatureFlags {
   showPoints?: boolean;
@@ -18,7 +18,7 @@ interface FeatureFlagsProviderProps {
 }
 
 const defaultFeatureFlags: FeatureFlags = {
-  showPoints: false,
+  showPoints: true,
 };
 
 export function FeatureFlagsProvider({ children, featureFlags = defaultFeatureFlags }: FeatureFlagsProviderProps) {

package/src/anyspend/types/api.ts

@@ -1334,10 +1334,22 @@ export interface components {
       /** @description Settlement information for executed orders */
       settlement: {
         /**
-         * @description Actual received amount after execution
+         * @description Actual received amount after execution (only for swap/hypeduel orders). Optional - only present for swap/hypeduel orders.
          * @example 990000
          */
-        actualDstAmount: string | null;
+        actualDstAmount?: string;
+        /**
+         * @description Complete relay API response data. Contains transaction details, state changes, fees, and execution status. Optional - can be backfilled by querying Relay API /requests/v2 endpoint.
+         * @example {
+         *       "status": "success",
+         *       "metadata": {
+         *         "currencyOut": {
+         *           "amount": "990000"
+         *         }
+         *       }
+         *     }
+         */
+        relay?: Record<string, never>;
       } | null;
       /** @description Fee structure for the order including Stripe and AnySpend fees */
       fee?: Omit<components["schemas"]["Fee"], "type"> | null;

package/src/anyspend/utils/chain.ts

@@ -126,7 +126,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     ),
     pollingInterval: 1000, // 1 second for Polygon
     zapperEnum: "POLYGON_MAINNET",
-    coingeckoName: "polygon",
+    coingeckoName: "polygon_pos",
   },
   [avalanche.id]: {
     id: avalanche.id,
@@ -140,7 +140,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     viem: getCustomEvmChain(avalanche, "https://avalanche-c-chain-rpc.publicnode.com"),
     pollingInterval: 1000, // 1 second for Avalanche
     zapperEnum: "AVALANCHE_MAINNET",
-    coingeckoName: "avalanche",
+    coingeckoName: "avax",
   },
   [bsc.id]: {
     id: bsc.id,
@@ -187,8 +187,8 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
       "https://cosmopolitan-nameless-mountain.abstract-mainnet.quiknode.pro/863853304b986b582bdacf625ce3350397c560f8/",
     ),
     pollingInterval: 3000, // 3 seconds for Abstract
-    zapperEnum: "B3_MAINNET",
-    coingeckoName: "b3",
+    zapperEnum: "ABSTRACT_MAINNET",
+    coingeckoName: "abstract",
   },
 };
 

package/src/bondkit/bondkitToken.ts

@@ -17,6 +17,7 @@ import { BondkitSwapService } from "./swapService";
 import type {
   BondkitTokenInitializationConfig,
   GetTransactionHistoryOptions,
+  MarketCapChartResponse,
   SwapQuote,
   TokenDetails,
   TransactionResponse,
@@ -52,6 +53,7 @@ export class BondkitToken {
   private walletKey?: Hex;
   private rpcUrl: string;
   private apiEndpoint: string;
+  private chartApiEndpoint: string;
   private walletClientInstance: WalletClient;
   private connectedProvider?: EIP1193Provider;
   private tradingToken?: Address;
@@ -62,6 +64,7 @@ export class BondkitToken {
     this.chain = sdkConfig.chain;
     this.rpcUrl = sdkConfig.rpcUrl;
     this.apiEndpoint = sdkConfig.apiEndpoint;
+    this.chartApiEndpoint = sdkConfig.chartApiEndpoint;
 
     if (walletKey && !walletKey.startsWith("0x")) {
       this.walletKey = `0x${walletKey}` as Hex;
@@ -459,6 +462,27 @@ export class BondkitToken {
     }
   }
 
+  // --- Market Cap Chart Data --- //
+  public async getMarketCapChartData(): Promise<MarketCapChartResponse | undefined> {
+    try {
+      const url = new URL("/recent_marketcap", this.chartApiEndpoint);
+      url.searchParams.set("contractAddress", this.contractAddress);
+      url.searchParams.set("chainId", this.chain.id.toString());
+
+      const response = await fetch(url.toString());
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const result: MarketCapChartResponse = await response.json();
+      return result;
+    } catch (e) {
+      console.warn("Error fetching market cap chart data:", e);
+      return undefined;
+    }
+  }
+
   // --- Write Methods --- //
   private async executeWrite(
     functionName: string,

package/src/bondkit/components/TradingView.tsx

@@ -2,6 +2,7 @@
 
 import { Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { getConfig } from "../config";
 import { TradingViewProps } from "./types";
 import { loadScriptFromCDN } from "./utils/cdn-loader";
 import { formatNumberSmall } from "./utils/format";
@@ -23,12 +24,16 @@ const GifLoadingOverlay = ({ className }: { className?: string }) => (
   </div>
 );
 
-const TradingView = ({ className, tokenAddress, tokenSymbol }: TradingViewProps) => {
+const TradingView = ({ className, tokenAddress, tokenSymbol, chainId = 8453 }: TradingViewProps) => {
   // Use token info for the current trade
   const currentTrade = {
     product_id: tokenAddress && tokenSymbol ? `${tokenSymbol}-${tokenAddress}` : "BONDKIT",
   };
 
+  // Get chart API endpoint from config
+  const config = getConfig(chainId);
+  const chartApiUrl = `${config.chartApiEndpoint}/udf`;
+
   const [tradingViewDefaultInterval, setTradingViewDefaultInterval] = useState<ResolutionString>("60");
   const [tradingViewTimezone, setTradingViewTimezone] = useState<string>("");
 
@@ -153,7 +158,7 @@ const TradingView = ({ className, tokenAddress, tokenSymbol }: TradingViewProps)
       };
     };
 
-    const datafeed = createUDFDatafeed("https://b3-udf-worker.sean-430.workers.dev/bondkit/udf");
+    const datafeed = createUDFDatafeed(chartApiUrl);
     // Calculate timeframe for last 2 days
     const currentTime = Math.floor(Date.now() / 1000);
     const twoDaysAgo = currentTime - 2 * 24 * 60 * 60; // 2 days in seconds
@@ -280,7 +285,14 @@ const TradingView = ({ className, tokenAddress, tokenSymbol }: TradingViewProps)
         tvWidgetRef.current = null;
       }
     };
-  }, [librariesLoaded, currentTrade?.product_id, tradingViewDefaultInterval, tradingViewTimezone]);
+  }, [
+    librariesLoaded,
+    currentTrade?.product_id,
+    tradingViewDefaultInterval,
+    tradingViewTimezone,
+    chartApiUrl,
+    chainId,
+  ]);
 
   useEffect(() => {
     if (

package/src/bondkit/components/index.ts

@@ -1,5 +1,5 @@
+export * from "./config/cdn";
 export { default as TradingView } from "./TradingView";
 export type { TradingViewProps } from "./types";
 export * from "./utils/cdn-loader";
 export * from "./utils/format";
-export * from "./config/cdn";

package/src/bondkit/components/types.ts

@@ -6,4 +6,5 @@ export interface TradingViewProps {
   className?: string;
   tokenAddress?: string;
   tokenSymbol?: string;
+  chainId?: number;
 }

package/src/bondkit/config.ts

@@ -7,6 +7,7 @@ export interface Config {
   rpcUrl: string;
   factoryAddress: Address;
   apiEndpoint: string;
+  chartApiEndpoint: string;
 }
 
 export type SupportedChainId = typeof base.id;
@@ -16,6 +17,7 @@ const baseMainnetConfig: Config = {
   rpcUrl: BaseMainnetRpcUrl,
   factoryAddress: BaseBondkitTokenFactoryContractAddress,
   apiEndpoint: "https://api.b3.fun/bondkit-tokens",
+  chartApiEndpoint: "https://bondkit-chart-api.b3.fun",
 };
 
 export const getConfig = (chainId: number, rpcUrl?: string): Config => {

package/src/bondkit/index.ts

@@ -16,4 +16,4 @@ export * from "./abis";
 export { BondkitSwapService } from "./swapService";
 
 // Components
-export { default as TradingView } from "./components/TradingView";
+export * from "./components";

package/src/bondkit/types.ts

@@ -108,3 +108,22 @@ export interface SwapQuote {
   executionPrice: string;
   fee: string;
 }
+
+// Market cap chart data types
+export interface MarketCapDataPoint {
+  time: string; // ISO 8601 timestamp
+  value: string; // Market cap value as string (to handle large numbers)
+}
+
+export interface TokenInfo {
+  contractAddress: string;
+  chainId: number;
+  name: string;
+  symbol: string;
+  found: boolean;
+}
+
+export interface MarketCapChartResponse {
+  tokenInfo: TokenInfo;
+  data: MarketCapDataPoint[];
+}