@b3dotfun/sdk 0.0.51 → 0.0.52-alpha.0

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

@@ -0,0 +1,96 @@
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { StyleRoot } from "@b3dotfun/sdk/global-account/react";
+import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
+import invariant from "invariant";
+import { encodeFunctionData } from "viem";
+import { base } from "viem/chains";
+import { B3_STAKING_CONTRACT, WETH_STAKING_CONTRACT } from "../../abis/upsideStaking";
+import { AnySpendCustom } from "./AnySpendCustom";
+
+function generateEncodedDataForStaking(amount: string, beneficiary: string, poolType: "b3" | "weth"): string {
+  invariant(BigInt(amount) > 0, "Amount must be greater than zero");
+  if (poolType === "weth") {
+    return encodeFunctionData({
+      abi: WETH_STAKING_CONTRACT,
+      functionName: "stakeFor",
+      args: [beneficiary as `0x${string}`, BigInt(amount)],
+    });
+  } else if (poolType === "b3") {
+    return encodeFunctionData({
+      abi: B3_STAKING_CONTRACT,
+      functionName: "stakeFor",
+      args: [beneficiary as `0x${string}`, BigInt(amount)],
+    });
+  }
+  throw new Error("Unsupported pool type");
+}
+
+export function AnySpendStakeUpside({
+  loadOrder,
+  mode = "modal",
+  beneficiaryAddress,
+  stakeAmount,
+  stakingContractAddress,
+  token,
+  poolType,
+  onSuccess,
+}: {
+  loadOrder?: string;
+  mode?: "modal" | "page";
+  beneficiaryAddress: string;
+  stakeAmount: string;
+  stakingContractAddress: string;
+  token: components["schemas"]["Token"];
+  poolType: "b3" | "weth";
+  onSuccess?: () => void;
+}) {
+  const header = () => (
+    <>
+      <div className="relative mx-auto size-32">
+        <img alt="token" className="size-full" src={token.metadata.logoURI || "https://cdn.b3.fun/b3-coin-3d.png"} />
+      </div>
+      <div className="from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t">
+        <div className="h-[60px] w-full" />
+        <div className="mb-1 flex w-full flex-col items-center gap-2 p-5">
+          <span className="font-sf-rounded text-2xl font-semibold">
+            Swap & Stake {stakeAmount ? formatTokenAmount(BigInt(stakeAmount), token.decimals) : ""} {token.symbol}
+          </span>
+        </div>
+      </div>
+    </>
+  );
+
+  // Only generate encoded data if we have a valid beneficiary address
+  // This is used for the AnySpendCustom swap & stake flow
+  if (!beneficiaryAddress || beneficiaryAddress === "") {
+    return (
+      <StyleRoot>
+        <div className="bg-b3-react-background flex w-full flex-col items-center justify-center p-8">
+          <p className="font-medium text-yellow-600 dark:text-yellow-400">⚠️ Please connect your wallet to continue.</p>
+        </div>
+      </StyleRoot>
+    );
+  }
+
+  const encodedData = generateEncodedDataForStaking(stakeAmount, beneficiaryAddress, poolType);
+
+  return (
+    <AnySpendCustom
+      loadOrder={loadOrder}
+      mode={mode}
+      recipientAddress={beneficiaryAddress}
+      orderType={"custom"}
+      dstChainId={base.id}
+      dstToken={token}
+      dstAmount={stakeAmount}
+      contractAddress={stakingContractAddress}
+      encodedData={encodedData}
+      metadata={{
+        action: `stake ${token.symbol}`,
+      }}
+      header={header}
+      onSuccess={onSuccess}
+      showRecipient={true}
+    />
+  );
+}

package/src/anyspend/types/chain.ts

@@ -22,6 +22,7 @@ export interface IEVMChain extends IBaseChain {
   type: ChainType.EVM;
   viem: Chain;
   pollingInterval: number;
+  wethAddress: string;
   zapperEnum?: string;
 }
 

package/src/anyspend/utils/chain.ts

@@ -13,20 +13,7 @@ import {
   Transport,
   WalletClient,
 } from "viem";
-import {
-  abstract,
-  arbitrum,
-  avalanche,
-  b3,
-  b3Sepolia,
-  base,
-  baseSepolia,
-  bsc,
-  mainnet,
-  optimism,
-  polygon,
-  sepolia,
-} from "viem/chains";
+import { abstract, arbitrum, avalanche, b3, base, bsc, mainnet, optimism, polygon } from "viem/chains";
 import { ChainType, IBaseChain, IEVMChain, ISolanaChain } from "../types/chain";
 import { getAvaxToken, getBnbToken, getEthToken, getPolToken, getSolanaToken } from "./token";
 
@@ -59,6 +46,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 4000, // 4 seconds for Ethereum mainnet
     zapperEnum: "ETHEREUM_MAINNET",
     coingeckoName: "eth",
+    wethAddress: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
   },
   [arbitrum.id]: {
     id: arbitrum.id,
@@ -76,6 +64,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 500, // 500ms for Arbitrum's fast blocks
     zapperEnum: "ARBITRUM_MAINNET",
     coingeckoName: "arbitrum",
+    wethAddress: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1",
   },
   [base.id]: {
     id: base.id,
@@ -93,6 +82,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for Base
     zapperEnum: "BASE_MAINNET",
     coingeckoName: "base",
+    wethAddress: "0x4200000000000000000000000000000000000006",
   },
   [optimism.id]: {
     id: optimism.id,
@@ -110,6 +100,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for Optimism
     zapperEnum: "OPTIMISM_MAINNET",
     coingeckoName: "optimism",
+    wethAddress: "0x4200000000000000000000000000000000000006",
   },
   [polygon.id]: {
     id: polygon.id,
@@ -127,6 +118,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for Polygon
     zapperEnum: "POLYGON_MAINNET",
     coingeckoName: "polygon_pos",
+    wethAddress: "0x0d500b1d8e8ef31e21c99d1db9a6444d3adf1270",
   },
   [avalanche.id]: {
     id: avalanche.id,
@@ -141,6 +133,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for Avalanche
     zapperEnum: "AVALANCHE_MAINNET",
     coingeckoName: "avax",
+    wethAddress: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7",
   },
   [bsc.id]: {
     id: bsc.id,
@@ -155,6 +148,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for BSC
     zapperEnum: "BSC_MAINNET",
     coingeckoName: "bsc",
+    wethAddress: "0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c",
   },
   [b3.id]: {
     id: b3.id,
@@ -172,6 +166,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 1000, // 1 second for B3
     zapperEnum: "B3_MAINNET",
     coingeckoName: "b3",
+    wethAddress: "0x4200000000000000000000000000000000000006",
   },
   [abstract.id]: {
     id: abstract.id,
@@ -189,49 +184,50 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     pollingInterval: 3000, // 3 seconds for Abstract
     zapperEnum: "ABSTRACT_MAINNET",
     coingeckoName: "abstract",
+    wethAddress: "0x3439153eb7af838ad19d56e1571fbd09333c2809",
   },
 };
 
 export const EVM_TESTNET: Record<number, IEVMChain> = {
-  [sepolia.id]: {
-    id: sepolia.id,
-    name: sepolia.name,
-    logoUrl: "https://assets.relay.link/icons/square/1/light.png",
-    type: ChainType.EVM,
-    nativeRequired: parseEther("0.00001"),
-    canDepositNative: true,
-    defaultToken: getEthToken(sepolia.id),
-    nativeToken: getEthToken(sepolia.id),
-    viem: sepolia,
-    pollingInterval: 1000, // 1 second for Sepolia
-    coingeckoName: "sepolia-testnet",
-  },
-  [baseSepolia.id]: {
-    id: baseSepolia.id,
-    name: baseSepolia.name,
-    logoUrl: "https://assets.relay.link/icons/square/8453/light.png",
-    type: ChainType.EVM,
-    nativeRequired: parseEther("0.00001"),
-    canDepositNative: true,
-    defaultToken: getEthToken(baseSepolia.id),
-    nativeToken: getEthToken(baseSepolia.id),
-    viem: baseSepolia,
-    pollingInterval: 1000, // 1 second for Base Sepolia
-    coingeckoName: null,
-  },
-  [b3Sepolia.id]: {
-    id: b3Sepolia.id,
-    name: b3Sepolia.name,
-    logoUrl: "https://assets.relay.link/icons/square/8333/light.png",
-    type: ChainType.EVM,
-    nativeRequired: parseEther("0.00001"),
-    canDepositNative: true,
-    defaultToken: getEthToken(b3Sepolia.id),
-    nativeToken: getEthToken(b3Sepolia.id),
-    viem: b3Sepolia,
-    pollingInterval: 1000, // 1 second for B3 Sepolia
-    coingeckoName: null,
-  },
+  // [sepolia.id]: {
+  //   id: sepolia.id,
+  //   name: sepolia.name,
+  //   logoUrl: "https://assets.relay.link/icons/square/1/light.png",
+  //   type: ChainType.EVM,
+  //   nativeRequired: parseEther("0.00001"),
+  //   canDepositNative: true,
+  //   defaultToken: getEthToken(sepolia.id),
+  //   nativeToken: getEthToken(sepolia.id),
+  //   viem: sepolia,
+  //   pollingInterval: 1000, // 1 second for Sepolia
+  //   coingeckoName: "sepolia-testnet",
+  // },
+  // [baseSepolia.id]: {
+  //   id: baseSepolia.id,
+  //   name: baseSepolia.name,
+  //   logoUrl: "https://assets.relay.link/icons/square/8453/light.png",
+  //   type: ChainType.EVM,
+  //   nativeRequired: parseEther("0.00001"),
+  //   canDepositNative: true,
+  //   defaultToken: getEthToken(baseSepolia.id),
+  //   nativeToken: getEthToken(baseSepolia.id),
+  //   viem: baseSepolia,
+  //   pollingInterval: 1000, // 1 second for Base Sepolia
+  //   coingeckoName: null,
+  // },
+  // [b3Sepolia.id]: {
+  //   id: b3Sepolia.id,
+  //   name: b3Sepolia.name,
+  //   logoUrl: "https://assets.relay.link/icons/square/8333/light.png",
+  //   type: ChainType.EVM,
+  //   nativeRequired: parseEther("0.00001"),
+  //   canDepositNative: true,
+  //   defaultToken: getEthToken(b3Sepolia.id),
+  //   nativeToken: getEthToken(b3Sepolia.id),
+  //   viem: b3Sepolia,
+  //   pollingInterval: 1000, // 1 second for B3 Sepolia
+  //   coingeckoName: null,
+  // },
   // [b4testnet.id]: {
   //   id: b4testnet.id,
   //   logoUrl: "https://cdn.b3.fun/b4-logo.png",

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -9,6 +9,7 @@ import {
   OrderHistory,
 } from "@b3dotfun/sdk/anyspend/react";
 import { AnySpendDepositHype } from "@b3dotfun/sdk/anyspend/react/components/AnyspendDepositHype";
+import { AnySpendStakeUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpside";
 import { useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
@@ -35,6 +36,7 @@ export function B3DynamicModal() {
     "anySpendJoinTournament",
     "anySpendFundTournament",
     "anySpendStakeB3",
+    "anySpendStakeUpside",
     "anySpendBuySpin",
     "anySpendOrderHistory",
     "signInWithB3",
@@ -49,6 +51,7 @@ export function B3DynamicModal() {
     "anySpendJoinTournament",
     "anySpendFundTournament",
     "anySpendStakeB3",
+    "anySpendStakeUpside",
     "anySpendBuySpin",
     "anySpendSignatureMint",
     "anySpendBondKit",
@@ -97,6 +100,8 @@ export function B3DynamicModal() {
         return <OrderHistory onBack={() => {}} mode="modal" />;
       case "anySpendStakeB3":
         return <AnySpendStakeB3 {...contentType} mode="modal" />;
+      case "anySpendStakeUpside":
+        return <AnySpendStakeUpside {...contentType} mode="modal" />;
       case "anySpendBuySpin":
         return <AnySpendBuySpin {...contentType} mode="modal" />;
       case "anySpendSignatureMint":

package/src/global-account/react/stores/useModalStore.ts

@@ -223,6 +223,27 @@ export interface AnySpendStakeB3Props extends BaseModalProps {
   onSuccess?: () => void;
 }
 
+/**
+ * Props for the AnySpend Stake Contract modal
+ * Handles token staking operations to a given contract
+ */
+export interface AnySpendStakeUpsideProps extends BaseModalProps {
+  /** Modal type identifier */
+  type: "anySpendStakeUpside";
+  /** Recipient address to stake B3 for */
+  beneficiaryAddress: string;
+  /** Stake amount */
+  stakeAmount: string;
+  /** Staking contract address */
+  stakingContractAddress: string;
+  /** Pool type for staking */
+  poolType: "b3" | "weth";
+  /** Token address to stake */
+  token: components["schemas"]["Token"];
+  /** Callback function called when the stake is successful */
+  onSuccess?: () => void;
+}
+
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -332,6 +353,7 @@ export type ModalContentType =
   | AnySpendFundTournamentProps
   | AnySpendOrderHistoryProps
   | AnySpendStakeB3Props
+  | AnySpendStakeUpsideProps
   | AnySpendBuySpinProps
   | AnySpendSignatureMintProps
   | AnySpendBondKitProps