@ape.swap/bonds-sdk 1.0.66 → 1.0.68

package/dist/components/BondSingle/BondSingle.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource theme-ui */
 import React from 'react';
-import '../../scss/bonds.scss';
+import '../../scss/bondsingle.scss';
 declare const BondSingle: React.FC;
 export default BondSingle;

package/dist/components/BondSingle/BondSingle.js

@@ -1,8 +1,45 @@
+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, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import '../../scss/bonds.scss';
+/** @jsxImportSource theme-ui */
+import { useEffect, useState } from 'react';
+import { Flex, ThemeUIProvider } from "theme-ui";
+import axios from "axios";
+import { useWeb3React } from "@web3-react/core";
+import { getColumnDiscountStyle } from '../Bonds/styles';
+import { defaultTheme } from '../../theme';
+import '../../scss/bondsingle.scss';
 import { useParams } from 'react-router-dom';
+import getTimePeriods from '../../utils/getTimePeriods';
 var BondSingle = function (_a) {
+    // make pages for modal and single bond page
+    // make button to buy bond
     var billAddress = useParams().billAddress;
-    return (_jsxs("div", { children: ["Bond Clicked", _jsx("p", { children: billAddress })] }));
+    var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
+    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
+    var vestingTime = function (vestingTerm) {
+        return getTimePeriods(vestingTerm !== null && vestingTerm !== void 0 ? vestingTerm : 0, true);
+    };
+    useEffect(function () {
+        axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
+            var bond = response.data.bonds.filter(function (x) {
+                return x.billAddress.toLowerCase() === (billAddress === null || billAddress === void 0 ? void 0 : billAddress.toLowerCase());
+            });
+            setBondData(bond);
+        });
+    }, []);
+    return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [_jsxs("div", { children: ["Bond Single Page", _jsx("p", { children: billAddress }), _jsx("button", { children: "Buy Bond" })] }), isActive && account && (_jsx("p", { children: account })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Token" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" }))] })), bondData.map(function (bond) {
+                        var _a, _b, _c;
+                        return (_jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_a = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _a !== void 0 ? _a : 0) }, { children: "".concat((_b = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _b === void 0 ? void 0 : _b.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat("".concat(((((_c = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _c !== void 0 ? _c : 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: bond.tokensRemaining.split('.')[0] }))] })));
+                    })] }))] })));
 };
 export default BondSingle;

package/dist/components/Bonds/Bonds.js

@@ -137,9 +137,9 @@ var Bonds = function (_a) {
         var url = "".concat(window.location.origin, "/bondsingle/").concat(billAddress);
         window.open(url, '_blank');
     };
-    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", sx: styles.tableContainer }, { children: [_jsxs(Flex, __assign({ className: "container header-container", sx: styles.headerContainer }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" })), _jsx(Flex, { className: "column column-header" })] })), 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: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" })), _jsx(Flex, { className: "column column-header" })] })), sortedBonds.map(function (bond) {
                         var _a, _b, _c, _d;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return handleRowClick(bond.billAddress); } }, { children: [_jsx(Flex, __assign({ className: "column column-token", sx: styles.columnToken }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_a = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _a !== void 0 ? _a : 0) }, { children: "".concat((_b = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _b === void 0 ? void 0 : _b.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr", sx: styles.columnArr }, { children: "".concat("".concat(((((_c = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _c !== void 0 ? _c : 0) * 365) / vestingTime(bond.vestingTerm).days).toFixed(2), "%")) })), _jsx(Flex, __assign({ className: "column column-term", sx: styles.columnTerm }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining", sx: styles.columnTokensRemaining }, { children: bond.tokensRemaining.split('.')[0] })), _jsx(Flex, __assign({ className: "column column-hotbond", sx: styles.hotBond }, { children: _jsx(Flex, __assign({ className: "icon icon-tooltip" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_d = bond.discount) !== null && _d !== void 0 ? _d : 0) > 0 && (_jsx(Svg, { icon: "fire", width: "20px" })) })) }))] })));
+                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return handleRowClick(bond.billAddress); } }, { children: [_jsx(Flex, __assign({ className: "column column-token", sx: styles.columnToken }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_a = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _a !== void 0 ? _a : 0) }, { children: "".concat((_b = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _b === void 0 ? void 0 : _b.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr", sx: styles.columnArr }, { children: "".concat("".concat(((((_c = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _c !== void 0 ? _c : 0) * 365) / vestingTime(bond.vestingTerm).days).toFixed(2), "%")) })), _jsx(Flex, __assign({ className: "column column-term", sx: styles.columnTerm }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining", sx: styles.columnTokensRemaining }, { children: bond.tokensRemaining.split('.')[0] })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "icon icon-tooltip" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_d = bond.discount) !== null && _d !== void 0 ? _d : 0) > 0 && (_jsx(Svg, { icon: "fire", width: "20px" })) })) }))] })));
                     })] }))] })));
 };
 export default Bonds;

package/dist/scss/bonds.scss

@@ -25,4 +25,46 @@
     border-radius: 10px;
     border: 1px solid #4B4B53;
     cursor: pointer;
+}
+
+.column.column-token {
+    width: 100px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-discount {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-arr {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-term {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-tokensremaining {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-hotbond {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }

package/dist/scss/bondsingle.scss

@@ -0,0 +1,70 @@
+
+.container.table-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column; 
+    padding: 50px;
+}
+
+.container.header-container {
+    display: flex;
+    justify-content: space-around;
+    padding: 5px; 
+    font-size: 12px;
+    color: #78787D;
+}
+
+.container.bondrow-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: space-around;
+    background-color:#151320;
+    margin-bottom: 10px;
+    padding: 20px;
+    border-radius: 10px;
+    border: 1px solid #4B4B53;
+    cursor: pointer;
+}
+
+.column.column-token {
+    width: 100px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-discount {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-arr {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-term {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-tokensremaining {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.column.column-hotbond {
+    width: 50px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}

package/package.json

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