@ensofinance/checkout-widget 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import { CheckoutConfig } from '../../../../../../../src/types';
-import { CheckoutModalProps } from '../../../../../../../src/types';
 import { ComponentType } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { SystemConfig as WidgetTheme } from '@chakra-ui/react';
@@ -10,14 +8,33 @@ export declare const Checkout: ({ config: { apiKey, tokenOut, chainIdOut, theme,
     onClose?: () => void;
 }) => JSX_2.Element;
 
-export { CheckoutConfig }
+export declare type CheckoutConfig = {
+    tokenOut: string;
+    chainIdOut: number;
+    apiKey: string;
+    theme?: WidgetTheme;
+    enableExchange?: SupportedExchanges[];
+    /** Override the default CEX bridge chain mapping (maps target chains to intermediate chains for withdrawal + bridge) */
+    cexBridgeChainMapping?: Record<number, number>;
+    /** Override recipient address (defaults to connected wallet's smart account) */
+    recipient?: string;
+    /** Force the widget to open in a specific flow, bypassing the selector */
+    enforceFlow?: EnforceFlow;
+};
 
 export declare const CheckoutModal: ({ config, setIsActive, isActive, onClose, }: CheckoutModalProps) => JSX_2.Element;
 
-export { CheckoutModalProps }
+export declare type CheckoutModalProps = {
+    config: CheckoutConfig;
+    isActive: boolean;
+    setIsActive: (active: boolean) => void;
+    onClose?: () => void;
+};
 
 export declare const DEFAULT_CEX_BRIDGE_CHAIN_MAPPING: Record<number, number>;
 
+declare type EnforceFlow = "exchange" | "wallet";
+
 export declare enum SupportedExchanges {
     Binance = "binance",
     Kraken = "kraken",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ensofinance/checkout-widget",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "type": "module",
     "homepage": "https://www.enso.build/",
     "repository": {
@@ -60,7 +60,6 @@
         "globals": "^15.14.0",
         "orval": "^7.10.0",
         "prettier": "^3.4.2",
-        "source-map-explorer": "^2.5.3",
         "typescript": "~5.8.2",
         "typescript-eslint": "^8.18.2",
         "vite": "^6.0.5",

package/src/components/Checkout.tsx

@@ -8,7 +8,7 @@ import {
     type CheckoutConfig,
     type SupportedExchanges,
     type EnforceFlow,
-} from "@/types";
+} from "../types";
 import posthog from "posthog-js";
 
 type ICheckoutContext = {

package/src/components/CheckoutModal.tsx

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { Checkout } from "./Checkout";
 import Modal from "./modal";
-import { type CheckoutModalProps } from "@/types";
+import { type CheckoutModalProps } from "../types";
 
 export const CheckoutModal = ({
     config,

package/src/components/steps/ExchangeFlow.tsx

@@ -37,7 +37,11 @@ import {
     formatUSD,
     normalizeValue,
 } from "@/util";
-import { useTokenFromListBySymbols, precisionizeNumber } from "@/util/common";
+import {
+    useTokenFromListBySymbols,
+    precisionizeNumber,
+    getPositiveDecimalValue,
+} from "@/util/common";
 import {
     EXCHANGE_MAX_LIMIT_GAP_USD,
     EXCHANGE_MIN_LIMIT,
@@ -56,7 +60,7 @@ import { ConfirmExchangeStep } from "../ExchangeConfirmSecurity";
 
 import SuccessIcon from "@/assets/success.svg";
 import FailIcon from "@/assets/fail.svg";
-import { SupportedExchanges } from "@/types";
+import { SupportedExchanges } from "../../types";
 import { useLayerZeroStatus } from "@/util/tx-tracker";
 import { STARGATE_CHAIN_NAMES, CHAINS_ETHERSCAN } from "@/util/constants";
 
@@ -157,7 +161,6 @@ export enum WithdrawalStep {
 }
 const withdrawalSteps = [
     WithdrawalStep.ChooseExchange,
-    WithdrawalStep.CheckSessionKey,
     WithdrawalStep.ChooseExchangeAsset,
     WithdrawalStep.ChooseAmount,
     WithdrawalStep.SignUserOp,
@@ -904,14 +907,19 @@ const ChooseAmountStep = ({
         }
     }, [amount, tokenInData?.decimals, setAmountIn]);
 
-    const hasAmount = !!amount && amount !== ".";
+    const numericAmount = getPositiveDecimalValue(amount);
+    const hasPositiveAmount = numericAmount !== null;
     const hasUsdValue = !!usdValue && usdValue !== ".";
     const notEnoughBalance = selectedToken
-        ? hasAmount && parseFloat(amount) > selectedToken.balance
+        ? hasPositiveAmount &&
+          numericAmount !== null &&
+          numericAmount > selectedToken.balance
         : true;
 
     // Limits validation logic - only for CEX withdrawals
-    const currentUsdValue = hasUsdValue ? parseFloat(usdValue) : 0;
+    const currentUsdValue = hasUsdValue
+        ? getPositiveDecimalValue(usdValue) ?? 0
+        : 0;
     const minValueForToken =
         isWithdrawal && selectedToken
             ? EXCHANGE_MIN_LIMIT[
@@ -922,19 +930,23 @@ const ChooseAmountStep = ({
     const isBelowMinAmount =
         isWithdrawal &&
         selectedToken &&
-        hasAmount &&
+        hasPositiveAmount &&
         currentUsdValue > 0 &&
         minValueForToken &&
-        +amount < minValueForToken;
+        numericAmount !== null &&
+        numericAmount < minValueForToken;
     const isAboveMaxAmount =
         isWithdrawal &&
         selectedToken &&
-        hasAmount &&
+        hasPositiveAmount &&
         currentUsdValue > 0 &&
         currentUsdValue > +maxUsdAmount;
 
     const isAmountInvalid =
-        !hasAmount || isBelowMinAmount || isAboveMaxAmount || notEnoughBalance;
+        !hasPositiveAmount ||
+        isBelowMinAmount ||
+        isAboveMaxAmount ||
+        notEnoughBalance;
 
     if (!selectedToken) {
         return (
@@ -984,7 +996,7 @@ const ChooseAmountStep = ({
                         isAmountInvalid ? "visible" : "hidden"
                     }
                 >
-                    {!hasAmount
+                    {!hasPositiveAmount
                         ? "Please enter an amount"
                         : isBelowMinAmount
                           ? `Minimum amount is ${formatNumber(minValueForToken)} ${selectedToken.symbol}`

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

@@ -7,7 +7,7 @@ import { AmountInput, AmountInputValue } from "@/components/AmountInput";
 import CurrencySwapDisplay from "@/components/CurrencySwapDisplay";
 import { useEnsoPrice } from "@/enso-api/api";
 import { normalizeValue, denormalizeValue } from "@/util";
-import { precisionizeNumber } from "@/util/common";
+import { precisionizeNumber, getPositiveDecimalValue } from "@/util/common";
 import { useTokenBalance } from "@/util/wallet";
 import { useAppDetails } from "@/util/enso-hooks";
 const WalletAmountStep = ({ setStep }: { setStep: (step: string) => void }) => {
@@ -100,9 +100,9 @@ const WalletAmountStep = ({ setStep }: { setStep: (step: string) => void }) => {
         }
     }, [tokenAmount, tokenInData?.decimals, setAmountIn]);
 
-    const hasTokenAmount = !!tokenAmount && tokenAmount !== ".";
-    const notEnoughBalance = hasTokenAmount ? +balanceIn < +amountIn : false;
-    const isAmountInvalid = !hasTokenAmount || notEnoughBalance;
+    const hasPositiveAmount = getPositiveDecimalValue(tokenAmount) !== null;
+    const notEnoughBalance = hasPositiveAmount ? +balanceIn < +amountIn : false;
+    const isAmountInvalid = !hasPositiveAmount || notEnoughBalance;
 
     return (
         <BodyWrapper>

package/src/index.ts

@@ -1,22 +1,11 @@
-import {
-    CheckoutModal,
-    type CheckoutModalProps,
-} from "./components/CheckoutModal";
-import { Checkout, type CheckoutConfig } from "./components/Checkout";
+import { CheckoutModal } from "./components/CheckoutModal";
+import { Checkout } from "./components/Checkout";
 
-// Export two versions for different integration needs
-export {
-    // Modal version with isActive/setIsActive control
-    CheckoutModal,
-    CheckoutModalProps,
+// Export components
+export { CheckoutModal, Checkout };
 
-    // Standalone widget version without modal
-    Checkout,
-    CheckoutConfig,
-};
-
-// Export theme type for TypeScript users
-export type { WidgetTheme } from "./types";
+// Export types directly from types module for proper bundling
+export type { CheckoutConfig, CheckoutModalProps, WidgetTheme } from "./types";
 export { SupportedExchanges } from "./types";
 
 // Export default CEX bridge chain mapping for users to extend

package/src/util/common.tsx

@@ -373,3 +373,12 @@ export const sanitizeDecimalInput = (value: string, maxDecimals?: number) => {
 
     return integerPart;
 };
+
+export const getPositiveDecimalValue = (value: string) => {
+    if (!value || value === ".") return null;
+
+    const numeric = Number(value);
+    if (Number.isNaN(numeric) || numeric <= 0) return null;
+
+    return numeric;
+};

package/tsconfig.json

@@ -4,10 +4,12 @@
         "module": "ESNext",
         "moduleResolution": "Bundler",
         "skipLibCheck": true,
+        "baseUrl": ".",
         "paths": {
             "@/*": ["./src/*"]
         },
         "jsx": "react-jsx",
         "declaration": true
-    }
+    },
+    "include": ["src"]
 }

package/vite.config.ts

@@ -8,7 +8,7 @@ export default defineConfig(({ mode }) => ({
       dts({
           insertTypesEntry: true,
           rollupTypes: true,
-          bundledPackages: ["./src/types"],
+          tsconfigPath: "./tsconfig.json",
       }), // generates *.d.ts beside the JS
   ].filter(Boolean),
   resolve: {