@b3dotfun/sdk 0.0.65-alpha.4 → 0.0.65-alpha.5

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

@@ -0,0 +1,11 @@
+import { components } from "../../../anyspend/types/api";
+export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }: {
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    recipientAddress: string;
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
+    depositContractAddress: string;
+    token: components["schemas"]["Token"];
+    onSuccess?: (amount: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendDepositUpside = AnySpendDepositUpside;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../anyspend/utils");
+const chains_1 = require("viem/chains");
+const AnySpendCustomExactIn_1 = require("./AnySpendCustomExactIn");
+const DEPOSIT_FOR_FUNCTION_ABI = JSON.stringify([
+    {
+        inputs: [
+            {
+                internalType: "address",
+                name: "user",
+                type: "address",
+            },
+            {
+                internalType: "uint256",
+                name: "amount",
+                type: "uint256",
+            },
+        ],
+        name: "depositFor",
+        outputs: [],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
+]);
+function AnySpendDepositUpside({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }) {
+    if (!recipientAddress)
+        return null;
+    const header = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "from-b3-react-background to-as-on-surface-1 w-full rounded-t-lg bg-gradient-to-t", children: (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Deposit ", token.symbol] }) }) }) }));
+    const customExactInConfig = {
+        functionAbi: DEPOSIT_FOR_FUNCTION_ABI,
+        functionName: "depositFor",
+        functionArgs: [(0, utils_1.normalizeAddress)(recipientAddress), "{{amount_out}}"],
+        to: depositContractAddress,
+        spenderAddress: depositContractAddress,
+        action: `deposit ${token.symbol}`,
+    };
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustomExactIn_1.AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: token, destinationChainId: chains_1.base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+}

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

@@ -20,6 +20,7 @@ const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
 const dialog_1 = require("./ui/dialog");
 const drawer_1 = require("./ui/drawer");
+const AnySpendDepositUpside_1 = require("../../../anyspend/react/components/AnySpendDepositUpside");
 const debug = (0, debug_1.debugB3React)("B3DynamicModal");
 function B3DynamicModal() {
     const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = (0, react_2.useModalStore)();
@@ -105,6 +106,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(AnySpendStakeUpside_1.AnySpendStakeUpside, { ...contentType, mode: "modal" });
             case "anySpendStakeUpsideExactIn":
                 return (0, jsx_runtime_1.jsx)(AnySpendStakeUpsideExactIn_1.AnySpendStakeUpsideExactIn, { ...contentType, mode: "modal" });
+            case "anySpendDepositUpside":
+                return (0, jsx_runtime_1.jsx)(AnySpendDepositUpside_1.AnySpendDepositUpside, { ...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

@@ -260,6 +260,26 @@ export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }
+/**
+ * Props for the AnySpend Deposit Upside (Exact In) modal
+ * Handles token deposit operations using the custom exact in flow
+ */
+export interface AnySpendDepositUpsideProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendDepositUpside";
+    /**	Source token address */
+    sourceTokenAddress?: string;
+    /** Source token address */
+    sourceTokenChainId?: number;
+    /** Recipient address to deposit tokens for */
+    recipientAddress: string;
+    /** Deposit contract address */
+    depositContractAddress: string;
+    /** Token to deposit */
+    token: components["schemas"]["Token"];
+    /** Callback function called when the deposit is successful */
+    onSuccess?: () => void;
+}
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -360,7 +380,7 @@ export interface ProfileEditorModalProps extends BaseModalProps {
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
 /**
  * State interface for the modal store
  */

package/dist/esm/anyspend/react/components/AnySpendDepositUpside.d.ts

@@ -0,0 +1,11 @@
+import { components } from "../../../anyspend/types/api";
+export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }: {
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    recipientAddress: string;
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
+    depositContractAddress: string;
+    token: components["schemas"]["Token"];
+    onSuccess?: (amount: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/anyspend/react/components/AnySpendDepositUpside.js

@@ -0,0 +1,38 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { normalizeAddress } from "../../../anyspend/utils/index.js";
+import { base } from "viem/chains";
+import { AnySpendCustomExactIn } from "./AnySpendCustomExactIn.js";
+const DEPOSIT_FOR_FUNCTION_ABI = JSON.stringify([
+    {
+        inputs: [
+            {
+                internalType: "address",
+                name: "user",
+                type: "address",
+            },
+            {
+                internalType: "uint256",
+                name: "amount",
+                type: "uint256",
+            },
+        ],
+        name: "depositFor",
+        outputs: [],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
+]);
+export function AnySpendDepositUpside({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }) {
+    if (!recipientAddress)
+        return null;
+    const header = () => (_jsx(_Fragment, { children: _jsx("div", { className: "from-b3-react-background to-as-on-surface-1 w-full rounded-t-lg bg-gradient-to-t", children: _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Deposit ", token.symbol] }) }) }) }));
+    const customExactInConfig = {
+        functionAbi: DEPOSIT_FOR_FUNCTION_ABI,
+        functionName: "depositFor",
+        functionArgs: [normalizeAddress(recipientAddress), "{{amount_out}}"],
+        to: depositContractAddress,
+        spenderAddress: depositContractAddress,
+        action: `deposit ${token.symbol}`,
+    };
+    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: token, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+}

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

@@ -17,6 +17,7 @@ import { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow.js";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog.js";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer.js";
+import { AnySpendDepositUpside } from "../../../anyspend/react/components/AnySpendDepositUpside.js";
 const debug = debugB3React("B3DynamicModal");
 export function B3DynamicModal() {
     const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = useModalStore();
@@ -102,6 +103,8 @@ export function B3DynamicModal() {
                 return _jsx(AnySpendStakeUpside, { ...contentType, mode: "modal" });
             case "anySpendStakeUpsideExactIn":
                 return _jsx(AnySpendStakeUpsideExactIn, { ...contentType, mode: "modal" });
+            case "anySpendDepositUpside":
+                return _jsx(AnySpendDepositUpside, { ...contentType, mode: "modal" });
             case "anySpendBuySpin":
                 return _jsx(AnySpendBuySpin, { ...contentType, mode: "modal" });
             case "anySpendSignatureMint":

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

@@ -260,6 +260,26 @@ export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }
+/**
+ * Props for the AnySpend Deposit Upside (Exact In) modal
+ * Handles token deposit operations using the custom exact in flow
+ */
+export interface AnySpendDepositUpsideProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendDepositUpside";
+    /**	Source token address */
+    sourceTokenAddress?: string;
+    /** Source token address */
+    sourceTokenChainId?: number;
+    /** Recipient address to deposit tokens for */
+    recipientAddress: string;
+    /** Deposit contract address */
+    depositContractAddress: string;
+    /** Token to deposit */
+    token: components["schemas"]["Token"];
+    /** Callback function called when the deposit is successful */
+    onSuccess?: () => void;
+}
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -360,7 +380,7 @@ export interface ProfileEditorModalProps extends BaseModalProps {
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
 /**
  * State interface for the modal store
  */

package/dist/types/anyspend/react/components/AnySpendDepositUpside.d.ts

@@ -0,0 +1,11 @@
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
+export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }: {
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    recipientAddress: string;
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
+    depositContractAddress: string;
+    token: components["schemas"]["Token"];
+    onSuccess?: (amount: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -260,6 +260,26 @@ export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }
+/**
+ * Props for the AnySpend Deposit Upside (Exact In) modal
+ * Handles token deposit operations using the custom exact in flow
+ */
+export interface AnySpendDepositUpsideProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendDepositUpside";
+    /**	Source token address */
+    sourceTokenAddress?: string;
+    /** Source token address */
+    sourceTokenChainId?: number;
+    /** Recipient address to deposit tokens for */
+    recipientAddress: string;
+    /** Deposit contract address */
+    depositContractAddress: string;
+    /** Token to deposit */
+    token: components["schemas"]["Token"];
+    /** Callback function called when the deposit is successful */
+    onSuccess?: () => void;
+}
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -360,7 +380,7 @@ export interface ProfileEditorModalProps extends BaseModalProps {
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
 /**
  * State interface for the modal store
  */

package/package.json

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

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

@@ -0,0 +1,81 @@
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
+import { base } from "viem/chains";
+import { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
+
+const DEPOSIT_FOR_FUNCTION_ABI = JSON.stringify([
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "user",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "amount",
+        type: "uint256",
+      },
+    ],
+    name: "depositFor",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+]);
+
+export function AnySpendDepositUpside({
+  loadOrder,
+  mode = "modal",
+  recipientAddress,
+  sourceTokenAddress,
+  sourceTokenChainId,
+  depositContractAddress,
+  token,
+  onSuccess,
+}: {
+  loadOrder?: string;
+  mode?: "modal" | "page";
+  recipientAddress: string;
+  sourceTokenAddress?: string;
+  sourceTokenChainId?: number;
+  depositContractAddress: string;
+  token: components["schemas"]["Token"];
+  onSuccess?: (amount: string) => void;
+}) {
+  if (!recipientAddress) return null;
+
+  const header = () => (
+    <>
+      <div className="from-b3-react-background to-as-on-surface-1 w-full rounded-t-lg bg-gradient-to-t">
+        <div className="mb-1 flex w-full flex-col items-center gap-2">
+          <span className="font-sf-rounded text-2xl font-semibold">Swap & Deposit {token.symbol}</span>
+        </div>
+      </div>
+    </>
+  );
+
+  const customExactInConfig = {
+    functionAbi: DEPOSIT_FOR_FUNCTION_ABI,
+    functionName: "depositFor",
+    functionArgs: [normalizeAddress(recipientAddress), "{{amount_out}}"],
+    to: depositContractAddress,
+    spenderAddress: depositContractAddress,
+    action: `deposit ${token.symbol}`,
+  };
+
+  return (
+    <AnySpendCustomExactIn
+      loadOrder={loadOrder}
+      mode={mode}
+      recipientAddress={recipientAddress}
+      sourceTokenAddress={sourceTokenAddress}
+      sourceTokenChainId={sourceTokenChainId}
+      destinationToken={token}
+      destinationChainId={base.id}
+      customExactInConfig={customExactInConfig}
+      header={header}
+      onSuccess={onSuccess}
+    />
+  );
+}

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

@@ -26,6 +26,7 @@ import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer";
+import { AnySpendDepositUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendDepositUpside";
 
 const debug = debugB3React("B3DynamicModal");
 
@@ -130,6 +131,8 @@ export function B3DynamicModal() {
         return <AnySpendStakeUpside {...contentType} mode="modal" />;
       case "anySpendStakeUpsideExactIn":
         return <AnySpendStakeUpsideExactIn {...contentType} mode="modal" />;
+      case "anySpendDepositUpside":
+        return <AnySpendDepositUpside {...contentType} mode="modal" />;
       case "anySpendBuySpin":
         return <AnySpendBuySpin {...contentType} mode="modal" />;
       case "anySpendSignatureMint":

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

@@ -276,6 +276,27 @@ export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
   onSuccess?: () => void;
 }
 
+/**
+ * Props for the AnySpend Deposit Upside (Exact In) modal
+ * Handles token deposit operations using the custom exact in flow
+ */
+export interface AnySpendDepositUpsideProps extends BaseModalProps {
+  /** Modal type identifier */
+  type: "anySpendDepositUpside";
+  /**	Source token address */
+  sourceTokenAddress?: string;
+  /** Source token address */
+  sourceTokenChainId?: number;
+  /** Recipient address to deposit tokens for */
+  recipientAddress: string;
+  /** Deposit contract address */
+  depositContractAddress: string;
+  /** Token to deposit */
+  token: components["schemas"]["Token"];
+  /** Callback function called when the deposit is successful */
+  onSuccess?: () => void;
+}
+
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -397,6 +418,7 @@ export type ModalContentType =
   | AnySpendStakeB3ExactInProps
   | AnySpendStakeUpsideProps
   | AnySpendStakeUpsideExactInProps
+  | AnySpendDepositUpsideProps
   | AnySpendBuySpinProps
   | AnySpendSignatureMintProps
   | AnySpendBondKitProps