@wheelx/widget 0.0.1

package/dist/internal/SwapAndBridge/FormButton.js

@@ -0,0 +1,373 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { VStack, Button, Icon, Image, HStack } from '@chakra-ui/react';
+import { useConnectModal } from '@rainbow-me/rainbowkit';
+import { Fraction } from 'bi-fraction';
+// import { parseEther } from 'ethers'
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { parseUnits } from 'viem';
+import { useAccount, useConfig, useSendTransaction
+// usePublicClient,
+// useWalletClient
+ } from 'wagmi';
+import { logger } from '../utils';
+import { toaster } from '../ui/toaster';
+import { useGuardChain, useSwapAndBridgeContextStore, useTxStateContextStore } from './hooks';
+import { getErc20Approval } from './utils';
+import WalletIcon from '../assets/icons/wallet.svg';
+import { Heading, Text } from '../ui';
+import { useUSDTHandler } from './utils/twoApprove';
+// import { bottomToaster } from '../ui/toaster'
+import { useChainsStore } from '../stores';
+import { useDifferentAddressStore } from '../stores/useDifferentAddressStore';
+import { useWheelxWidgetStyles } from '../../config';
+import warningIcon from '../assets/images/jth.png';
+import aiBotGif from '../assets/images/ai_bot.gif';
+import { getAssetSrc } from '../utils/getAssetSrc';
+const buttonStyles = {
+    w: '100%',
+    h: {
+        base: '40px',
+        md: '56px'
+    },
+    colorPalette: 'wheel'
+};
+const buttonHeadingVariant = {
+    base: 'heading11',
+    md: 'heading9'
+};
+const USDT_MAINNET_ADDRESS = '0xdAC17F958D2ee523a2206206994597C13D831ec7';
+export const FormButton = ({ isFetching, insufficientBalance = false, data, contractAddress, stopAutoRefetch, errorMessage, gas, maxFeePerGas, maxPriorityFeePerGas, backApprove, router_type, isInsufficientBalance, quoteMessage, txValue }) => {
+    const { address } = useAccount();
+    const { openConnectModal } = useConnectModal();
+    const config = useConfig();
+    const widgetStyles = useWheelxWidgetStyles();
+    const { fromTokenInfo, fromAmount, toAmount, fromAmountToUsd, toAmountToUsd } = useSwapAndBridgeContextStore();
+    const { setFromTxHash, setUserCancelsTransaction } = useTxStateContextStore();
+    const [isApproving, setIsApproving] = useState(false);
+    const [lossTwenty, setLossTwenty] = useState(false);
+    const [lossFifty, setLossFifty] = useState(false);
+    const { handleApprove
+    // error: approveError
+     } = useUSDTHandler();
+    const { isSelectPredictionChain } = useChainsStore();
+    const { differentAddress } = useDifferentAddressStore();
+    const mergedButtonStyles = useMemo(() => ({
+        ...buttonStyles,
+        ...(widgetStyles.primaryButton || {})
+    }), [widgetStyles.primaryButton]);
+    const loadingButtonStyles = useMemo(() => ({
+        backgroundColor: '#919AA5',
+        ...(widgetStyles.primaryButtonLoading || {})
+    }), [widgetStyles.primaryButtonLoading]);
+    const warningButtonStyles = useMemo(() => ({
+        background: '#ff9d00',
+        ...(widgetStyles.primaryButtonWarning || {})
+    }), [widgetStyles.primaryButtonWarning]);
+    const loadingRingColor = typeof loadingButtonStyles.backgroundColor === 'string'
+        ? loadingButtonStyles.backgroundColor
+        : '#919AA5';
+    const buttonTextStyles = widgetStyles.primaryButtonText || {};
+    // swap is based on different token name
+    // const isSwap = useMemo(() => {
+    //   return fromTokenInfo.name !== toTokenInfo.name
+    // }, [fromTokenInfo.name, toTokenInfo.name])
+    // const isFromNativeToken = useMemo(
+    //   () => fromTokenInfo.address === zeroAddress,
+    //   [fromTokenInfo.address]
+    // )
+    // Memoized validations
+    const validations = useMemo(() => {
+        const fromAmountFraction = new Fraction(fromAmount || '0');
+        const hasValidAmounts = parseFloat(fromAmount) &&
+            parseFloat(toAmount) &&
+            fromAmountFraction.gt(new Fraction('0'));
+        // const isDifferentChain = fromTokenInfo.chain_id !== toTokenInfo.chain_id
+        return {
+            hasValidAmounts,
+            // isDifferentChain,
+            canSwap: hasValidAmounts && !isFetching
+            // canSwap: isDifferentChain && hasValidAmounts && !isFetching
+        };
+    }, [fromAmount, toAmount, isFetching]);
+    // console.log('#######tx value #######:', txValue, BigInt(txValue || '0'))
+    // console.log('#######fromAmount value #######:', parseEther(fromAmount || '0'))
+    const handleTransactionSuccess = useCallback((hash) => {
+        setFromTxHash(hash);
+        setUserCancelsTransaction(false);
+    }, [setFromTxHash, setUserCancelsTransaction]);
+    const handleTransactionError = useCallback((error) => {
+        logger.error('Transaction error:', error);
+        setUserCancelsTransaction(true);
+        toaster.create({
+            description: error?.shortMessage ||
+                error.message ||
+                'Transaction failed',
+            type: 'error'
+        });
+    }, [setUserCancelsTransaction]);
+    const { sendTransaction, isPending } = useSendTransaction({
+        mutation: {
+            onSuccess: handleTransactionSuccess,
+            onError: handleTransactionError
+        }
+    });
+    const { approve, isNeedApprove } = getErc20Approval(config);
+    // const publicClient = usePublicClient()
+    // const { data: walletClient } = useWalletClient()
+    const executeSwapWithData = useCallback(async () => {
+        if (!data || !contractAddress) {
+            throw new Error('Data or contract address not available');
+        }
+        try {
+            // const isErc20Token = fromTokenInfo.address !== zeroAddress
+            // if (isErc20Token && backApprove) {
+            const isEthereumUSDT = fromTokenInfo.chain_id === 1 &&
+                fromTokenInfo.address.toLowerCase() ===
+                    USDT_MAINNET_ADDRESS.toLowerCase();
+            if (backApprove) {
+                const chainId = fromTokenInfo.chain_id;
+                const tokenAddress = fromTokenInfo.address;
+                const owner = address;
+                const spender = contractAddress;
+                const amount = parseUnits(fromAmount, fromTokenInfo.decimals);
+                setIsApproving(true);
+                if (isEthereumUSDT) {
+                    await handleApprove(tokenAddress, spender, amount);
+                }
+                else {
+                    const _isNeedApprove = await isNeedApprove({
+                        chainId,
+                        tokenAddress,
+                        owner,
+                        spender,
+                        amount
+                    });
+                    if (_isNeedApprove) {
+                        await approve({
+                            chainId,
+                            tokenAddress,
+                            owner,
+                            spender,
+                            amount
+                        });
+                    }
+                }
+                setIsApproving(false);
+            }
+            const transactionOptions = {
+                to: contractAddress,
+                data: data,
+                value: BigInt(txValue || '0')
+                // value: isErc20Token ? undefined : parseEther(fromAmount)
+            };
+            const tx = {};
+            if (gas && gas > 0) {
+                tx.gas = gas;
+            }
+            if (maxFeePerGas && maxFeePerGas > 0) {
+                tx.maxFeePerGas = maxFeePerGas;
+            }
+            if (maxPriorityFeePerGas && maxPriorityFeePerGas > 0) {
+                tx.maxPriorityFeePerGas = maxPriorityFeePerGas;
+            }
+            sendTransaction(Object.assign({}, transactionOptions, tx));
+            //   sendTransaction({
+            //     to: contractAddress,
+            //     data: data,
+            //     value: isErc20Token ? undefined : parseEther(fromAmount)
+            //   })
+        }
+        catch (error) {
+            logger.error('Failed to create swap order:', error);
+            setUserCancelsTransaction(true);
+            toaster.create({
+                description: error?.shortMessage ||
+                    error?.message ||
+                    'Failed to create swap order',
+                type: 'error'
+            });
+            setIsApproving(false);
+        }
+    }, [
+        address,
+        approve,
+        backApprove,
+        contractAddress,
+        data,
+        fromAmount,
+        fromTokenInfo.address,
+        fromTokenInfo.chain_id,
+        fromTokenInfo.decimals,
+        gas,
+        handleApprove,
+        isNeedApprove,
+        maxFeePerGas,
+        maxPriorityFeePerGas,
+        sendTransaction,
+        setUserCancelsTransaction,
+        txValue
+    ]);
+    const { sendTx: handleSwap, isSwitching } = useGuardChain(executeSwapWithData, fromTokenInfo.chain_id);
+    // useEffect(() => {
+    //   if (approveError) {
+    //     bottomToaster.error({
+    //       description: approveError,
+    //       duration: 4000
+    //     })
+    //   }
+    // }, [approveError])
+    // const buttonText = useMemo(() => {
+    //   if (isSwap) {
+    //     return isFromNativeToken ? 'Swap' : 'Approve & Swap'
+    //   } else {
+    //     return isFromNativeToken ? 'Bridge' : 'Approve & Bridge'
+    //   }
+    // }, [isFromNativeToken, isSwap])
+    const buttonText = useMemo(() => {
+        if (router_type) {
+            if (router_type === 'wrap') {
+                return !backApprove ? 'Wrap' : 'Approve & Wrap';
+            }
+            else if (router_type === 'unwrap') {
+                return !backApprove ? 'Unwrap' : 'Approve & Unwrap';
+            }
+            else if (router_type === 'swap') {
+                return !backApprove ? 'Swap' : 'Approve & Swap';
+            }
+            else {
+                return !backApprove ? 'Bridge' : 'Approve & Bridge';
+            }
+        }
+        else {
+            return 'Error';
+        }
+    }, [router_type, backApprove]);
+    // const buttonLoadingText = useMemo(() => {
+    //   if (isSwap) {
+    //     return isFromNativeToken
+    //       ? 'Swapping'
+    //       : isSwitching || isApproving
+    //         ? 'Approving'
+    //         : 'Swapping'
+    //   } else {
+    //     return isFromNativeToken
+    //       ? 'Bridging'
+    //       : isSwitching || isApproving
+    //         ? 'Approving'
+    //         : 'Bridging'
+    //   }
+    // }, [isApproving, isFromNativeToken, isSwap, isSwitching])
+    const buttonLoadingText = useMemo(() => {
+        if (router_type) {
+            if (router_type === 'wrap') {
+                return !backApprove
+                    ? 'Wrapping'
+                    : isSwitching || isApproving
+                        ? 'Approving'
+                        : 'Wrapping';
+            }
+            else if (router_type === 'unwrap') {
+                return !backApprove
+                    ? 'Unwrapping'
+                    : isSwitching || isApproving
+                        ? 'Approving'
+                        : 'Unwrapping';
+            }
+            else if (router_type === 'swap') {
+                return !backApprove
+                    ? 'Swapping'
+                    : isSwitching || isApproving
+                        ? 'Approving'
+                        : 'Swapping';
+            }
+            else {
+                return !backApprove
+                    ? 'Bridging'
+                    : isSwitching || isApproving
+                        ? 'Approving'
+                        : 'Bridging';
+            }
+        }
+        else {
+            return 'Error';
+        }
+    }, [isApproving, , backApprove, isSwitching, router_type]);
+    const renderLossWarning = () => {
+        if (fromAmountToUsd && toAmountToUsd) {
+            const fromPrice = Number(fromAmountToUsd.replace(/,/g, ''));
+            const toPrice = Number(toAmountToUsd.replace(/,/g, ''));
+            if (fromPrice > 50 && fromPrice > toPrice) {
+                const loss = -(toPrice - fromPrice) / fromPrice;
+                if (loss >= 0.2) {
+                    return (_jsxs(HStack, { as: 'div', color: '#81728c', backgroundColor: 'rgba(255, 210, 0, .1)', border: '1px solid rgba(255, 210, 0, 1)', height: '30px', lineHeight: '30px', textAlign: 'center', fontSize: '12px', borderRadius: '4px', w: '100%', marginBottom: '10px', alignItems: 'center', justifyContent: 'center', gap: 0, children: [_jsx(Image, { src: getAssetSrc(warningIcon), alt: "error", w: '14px', h: '14px', marginRight: '4px' }), "The current price impact is relatively high"] }));
+                }
+                return _jsx(_Fragment, {});
+            }
+            return _jsx(_Fragment, {});
+        }
+        return _jsx(_Fragment, {});
+    };
+    useEffect(() => {
+        if (fromAmountToUsd && toAmountToUsd) {
+            const fromPrice = Number(fromAmountToUsd.replace(/,/g, ''));
+            const toPrice = Number(toAmountToUsd.replace(/,/g, ''));
+            if (fromPrice > 50 && fromPrice > +toPrice) {
+                const loss = -(toPrice - fromPrice) / fromPrice;
+                if (loss < 0.2) {
+                    setLossTwenty(false);
+                    setLossFifty(false);
+                }
+                else if (loss >= 0.2 && loss < 0.5) {
+                    setLossTwenty(true);
+                    setLossFifty(false);
+                }
+                else {
+                    setLossTwenty(false);
+                    setLossFifty(true);
+                }
+            }
+        }
+    }, [fromAmountToUsd, toAmountToUsd]);
+    const renderButton = () => {
+        if (errorMessage || quoteMessage) {
+            // console.log('------errorMessage------', errorMessage)
+            return (_jsx(Button, { ...mergedButtonStyles, disabled: true, children: _jsx(Text, { variant: {
+                        base: 'content9',
+                        md: 'content7'
+                    }, ...buttonTextStyles, children: errorMessage || quoteMessage }) }));
+        }
+        if (isFetching && fromAmount) {
+            return (_jsx(Button, { ...mergedButtonStyles, disabled: true, 
+                // loading
+                loadingText: '', ...loadingButtonStyles, children: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: _jsxs(HStack, { gap: 0, children: [_jsxs(HStack, { w: '28px', h: '28px', position: 'relative', alignItems: 'center', justifyContent: 'center', gap: 0, top: '-1px', marginRight: '5px', children: [_jsx(Image, { display: 'block', src: getAssetSrc(aiBotGif), alt: 'ai_bot', w: '26px', h: '26px' }), _jsx(Text, { position: 'absolute', w: '28px', h: '28px', top: 0, left: 0, border: `3px solid ${loadingRingColor}`, borderRadius: '100%', boxSizing: 'border-box' })] }), _jsx(Text, { ...buttonTextStyles, children: "AI is Fetching the Best Price" })] }) }) }));
+        }
+        if (!address) {
+            return (_jsxs(Button, { ...mergedButtonStyles, onClick: openConnectModal, children: [_jsx(Icon, { w: '24px', h: '24px', as: WalletIcon }), _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: "Connect Wallet" })] }));
+        }
+        // if (!validations.isDifferentChain) {
+        //   return (
+        //     <Button w={'100%'} disabled>
+        //       Select Different Networks
+        //     </Button>
+        //   )
+        // }
+        if (isSelectPredictionChain && !differentAddress) {
+            return (_jsx(Button, { ...mergedButtonStyles, disabled: true, children: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: "Enter Address" }) }));
+        }
+        if (!validations.hasValidAmounts) {
+            return (_jsx(Button, { ...mergedButtonStyles, disabled: true, children: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: "Enter Amount" }) }));
+        }
+        if (insufficientBalance || isInsufficientBalance) {
+            return (_jsx(Button, { ...mergedButtonStyles, disabled: true, children: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: quoteMessage ? quoteMessage : 'Insufficient Balance' }) }));
+        }
+        const isLoading = isPending || isSwitching || isApproving;
+        return (_jsx(Button, { ...mergedButtonStyles, ...(lossTwenty ? warningButtonStyles : {}), onClick: () => {
+                // setStartTrading(true)
+                stopAutoRefetch();
+                handleSwap();
+            }, disabled: !validations.canSwap || lossFifty, loading: isLoading, loadingText: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: buttonLoadingText }), children: _jsx(Heading, { variant: buttonHeadingVariant, ...buttonTextStyles, children: buttonText }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(VStack, { w: '100%', gap: 0, children: [renderLossWarning(), renderButton()] }), _jsx(Image, { display: 'none', src: getAssetSrc(aiBotGif), alt: 'ai_bot', w: '26px', h: '26px' })] }));
+};
+//# sourceMappingURL=FormButton.js.map

package/dist/internal/SwapAndBridge/FormButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/internal/SwapAndBridge/FormButton.tsx"],"names":[],"mappings":"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"}

package/dist/internal/SwapAndBridge/FormTop.d.ts

@@ -0,0 +1,11 @@
+import { QuoteInfo } from './MainForm';
+export interface RefetchQuoteParams {
+    slippageValue?: string;
+    isAutoSlippage?: boolean;
+}
+export interface Props {
+    refetchQuote: (params?: RefetchQuoteParams) => void;
+    quoteInfo?: QuoteInfo;
+}
+export declare const FormTop: ({ refetchQuote, quoteInfo }: Props) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormTop.d.ts.map

package/dist/internal/SwapAndBridge/FormTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTop.d.ts","sourceRoot":"","sources":["../../../src/internal/SwapAndBridge/FormTop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAKtC,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACnD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AACD,eAAO,MAAM,OAAO,GAAI,6BAA6B,KAAK,4CAqEzD,CAAA"}

package/dist/internal/SwapAndBridge/FormTop.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { HStack } from '@chakra-ui/react';
+import { SlippageSettings } from './SlippageSettings';
+import { Heading } from '../ui';
+import { useRefreshLoading } from './hooks/useRefreshLoading';
+import loaderMask from '../assets/images/loader.png';
+import { getAssetSrc } from '../utils/getAssetSrc';
+import { useWheelxWidgetStyles } from '../../config';
+export const FormTop = ({ refetchQuote, quoteInfo }) => {
+    const { isLoading: isLoadingRefresh } = useRefreshLoading();
+    const widgetStyles = useWheelxWidgetStyles();
+    return (_jsxs(HStack, { justify: 'space-between', w: '100%', children: [_jsx(Heading, { variant: {
+                    base: 'heading11',
+                    md: 'heading9'
+                }, ...widgetStyles.formTitleText, children: "Bridge & Swap" }), _jsxs(HStack, { color: '#81728C', children: [_jsx(HStack, { w: '24px', h: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'transparent', children: _jsx(Box, { w: "22px", h: "22px", position: "relative", maskImage: `url(${getAssetSrc(loaderMask)})`, maskPosition: 'center center', maskRepeat: 'no-repeat', maskSize: '100%', top: '1px', cursor: 'pointer', onClick: () => {
+                                refetchQuote();
+                            }, className: "animation-loading", animationName: isLoadingRefresh ? 'keyframes-loading' : undefined, children: _jsx("svg", { height: "24", width: "24", style: {
+                                    backgroundColor: '#81728C',
+                                    stroke: 'rgb(185, 206, 252)',
+                                    strokeDasharray: '0, 101',
+                                    fill: 'none',
+                                    transform: 'translate(-50%, -50%) rotate(-91deg)',
+                                    position: 'absolute',
+                                    top: '50%',
+                                    left: '50%',
+                                    width: '22px',
+                                    height: '22px',
+                                    transition: 'background-color 0.15ms',
+                                    animation: isLoadingRefresh || !quoteInfo?.request_id
+                                        ? undefined
+                                        : 'svg_loader 30s linear 0s infinite normal'
+                                }, children: _jsx("circle", { cx: "50%", cy: "50%", r: "50%", strokeWidth: "100%" }) }) }) }), _jsx(SlippageSettings, { refetchQuote: refetchQuote })] })] }));
+};
+//# sourceMappingURL=FormTop.js.map

package/dist/internal/SwapAndBridge/FormTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTop.js","sourceRoot":"","sources":["../../../src/internal/SwapAndBridge/FormTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAWpD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAS,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC3D,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAA;IAE5C,OAAO,CACL,MAAC,MAAM,IAAC,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,aACzC,KAAC,OAAO,IACN,OAAO,EAAE;oBACP,IAAI,EAAE,WAAW;oBACjB,EAAE,EAAE,UAAU;iBACf,KACG,YAAY,CAAC,aAAa,8BAGtB,EACV,MAAC,MAAM,IAAC,KAAK,EAAE,SAAS,aACtB,KAAC,MAAM,IACL,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,aAAa,YAEzB,KAAC,GAAG,IACF,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC,GAAG,EAC5C,YAAY,EAAE,eAAe,EAC7B,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,EAAE,CAAA;4BAChB,CAAC,EACD,SAAS,EAAC,mBAAmB,EAC7B,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,YAEjE,cACE,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,KAAK,EAAE;oCACL,eAAe,EAAE,SAAS;oCAC1B,MAAM,EAAE,oBAAoB;oCAC5B,eAAe,EAAE,QAAQ;oCACzB,IAAI,EAAE,MAAM;oCACZ,SAAS,EAAE,sCAAsC;oCACjD,QAAQ,EAAE,UAAU;oCACpB,GAAG,EAAE,KAAK;oCACV,IAAI,EAAE,KAAK;oCACX,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,MAAM;oCACd,UAAU,EAAE,yBAAyB;oCACrC,SAAS,EACP,gBAAgB,IAAI,CAAC,SAAS,EAAE,UAAU;wCACxC,CAAC,CAAC,SAAS;wCACX,CAAC,CAAC,0CAA0C;iCACjD,YAED,iBAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,WAAW,EAAC,MAAM,GAAU,GAC1D,GACF,GACC,EACT,KAAC,gBAAgB,IAAC,YAAY,EAAE,YAAY,GAAI,IACzC,IACF,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/internal/SwapAndBridge/MainForm.d.ts

@@ -0,0 +1,26 @@
+import { QuoteRequest } from '../api';
+import { TxInfoProps, routesItem } from './TxInfo';
+export interface QuoteInfo {
+    isFetching: boolean;
+    error: string | null;
+    data: `0x${string}` | null;
+    contractAddress: `0x${string}` | null;
+    info: TxInfoProps | null;
+    request_id?: string | null;
+    gas?: bigint | null;
+    maxFeePerGas?: bigint | undefined;
+    maxPriorityFeePerGas?: bigint | undefined;
+    backApprove?: boolean;
+    router_type?: string | null;
+    tx_value?: string | null;
+    quote_message?: string | null;
+    routes?: routesItem[];
+}
+export interface QuoteRequestWithToTokenDecimals extends QuoteRequest {
+    toTokenDecimals: number;
+    isAutoRefetch?: boolean;
+    affiliation?: string | null;
+}
+export declare const initialQuoteInfo: QuoteInfo;
+export declare const MainForm: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MainForm.d.ts.map

package/dist/internal/SwapAndBridge/MainForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainForm.d.ts","sourceRoot":"","sources":["../../../src/internal/SwapAndBridge/MainForm.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAe,MAAM,QAAQ,CAAA;AAIlD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2BlD,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;IAC1B,eAAe,EAAE,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;IACrC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,SAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,+CAqkBpB,CAAA"}