@ensofinance/checkout-widget 0.0.20 → 0.1.2

package/enso-api.yaml

@@ -1110,7 +1110,7 @@ tags:
   - name: shortcuts
     description: ''
 servers:
-  - url: https://api.enso.finance
+  - url: https://api.enso.build
 components:
   securitySchemes:
     bearer:

package/orval.config.ts

@@ -1,7 +1,7 @@
 export default {
     enso: {
         output: {
-            baseUrl: "https://api.enso.finance",
+            baseUrl: "https://api.enso.build",
             // baseUrl: "http://localhost:3000",
             mode: "single",
             prettier: true,
@@ -20,7 +20,7 @@ export default {
             },
         },
         input: {
-            target: "https://api.enso.finance/api-yaml",
+            target: "https://api.enso.build/api-yaml",
             override: {
                 transformer: (spec: any) => {
                     // Fix all malformed array schemas that have items: { type: 'array' } without proper definition

package/package.json

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

package/src/components/steps/ExchangeFlow.tsx

@@ -9,7 +9,7 @@ import {
     Image,
     Table,
 } from "@chakra-ui/react";
-import { ChevronLeft, X, ArrowDownUpIcon } from "lucide-react";
+import { ChevronLeft, X, ArrowDownUpIcon, TriangleAlert } from "lucide-react";
 import { useContext, useEffect, useMemo, useState, useCallback } from "react";
 import { useAccount, useSignMessage } from "wagmi";
 import { getUserOperationHash } from "viem/account-abstraction";
@@ -644,7 +644,7 @@ const ChooseAssetStep = ({
             <Box mb={4} width="100%" textAlign="left">
                 <HeaderTitle>Your Holdings</HeaderTitle>
                 <HeaderDescription>
-                    Found {matchedTokens.length} tokens with balances
+                    Found {matchedTokens.length} token balances above $5
                 </HeaderDescription>
             </Box>
             <Box overflowY={"scroll"} maxH={"400px"}>
@@ -878,20 +878,33 @@ const ChooseAmountStep = ({
         if (!selectedToken) return;
 
         if (inputMode === "usd") {
-            const cleanUsd = value.replace("$", "") || "";
+            const cleanUsd = value.replace("$", "");
             setUsdValue(cleanUsd);
+            if (!cleanUsd) {
+                setAmount("");
+                return;
+            }
             // Calculate token amount from USD value
             const tokenPrice =
                 selectedToken.marketValue / selectedToken.balance;
-            const tokenAmount = parseFloat(cleanUsd || "0") / tokenPrice;
-            setAmount(precisionizeNumber(tokenAmount, roundingPrecision));
+            const tokenAmount = parseFloat(cleanUsd) / tokenPrice;
+            setAmount(
+                isNaN(tokenAmount)
+                    ? ""
+                    : precisionizeNumber(tokenAmount, roundingPrecision),
+            );
         } else {
+            if (!value) {
+                setAmount("");
+                setUsdValue("");
+                return;
+            }
             setAmount(precisionizeNumber(value, roundingPrecision));
             // Calculate USD value from token amount
             const tokenPrice =
                 selectedToken.marketValue / selectedToken.balance;
             const usdAmount = parseFloat(value) * tokenPrice;
-            setUsdValue(usdAmount.toFixed(2));
+            setUsdValue(isNaN(usdAmount) ? "" : usdAmount.toFixed(2));
         }
     };
 
@@ -1200,6 +1213,7 @@ const InitiateWithdrawalStep = ({
     const { tokenInData } = useAppDetails();
     const sessionId = useAppStore((state) => state.sessionId);
     const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
     const selectedIntegration = useAppStore((s) => s.selectedIntegration);
 
     const handleMeshAccessPayload = useHandleMeshAccessPayload();
@@ -1272,6 +1286,7 @@ const InitiateWithdrawalStep = ({
 
                 console.log("accessTokens", accessTokens);
 
+                let handledByEvent = false;
                 const link = createLink({
                     clientId: address,
                     accessTokens,
@@ -1285,6 +1300,7 @@ const InitiateWithdrawalStep = ({
                     },
                     onExit: (error) => {
                         console.log("Mesh link exited:", error);
+                        if (handledByEvent) return;
                         setIsLoading(false);
                         setStep(WithdrawalStep.ChooseExchangeAsset);
                     },
@@ -1294,8 +1310,18 @@ const InitiateWithdrawalStep = ({
                             console.log(
                                 "Transfer executed, closing mesh link and moving to TrackUserOp step",
                             );
+                            handledByEvent = true;
                             link.closeLink();
                             setStep(WithdrawalStep.TrackUserOp);
+                        } else if (ev.type === "transferExecutionError") {
+                            const errorMessage =
+                                ev.payload?.errorMessage ||
+                                "Transfer failed. Please try again.";
+                            console.error("Mesh transfer error:", errorMessage);
+                            handledByEvent = true;
+                            link.closeLink();
+                            setError(errorMessage);
+                            setIsLoading(false);
                         }
                     },
                 });
@@ -1310,6 +1336,28 @@ const InitiateWithdrawalStep = ({
         fetchLinkTokenAndOpen();
     }, [selectedToken, userOp]);
 
+    if (error) {
+        return (
+            <BodyWrapper>
+                <Flex direction="column" align="center" justify="center" flex={1} p={6} gap={4}>
+                    <Flex
+                        align="center"
+                        justify="center"
+                        w={12}
+                        h={12}
+                        borderRadius="full"
+                        bg="orange.100"
+                    >
+                        <Icon as={TriangleAlert} boxSize={6} color="orange.500" />
+                    </Flex>
+                    <Text fontSize="md" textAlign="center" color="gray.700">
+                        {error}
+                    </Text>
+                </Flex>
+            </BodyWrapper>
+        );
+    }
+
     return (
         <BodyWrapper>
             <Center>
@@ -1588,7 +1636,7 @@ const TrackUserOpStep = ({
             const verifyDestination = async () => {
                 try {
                     const res = await fetch(
-                        `https://api.enso.finance/api/v1/layerzero/bridge/check?chainId=${chainIdIn}&txHash=${txHash}`,
+                        `https://api.enso.build/api/v1/layerzero/bridge/check?chainId=${chainIdIn}&txHash=${txHash}`,
                     );
                     if (!res.ok) {
                         // If API call fails, assume success (LayerZero delivered)

package/src/components/steps/WalletFlow/WalletFlow.tsx

@@ -62,9 +62,6 @@ const WalletFlow = ({
         }
     })();
 
-    const enforcedInitialStep =
-        enforceFlow && currentStep === WalletFlowStep.SelectToken;
-
     return (
         <>
             <Modal.Header>

package/src/enso-api/custom-instance.ts

@@ -2,7 +2,7 @@
 import { useAppStore } from "@/store";
 
 // export const AXIOS_INSTANCE = Axios.create({
-//     baseURL: "https://api.enso.finance",
+//     baseURL: "https://api.enso.build",
 // });
 
 type CustomClient<T> = (data: {
@@ -18,7 +18,7 @@ export const useCustomClient = <T>(): CustomClient<T> => {
     const token = useAppStore((state) => state.ensoApiToken);
 
     return async ({ url, method, params, data }) => {
-        // const response = await fetch(url.replace("https://api.enso.finance", "http://localhost:3000") + "?" + new URLSearchParams(params), {
+        // const response = await fetch(url.replace("https://api.enso.build", "http://localhost:3000") + "?" + new URLSearchParams(params), {
         const response = await fetch(url + "?" + new URLSearchParams(params), {
             method,
             headers: { ...data?.headers, Authorization: `Bearer ${token}` },

package/src/enso-api/index.ts

@@ -72,7 +72,7 @@ export const useNetworksControllerNetworksHook = () => {
     return useCallback(
         (params?: NetworksControllerNetworksParams, signal?: AbortSignal) => {
             return networksControllerNetworks({
-                url: `https://api.enso.finance/api/v1/networks`,
+                url: `https://api.enso.build/api/v1/networks`,
                 method: "GET",
                 params,
                 signal,
@@ -86,7 +86,7 @@ export const getNetworksControllerNetworksQueryKey = (
     params?: NetworksControllerNetworksParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/networks`,
+        `https://api.enso.build/api/v1/networks`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -295,7 +295,7 @@ export const usePricesControllerGetPriceHook = () => {
     return useCallback(
         (chainId: unknown, address: unknown, signal?: AbortSignal) => {
             return pricesControllerGetPrice({
-                url: `https://api.enso.finance/api/v1/prices/${chainId}/${address}`,
+                url: `https://api.enso.build/api/v1/prices/${chainId}/${address}`,
                 method: "GET",
                 signal,
             });
@@ -309,7 +309,7 @@ export const getPricesControllerGetPriceQueryKey = (
     address?: unknown,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/prices/${chainId}/${address}`,
+        `https://api.enso.build/api/v1/prices/${chainId}/${address}`,
     ] as const;
 };
 
@@ -529,7 +529,7 @@ export const usePricesControllerGetPricesHook = () => {
             signal?: AbortSignal,
         ) => {
             return pricesControllerGetPrices({
-                url: `https://api.enso.finance/api/v1/prices/${chainId}`,
+                url: `https://api.enso.build/api/v1/prices/${chainId}`,
                 method: "GET",
                 params,
                 signal,
@@ -544,7 +544,7 @@ export const getPricesControllerGetPricesQueryKey = (
     params?: PricesControllerGetPricesParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/prices/${chainId}`,
+        `https://api.enso.build/api/v1/prices/${chainId}`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -763,7 +763,7 @@ export const useAccountControllerAccountIdHook = () => {
     return useCallback(
         (signal?: AbortSignal) => {
             return accountControllerAccountId({
-                url: `https://api.enso.finance/api/v1/account/accountId`,
+                url: `https://api.enso.build/api/v1/account/accountId`,
                 method: "GET",
                 signal,
             });
@@ -773,7 +773,7 @@ export const useAccountControllerAccountIdHook = () => {
 };
 
 export const getAccountControllerAccountIdQueryKey = () => {
-    return [`https://api.enso.finance/api/v1/account/accountId`] as const;
+    return [`https://api.enso.build/api/v1/account/accountId`] as const;
 };
 
 export const useAccountControllerAccountIdQueryOptions = <
@@ -972,7 +972,7 @@ export const useRouterControllerRouteShortcutTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return routerControllerRouteShortcutTransaction({
-                url: `https://api.enso.finance/api/v1/shortcuts/route`,
+                url: `https://api.enso.build/api/v1/shortcuts/route`,
                 method: "GET",
                 params,
                 signal,
@@ -986,7 +986,7 @@ export const getRouterControllerRouteShortcutTransactionQueryKey = (
     params?: RouterControllerRouteShortcutTransactionParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/shortcuts/route`,
+        `https://api.enso.build/api/v1/shortcuts/route`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -1244,7 +1244,7 @@ export const useRouterControllerPostRouteShortcutTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return routerControllerPostRouteShortcutTransaction({
-                url: `https://api.enso.finance/api/v1/shortcuts/route`,
+                url: `https://api.enso.build/api/v1/shortcuts/route`,
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 data: routeShortcutVariableInputs,
@@ -1383,7 +1383,7 @@ export const useNontokenizedControllerRouteNontokenizedShorcutTransactionHook =
             ) => {
                 return nontokenizedControllerRouteNontokenizedShorcutTransaction(
                     {
-                        url: `https://api.enso.finance/api/v1/shortcuts/route/nontokenized`,
+                        url: `https://api.enso.build/api/v1/shortcuts/route/nontokenized`,
                         method: "GET",
                         params,
                         signal,
@@ -1399,7 +1399,7 @@ export const getNontokenizedControllerRouteNontokenizedShorcutTransactionQueryKe
         params?: NontokenizedControllerRouteNontokenizedShorcutTransactionParams,
     ) => {
         return [
-            `https://api.enso.finance/api/v1/shortcuts/route/nontokenized`,
+            `https://api.enso.build/api/v1/shortcuts/route/nontokenized`,
             ...(params ? [params] : []),
         ] as const;
     };
@@ -1676,7 +1676,7 @@ export const useWalletControllerCreateApproveTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return walletControllerCreateApproveTransaction({
-                url: `https://api.enso.finance/api/v1/wallet/approve`,
+                url: `https://api.enso.build/api/v1/wallet/approve`,
                 method: "GET",
                 params,
                 signal,
@@ -1690,7 +1690,7 @@ export const getWalletControllerCreateApproveTransactionQueryKey = (
     params?: WalletControllerCreateApproveTransactionParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/wallet/approve`,
+        `https://api.enso.build/api/v1/wallet/approve`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -1947,7 +1947,7 @@ export const useWalletControllerWalletBalancesHook = () => {
             signal?: AbortSignal,
         ) => {
             return walletControllerWalletBalances({
-                url: `https://api.enso.finance/api/v1/wallet/balances`,
+                url: `https://api.enso.build/api/v1/wallet/balances`,
                 method: "GET",
                 params,
                 signal,
@@ -1961,7 +1961,7 @@ export const getWalletControllerWalletBalancesQueryKey = (
     params?: WalletControllerWalletBalancesParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/wallet/balances`,
+        `https://api.enso.build/api/v1/wallet/balances`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -2182,7 +2182,7 @@ export const useTokensControllerTokensHook = () => {
     return useCallback(
         (params?: TokensControllerTokensParams, signal?: AbortSignal) => {
             return tokensControllerTokens({
-                url: `https://api.enso.finance/api/v1/tokens`,
+                url: `https://api.enso.build/api/v1/tokens`,
                 method: "GET",
                 params,
                 signal,
@@ -2196,7 +2196,7 @@ export const getTokensControllerTokensQueryKey = (
     params?: TokensControllerTokensParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/tokens`,
+        `https://api.enso.build/api/v1/tokens`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -2388,7 +2388,7 @@ export const useActionsControllerFindAllHook = () => {
     return useCallback(
         (signal?: AbortSignal) => {
             return actionsControllerFindAll({
-                url: `https://api.enso.finance/api/v1/actions`,
+                url: `https://api.enso.build/api/v1/actions`,
                 method: "GET",
                 signal,
             });
@@ -2398,7 +2398,7 @@ export const useActionsControllerFindAllHook = () => {
 };
 
 export const getActionsControllerFindAllQueryKey = () => {
-    return [`https://api.enso.finance/api/v1/actions`] as const;
+    return [`https://api.enso.build/api/v1/actions`] as const;
 };
 
 export const useActionsControllerFindAllQueryOptions = <
@@ -2589,7 +2589,7 @@ export const useActionsControllerGetActionsBySlugHook = () => {
     return useCallback(
         (slug: string, signal?: AbortSignal) => {
             return actionsControllerGetActionsBySlug({
-                url: `https://api.enso.finance/api/v1/actions/${slug}`,
+                url: `https://api.enso.build/api/v1/actions/${slug}`,
                 method: "GET",
                 signal,
             });
@@ -2599,7 +2599,7 @@ export const useActionsControllerGetActionsBySlugHook = () => {
 };
 
 export const getActionsControllerGetActionsBySlugQueryKey = (slug?: string) => {
-    return [`https://api.enso.finance/api/v1/actions/${slug}`] as const;
+    return [`https://api.enso.build/api/v1/actions/${slug}`] as const;
 };
 
 export const useActionsControllerGetActionsBySlugQueryOptions = <
@@ -2842,7 +2842,7 @@ export const useLayerZeroControllerGetPoolAddressHook = () => {
             signal?: AbortSignal,
         ) => {
             return layerZeroControllerGetPoolAddress({
-                url: `https://api.enso.finance/api/v1/layerzero/pool`,
+                url: `https://api.enso.build/api/v1/layerzero/pool`,
                 method: "GET",
                 params,
                 signal,
@@ -2856,7 +2856,7 @@ export const getLayerZeroControllerGetPoolAddressQueryKey = (
     params?: LayerZeroControllerGetPoolAddressParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/layerzero/pool`,
+        `https://api.enso.build/api/v1/layerzero/pool`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -3096,7 +3096,7 @@ export const useLayerZeroControllerCheckBridgeTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return layerZeroControllerCheckBridgeTransaction({
-                url: `https://api.enso.finance/api/v1/layerzero/bridge/check`,
+                url: `https://api.enso.build/api/v1/layerzero/bridge/check`,
                 method: "GET",
                 params,
                 signal,
@@ -3110,7 +3110,7 @@ export const getLayerZeroControllerCheckBridgeTransactionQueryKey = (
     params?: LayerZeroControllerCheckBridgeTransactionParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/layerzero/bridge/check`,
+        `https://api.enso.build/api/v1/layerzero/bridge/check`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -3364,7 +3364,7 @@ export const useStandardsControllerStandardsHook = () => {
     return useCallback(
         (signal?: AbortSignal) => {
             return standardsControllerStandards({
-                url: `https://api.enso.finance/api/v1/standards`,
+                url: `https://api.enso.build/api/v1/standards`,
                 method: "GET",
                 signal,
             });
@@ -3374,7 +3374,7 @@ export const useStandardsControllerStandardsHook = () => {
 };
 
 export const getStandardsControllerStandardsQueryKey = () => {
-    return [`https://api.enso.finance/api/v1/standards`] as const;
+    return [`https://api.enso.build/api/v1/standards`] as const;
 };
 
 export const useStandardsControllerStandardsQueryOptions = <
@@ -3580,7 +3580,7 @@ export const useStandardsControllerGetProtocolBySlugHook = () => {
     return useCallback(
         (slug: string, signal?: AbortSignal) => {
             return standardsControllerGetProtocolBySlug({
-                url: `https://api.enso.finance/api/v1/standards/${slug}`,
+                url: `https://api.enso.build/api/v1/standards/${slug}`,
                 method: "GET",
                 signal,
             });
@@ -3592,7 +3592,7 @@ export const useStandardsControllerGetProtocolBySlugHook = () => {
 export const getStandardsControllerGetProtocolBySlugQueryKey = (
     slug?: string,
 ) => {
-    return [`https://api.enso.finance/api/v1/standards/${slug}`] as const;
+    return [`https://api.enso.build/api/v1/standards/${slug}`] as const;
 };
 
 export const useStandardsControllerGetProtocolBySlugQueryOptions = <
@@ -3849,7 +3849,7 @@ export const useBundleControllerBundleShortcutTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return bundleControllerBundleShortcutTransaction({
-                url: `https://api.enso.finance/api/v1/shortcuts/bundle`,
+                url: `https://api.enso.build/api/v1/shortcuts/bundle`,
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 data: bundleControllerBundleShortcutTransactionBodyItem,
@@ -4002,7 +4002,7 @@ export const useIporControllerIporShortcutTransactionHook = () => {
             signal?: AbortSignal,
         ) => {
             return iporControllerIporShortcutTransaction({
-                url: `https://api.enso.finance/api/v1/shortcuts/static/ipor`,
+                url: `https://api.enso.build/api/v1/shortcuts/static/ipor`,
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 data: iporShortcutInput,
@@ -4141,7 +4141,7 @@ export const useNonTokenizedControllerTokensHook = () => {
     return useCallback(
         (params?: NonTokenizedControllerTokensParams, signal?: AbortSignal) => {
             return nonTokenizedControllerTokens({
-                url: `https://api.enso.finance/api/v1/nontokenized`,
+                url: `https://api.enso.build/api/v1/nontokenized`,
                 method: "GET",
                 params,
                 signal,
@@ -4155,7 +4155,7 @@ export const getNonTokenizedControllerTokensQueryKey = (
     params?: NonTokenizedControllerTokensParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/nontokenized`,
+        `https://api.enso.build/api/v1/nontokenized`,
         ...(params ? [params] : []),
     ] as const;
 };
@@ -4373,7 +4373,7 @@ export const useProjectsControllerStandardsHook = () => {
     return useCallback(
         (signal?: AbortSignal) => {
             return projectsControllerStandards({
-                url: `https://api.enso.finance/api/v1/projects`,
+                url: `https://api.enso.build/api/v1/projects`,
                 method: "GET",
                 signal,
             });
@@ -4383,7 +4383,7 @@ export const useProjectsControllerStandardsHook = () => {
 };
 
 export const getProjectsControllerStandardsQueryKey = () => {
-    return [`https://api.enso.finance/api/v1/projects`] as const;
+    return [`https://api.enso.build/api/v1/projects`] as const;
 };
 
 export const useProjectsControllerStandardsQueryOptions = <
@@ -4589,7 +4589,7 @@ export const useProjectsControllerGetStandardsByProjectHook = () => {
     return useCallback(
         (project: string, signal?: AbortSignal) => {
             return projectsControllerGetStandardsByProject({
-                url: `https://api.enso.finance/api/v1/projects/${project}/protocols`,
+                url: `https://api.enso.build/api/v1/projects/${project}/protocols`,
                 method: "GET",
                 signal,
             });
@@ -4602,7 +4602,7 @@ export const getProjectsControllerGetStandardsByProjectQueryKey = (
     project?: string,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/projects/${project}/protocols`,
+        `https://api.enso.build/api/v1/projects/${project}/protocols`,
     ] as const;
 };
 
@@ -4859,7 +4859,7 @@ export const useProtocolsControllerFindAllHook = () => {
     return useCallback(
         (params?: ProtocolsControllerFindAllParams, signal?: AbortSignal) => {
             return protocolsControllerFindAll({
-                url: `https://api.enso.finance/api/v1/protocols`,
+                url: `https://api.enso.build/api/v1/protocols`,
                 method: "GET",
                 params,
                 signal,
@@ -4873,7 +4873,7 @@ export const getProtocolsControllerFindAllQueryKey = (
     params?: ProtocolsControllerFindAllParams,
 ) => {
     return [
-        `https://api.enso.finance/api/v1/protocols`,
+        `https://api.enso.build/api/v1/protocols`,
         ...(params ? [params] : []),
     ] as const;
 };

package/src/util/tx-tracker.tsx

@@ -115,7 +115,7 @@ export const useBridgeStatus = (
         queryFn: async (): Promise<BridgeCheckResponse | null> => {
             if (!hash || !chainId) return null;
             const res = await fetch(
-                `https://api.enso.finance/api/v1/layerzero/bridge/check?chainId=${chainId}&txHash=${hash}`,
+                `https://api.enso.build/api/v1/layerzero/bridge/check?chainId=${chainId}&txHash=${hash}`,
             );
             if (!res.ok) return null;
             return res.json();