@ape.swap/bonds-sdk 1.0.380 → 1.0.381

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: [_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) {
+    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: [_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", _jsxs(Flex, __assign({ className: "column header-icon" }, { children: [_jsx(Svg, { icon: "questionCircle", width: "12px" }), _jsx(Svg, { icon: "sort", 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", _jsxs(Flex, __assign({ className: "column header-icon" }, { children: [_jsx(Svg, { icon: "questionCircle", width: "12px" }), _jsx(Svg, { icon: "sort", 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", _jsxs(Flex, __assign({ className: "column header-icon" }, { children: [_jsx(Svg, { icon: "questionCircle", width: "12px" }), _jsx(Svg, { icon: "sort", 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", _jsxs(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) {
                         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/Icons/Sort.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SvgProps } from './types';
+declare const Sort: React.FC<SvgProps>;
+export default Sort;

package/dist/components/uikit-sdk/Svg/Icons/Sort.js

@@ -0,0 +1,27 @@
+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 } from "theme-ui/jsx-runtime";
+var Sort = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? 'down' : _b, _c = _a.color, color = _c === void 0 ? 'text' : _c, width = _a.width, height = _a.height, getStyles = _a.getStyles;
+    var deg = {
+        left: 90,
+        up: 180,
+        right: 270,
+        down: 0,
+    };
+    var style = getStyles({
+        degree: deg[direction],
+        color: color,
+    });
+    return (_jsx("svg", __assign({ width: width || '12', height: height || '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style }, { children: _jsx("path", { d: "M5.47015 0.970314C5.76312 0.677345 6.2389 0.677345 6.53187 0.970314L9.53187 3.97031C9.7475 4.18594 9.81078 4.50703 9.69359 4.78828C9.5764 5.06953 9.30453 5.25235 8.99984 5.25235H2.99984C2.6975 5.25235 2.42328 5.06953 2.30609 4.78828C2.1889 4.50703 2.25453 4.18594 2.46781 3.97031L5.46781 0.970314H5.47015ZM5.47015 11.032L2.47015 8.03203C2.25453 7.81641 2.19125 7.49531 2.30843 7.21406C2.42562 6.93281 2.6975 6.75 3.00218 6.75H8.99984C9.30218 6.75 9.5764 6.93281 9.69359 7.21406C9.81078 7.49531 9.74515 7.81641 9.53187 8.03203L6.53187 11.032C6.2389 11.325 5.76312 11.325 5.47015 11.032Z", fill: "#73728E" }) })));
+};
+export default Sort;

package/dist/components/uikit-sdk/Svg/Icons/index.d.ts

@@ -106,3 +106,4 @@ export { default as Warning } from './Warning';
 export { default as Insight } from './Insight';
 export { default as Expand } from './Expand';
 export { default as LineChart } from './LineChart';
+export { default as Sort } from './Sort';

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

@@ -108,3 +108,4 @@ export { default as Warning } from './Warning';
 export { default as Insight } from './Insight';
 export { default as Expand } from './Expand';
 export { default as LineChart } from './LineChart';
+export { default as Sort } from './Sort';

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

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

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

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

package/dist/scss/Bonds.scss

@@ -128,6 +128,7 @@
 .column.header-icon {
     padding-left: 5px;
     align-items: start;
+    justify-content: space-around;
     cursor: pointer;
     opacity: 0.6;
 }

package/package.json

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