@b3dotfun/sdk 0.0.51-alpha.2 → 0.0.51-alpha.4

package/dist/cjs/anyspend/react/components/AnySpendStakeUpside.d.ts

@@ -0,0 +1,11 @@
+import { components } from "../../../anyspend/types/api";
+export declare function AnySpendStakeUpside({ loadOrder, mode, 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;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendStakeUpside = AnySpendStakeUpside;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../global-account/react");
+const number_1 = require("../../../shared/utils/number");
+const invariant_1 = __importDefault(require("invariant"));
+const viem_1 = require("viem");
+const chains_1 = require("viem/chains");
+const upsideStaking_1 = require("../../abis/upsideStaking");
+const AnySpendCustom_1 = require("./AnySpendCustom");
+function generateEncodedDataForStaking(amount, beneficiary, poolType) {
+    (0, invariant_1.default)(BigInt(amount) > 0, "Amount must be greater than zero");
+    if (poolType === "weth") {
+        return (0, viem_1.encodeFunctionData)({
+            abi: upsideStaking_1.WETH_STAKING_CONTRACT,
+            functionName: "stakeFor",
+            args: [beneficiary, BigInt(amount)],
+        });
+    }
+    else if (poolType === "b3") {
+        return (0, viem_1.encodeFunctionData)({
+            abi: upsideStaking_1.B3_STAKING_CONTRACT,
+            functionName: "stakeFor",
+            args: [beneficiary, BigInt(amount)],
+        });
+    }
+    throw new Error("Unsupported pool type");
+}
+function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }) {
+    const header = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "relative mx-auto size-32", children: (0, jsx_runtime_1.jsx)("img", { alt: "token", className: "size-full", src: token.metadata.logoURI || "https://cdn.b3.fun/b3-coin-3d.png" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[60px] w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", stakeAmount ? (0, number_1.formatTokenAmount)(BigInt(stakeAmount), token.decimals) : "", " ", token.symbol] }) })] })] }));
+    // Only generate encoded data if we have a valid beneficiary address
+    // This is used for the AnySpendCustom swap & stake flow
+    if (!beneficiaryAddress || beneficiaryAddress === "") {
+        return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background flex w-full flex-col items-center justify-center p-8", children: (0, jsx_runtime_1.jsx)("p", { className: "font-medium text-yellow-600 dark:text-yellow-400", children: "\u26A0\uFE0F Please connect your wallet to continue." }) }) }));
+    }
+    const encodedData = generateEncodedDataForStaking(stakeAmount, beneficiaryAddress, poolType);
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: beneficiaryAddress, orderType: "custom", dstChainId: chains_1.base.id, dstToken: token, dstAmount: stakeAmount, contractAddress: stakingContractAddress, encodedData: encodedData, metadata: {
+            action: `stake ${token.symbol}`,
+        }, header: header, onSuccess: onSuccess, showRecipient: true }));
+}

package/dist/cjs/global-account/react/components/B3DynamicModal.js

@@ -4,6 +4,7 @@ exports.B3DynamicModal = B3DynamicModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../anyspend/react");
 const AnyspendDepositHype_1 = require("../../../anyspend/react/components/AnyspendDepositHype");
+const AnySpendStakeUpside_1 = require("../../../anyspend/react/components/AnySpendStakeUpside");
 const react_2 = require("../../../global-account/react");
 const cn_1 = require("../../../shared/utils/cn");
 const debug_1 = require("../../../shared/utils/debug");
@@ -27,6 +28,7 @@ function B3DynamicModal() {
         "anySpendJoinTournament",
         "anySpendFundTournament",
         "anySpendStakeB3",
+        "anySpendStakeUpside",
         "anySpendBuySpin",
         "anySpendOrderHistory",
         "signInWithB3",
@@ -40,6 +42,7 @@ function B3DynamicModal() {
         "anySpendJoinTournament",
         "anySpendFundTournament",
         "anySpendStakeB3",
+        "anySpendStakeUpside",
         "anySpendBuySpin",
         "anySpendSignatureMint",
         "anySpendBondKit",
@@ -75,6 +78,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(react_1.OrderHistory, { onBack: () => { }, mode: "modal" });
             case "anySpendStakeB3":
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendStakeB3, { ...contentType, mode: "modal" });
+            case "anySpendStakeUpside":
+                return (0, jsx_runtime_1.jsx)(AnySpendStakeUpside_1.AnySpendStakeUpside, { ...contentType, mode: "modal" });
             case "anySpendBuySpin":
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendBuySpin, { ...contentType, mode: "modal" });
             case "anySpendSignatureMint":

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -210,6 +210,26 @@ export interface AnySpendStakeB3Props extends BaseModalProps {
     /** Callback function called when the stake is successful */
     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
@@ -302,7 +322,7 @@ export interface AvatarEditorModalProps extends BaseModalProps {
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps;
 /**
  * State interface for the modal store
  */