@ape.swap/bonds-sdk 1.0.77 → 1.0.78-2.test.10

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.77",
+  "version": "1.0.782.test.10",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -12,25 +12,30 @@
   ],
   "scripts": {
     "prepublishOnly": "npm run build",
+    "build": "npm run build:ts",
+    "build:ts": "npm run clean && tsc",
+    "build:scss": "sass src/styles.scss dist/styles.css --no-source-map --style=compressed",
+    "dev": "vite",
+    "lint": "eslint",
     "start": "react-scripts start",
-    "clean": "rimraf dist/", 
-    "copy": "copyfiles -u 1 src/**/*.scss dist/", 
-    "build": "npm run clean && tsc && npm run copy"
+    "clean": "rimraf dist/",
+    "copy": "copyfiles -u 1 src/**/*.scss dist/"
   },
   "peerDependencies": {
     "axios": "^1.7.2",
     "ethers": "5.7.2",
-    "react": "^17.0.0 || ^18.0.0",
+    "react": "^18.3.1",
     "react-dom": "^17.0.0 || ^18.0.0",
     "theme-ui": "^0.16.2"
   },
   "devDependencies": {
-    "@ape.swap/apeswap-lists": "^2.0.9",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@eslint/js": "^9.10.0",
     "@types/lodash": "^4.17.6",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "@types/react-dom": "^17.0.0 || ^18.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "@web3-react/coinbase-wallet": "^8.2.0",
     "@web3-react/core": "^8.2.0",
     "@web3-react/eip1193": "^8.2.0",
@@ -43,21 +48,41 @@
     "@web3-react/walletconnect-v2": "^8.3.3",
     "axios": "^1.7.2",
     "copyfiles": "^2.4.1",
+    "eslint": "^9.10.0",
+    "eslint-plugin-react": "^7.35.2",
     "ethers": "5.7.2",
+    "globals": "^15.9.0",
+    "rimraf": "5.0.10",
     "sass": "^1.77.7",
     "theme-ui": "^0.16.2",
-    "typescript": "^4.0.0"
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.5.0",
+    "vite": "^5.4.4",
+    "yalc": "^1.0.0-pre.53"
   },
   "dependencies": {
+    "@ape.swap/apeswap-lists": "^2.0.9",
+    "@ape.swap/sdk-core": "^1.0.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@reduxjs/toolkit": "^2.2.6",
+    "@tanstack/react-query": "^5.51.5",
+    "@types/node": "^20.14.10",
+    "@uniswap/token-lists": "^1.0.0-beta.34",
+    "axios-retry": "^4.4.2",
+    "bignumber.js": "^9.1.2",
     "framer-motion": "^11.3.2",
     "lodash": "^4.17.21",
     "lottie-react": "^2.4.0",
     "next": "^14.2.5",
     "numbro": "^2.5.0",
-    "react-scripts": "^5.0.1",
-    "rimraf": "^6.0.1",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.24.1",
+    "react-svg": "^16.1.34",
     "sass": "^1.77.7",
-    "theme-ui": "^0.16.2"
+    "swiper": "^11.1.4",
+    "theme-ui": "^0.16.2",
+    "wagmi": "2.12.5"
   },
   "browserslist": {
     "production": [

package/dist/components/BondModal/BondModal.d.ts

@@ -1,10 +0,0 @@
-/** @jsxImportSource theme-ui */
-import React from 'react';
-import '../../scss/bondmodal.scss';
-import { BondsDataResponse } from '../../types/bonds';
-declare const BondModal: ({ isOpen, onClose, bond }: {
-    isOpen: boolean;
-    onClose: () => void;
-    bond: BondsDataResponse | null;
-}) => React.JSX.Element | null;
-export default BondModal;

package/dist/components/BondModal/BondModal.js

@@ -1,30 +0,0 @@
-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 { jsxs as _jsxs, jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Flex, ThemeUIProvider } from "theme-ui";
-import { useWeb3React } from "@web3-react/core";
-import { getColumnDiscountStyle } from '../Bonds/styles';
-import { defaultTheme } from '../../theme';
-import '../../scss/bondmodal.scss';
-import getTimePeriods from '../../utils/getTimePeriods';
-var BondModal = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var isOpen = _a.isOpen, onClose = _a.onClose, bond = _a.bond;
-    if (!isOpen)
-        return null;
-    var _h = useWeb3React(), account = _h.account, isActive = _h.isActive;
-    var vestingTime = function (vestingTerm) {
-        return getTimePeriods(vestingTerm !== null && vestingTerm !== void 0 ? vestingTerm : 0, true);
-    };
-    return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: _jsx(Flex, __assign({ className: "modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal-content" }, { children: ["Bond Modal", _jsxs("p", { children: ["Bond Address: ", bond === null || bond === void 0 ? void 0 : bond.billAddress] }), isActive && account && (_jsxs("p", { children: ["Wallet Address: ", 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" }))] })), _jsxs(Flex, __assign({ className: "container bondrow-container" }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: _jsxs("button", { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) })), _jsx(Flex, __assign({ className: "column column-discount", sx: getColumnDiscountStyle((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) }, { 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("".concat(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 0) * 365) / vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days).toFixed(2), "%")) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: vestingTime((_f = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _f !== void 0 ? _f : 0).days ? "".concat(vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: bond === null || bond === void 0 ? void 0 : bond.tokensRemaining.split('.')[0] }))] }))] })), _jsx("button", __assign({ onClick: onClose }, { children: "Close" }))] })) })) })));
-};
-export default BondModal;

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

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

package/dist/components/BondSingle/BondSingle.js

@@ -1,45 +0,0 @@
-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";
-/** @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;
-    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 })] }), 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: _jsxs("button", { children: ["Buy ", 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.d.ts

@@ -1,13 +0,0 @@
-/** @jsxImportSource theme-ui */
-import React from 'react';
-import '../../scss/bonds.scss';
-declare global {
-    interface Window {
-        ethereum?: any;
-    }
-}
-interface BondsProps {
-    connectionString?: string;
-}
-declare const Bonds: React.FC<BondsProps>;
-export default Bonds;

package/dist/components/Bonds/Bonds.js

@@ -1,152 +0,0 @@
-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);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-/** @jsxImportSource theme-ui */
-import { useEffect, useState } from 'react';
-import { Flex, ThemeUIProvider } from "theme-ui";
-import axios from "axios";
-import { ethers } from 'ethers';
-import { useWeb3React } from "@web3-react/core";
-import styles, { getColumnDiscountStyle } from './styles';
-import getTimePeriods from '../../utils/getTimePeriods';
-import { defaultTheme } from '../../theme';
-import Svg from '../uikit/Svg';
-import '../../scss/bonds.scss';
-import BondModal from '../BondModal/BondModal';
-var Bonds = function (_a) {
-    var connectionString = _a.connectionString;
-    var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
-    var USDT_ABI = [
-        // The ERC-20 approve function ABI
-        "function approve(address spender, uint256 amount) public returns (bool)"
-    ];
-    var USDT_ADDRESS = "0xdAC17F958D2ee523a2206206994597C13D831ec7"; // USDT contract address on Ethereum mainnet
-    var handleApprove = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var provider, signer, usdtContract, tx, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!window.ethereum) {
-                        console.error("No Ethereum provider found");
-                        alert('No Ethereum provider found');
-                        return [2 /*return*/];
-                    }
-                    provider = new ethers.providers.Web3Provider(window.ethereum);
-                    signer = provider.getSigner();
-                    usdtContract = new ethers.Contract(USDT_ADDRESS, USDT_ABI, signer);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, usdtContract.approve(account, // Replace with the actual spender address
-                        ethers.utils.parseUnits("1000.0", 6) // Approve 1000 USDT (USDT has 6 decimals)
-                        )];
-                case 2:
-                    tx = _a.sent();
-                    return [4 /*yield*/, tx.wait()];
-                case 3:
-                    _a.sent();
-                    alert('Approval Successful');
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _a.sent();
-                    console.error("Approval error", error_1);
-                    alert('Approval Failed');
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
-    var _d = useState([]), hotBonds = _d[0], setHotBonds = _d[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 bonds = response.data.bonds.filter(function (x) {
-                return x.soldOut !== true && x.inactive !== true && x.discount < 25;
-            });
-            setBondData(bonds);
-        });
-    }, []);
-    useEffect(function () {
-        axios.get('https://apeswap-strapi.herokuapp.com/hot-bonds').then(function (response) {
-            var hotBondAddresses = response.data.map(function (bond) { return bond.BondAddress.toLowerCase(); });
-            setHotBonds(hotBondAddresses);
-        });
-    }, []);
-    var sortedBonds = bondData.sort(function (a, b) {
-        var _a, _b;
-        var aIsHot = hotBonds.includes(a.billAddress.toLowerCase()) && ((_a = a.discount) !== null && _a !== void 0 ? _a : 0) > 0;
-        var bIsHot = hotBonds.includes(b.billAddress.toLowerCase()) && ((_b = b.discount) !== null && _b !== void 0 ? _b : 0) > 0;
-        if (aIsHot && !bIsHot) {
-            return -1;
-        }
-        else if (!aIsHot && bIsHot) {
-            return 1;
-        }
-        else {
-            return b.discount - a.discount;
-        }
-    });
-    var handleRowClick = function (billAddress) {
-        var url = "".concat(window.location.origin, "/bondsingle/").concat(billAddress);
-        window.location.href = url;
-    };
-    var _e = useState(false), isModalOpen = _e[0], setIsModalOpen = _e[1];
-    var _f = useState(null), selectedBond = _f[0], setSelectedBond = _f[1];
-    var rowClickModal = function (bond) {
-        setSelectedBond(bond);
-        setIsModalOpen(true);
-    };
-    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" })] })), _jsx(BondModal, { isOpen: isModalOpen, onClose: function () { return setIsModalOpen(false); }, bond: selectedBond }), sortedBonds.map(function (bond) {
-                        var _a, _b, _c, _d;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClickModal(bond); } }, { 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/components/Bonds/styles.d.ts

@@ -1,4 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare function getColumnDiscountStyle(discount: number): ThemeUIStyleObject;
-export declare const styles: Record<'tableContainer' | 'headerContainer' | 'bondrowContainer' | 'columnToken' | 'columnDiscount' | 'columnArr' | 'columnTerm' | 'columnTokensRemaining' | 'hotBond', ThemeUIStyleObject>;
-export default styles;

package/dist/components/Bonds/styles.js

@@ -1,75 +0,0 @@
-var getDiscountColorStyle = function (discount) {
-    return discount < 0 ? '#DF4141' : '#38A611';
-};
-export function getColumnDiscountStyle(discount) {
-    return {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-        color: getDiscountColorStyle(discount)
-    };
-}
-export var styles = {
-    tableContainer: {
-        width: '80vw',
-        flexDirection: 'column',
-        p: '20px',
-        marginLeft: 'auto',
-        marginRight: 'auto'
-    },
-    headerContainer: {
-        display: 'flex',
-        justifyContent: ['flex-end', 'flex-end', 'flex-end', 'space-around'],
-        padding: '5px',
-        fontWeight: 'bold'
-    },
-    bondrowContainer: {
-        display: 'flex',
-        flexDirection: 'row',
-        width: '100%',
-        justifyContent: ['flex-end', 'flex-end', 'flex-end', 'space-around'],
-        backgroundColor: '#151320',
-        marginBottom: '10px',
-        padding: '20px',
-        borderRadius: '10px',
-        border: '1px solid #4B4B53',
-    },
-    columnToken: {
-        width: '100px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    columnDiscount: {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    columnArr: {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    columnTerm: {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    columnTokensRemaining: {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    hotBond: {
-        width: '50px',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-    }
-};
-export default styles;

package/dist/components/uikit/Button/IconButton.js

@@ -1,33 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Button } from 'theme-ui';
-import Svg from '../Svg';
-import { icons } from '../Svg/types';
-import { iconButtonVariants as variants } from './types';
-import style from './styles';
-var IconButton = function (_a) {
-    var _b = _a.icon, icon = _b === void 0 ? icons.DISCORD : _b, _c = _a.color, color = _c === void 0 ? 'white1' : _c, _d = _a.background, background = _d === void 0 ? 'yellow' : _d, _e = _a.variant, variant = _e === void 0 ? variants.PRIMARY : _e, iconWidth = _a.iconWidth, children = _a.children, props = __rest(_a, ["icon", "color", "background", "variant", "iconWidth", "children"]);
-    return (_jsx(Button, __assign({}, props, { variant: variant, sx: __assign(__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', variant: "buttons.".concat(variant), color: 'primaryBright', background: background }, (variant === variants.PRIMARY ? style.primary : {})), (variant === variants.TRANSPARENT ? style.transparent : {})) }, { children: children || (_jsx("span", __assign({ sx: { height: iconWidth, width: iconWidth } }, { children: _jsx(Svg, __assign({ color: color, icon: icon }, props, { width: iconWidth })) }))) })));
-};
-export default IconButton;

package/dist/components/uikit/Checkbox/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { CheckboxProps } from './types';
-declare const Checkbox: ({ scale, display, className, background, ...props }: CheckboxProps | any) => import("react").JSX.Element;
-export default Checkbox;

package/dist/components/uikit/Checkbox/index.js

@@ -1,46 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { scales } from './types';
-var getScale = function (_a) {
-    var scale = _a.scale;
-    switch (scale) {
-        case scales.SM:
-            return '21px';
-        case scales.MD:
-        default:
-            return '32px';
-    }
-};
-var Checkbox = function (_a) {
-    var _b = _a.scale, scale = _b === void 0 ? scales.SM : _b, _c = _a.display, display = _c === void 0 ? 'block' : _c, className = _a.className, background = _a.background, props = __rest(_a, ["scale", "display", "className", "background"]);
-    var scaleSize = getScale({ scale: scale });
-    var svgScale = scale === 'sm' ? 13 : 21;
-    return (_jsxs("span", __assign({ className: className, sx: {
-            display: display,
-            width: scaleSize,
-            height: scaleSize,
-            position: 'relative',
-        } }, { children: [_jsx("input", __assign({ type: "checkbox", sx: { variant: 'checkbox', background: background } }, props)), _jsx("svg", __assign({ width: svgScale || '13', height: "auto", viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) }))] })));
-};
-export default Checkbox;

package/dist/components/uikit/Dropdown/Dropdown.d.ts

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

package/dist/components/uikit/Dropdown/Dropdown.js

@@ -1,58 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { useState } from 'react';
-import { Box, Flex } from 'theme-ui';
-import { AnimatePresence, motion } from 'framer-motion';
-import { dropdownPadding, fontSizes, sizes } from './types';
-import Svg from '../Svg';
-var Dropdown = function (_a) {
-    var component = _a.component, children = _a.children, _b = _a.size, size = _b === void 0 ? sizes.MEDIUM : _b, props = __rest(_a, ["component", "children", "size"]);
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var handleClick = function () { return setOpen(function (prev) { return !prev; }); };
-    return (_jsxs(Box, __assign({ sx: {
-            background: 'white2',
-            borderRadius: 'normal',
-            cursor: 'pointer',
-            width: '100%',
-            position: 'relative',
-        }, onClick: handleClick }, props, { children: [_jsxs(Flex, __assign({ sx: {
-                    px: dropdownPadding[size].x,
-                    py: dropdownPadding[size].y,
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    span: {
-                        fontSize: fontSizes[size],
-                    },
-                } }, { children: [component, _jsx(Flex, __assign({ sx: { minWidth: '10px' } }, { children: _jsx(Svg, { icon: "caret", direction: open ? 'up' : 'down' }) }))] })), _jsx(AnimatePresence, { children: open && (_jsx(motion.div, __assign({ initial: { height: '10px' }, animate: { height: 'fit-content' }, exit: { height: '0px' }, sx: {
-                        position: 'absolute',
-                        background: 'white3',
-                        width: 'fit-content',
-                        borderBottomRightRadius: '10px',
-                        borderBottomLeftRadius: '10px',
-                        overflow: 'hidden',
-                        marginTop: '5px',
-                        top: '85%',
-                    } }, { children: children }))) })] })));
-};
-export default Dropdown;

package/dist/components/uikit/Dropdown/DropdownItem.d.ts

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