add amountIn to onSuccess

Author: pixelis0x

widget/index.tsx

@@ -22,6 +22,7 @@ import {
   WidgetState,
   Placement,
   ObligatedToken,
+  SuccessDetails,
 } from "./src/types";
 
 type WidgetProps = WidgetComponentProps & {
@@ -170,4 +171,5 @@ export type {
   Placement,
   ObligatedToken,
   SystemConfig,
+  SuccessDetails,
 };

widget/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ensofinance/shortcuts-widget",
-  "version": "1.0.54",
+  "version": "1.0.60",
   "type": "module",
   "homepage": "https://www.enso.build/",
   "repository": {

widget/src/components/RouteIndication.tsx

@@ -10,9 +10,10 @@ import {
 import { ChevronsRight } from "lucide-react";
 import { type Address, isAddress } from "viem";
 import { type RouteData } from "@ensofinance/sdk";
-import { type Token, useTokenFromList } from "@/util/common";
+import { useTokenFromList } from "@/util/common";
 import { useEnsoToken } from "@/util/enso";
 import { TokenIcon } from "@/components/TokenIndicator";
+import { Token } from "@/types";
 
 const TokenBadge = ({
   address,

widget/src/components/TokenIndicator.tsx

@@ -1,11 +1,11 @@
 import { Box, Flex, Text } from "@chakra-ui/react";
-import { type Token } from "@/util/common";
 import {
   MOCK_IMAGE_URL,
   SupportedChainId,
   STARGATE_CHAIN_NAMES,
 } from "@/constants";
 import { formatCompactUsd } from "@/util";
+import { Token } from "@/types";
 
 const GECKO_HOSTNAME = "coingecko";
 

widget/src/components/TokenSelector.tsx

@@ -11,7 +11,7 @@ import {
 import { useMemo } from "react";
 import { Address, isAddress } from "viem";
 import { FixedSizeList as List } from "react-window";
-import { Token, useCurrentChainList } from "@/util/common";
+import { useCurrentChainList } from "@/util/common";
 import { formatNumber, normalizeValue } from "@/util";
 import { useEnsoBalances, useEnsoToken } from "@/util/enso";
 import { SupportedChainId } from "@/constants";
@@ -25,7 +25,7 @@ import {
 import { TokenIndicator } from "@/components/TokenIndicator";
 import ChainSelector from "./ChainSelector";
 import ProjectSelector from "./ProjectSelector";
-import { ProjectFilter } from "@/types";
+import { ProjectFilter, Token } from "@/types";
 
 type TokenWithBalance = Token & {
   balance?: string;

widget/src/constants.ts

@@ -1,5 +1,5 @@
 import { Address } from "viem";
-import { Token } from "@/util/common";
+import { Token } from "@/types";
 
 export const ERROR_MSG =
   "Swap not found for a required underlying of defi route, please make sure your amount is within an acceptable range";

widget/src/types.ts

@@ -1,5 +1,26 @@
+import { RouteData } from "@ensofinance/sdk";
 import { Address } from "viem";
 
+export type Token = {
+  address: Address;
+  name: string;
+  symbol: string;
+  decimals: number;
+  logoURI: string;
+  underlyingTokens?: Token[];
+  type?: string;
+  apy?: number;
+  tvl?: number;
+};
+
+export type SuccessDetails = {
+  amountIn: string;
+  tokenIn: Token;
+  tokenOut: Token;
+  slippage: number;
+  routerData: RouteData;
+};
+
 export type Placement =
   | "top-start"
   | "top"
@@ -22,7 +43,7 @@ export type ProjectFilter = {
 };
 
 export type WidgetComponentProps = {
-  onSuccess?: (hash: string, details?: any) => void;
+  onSuccess?: (hash: string, details?: SuccessDetails) => void;
   adaptive?: boolean;
   tokenOut?: Address;
   tokenIn?: Address;

widget/src/util/common.tsx

@@ -9,18 +9,7 @@ import {
   SupportedChainId,
 } from "@/constants";
 import { useStore } from "@/store";
-
-export type Token = {
-  address: Address;
-  name: string;
-  symbol: string;
-  decimals: number;
-  logoURI: string;
-  underlyingTokens?: Token[];
-  type?: string;
-  apy?: number;
-  tvl?: number;
-};
+import { Token } from "@/types";
 
 export const compareCaseInsensitive = (a: string, b: string) => {
   return !!(a && b && a?.toLowerCase() === b?.toLowerCase());

widget/src/util/enso.tsx

@@ -7,10 +7,10 @@ import {
   type BundleAction,
   type BundleParams,
   BundleActionType,
+  type RouteData,
 } from "@ensofinance/sdk";
 import { type Address, isAddress } from "viem";
 import {
-  type Token,
   usePriorityChainId,
   useOutChainId,
   useTokenFromList,
@@ -25,6 +25,7 @@ import {
 } from "@/constants";
 import { formatNumber, normalizeValue } from ".";
 import { useTxTracker } from "./useTracker";
+import { SuccessDetails, Token } from "@/types";
 
 let ensoClient: EnsoClient | null = null;
 
@@ -322,7 +323,7 @@ export const useEnsoData = (
   tokenOut: Address,
   slippage: number,
   referralCode?: string,
-  onSuccess?: (hash: string, details?: any) => void
+  onSuccess?: (hash: string, details?: SuccessDetails) => void
 ) => {
   const { address = VITALIK_ADDRESS } = useAccount();
   const chainId = usePriorityChainId();
@@ -386,8 +387,9 @@ export const useEnsoData = (
       });
 
       const details = {
-        tokenIn: tokenToData,
-        tokenOut: tokenFromData,
+        amountIn,
+        tokenIn: tokenFromData,
+        tokenOut: tokenToData,
         slippage,
         routerData: routerData.data,
       };