@ensofinance/checkout-widget 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ensofinance/checkout-widget",
-    "version": "0.0.9",
+    "version": "0.0.11",
     "type": "module",
     "homepage": "https://www.enso.build/",
     "repository": {

package/src/components/Checkout.tsx

@@ -89,6 +89,7 @@ const Checkout = ({
     }, [tokenOut, chainIdOut]);
 
     useEffect(() => {
+        if (!apiKey) alert("Please provide an API key");
         setEnsoApiToken(apiKey);
     }, [apiKey]);
 

package/src/components/steps/QuoteStep.tsx

@@ -8,7 +8,7 @@ import { Button, IconButton, Input } from "../ui";
 import { HeaderWrapper, HeaderTitle, BodyWrapper } from "../ui/styled";
 import { TransactionDetailRow } from "../TransactionDetailRow";
 import { useAppDetails, useRouteData } from "@/util/enso-hooks";
-import { getChainName } from "@/util/common";
+import { useChainName } from "@/util/common";
 import QuoteParameters from "../QuoteParameters";
 
 const QuoteStep = () => {
@@ -19,6 +19,7 @@ const QuoteStep = () => {
     const { routeLoading, usdAmountIn, routeData } = useRouteData();
     const walletChainId = useChainId();
     const { switchChain } = useSwitchChain();
+    const chainName = useChainName(chainIdIn);
 
     const wrongChain = walletChainId !== chainIdIn;
 
@@ -95,7 +96,7 @@ const QuoteStep = () => {
                                 switchChain({ chainId: chainIdIn });
                             }}
                         >
-                            Switch to {getChainName(chainIdIn)}
+                            Switch to {chainName}
                         </Button>
                     ) : (
                         <Button

package/src/util/common.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
-import { useAccount } from "wagmi";
+import { useAccount, useConfig } from "wagmi";
 import { type Address, zeroAddress } from "viem";
 import {
     CHAINS_ETHERSCAN,
@@ -253,8 +253,19 @@ export const useTokenFromList = (
     );
 };
 
-const ALTERNATIVE_SYMBOLS = {
-    USDT: "USDT0",
+const getAlternativeMeshSymbol = (
+    symbol: string,
+    chainId: SupportedChainId,
+) => {
+    if (symbol === "USDT") {
+        if (chainId === SupportedChainId.BSC) {
+            return "BSC-USD";
+        }
+
+        return "USDT0";
+    }
+
+    return symbol;
 };
 
 export const useTokenFromListBySymbols = (
@@ -266,9 +277,11 @@ export const useTokenFromListBySymbols = (
         ? tokenSymbols
         : [tokenSymbols];
 
-    return arrayData.map((symbol) =>
+    return arrayData.map((meshSymbol) =>
         data?.find(
-            (token) => token.symbol == (ALTERNATIVE_SYMBOLS[symbol] ?? symbol),
+            (token) =>
+                token.symbol ==
+                getAlternativeMeshSymbol(meshSymbol, priorityChainId),
         ),
     );
 };
@@ -305,6 +318,12 @@ export const getChainName = (chainId: SupportedChainId) => {
     return capitalize(geckoName).split("-")[0];
 };
 
+export const useChainName = (chainId: number) => {
+    const config = useConfig();
+    const chain = config.chains.find((c) => c.id === chainId);
+    return chain?.name || getChainName(chainId as SupportedChainId);
+};
+
 export const shortenAddress = (address: string) => {
     return `${address.slice(0, 4)}...${address.slice(-4)}`;
 };