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

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

@@ -17,7 +17,7 @@ export interface AnySpendCustomExactInProps {
     sourceTokenChainId?: number;
     destinationToken: components["schemas"]["Token"];
     destinationChainId: number;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
     mainFooter?: React.ReactNode;
     onTokenSelect?: (token: components["schemas"]["Token"], event: {
         preventDefault: () => void;

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

@@ -250,8 +250,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
             : anyspendQuote.data.currencyIn?.amountUsd
                 ? Number(anyspendQuote.data.currencyIn.amountUsd)
                 : undefined, onBack: () => setActivePanel(useAnyspendFlow_1.PanelView.MAIN) })) : null;
-    return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("anyspend-container font-inter mx-auto w-full max-w-[460px] bg-white p-6", mode === "page" &&
-                "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: (0, jsx_runtime_1.jsx)(react_1.TransitionPanel, { activeIndex: orderId
+    return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("anyspend-container font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: (0, jsx_runtime_1.jsx)(react_1.TransitionPanel, { activeIndex: orderId
                     ? oat
                         ? useAnyspendFlow_1.PanelView.ORDER_DETAILS
                         : useAnyspendFlow_1.PanelView.LOADING

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

@@ -1,7 +1,9 @@
-export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
+export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
     recipientAddress: string;
     stakeAmount?: string;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -35,7 +35,7 @@ const STAKE_FUNCTION_ABI = JSON.stringify([
         outputs: [],
     },
 ]);
-function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, }) {
+function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }) {
     const hasMounted = (0, react_1.useHasMounted)();
     const { setB3ModalOpen } = (0, react_1.useModalStore)();
     // Wagmi hooks for direct staking
@@ -281,8 +281,8 @@ function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", recipientAddress, s
                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
                         }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6", children: (0, jsx_runtime_1.jsx)("a", { href: `https://basescan.org/tx/${stakingTxHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-as-primary/70 hover:text-as-primary block break-all text-center font-mono text-sm underline transition-colors", children: "View transaction" }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => {
                                     setB3ModalOpen(false);
-                                    onSuccess?.();
+                                    onSuccess?.((0, number_1.formatTokenAmount)(BigInt(userStakeAmount), 18) ?? "");
                                 }, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: "Done" })] })] }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustomExactIn_1.AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, destinationToken: anyspend_1.B3_TOKEN, destinationChainId: chains_1.base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustomExactIn_1.AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: anyspend_1.B3_TOKEN, destinationChainId: chains_1.base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
 }

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

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

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

@@ -17,7 +17,7 @@ const STAKE_FOR_FUNCTION_ABI = JSON.stringify([
         outputs: [],
     },
 ]);
-function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddress, stakingContractAddress, token, onSuccess, }) {
+function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, stakingContractAddress, 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 & Stake ", token.symbol, " (Exact In)"] }) }) }) }));
@@ -29,5 +29,5 @@ function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddres
         spenderAddress: stakingContractAddress,
         action: `stake ${token.symbol}`,
     };
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustomExactIn_1.AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, destinationToken: token, destinationChainId: chains_1.base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+    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/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -17,7 +17,7 @@ interface UseAnyspendFlowProps {
     loadOrder?: string;
     isDepositMode?: boolean;
     onOrderSuccess?: (orderId: string) => void;
-    onTransactionSuccess?: (amount?: string) => void;
+    onTransactionSuccess?: (amount: string) => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     destinationTokenAddress?: string;

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -220,7 +220,7 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
             const formattedActualDstAmount = amount
                 ? (0, number_1.formatTokenAmount)(BigInt(amount), oat.data.order.metadata.dstToken.decimals)
                 : undefined;
-            onTransactionSuccess?.(formattedActualDstAmount);
+            onTransactionSuccess?.(formattedActualDstAmount ?? "");
         }
     }, [
         oat?.data?.order.status,

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

@@ -17,7 +17,7 @@ export interface AnySpendCustomExactInProps {
     sourceTokenChainId?: number;
     destinationToken: components["schemas"]["Token"];
     destinationChainId: number;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
     mainFooter?: React.ReactNode;
     onTokenSelect?: (token: components["schemas"]["Token"], event: {
         preventDefault: () => void;

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

@@ -244,8 +244,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
             : anyspendQuote.data.currencyIn?.amountUsd
                 ? Number(anyspendQuote.data.currencyIn.amountUsd)
                 : undefined, onBack: () => setActivePanel(PanelView.MAIN) })) : null;
-    return (_jsx(StyleRoot, { children: _jsx("div", { className: cn("anyspend-container font-inter mx-auto w-full max-w-[460px] bg-white p-6", mode === "page" &&
-                "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsx(TransitionPanel, { activeIndex: orderId
+    return (_jsx(StyleRoot, { children: _jsx("div", { className: cn("anyspend-container font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsx(TransitionPanel, { activeIndex: orderId
                     ? oat
                         ? PanelView.ORDER_DETAILS
                         : PanelView.LOADING

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

@@ -1,7 +1,9 @@
-export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
+export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
     recipientAddress: string;
     stakeAmount?: string;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -32,7 +32,7 @@ const STAKE_FUNCTION_ABI = JSON.stringify([
         outputs: [],
     },
 ]);
-export function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, }) {
+export function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Wagmi hooks for direct staking
@@ -278,8 +278,8 @@ export function AnySpendStakeB3ExactIn({ loadOrder, mode = "modal", recipientAdd
                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
                         }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [_jsx("div", { className: "mb-6", children: _jsx("a", { href: `https://basescan.org/tx/${stakingTxHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-as-primary/70 hover:text-as-primary block break-all text-center font-mono text-sm underline transition-colors", children: "View transaction" }) }), _jsx(Button, { onClick: () => {
                                     setB3ModalOpen(false);
-                                    onSuccess?.();
+                                    onSuccess?.(formatTokenAmount(BigInt(userStakeAmount), 18) ?? "");
                                 }, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: "Done" })] })] }) }));
     }
-    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, destinationToken: B3_TOKEN, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: B3_TOKEN, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
 }

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

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

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

@@ -14,7 +14,7 @@ const STAKE_FOR_FUNCTION_ABI = JSON.stringify([
         outputs: [],
     },
 ]);
-export function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddress, stakingContractAddress, token, onSuccess, }) {
+export function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, stakingContractAddress, 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 & Stake ", token.symbol, " (Exact In)"] }) }) }) }));
@@ -26,5 +26,5 @@ export function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipien
         spenderAddress: stakingContractAddress,
         action: `stake ${token.symbol}`,
     };
-    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, destinationToken: token, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+    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/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -17,7 +17,7 @@ interface UseAnyspendFlowProps {
     loadOrder?: string;
     isDepositMode?: boolean;
     onOrderSuccess?: (orderId: string) => void;
-    onTransactionSuccess?: (amount?: string) => void;
+    onTransactionSuccess?: (amount: string) => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     destinationTokenAddress?: string;

package/dist/esm/anyspend/react/hooks/useAnyspendFlow.js

@@ -216,7 +216,7 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
             const formattedActualDstAmount = amount
                 ? formatTokenAmount(BigInt(amount), oat.data.order.metadata.dstToken.decimals)
                 : undefined;
-            onTransactionSuccess?.(formattedActualDstAmount);
+            onTransactionSuccess?.(formattedActualDstAmount ?? "");
         }
     }, [
         oat?.data?.order.status,

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

@@ -17,7 +17,7 @@ export interface AnySpendCustomExactInProps {
     sourceTokenChainId?: number;
     destinationToken: components["schemas"]["Token"];
     destinationChainId: number;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
     mainFooter?: React.ReactNode;
     onTokenSelect?: (token: components["schemas"]["Token"], event: {
         preventDefault: () => void;

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

@@ -1,7 +1,9 @@
-export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
+export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
     recipientAddress: string;
     stakeAmount?: string;
-    onSuccess?: () => void;
+    onSuccess?: (amount: string) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

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

package/dist/types/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -17,7 +17,7 @@ interface UseAnyspendFlowProps {
     loadOrder?: string;
     isDepositMode?: boolean;
     onOrderSuccess?: (orderId: string) => void;
-    onTransactionSuccess?: (amount?: string) => void;
+    onTransactionSuccess?: (amount: string) => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     destinationTokenAddress?: string;

package/package.json

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

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

@@ -42,7 +42,7 @@ export interface AnySpendCustomExactInProps {
   sourceTokenChainId?: number;
   destinationToken: components["schemas"]["Token"];
   destinationChainId: number;
-  onSuccess?: () => void;
+  onSuccess?: (amount: string) => void;
   mainFooter?: React.ReactNode;
   onTokenSelect?: (token: components["schemas"]["Token"], event: { preventDefault: () => void }) => void;
   customUsdInputValues?: string[];
@@ -554,9 +554,8 @@ function AnySpendCustomExactInInner({
     <StyleRoot>
       <div
         className={cn(
-          "anyspend-container font-inter mx-auto w-full max-w-[460px] bg-white p-6",
-          mode === "page" &&
-            "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl",
+          "anyspend-container font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6",
+          mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl",
         )}
       >
         <TransitionPanel

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

@@ -48,15 +48,19 @@ const STAKE_FUNCTION_ABI = JSON.stringify([
 export function AnySpendStakeB3ExactIn({
   loadOrder,
   mode = "modal",
+  sourceTokenAddress,
+  sourceTokenChainId,
   recipientAddress,
   stakeAmount,
   onSuccess,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
+  sourceTokenAddress?: string;
+  sourceTokenChainId?: number;
   recipientAddress: string;
   stakeAmount?: string;
-  onSuccess?: () => void;
+  onSuccess?: (amount: string) => void;
 }) {
   const hasMounted = useHasMounted();
   const { setB3ModalOpen } = useModalStore();
@@ -489,7 +493,7 @@ export function AnySpendStakeB3ExactIn({
             <Button
               onClick={() => {
                 setB3ModalOpen(false);
-                onSuccess?.();
+                onSuccess?.(formatTokenAmount(BigInt(userStakeAmount), 18) ?? "");
               }}
               className="bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium"
             >
@@ -506,6 +510,8 @@ export function AnySpendStakeB3ExactIn({
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={recipientAddress}
+      sourceTokenAddress={sourceTokenAddress}
+      sourceTokenChainId={sourceTokenChainId}
       destinationToken={B3_TOKEN}
       destinationChainId={base.id}
       customExactInConfig={customExactInConfig}

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

@@ -20,6 +20,8 @@ export function AnySpendStakeUpsideExactIn({
   loadOrder,
   mode = "modal",
   recipientAddress,
+  sourceTokenAddress,
+  sourceTokenChainId,
   stakingContractAddress,
   token,
   onSuccess,
@@ -27,9 +29,11 @@ export function AnySpendStakeUpsideExactIn({
   loadOrder?: string;
   mode?: "modal" | "page";
   recipientAddress: string;
+  sourceTokenAddress?: string;
+  sourceTokenChainId?: number;
   stakingContractAddress: string;
   token: components["schemas"]["Token"];
-  onSuccess?: () => void;
+  onSuccess?: (amount: string) => void;
 }) {
   if (!recipientAddress) return null;
 
@@ -57,6 +61,8 @@ export function AnySpendStakeUpsideExactIn({
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={recipientAddress}
+      sourceTokenAddress={sourceTokenAddress}
+      sourceTokenChainId={sourceTokenChainId}
       destinationToken={token}
       destinationChainId={base.id}
       customExactInConfig={customExactInConfig}

package/src/anyspend/react/hooks/useAnyspendFlow.ts

@@ -43,7 +43,7 @@ interface UseAnyspendFlowProps {
   loadOrder?: string;
   isDepositMode?: boolean;
   onOrderSuccess?: (orderId: string) => void;
-  onTransactionSuccess?: (amount?: string) => void;
+  onTransactionSuccess?: (amount: string) => void;
   sourceTokenAddress?: string;
   sourceTokenChainId?: number;
   destinationTokenAddress?: string;
@@ -285,7 +285,7 @@ export function useAnyspendFlow({
       const formattedActualDstAmount = amount
         ? formatTokenAmount(BigInt(amount), oat.data.order.metadata.dstToken.decimals)
         : undefined;
-      onTransactionSuccess?.(formattedActualDstAmount);
+      onTransactionSuccess?.(formattedActualDstAmount ?? "");
     }
   }, [
     oat?.data?.order.status,