@ape.swap/bonds-sdk 1.0.780 → 1.1.0-seedify

package/dist/components/BondRows/BondRowHeader.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex } from 'theme-ui';
-import { Input } from '../uikit-sdk/Input';
-import { Svg, TooltipBubble } from '../uikit-sdk';
-import { TooltipText } from '../../enum/tooltips';
-import '../../scss/BondRowHeader.scss';
-import BondMenu from '../BondMenu/BondMenu';
-var BondRowHeader = function (_a) {
-    var inputValue = _a.inputValue, setChainFilterOption = _a.setChainFilterOption, chainFilterOption = _a.chainFilterOption, filterOptions = _a.filterOptions, filterOption = _a.filterOption, setFilterOption = _a.setFilterOption, onInputChange = _a.onInputChange, onHandleQueryChange = _a.onHandleQueryChange, onSort = _a.onSort;
-    return (_jsxs(Flex, { className: "bondrow-header", children: [_jsx(Flex, { className: "bondrow-header filters", children: _jsx(BondMenu, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: onHandleQueryChange }) }), _jsxs(Flex, { className: "bondrow-header rows", children: [_jsxs(Flex, { className: "column column-tokens header", children: [_jsx(Flex, { className: "column column-search", sx: { width: '100%', maxWidth: ['200px', '200px', '200px', '340px'] }, children: _jsx(Input, { value: inputValue, onChange: onInputChange, variant: "search", sx: { fontWeight: 400, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) }), _jsx(Flex, { className: "column column-tokenicons header" })] }), _jsxs(Flex, { className: "column column-bondinfo header", children: [_jsxs(Flex, { className: "column column-discount header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)", children: ["DISCOUNT", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('discount'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-arr header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)", children: ["ARR", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('arr'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-terms header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)", children: ["TERMS", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('terms'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-tokensremaining header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)", children: ["TOKENS REMAINING", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('tokensRemaining'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsx(Flex, { className: "column column-hotbond header" })] })] })] }));
-};
-export default BondRowHeader;

package/dist/components/BondRows/BondRowsByChain.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import BondRowsWithTitle from './BondRowsWithTitle';
-import { MAINNET_CHAINS } from '../../config/constants/chains';
-import '../../scss/BondRowsByChain.scss';
-import { Flex } from 'theme-ui';
-var BondRowsByChain = function (_a) {
-    var bonds = _a.bonds, hotBonds = _a.hotBonds, hideTitles = _a.hideTitles, chains = _a.chains;
-    return (_jsx(Flex, { className: "bondrowsbychain", children: (MAINNET_CHAINS.map(function (chain, index) {
-            return ((!chains || chains.length === 0 || chains.includes(chain)) &&
-                _jsx(BondRowsWithTitle, { chain: chain, bonds: bonds, hotBonds: hotBonds, hideTitles: hideTitles }, chain));
-        })) }));
-};
-export default BondRowsByChain;

package/dist/components/BondRows/BondRowsWithTitle.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
-import ChainTitle from "./ChainTitle";
-import BondRow from "./BondRow";
-import { useState } from "react";
-import '../../scss/BondRowsWithTitle.scss';
-import { Flex } from "theme-ui";
-var BondRowsWithTitle = function (_a) {
-    var chain = _a.chain, bonds = _a.bonds, hotBonds = _a.hotBonds, hideTitles = _a.hideTitles;
-    var billsFilteredByChain = bonds.filter(function (bill) { return bill.chainId === chain; });
-    var key = chain;
-    var _b = useState(true), isOpen = _b[0], setIsOpen = _b[1];
-    return (_jsx(Flex, { className: "bondrowswithtitle", children: _jsxs(AnimatePresence, { initial: false, children: [_jsx(Flex, { onClick: function () { return setIsOpen(!isOpen); }, children: _jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: billsFilteredByChain.length > 0 ? false : true, isOpen: isOpen }) }), billsFilteredByChain.length > 0 && isOpen && (_jsx(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
-                        position: 'relative',
-                        overflow: 'hidden',
-                        width: '100%',
-                        marginTop: '0px',
-                    }, children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map(function (bill) { return (_jsx(BondRow, { bond: bill, hotBonds: hotBonds }, bill.billAddress)); }) }, key))] }) }, key));
-};
-export default BondRowsWithTitle;

package/dist/components/BondRows/ChainTitle.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex, Svg } from '../uikit-sdk';
-import { NETWORK_LABEL } from '../../config/constants/chains';
-var ChainTitle = function (_a) {
-    var chain = _a.chain, pt = _a.pt, hideTitles = _a.hideTitles, isOpen = _a.isOpen;
-    return (_jsxs(Flex, { className: "chaintitle", sx: {
-            pt: pt,
-            pb: '10px',
-            color: 'textDisabledButton',
-            fontSize: '13px',
-            fontWeight: 500,
-            cursor: 'pointer',
-            textTransform: 'uppercase',
-            display: hideTitles ? 'none' : 'flex',
-            width: '200px',
-        }, children: [NETWORK_LABEL[chain], " Bonds", _jsx(Flex, { sx: { ml: '7px' }, children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) })] }));
-};
-export default ChainTitle;

package/dist/components/MenuSelect/MenuSelect.js

@@ -1,36 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Select, SelectItem, Text } from '../uikit-sdk';
-var MenuSelect = function (_a) {
-    var selectedOption = _a.selectedOption, setOption = _a.setOption, options = _a.options, props = __rest(_a, ["selectedOption", "setOption", "options"]);
-    return (_jsx(Select, __assign({ size: "xsm", onChange: function (e) { return setOption(e.target.value); }, active: selectedOption, sx: {
-            height: '36px',
-            display: 'flex',
-            width: '100%',
-            paddingRight: '4px',
-        } }, props, { children: options === null || options === void 0 ? void 0 : options.map(function (option) {
-            return (_jsx(SelectItem, { size: "xsm", value: option.value, children: _jsx(Text, { sx: { fontWeight: 400, pl: '10px' }, children: option.label }) }, option.label));
-        }) })));
-};
-export default MenuSelect;

package/dist/components/MenuSelect/RecommendationSelector.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Flex } from '../uikit-sdk';
-var RecommendationSelector = function (_a) {
-    var options = _a.options, activeOption = _a.activeOption, setActiveOption = _a.setActiveOption;
-    var handleClick = function (option) {
-        setActiveOption(option);
-    };
-    return (_jsx(Flex, { sx: {
-            alignItems: 'center',
-            color: 'grey',
-            fontSize: ['11px'],
-            fontWeight: 500,
-            '& > div:last-child': {
-                marginRight: '0',
-            },
-        }, children: options.map(function (option) {
-            var isActive = option === activeOption;
-            return (_jsx(Flex, { sx: {
-                    background: isActive ? 'primaryShade' : 'white2',
-                    color: isActive ? 'primaryButton' : 'textDisabledButton',
-                    px: ['6px', '6px', '6px', '10px'],
-                    borderRadius: 'small',
-                    mr: ['8px', '8px', '8px', '10px'],
-                    textTransform: 'uppercase',
-                    cursor: 'pointer',
-                    lineHeight: '11px',
-                    alignItems: 'center',
-                    height: '24px',
-                }, onClick: function () { return handleClick(option); }, children: option }, option));
-        }) }));
-};
-export default RecommendationSelector;

package/dist/components/MenuSelect/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/NetworkFilter/index.js

@@ -1,66 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "theme-ui/jsx-runtime";
-import { useState } from 'react';
-import { Flex, Svg, Text } from '../../components/uikit-sdk';
-import { MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL } from '../../config/constants/chains';
-import Checkbox from '../../components/uikit-sdk/Checkbox';
-var NetworkFilter = function (_a) {
-    var chainFilterOption = _a.chainFilterOption, setChainFilterOption = _a.setChainFilterOption;
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var handleCheckbox = function (newChain) {
-        var prevChainFilterOptions = chainFilterOption;
-        var newChainFilterOption;
-        if (newChain === 'All Chains') {
-            newChainFilterOption = ['All Chains'];
-        }
-        else {
-            if (prevChainFilterOptions.includes(newChain)) {
-                var filteredChains = prevChainFilterOptions.filter(function (option) { return option !== newChain; });
-                newChainFilterOption = filteredChains.length === 0 ? ['All Chains'] : filteredChains;
-            }
-            else {
-                var newArray_1 = __spreadArray(__spreadArray([], prevChainFilterOptions.filter(function (option) { return option !== 'All Chains'; }), true), [newChain], false);
-                var allChainsArePresent = MAINNET_CHAINS.every(function (chain) { return newArray_1.includes(chain.toString()); });
-                newChainFilterOption = allChainsArePresent ? ['All Chains'] : newArray_1;
-            }
-        }
-        setChainFilterOption(newChainFilterOption);
-    };
-    return (_jsxs(Flex, { sx: { width: '100%', position: 'relative' }, children: [_jsxs(Flex, { sx: {
-                    background: 'white2',
-                    p: '6px',
-                    borderRadius: 'normal',
-                    cursor: 'pointer',
-                    alignItems: 'center',
-                    width: '100%',
-                    justifyContent: 'space-between',
-                }, onClick: function () { return setIsOpen(!isOpen); }, children: [_jsx(Text, { sx: { lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' }, children: chainFilterOption.includes('All Chains') ? 'All Chains' : "Chains (".concat(chainFilterOption.length, ")") }), _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) })] }), isOpen && (_jsx(Flex, { sx: {
-                    flexDirection: ['column', 'column', 'column'],
-                    position: 'absolute',
-                    top: '45px',
-                    right: '0px',
-                    width: '200px',
-                    height: ['300px', '300px', '350px'],
-                    overflowY: 'scroll',
-                    borderRadius: 'normal',
-                    background: 'white2',
-                    zIndex: 555,
-                }, children: __spreadArray(['All Chains'], MAINNET_CHAINS, true).map(function (chainId) {
-                    return (_jsx(Flex, { sx: {
-                            borderRadius: 'normal',
-                            p: '5px 15px',
-                            minHeight: '40px',
-                            cursor: 'pointer',
-                            '&:hover': { bg: 'white3' },
-                        }, onClick: function () { return handleCheckbox(chainId.toString()); }, children: _jsxs(Flex, { sx: { width: '100%', alignItems: 'center', fontSize: '14px' }, children: [_jsx(Checkbox, { checked: chainFilterOption.includes(chainId.toString()), onChange: function () { return null; } }), chainId === 'All Chains' ? (_jsxs(_Fragment, { children: [_jsx(Flex, { sx: { mx: '8px' }, children: _jsx(Svg, { icon: "AllChains", width: "22px" }) }), _jsx(Text, { sx: { lineHeight: '22px', fontWeight: 400 }, children: "All Chains" })] })) : (_jsxs(_Fragment, { children: [_jsx(Flex, { sx: { mx: '8px', borderRadius: '50px', overflow: 'hidden' }, children: _jsx(Svg, { icon: NETWORK_ICONS[chainId], width: "22px" }) }), _jsx(Text, { sx: { lineHeight: '22px', fontWeight: 400 }, children: NETWORK_LABEL[chainId] })] }))] }) }, chainId));
-                }) }))] }));
-};
-export default NetworkFilter;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Box, Flex } from 'theme-ui';
-import '../../scss/ProgressBar.scss';
-var ProgressBar = function (_a) {
-    var value = _a.value, _b = _a.color, color = _b === void 0 ? 'text' : _b;
-    return (_jsx(Flex, { sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' }, children: _jsx(Box, { className: "progressbar-background", children: _jsx(Box, { className: "progressbar-completed", style: {
-                    width: "".concat(value <= 3 ? 3 : value, "%")
-                } }) }) }));
-};
-export default ProgressBar;

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import React from 'react';
-import { styles } from './styles';
-import { Flex, Text, TooltipBubble, Skeleton } from '../uikit-sdk';
-var ProgressBarWrapper = function (_a) {
-    var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
-    return (_jsxs(Flex, { sx: style, children: [_jsx(Flex, { sx: { alignItems: 'center' }, children: _jsx(Text, { sx: styles.titleText, children: "".concat(title) }) }), showTooltip ? (_jsx(Flex, { sx: { alignItems: 'center', width: '100%' }, children: _jsx(TooltipBubble, { placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, { sx: { justifyContent: 'center' }, children: toolTip }), width: "250px", children: _jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center', width: '127px' }, children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) }) }) })) : (_jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center' }, children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) }))] }));
-};
-export default React.memo(ProgressBarWrapper);

package/dist/components/ProgressBar/styles.js

@@ -1,82 +0,0 @@
-export var styles = {
-    listCardContainer: {
-        borderRadius: 0,
-        flexDirection: ['column', 'column', 'column', 'row'],
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        background: 'white2',
-        borderBottom: '1px solid rgba(226, 226, 226, .2)',
-        padding: ['10px 20px 10px 20px', '10px 20px 10px 20px', '10px 20px 10px 20px', '0 30px 0 30px'],
-        margin: '0 10px 0 10px',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-        width: '100%',
-        height: ['unset', 'unset', 'unset', '86px'],
-    },
-    listViewContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-    },
-    titleContainer: {
-        width: '100%',
-        justifyContent: 'space-between',
-        my: '5px',
-    },
-    infoContentMobile: {
-        display: ['flex', 'flex', 'flex', 'none'],
-        alignItems: 'center',
-    },
-    tokensContainer: {
-        alignItems: 'center',
-        height: '100%',
-        width: '100%',
-    },
-    titleText: {
-        opacity: 0.6,
-        fontSize: '12px',
-        lineHeight: ['16px', '16px', '16px', '24px'],
-        fontWeight: 400,
-    },
-    skeleton: {
-        width: ['45px', '45px', '60px'],
-        maxHeight: '18px',
-        minHeight: '18px',
-    },
-    valueText: {
-        fontSize: ['12px', '12px', '12px', '14px'],
-        color: 'primaryBright',
-        lineHeight: '16px',
-        fontWeight: 700,
-        mr: '5px',
-        display: 'flex',
-        alignItems: 'center',
-    },
-    secondaryText: {
-        fontSize: '12px',
-        color: 'gray',
-        lineHeight: '16px',
-        fontWeight: 400,
-    },
-    cardContentContainer: {
-        width: '100%',
-        height: '100%',
-        alignItems: 'center',
-        justifyContent: 'flex-end',
-    },
-    animationDiv: {
-        position: 'relative',
-        width: '100%',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-    },
-    expandedWrapper: {
-        background: 'white3',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-        padding: '15px 10px',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-    },
-};

package/dist/components/TokenInfoAndName/index.js

@@ -1,34 +0,0 @@
-var _a;
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex, ListTag, Svg } from '../../components/uikit-sdk';
-import { NETWORK_ICONS } from '../../config/constants/chains';
-import { ChainId } from '../../enum/apeswaplists';
-import Index from '../uikit-sdk/TokenImage';
-// import { CleanedBondsState } from 'state/bills/types'
-// import FavComponent from '../../../components/FavComponent'
-import '../../scss/TokenInfoName.scss';
-export var NETWORK_COLORS = (_a = {},
-    _a[ChainId.BSC] = '#F3BA2F',
-    _a[ChainId.MAINNET] = '#627eea',
-    _a[ChainId.MATIC] = '#8247e5',
-    _a[ChainId.LIGHTLINK] = '#6087ff',
-    _a[ChainId.BASE] = '#0052ff',
-    _a[ChainId.ARBITRUM] = '#289fef',
-    _a[ChainId.LINEA] = '#fff',
-    _a[ChainId.IOTA] = '#fff',
-    _a);
-var TokenInfoAndName = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var bill = _a.bill, vestEnds = _a.vestEnds;
-    return (_jsxs(Flex, { className: "tokeninfoname container", children: [_jsx(Flex, { className: "tokeninfoname chain", sx: {
-                    background: NETWORK_COLORS[bill.chainId]
-                }, children: _jsx(Svg, { width: 18, height: 18, icon: (_b = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _b !== void 0 ? _b : 'question' }) }), _jsx(Flex, { className: "tokeninfoname gradient", sx: {
-                    background: NETWORK_COLORS[bill.chainId]
-                } }), _jsxs(Flex, { className: "tokeninfoname tokencontainer", children: [_jsx(Index, { symbol: (_c = bill.showcaseTokenName) !== null && _c !== void 0 ? _c : bill.earnToken.symbol, size: 33 }), _jsxs(Flex, { className: "tokeninfoname tokentext", children: [(_d = bill.showcaseTokenName) !== null && _d !== void 0 ? _d : bill.earnToken.symbol, vestEnds && (_jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] })] }), _jsxs(Flex, { children: [_jsx(Flex, { sx: { width: '25px' } }), _jsx(Flex, { sx: {
-                            ml: '10px',
-                            display: ['none', 'none', 'none', 'flex'],
-                            minWidth: '70px',
-                            alignItems: 'center',
-                        }, children: ((_e = bill.tags) === null || _e === void 0 ? void 0 : _e[0]) && (_jsx(Flex, { sx: { marginRight: '10px' }, children: _jsx(ListTag, { variant: ((_f = bill.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity', text: (_h = (_g = bill.tags) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.toUpperCase() }) })) })] })] }));
-};
-export default TokenInfoAndName;

package/dist/components/TokenSelectorModal/TokenRow.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "theme-ui/jsx-runtime";
-import { Flex } from '../uikit-sdk';
-import TokenImage from '../uikit-sdk/TokenImage';
-import getNativeTicker from '../../utils/getNativeTicker';
-import useCurrencyBalance from '../../state/balance/useCurrencyBalance';
-import { useAccount } from 'wagmi';
-import BigNumber from 'bignumber.js';
-import { Spinner } from 'theme-ui';
-var TokenRow = function (_a) {
-    var _b;
-    var token = _a.token, chainId = _a.chainId, handleTokenSelect = _a.handleTokenSelect;
-    var symbol = token === 'NATIVE' ? getNativeTicker(chainId) : token.symbol;
-    var tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId];
-    var address = useAccount().address;
-    var tokenBalance = useCurrencyBalance(token, address !== null && address !== void 0 ? address : null, chainId).data;
-    return (_jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: function () { return handleTokenSelect(tokenAddress !== null && tokenAddress !== void 0 ? tokenAddress : ''); }, children: [_jsxs(Flex, { children: [_jsx(TokenImage, { symbol: symbol, chain: chainId, size: 30 }), _jsx(Flex, { sx: { mx: '8px' }, children: symbol })] }), _jsx(Flex, { children: tokenBalance === undefined ? ('0') : !tokenBalance ? (_jsx(Spinner, { size: 15 })) : (_jsx(_Fragment, { children: (_b = new BigNumber(tokenBalance)) === null || _b === void 0 ? void 0 : _b.toPrecision(5) })) })] }));
-};
-export default TokenRow;

package/dist/components/TokenSelectorModal/index.js

@@ -1,56 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { isAddress } from '../../utils';
-import { zapInputTokens } from '../../config/constants/zapInputTokens';
-import { Flex, Modal } from '../uikit-sdk';
-import { Input } from 'theme-ui';
-import TokenRow from './TokenRow';
-var TokenSelectorModal = function (_a) {
-    var _b;
-    var bondPrincipalToken = _a.bondPrincipalToken, handleCurrencySelect = _a.handleCurrencySelect, chainId = _a.chainId, onDismiss = _a.onDismiss;
-    var _c = useState(''), searchQuery = _c[0], setSearchQuery = _c[1];
-    var zapInputList = zapInputTokens[chainId];
-    var parsedList = (_b = zapInputList === null || zapInputList === void 0 ? void 0 : zapInputList.filter(function (token) {
-        return !searchQuery ? true : token.symbol.toLowerCase().includes(searchQuery.toLowerCase());
-    })) !== null && _b !== void 0 ? _b : [];
-    var inputTokenList = bondPrincipalToken
-        ? __spreadArray([bondPrincipalToken, 'NATIVE'], parsedList, true) : __spreadArray(['NATIVE'], parsedList, true);
-    var handleTokenSelect = useCallback(function (currency) {
-        handleCurrencySelect(currency);
-        setSearchQuery('');
-        if (onDismiss)
-            onDismiss();
-    }, [onDismiss, handleCurrencySelect, setSearchQuery]);
-    var handleInput = useCallback(function (event) {
-        var input = event.target.value;
-        var checksummedInput = isAddress(input);
-        setSearchQuery(checksummedInput || input);
-    }, [setSearchQuery]);
-    return (_jsx(Modal, { onDismiss: onDismiss, title: "Tokens", children: _jsx(Flex, { sx: {
-                flexDirection: 'column',
-                maxHeight: 'none',
-                height: 'auto',
-                width: 'auto',
-                overflowY: 'auto',
-            }, children: _jsxs(Flex, { sx: { flexDirection: 'column' }, children: [_jsx(Flex, { sx: { position: 'relative', margin: '10px 0px 15px 0px' }, children: _jsx(Input, { id: "token-search-input", placeholder: "Name or Address", autoComplete: "off", value: searchQuery, onChange: handleInput, 
-                            // icon="search"
-                            autoFocus: true, sx: { borderRadius: 'normal' } }) }), _jsx(Flex, { sx: {
-                            borderRadius: '10px',
-                            background: 'white3',
-                            flexDirection: 'column',
-                            height: '300px',
-                            overflowY: 'auto',
-                        }, children: inputTokenList.map(function (token, i) {
-                            return _jsx(TokenRow, { token: token, chainId: chainId, handleTokenSelect: handleTokenSelect }, i);
-                        }) })] }) }) }));
-};
-export default TokenSelectorModal;

package/dist/components/TokenSelectorPanel/index.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex, Input } from 'theme-ui';
-import { isNumber } from '../../utils/numbers';
-import { Button, Svg } from '../uikit-sdk';
-import TokenImage from '../uikit-sdk/TokenImage';
-import getNativeTicker from '../../utils/getNativeTicker';
-import useModal from '../../hooks/useModal';
-import TokenSelectorModal from '../TokenSelectorModal';
-import BigNumber from 'bignumber.js';
-import { isArray } from 'lodash';
-var TokenSelectorPanel = function (_a) {
-    var _b, _c, _d;
-    var typedValue = _a.typedValue, setTypedValue = _a.setTypedValue, selectedToken = _a.selectedToken, chainId = _a.chainId, handleMaxBtn = _a.handleMaxBtn, handleCurrencySelect = _a.handleCurrencySelect, enableZap = _a.enableZap, bondPrincipalToken = _a.bondPrincipalToken, tokenBalance = _a.tokenBalance, selectedTokenPrice = _a.selectedTokenPrice;
-    var tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading';
-    var splited = typeof selectedToken !== 'string' ? (_b = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.symbol) === null || _b === void 0 ? void 0 : _b.split('-') : undefined;
-    var handleInputChange = function (event) {
-        setTypedValue(event.target.value);
-    };
-    var onTokenSelectorModal = useModal(_jsx(TokenSelectorModal, { bondPrincipalToken: bondPrincipalToken, handleCurrencySelect: handleCurrencySelect, chainId: chainId }), true, true, "tokenSelectorOnLiquidityModal".concat(bondPrincipalToken))[0];
-    return (_jsxs(Flex, { className: "modaltable-container buy-container", children: [_jsxs(Flex, { className: "input-container inputrow", children: [_jsx(Flex, { className: "input-container input", children: _jsx(Input, { placeholder: "0.0", value: typedValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: function (v) {
-                                if (v.currentTarget.value.includes(',')) {
-                                    v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
-                                }
-                                if (v.currentTarget.value.includes('%')) {
-                                    v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '');
-                                }
-                                if (v.currentTarget.value === '.') {
-                                    v.currentTarget.value = '0.';
-                                }
-                                v.currentTarget.value =
-                                    !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
-                                        ? v.currentTarget.value
-                                        : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
-                            } }) }), _jsxs(Flex, { className: "input-container token", onClick: onTokenSelectorModal, children: [_jsxs(Flex, { children: [_jsx(Flex, { className: "input-container bondicon", children: isArray(splited) ? (_jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 30, chain: chainId })) : (_jsx(TokenImage, { symbol: selectedToken === 'NATIVE' ? getNativeTicker(chainId) : ((_c = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.symbol) !== null && _c !== void 0 ? _c : ''), size: 30, chain: chainId })) }), _jsx(Flex, { className: "title-container tokenname-small", children: selectedToken === 'NATIVE' ? getNativeTicker(chainId) : ((_d = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.symbol) !== null && _d !== void 0 ? _d : '') })] }), _jsx(Flex, { sx: { mr: '8px' }, children: _jsx(Svg, { icon: "caret" }) })] })] }), tokenBalance && (_jsxs(Flex, { className: "input-container balancerow", children: [_jsx(Flex, { children: selectedTokenPrice && typedValue ? "$".concat((selectedTokenPrice * parseFloat(typedValue)).toFixed(2)) : '' }), _jsxs(Flex, { children: [_jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), _jsx(Flex, { className: "balancerow max", children: tokenBalance !== '0' && (_jsx(Button, { className: "max-button", onClick: handleMaxBtn, children: "Max" })) })] })] }))] }));
-};
-export default TokenSelectorPanel;

package/dist/components/Tooltip/ButtonsRow.js

@@ -1,21 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { styles } from './styles';
-import { Flex, Svg, Text } from '../uikit-sdk';
-import { Link } from 'theme-ui';
-var ButtonsRow = function (_a) {
-    var projectLink = _a.projectLink, twitter = _a.twitter, bubble = _a.bubble, audit = _a.audit;
-    var bubbleURL = "https://app.bubblemaps.io/bsc/token/".concat(bubble);
-    return (_jsxs(Flex, { sx: { justifyContent: 'center' }, children: [_jsx(Flex, { sx: styles.iconButton, as: Link, href: projectLink, target: "_blank", children: _jsx(Svg, { icon: "URL", width: 18 }) }), _jsx(Flex, { sx: styles.iconButton, as: Link, href: twitter, target: "_blank", children: _jsx(Svg, { icon: "twitter", width: 18, color: "text" }) }), bubble && (_jsx(Flex, { sx: styles.iconButton, as: Link, href: bubbleURL, target: "_blank", children: _jsx(Svg, { icon: "bubble", width: 18, color: "text" }) })), audit && (_jsxs(Flex, { sx: __assign(__assign({}, styles.iconButton), { margin: '0 0 5px 0', '& svg': { marginRight: '5px' } }), as: Link, href: audit, target: "_blank", children: [_jsx(Svg, { icon: "audit", width: 18, color: "text" }), _jsx(Text, { sx: { paddingRight: '5px' }, children: 'Audit' })] }))] }));
-};
-export default ButtonsRow;

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { styles } from './styles';
-import { BLOCK_EXPLORER } from '../../config/constants/chains';
-import ButtonsRow from './ButtonsRow';
-import { Flex, Text, Svg } from '../uikit-sdk';
-import { Link } from 'theme-ui';
-var Tooltip = function (_a) {
-    var valueTitle = _a.valueTitle, valueContent = _a.valueContent, value2Title = _a.value2Title, value2Content = _a.value2Content, tokenContract = _a.tokenContract, secondURL = _a.secondURL, secondURLTitle = _a.secondURLTitle, projectLink = _a.projectLink, twitter = _a.twitter, audit = _a.audit, thirdURL = _a.thirdURL, thirdURLTitle = _a.thirdURLTitle, chain = _a.chain;
-    var explorerLink = BLOCK_EXPLORER[chain];
-    var tokenLink = "".concat(explorerLink, "/address/").concat(tokenContract);
-    return (_jsxs(Flex, { sx: { flexDirection: 'column', flexWrap: 'wrap' }, children: [projectLink && twitter && (_jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, bubble: tokenContract, audit: audit })), valueTitle && (_jsxs(Flex, { sx: styles.infoRow, children: [_jsxs(Text, { sx: styles.titleText, children: [valueTitle, ": "] }), _jsx(Text, { sx: styles.contentText, children: valueContent })] })), value2Title && (_jsxs(Flex, { sx: styles.infoRow, children: [_jsxs(Text, { sx: styles.titleText, children: [value2Title, ": "] }), _jsx(Text, { sx: styles.contentText, children: value2Content })] })), _jsx(Flex, { sx: { justifyContent: 'center' }, children: _jsxs(Flex, { sx: { width: '144px', flexDirection: 'column' }, children: [_jsx(Flex, { sx: styles.linkRow, children: _jsxs(Link, { href: tokenLink, sx: styles.link, target: "_blank", children: ['View Token Contract', _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) })] }) }), secondURL && (_jsx(Flex, { sx: styles.linkRow, children: _jsxs(Link, { href: secondURL, sx: styles.link, target: "_blank", children: [secondURLTitle, _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) })] }) })), thirdURL && (_jsx(Flex, { sx: styles.linkRow, children: _jsx(Link, { href: thirdURL, sx: styles.link, target: "_blank", children: thirdURLTitle }) }))] }) })] }));
-};
-export default Tooltip;

package/dist/components/Tooltip/styles.js

@@ -1,44 +0,0 @@
-export var styles = {
-    infoRow: {
-        justifyContent: 'space-between',
-        width: '100%',
-        marginBottom: '5px',
-    },
-    linkRow: {
-        width: '100%',
-        marginTop: '5px',
-        justifyContent: 'flex-end',
-        '& svg': { width: '11px' },
-    },
-    titleText: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        fontWeight: 500,
-    },
-    contentText: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        fontWeight: 700,
-    },
-    iconButton: {
-        background: 'white3',
-        textDecoration: 'none',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 'fit-content',
-        height: '30px',
-        padding: '2px 5px',
-        borderRadius: '8px',
-        margin: '0 5px 5px 0',
-        '&:hover': {
-            cursor: 'pointer',
-        },
-    },
-    link: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        display: 'flex',
-        textDecoration: 'none',
-        '&: hover': { textDecoration: 'underline' },
-    },
-};