@ape.swap/bonds-sdk 1.0.383 → 1.0.385

package/dist/components/Bonds/Bonds.js

@@ -187,7 +187,7 @@ var Bonds = function (_a) {
         var explorerLink = BLOCK_EXPLORER[selectedChain];
         return "".concat(explorerLink, "/address/").concat(bond === null || bond === void 0 ? void 0 : bond.billAddress);
     };
-    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: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: "Tokens" })), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(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(Svg, { icon: "sort", width: "12px" })] })), _jsxs(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(Svg, { icon: "sort", width: "12px" })] })), _jsxs(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(Svg, { icon: "sort", width: "12px" })] })), _jsxs(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(Svg, { icon: "sort", width: "12px" })] })), _jsx(Flex, { className: "column column-hotbond" })] }))] })), sortedBonds.map(function (bond) {
+    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: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: "Tokens" })), _jsx(Flex, { className: "column column-tokenicons" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column column-discount" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { 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 header-icon" }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsxs(Flex, __assign({ className: "column column-arr" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { 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 header-icon" }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsxs(Flex, __assign({ className: "column column-term" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { 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 header-icon" }, { children: _jsx(Svg, { icon: "sort", width: "12px" }) }))] })), _jsxs(Flex, __assign({ className: "column column-tokensremaining" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { 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, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "sort", 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-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bill: bond }) })), _jsx(Flex, __assign({ className: "column column-tokenicons" }, { 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: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)" }, { children: _jsx(Svg, { icon: "more", width: "20px" }) })) }))] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_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',

package/dist/components/uikit-sdk/Svg/index.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import { icons } from './types';
 import { dynamicStyles } from './styles';
-import { Caret, External, Home, Calculator, Farm, Frame, Gnana, Info, More, NFA, Pool, Rocket, Trade, Vault, Ellipse, Twitter, Send, Error, Close, Collapse, TextLogo, ProfileLight, ProfileDark, ProfileIcon, ApeswapSmallLogo, Hamburger, Search, QuestionCircle, Success, Settings, Chart, Discord, Reddit, Medium, Instagram, Website, Arrow, SwapArrows, InfoSolid, SuccessOutline, Trash, Cancelled, ZapArrow, ZapIcon, Migrate, Message, Positions, MenuSettings, Fav, AbondFullLogo, AbondSmallLogo, FullLogo, Telegram, Island, Moon, AccountMonkey, Card, Cog, Bridge, Docs, Quiz, PlaceholderMonkey, SwitchArrows, Copy, HamburgerClosed, BillsM1, BillsM2, BillsM3, URL, Bubble, Audit, GreenShield, Chain, Verified, TickShield, Share, FilledURL, YellowQuestionMark, BananaIcon, ScrollTop, Explorer, LiquidityIcon, PolygonNew, Fire, Hot, NavCaret, Logout, Wallet, Receipt, ApebondLogo, Question, Chat, DocsV2, Tag, Play, Watch, XNew, DiscordNew, WebsiteNew, WhitepaperNew, Calendar, QuestionFill, TelegramNew, Warning, Insight, Expand, LineChart, } from './Icons';
+import { Caret, External, Home, Calculator, Farm, Frame, Gnana, Info, More, NFA, Pool, Rocket, Trade, Vault, Ellipse, Twitter, Send, Error, Close, Collapse, TextLogo, ProfileLight, ProfileDark, ProfileIcon, ApeswapSmallLogo, Hamburger, Search, QuestionCircle, Success, Settings, Chart, Discord, Reddit, Medium, Instagram, Website, Arrow, SwapArrows, InfoSolid, SuccessOutline, Trash, Cancelled, ZapArrow, ZapIcon, Migrate, Message, Positions, MenuSettings, Fav, AbondFullLogo, AbondSmallLogo, FullLogo, Telegram, Island, Moon, AccountMonkey, Card, Cog, Bridge, Docs, Quiz, PlaceholderMonkey, SwitchArrows, Copy, HamburgerClosed, BillsM1, BillsM2, BillsM3, URL, Bubble, Audit, GreenShield, Chain, Verified, TickShield, Share, FilledURL, YellowQuestionMark, BananaIcon, ScrollTop, Explorer, LiquidityIcon, PolygonNew, Fire, Hot, NavCaret, Logout, Wallet, Receipt, ApebondLogo, Question, Chat, DocsV2, Tag, Play, Watch, XNew, DiscordNew, WebsiteNew, WhitepaperNew, Calendar, QuestionFill, TelegramNew, Warning, Insight, Expand, LineChart, Sort, } from './Icons';
 import { BSC, BANANA, BNB, ETH, GNANA, POLYGON, TLOS, ARBITRUM, FANTOM, AVAX, OPTIMISM, CELO, CRONOS, POLYGONZK, GNOSIS, OKEX, ABOND, INEVM, LINEA, LIGHTLINK, IOTA, BASE, } from './tokens';
 import { BinanceChain, Bitkeep, Brave, Coinbase, MadWallet, MathWallet, Metamask, Nabox, OKX, OntoWallet, SafePalWallet, SocialLogin, TokenPocket, TorusWallet, TrustWallet, Unstoppable, WalletConnect, WalletImage, } from './walletIcons';
 import Language from './Icons/LanguageIcon';
@@ -336,6 +336,8 @@ var Svg = function (_a) {
             return _jsx(LineChart, __assign({}, props, { getStyles: getStyles }));
         case icons.BASE:
             return _jsx(BASE, __assign({}, props, { getStyles: getStyles }));
+        case icons.SORT:
+            return _jsx(Sort, __assign({}, props, { getStyles: getStyles }));
         default:
             return null;
     }

package/dist/components/uikit-sdk/Svg/types.d.ts

@@ -148,7 +148,7 @@ export declare enum icons {
     TelegramNew = "telegramnew",
     CALENDAR = "calendar",
     QuestionFill = "questionFill",
-    Sort = "sort"
+    SORT = "sort"
 }
 export declare enum directions {
     LEFT = "left",

package/dist/components/uikit-sdk/Svg/types.js

@@ -153,7 +153,7 @@ export var icons;
     icons["TelegramNew"] = "telegramnew";
     icons["CALENDAR"] = "calendar";
     icons["QuestionFill"] = "questionFill";
-    icons["Sort"] = "sort";
+    icons["SORT"] = "sort";
 })(icons || (icons = {}));
 export var directions;
 (function (directions) {

package/dist/scss/Bonds.scss

@@ -81,7 +81,7 @@
 }
 
 .column.column-discount {
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
     align-items: center;
     width: 20%;
@@ -98,21 +98,21 @@
 }
 
 .column.column-arr {
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
     align-items: center;
     width: 20%;
 }
 
 .column.column-term {
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
     align-items: center;
     width: 20%;
 }
 
 .column.column-tokensremaining {
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
     align-items: center;
     width: 20%;
@@ -125,6 +125,12 @@
     width: 10%;
 }
 
+.column.tooltip {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+}
+
 .column.header-icon {
     padding-left: 5px;
     align-items: start;

package/package.json

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