@ape.swap/bonds-sdk 1.0.78-2.test.27 → 1.0.78-2.test.28

package/dist/components/BondRows/BondRow.d.ts

@@ -1,4 +1,4 @@
-import { BondsDataResponse } from "../../types/bonds";
+import { BondsDataResponse } from '../../types/bonds';
 import '../../scss/BondRow.scss';
 interface BondRowProps {
     key: string;

package/dist/components/BondRows/BondRow.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import BigNumber from "bignumber.js";
-import { ChainId } from "../../enum/apeswaplists";
-import ProgressBar from "../ProgressBar/ProgressBar";
-import ProgressBarWrapper from "../ProgressBar/ProgressBarWrapper";
-import TokenInfoAndName from "../TokenInfoAndName";
-import Tooltip from "../Tooltip/Tooltip";
-import { Svg, TooltipBubble } from "../uikit-sdk";
-import { formatDollar, formatValue } from "../../utils/formatNumbers";
-import getTimePeriods from "../../utils/getTimePeriods";
-import { BLOCK_EXPLORER } from "../../config/constants/chains";
-import { useEffect, useState } from "react";
+import BigNumber from 'bignumber.js';
+import { ChainId } from '../../enum/apeswaplists';
+import ProgressBar from '../ProgressBar/ProgressBar';
+import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
+import TokenInfoAndName from '../TokenInfoAndName';
+import Tooltip from '../Tooltip/Tooltip';
+import { Svg, TooltipBubble } from '../uikit-sdk';
+import { formatDollar, formatValue } from '../../utils/formatNumbers';
+import getTimePeriods from '../../utils/getTimePeriods';
+import { BLOCK_EXPLORER } from '../../config/constants/chains';
+import { useEffect, useState } from 'react';
 import '../../scss/BondRow.scss';
-import { Flex } from "theme-ui";
+import { Flex } from 'theme-ui';
 var BondRow = function (_a) {
     var _b, _c, _d;
     var bond = _a.bond, hotBonds = _a.hotBonds;
@@ -19,7 +19,7 @@ var BondRow = function (_a) {
     var _e = useState(false), isModalOpen = _e[0], setIsModalOpen = _e[1];
     useEffect(function () {
         if (isModalOpen === true) {
-            if (typeof window !== "undefined") {
+            if (typeof window !== 'undefined') {
                 var newUrl = "/?bondAddress=".concat(bond.billAddress, "&bondChain=").concat(bond.chainId);
                 window.history.pushState({ path: newUrl }, '', newUrl);
                 console.log(isModalOpen);
@@ -32,6 +32,8 @@ var BondRow = function (_a) {
     }, []);
     var rowClick = function (bond) {
         setIsModalOpen(true);
+        var newUrl = "/?bondAddress=".concat(bond.billAddress, "&bondChain=").concat(bond.chainId);
+        window.location.href = newUrl;
     };
     // Functions for calcuations
     var vestingTime = function (vestingTerm) {
@@ -65,7 +67,7 @@ var BondRow = function (_a) {
         var _a;
         var discount = (_a = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _a !== void 0 ? _a : 0;
         var vestingDays = vestingTime(bond.vestingTerm).days;
-        return parseFloat((((discount * 365) / vestingDays).toFixed(2)));
+        return parseFloat(((discount * 365) / vestingDays).toFixed(2));
     };
     return (_jsxs(Flex, { className: "bonds-container bondrow-container", onClick: function () { return rowClick(bond); }, children: [_jsxs(Flex, { className: "column column-tokens", children: [_jsx(Flex, { className: "column column-tokeninfoname", children: _jsx(TokenInfoAndName, { bill: bond }) }), _jsx(Flex, { className: "column column-tokenicons", children: _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.earnToken.address[bond.chainId]) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_b = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _b === void 0 ? void 0 : _b.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: (_c = bond.chainId) !== null && _c !== void 0 ? _c : ChainId.BSC }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: _jsx(Svg, { icon: "more", width: "20px" }) }) })] }), _jsxs(Flex, { className: "column column-bondinfo", children: [_jsx(Flex, { className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)), children: (bond === null || bond === void 0 ? void 0 : bond.discount) !== undefined ? "".concat(bond.discount.toFixed(2), "%") : '-' }), _jsx(Flex, { className: "column column-arr", children: calculateARR(bond) !== undefined ? "".concat(calculateARR(bond), "%") : '-' }), _jsx(Flex, { className: "column column-terms", children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' }), _jsx(Flex, { className: "column column-tokensremaining", children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
                                 width: '127px',

package/dist/scss/BondModal.scss

@@ -456,4 +456,9 @@ span.flex-inline {
     height: 50px;
     align-items: center;
     border-top: 1px solid #FFFFFF;
+}
+
+.expand-icon {
+    height: 20px;
+    fill: #38A611;;
 }

package/dist/views/BondModal/BondModal.js

@@ -310,9 +310,9 @@ var BondModal = function (_a) {
                                                                         toNumber(inputValue) / toNumber(earnTokenPrice(bond))).toFixed(2), _jsx("span", { className: "text-highlight", children: "\u00A0additional" })] }), _jsx(Flex, { className: "button-container buy", sx: { justifyContent: 'end' }, children: chainId !== bond.chainId ? (_jsx(Button, { className: "switch-button button-narrow", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut) || !account, onClick: function (event) {
                                                                         event.stopPropagation();
                                                                         switchChain({ chainId: bond.chainId });
-                                                                    }, children: !account ? 'Connect Wallet' : "Switch to ".concat(NETWORK_LABEL[bond.chainId]) })) : approveTx != null && isConfirmed ? (_jsx(Button, { className: "action-button button-narrow", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut) || !account, onClick: handleBuy, children: getActionButtonText(bond) })) : (_jsx(Button, { className: "action-button button-narrow", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut) || !account, onClick: handleApprove, children: getActionButtonText(bond) })) })] }), _jsx(Flex, { sx: { width: '100%', marginTop: '10px', marginBottom: '10px' }, children: _jsx("hr", { className: "fading-hr" }) }), _jsxs(Flex, { sx: { width: '100%' }, children: [_jsxs(Flex, { sx: { width: '50%', flexDirection: 'column' }, children: ["Market Price: $", formatUSDNumber((toNumber(youGet(bond, inputValue)) * toNumber(earnTokenPrice(bond))).toString()), _jsx("hr", { className: "fading-hr" }), _jsx("span", { className: "text-highlight flex-inline", children: "Our price: " }), _jsxs("span", { className: "flex-inline", children: ["$", formatUSDNumber((toNumber(inputValue) * toNumber(bond.principalTokenPrice)).toString()), ' '] }), _jsxs("span", { className: "text-highlight flex-inline", children: ["(discount rate ", bond === null || bond === void 0 ? void 0 : bond.discount.toFixed(2), "%)"] })] }), _jsx(Flex, { sx: { width: '50px', alignItems: 'center', justifyContent: 'center' }, children: "vs." }), _jsxs(Flex, { sx: { width: '50%', flexDirection: 'column' }, children: ["If purchased from market: ", (toNumber(inputValue) / toNumber(earnTokenPrice(bond))).toFixed(0), ' ', bond.earnToken.symbol, _jsx("hr", { className: "fading-hr" }), _jsx("span", { className: "text-highlight flex-inline", children: "Amount you will get:" }), ' ', youGet(bond, inputValue), " ", _jsx("span", { className: "flex-inline", children: bond.earnToken.symbol })] })] })] })] })] }), _jsxs(Flex, { className: "footer-details", children: [_jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: ["Vesting start date: ", moment().format('DD-MMM-YYYY')] }), _jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: ["Vesting end date:", ' ', moment()
+                                                                    }, children: !account ? 'Connect Wallet' : "Switch to ".concat(NETWORK_LABEL[bond.chainId]) })) : approveTx != null && isConfirmed ? (_jsx(Button, { className: "action-button button-narrow", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut) || !account, onClick: handleBuy, children: getActionButtonText(bond) })) : (_jsx(Button, { className: "action-button button-narrow", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut) || !account, onClick: handleApprove, children: getActionButtonText(bond) })) })] }), _jsx(Flex, { sx: { width: '100%', marginTop: '10px', marginBottom: '10px' }, children: _jsx("hr", { className: "fading-hr" }) }), _jsxs(Flex, { sx: { width: '100%' }, children: [_jsxs(Flex, { sx: { width: '50%', flexDirection: 'column' }, children: ["Market Price: $", formatUSDNumber((toNumber(youGet(bond, inputValue)) * toNumber(earnTokenPrice(bond))).toString()), _jsx("hr", { className: "fading-hr" }), _jsx("span", { className: "text-highlight flex-inline", children: "Our price: " }), _jsxs("span", { className: "flex-inline", children: ["$", formatUSDNumber((toNumber(inputValue) * toNumber(bond.principalTokenPrice)).toString()), ' '] }), _jsxs("span", { className: "text-highlight flex-inline", children: ["(discount rate ", bond === null || bond === void 0 ? void 0 : bond.discount.toFixed(2), "%)"] })] }), _jsx(Flex, { sx: { width: '50px', alignItems: 'center', justifyContent: 'center' }, children: "vs." }), _jsxs(Flex, { sx: { width: '50%', flexDirection: 'column' }, children: ["If purchased from market: ", (toNumber(inputValue) / toNumber(earnTokenPrice(bond))).toFixed(0), ' ', bond.earnToken.symbol, _jsx("hr", { className: "fading-hr" }), _jsx("span", { className: "text-highlight flex-inline", children: "Amount you will get:" }), ' ', inputValue ? toNumber(youGet(bond, inputValue)).toFixed(2) : 0, ' ', _jsx("span", { className: "flex-inline", children: bond.earnToken.symbol })] })] })] })] })] }), _jsxs(Flex, { className: "footer-details", children: [_jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: [_jsx("strong", { children: "Vesting start date:" }), "\u00A0", moment().format('DD-MMM-YYYY')] }), _jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: [_jsx("strong", { children: "Vesting end date:" }), "\u00A0", moment()
                                                 .add(vestingTime((_u = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _u !== void 0 ? _u : 0).days, 'days')
-                                                .format('DD-MMM-YYYY')] }), _jsx(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: "Vesting type: Linear" }), _jsx(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: "What are bonds?" })] }), accordionVisible && (_jsx(Flex, { className: "modaltable-container accordion-container", children: _jsx(AccordionText, { title: accordionTitle, body: accordionBody, isVisible: accordionVisible }) }))] }) })) }, bond.billAddress));
+                                                .format('DD-MMM-YYYY')] }), _jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, children: [_jsx("strong", { children: "Vesting type:" }), "\u00A0Linear"] }), _jsxs(Flex, { sx: { width: '25%', justifyContent: 'center' }, className: "text-highlight", children: ["What are bonds?", _jsx("i", { className: "fa-solid fa-angle-down" })] })] }), accordionVisible && (_jsx(Flex, { className: "modaltable-container accordion-container", children: _jsx(AccordionText, { title: accordionTitle, body: accordionBody, isVisible: accordionVisible }) }))] }) })) }, bond.billAddress));
         }) }));
 };
 export default BondModal;

package/dist/views/BondModal/helper.d.ts

@@ -1,4 +1,4 @@
-import { BondsDataResponse } from "../../types/bonds";
+import { BondsDataResponse } from '../../types/bonds';
 declare function formatNumber(input: string): string;
 declare function formatUSDNumber(input: string): string;
 declare const youSpend: (inputValue: string) => string;

package/dist/views/BondModal/helper.js

@@ -1,5 +1,5 @@
-import BigNumber from "bignumber.js";
-import { formatNumberSI } from "../../utils/formatNumber";
+import BigNumber from 'bignumber.js';
+import { formatNumberSI } from '../../utils/formatNumber';
 function formatNumber(input) {
     var number = new BigNumber(input);
     if (number.isNaN())
@@ -35,7 +35,7 @@ var youGet = function (bond, inputValue) {
     var _a;
     var bigValue = new BigNumber(inputValue).times(new BigNumber(10).pow(18));
     var billValue = bigValue.div(new BigNumber((_a = bond.trueBillPrice) !== null && _a !== void 0 ? _a : 0));
-    return formatNumber(billValue.toString());
+    return billValue.toString();
 };
 var youGetUSD = function (bond, inputValue) {
     var _a;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.78-2.test.27",
+  "version": "1.0.78-2.test.28",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",