@ape.swap/bonds-sdk 1.0.211 → 1.0.213

package/dist/components/Bonds/Bonds.js

@@ -188,7 +188,7 @@ var Bonds = function (_a) {
     };
     return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-discount" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)" }, { children: ["Discount", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: ["ARR", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)" }, { children: ["Terms", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)" }, { children: ["Tokens Remaining", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, { className: "column column-hotbond" })] })), sortedBonds.map(function (bond) {
                         var _a, _b, _c, _d, _e;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-token" }, { children: [bond.showcaseTokenName, _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.payoutToken) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_b = bond.chainId) !== null && _b !== void 0 ? _b : ChainId.BSC })] })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: "".concat((_c = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _c === void 0 ? void 0 : _c.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 0) * 365) / vestingTime(bond.vestingTerm).days).toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
+                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-token" }, { children: [bond.showcaseTokenName, _jsx(Flex, __assign({ className: "column-token info" }, { children: _jsx(TooltipBubble, __assign({ body: _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.payoutToken) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_b = bond.chainId) !== null && _b !== void 0 ? _b : ChainId.BSC }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: _jsx(Svg, { icon: "infoSolid", width: "12px" }) })) }))] })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: "".concat((_c = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _c === void 0 ? void 0 : _c.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 0) * 365) / vestingTime(bond.vestingTerm).days).toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
                                             width: '127px',
                                             height: '25px',
                                             flexDirection: 'column',

package/dist/components/Tooltip/ButtonsRow.js

@@ -11,16 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { styles } from './styles';
-import { useTranslation } from '../../contexts/Localization';
 import { useWeb3React } from '@web3-react/core';
 import { Flex, Svg, Text } from '../uikit-sdk';
 import { ChainId } from '../../enum/chains';
 import { Link } from 'theme-ui';
 var ButtonsRow = function (_a) {
     var projectLink = _a.projectLink, twitter = _a.twitter, bubble = _a.bubble, audit = _a.audit;
-    var t = useTranslation().t;
     var chainId = useWeb3React().chainId;
     var bubbleURL = "https://app.bubblemaps.io/bsc/token/".concat(bubble);
-    return (_jsxs(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: [_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: projectLink, target: "_blank" }, { children: _jsx(Svg, { icon: "URL", width: 18 }) })), _jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: twitter, target: "_blank" }, { children: _jsx(Svg, { icon: "twitter", width: 18, color: "text" }) })), chainId === ChainId.BSC && bubble && (_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: bubbleURL, target: "_blank" }, { children: _jsx(Svg, { icon: "bubble", width: 18, color: "text" }) }))), audit && (_jsxs(Flex, __assign({ 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, __assign({ sx: { paddingRight: '5px' } }, { children: t('Audit') }))] })))] })));
+    return (_jsxs(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: [_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: projectLink, target: "_blank" }, { children: _jsx(Svg, { icon: "URL", width: 18 }) })), _jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: twitter, target: "_blank" }, { children: _jsx(Svg, { icon: "twitter", width: 18, color: "text" }) })), chainId === ChainId.BSC && bubble && (_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: bubbleURL, target: "_blank" }, { children: _jsx(Svg, { icon: "bubble", width: 18, color: "text" }) }))), audit && (_jsxs(Flex, __assign({ 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, __assign({ sx: { paddingRight: '5px' } }, { children: 'Audit' }))] })))] })));
 };
 export default ButtonsRow;

package/dist/components/Tooltip/Tooltip.js

@@ -10,7 +10,6 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { useTranslation } from '../../contexts/Localization';
 import { styles } from './styles';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
 import ButtonsRow from './ButtonsRow';
@@ -18,9 +17,8 @@ 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 t = useTranslation().t;
     var explorerLink = BLOCK_EXPLORER[chain];
     var tokenLink = "".concat(explorerLink, "/address/").concat(tokenContract);
-    return (_jsxs(Flex, __assign({ sx: { flexDirection: 'column', flexWrap: 'wrap' } }, { children: [projectLink && twitter && (_jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, bubble: tokenContract, audit: audit })), valueTitle && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [valueTitle, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: valueContent }))] }))), value2Title && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [value2Title, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: value2Content }))] }))), _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: _jsxs(Flex, __assign({ sx: { width: '144px', flexDirection: 'column' } }, { children: [_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: tokenLink, sx: styles.link, target: "_blank" }, { children: [t('View Token Contract'), _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) })), secondURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: secondURL, sx: styles.link, target: "_blank" }, { children: [secondURLTitle, _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) }))), thirdURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsx(Link, __assign({ href: thirdURL, sx: styles.link, target: "_blank" }, { children: thirdURLTitle })) })))] })) }))] })));
+    return (_jsxs(Flex, __assign({ sx: { flexDirection: 'column', flexWrap: 'wrap' } }, { children: [projectLink && twitter && (_jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, bubble: tokenContract, audit: audit })), valueTitle && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [valueTitle, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: valueContent }))] }))), value2Title && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [value2Title, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: value2Content }))] }))), _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: _jsxs(Flex, __assign({ sx: { width: '144px', flexDirection: 'column' } }, { children: [_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: tokenLink, sx: styles.link, target: "_blank" }, { children: ['View Token Contract', _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) })), secondURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: secondURL, sx: styles.link, target: "_blank" }, { children: [secondURLTitle, _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) }))), thirdURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsx(Link, __assign({ href: thirdURL, sx: styles.link, target: "_blank" }, { children: thirdURLTitle })) })))] })) }))] })));
 };
 export default Tooltip;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.211",
+  "version": "1.0.213",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",