@ape.swap/bonds-sdk 1.0.379 → 1.0.381

package/dist/components/BondModal/BondModal.js

@@ -208,7 +208,7 @@ var BondModal = function (_a) {
                                                                     !!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, __assign({ className: "input-container token" }, { children: [_jsx(Flex, __assign({ className: "input-container bondicon" }, { children: _jsxs("div", __assign({ className: "icon-container-small" }, { children: [_jsx(Svg, { width: 12, height: 12, icon: (_m = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _m !== void 0 ? _m : 'question' }), _jsx(TokenImage, { symbol: (_o = bond.principalTokenName) !== null && _o !== void 0 ? _o : bond.payoutTokenName, size: 30 })] })) })), _jsx(Flex, __assign({ className: "title-container tokenname-small" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] }))] })), _jsxs(Flex, __assign({ className: "input-container balancerow" }, { children: [_jsx(Flex, __assign({ className: "balancerow text" }, { children: "Balance: " })), _jsx(Flex, __assign({ className: "balancerow max" }, { children: _jsx(Button, { children: "Max" }) }))] }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: approvalStatus === true ?
+                                                            } }) })), _jsxs(Flex, __assign({ className: "input-container token" }, { children: [_jsx(Flex, __assign({ className: "input-container bondicon" }, { children: _jsxs("div", __assign({ className: "icon-container-small" }, { children: [_jsx(Svg, { width: 12, height: 12, icon: (_m = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _m !== void 0 ? _m : 'question' }), _jsx(TokenImage, { symbol: (_o = bond.principalTokenName) !== null && _o !== void 0 ? _o : bond.payoutTokenName, size: 30 })] })) })), _jsx(Flex, __assign({ className: "title-container tokenname-small" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] }))] })), isActive && account && (_jsxs(Flex, __assign({ className: "input-container balancerow" }, { children: [_jsx(Flex, __assign({ className: "balancerow text" }, { children: "Balance: BALANCE NUMBER PLACEHOLDER" })), _jsx(Flex, __assign({ className: "balancerow max" }, { children: _jsx(Button, { children: "Max" }) }))] })))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: approvalStatus === true ?
                                                     _jsxs(Button, __assign({ onClick: handleBuy }, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }))
                                                     :
                                                         _jsx(Button, __assign({ onClick: handleApprove }, { children: "Approve" })) }))] }))] }))] })) })) }, bond.billAddress));

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/BondModal.scss

@@ -313,15 +313,17 @@
 .input-container.balancerow {
     flex-direction: row;
     align-items: center;
+    justify-content: end;
 }
 
 .balancerow.text {
+    opacity: 0.8;
     align-items: center;
+    font-size: 12px;
 }
 
 .balancerow.max {
     align-items: center;
-    justify-content: end;
     cursor: pointer; 
 
     Button {

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.379",
+  "version": "1.0.381",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",