@ape.swap/bonds-sdk 1.0.62 → 1.0.63

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

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

package/dist/components/BondSingle/BondSingle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import '../../scss/bonds.scss';
+import { useParams } from 'react-router-dom';
+var BondSingle = function (_a) {
+    var billAddress = useParams().billAddress;
+    return (_jsxs("div", { children: ["Bond Clicked", _jsx("p", { children: billAddress })] }));
+};
+export default BondSingle;

package/dist/components/{bonds → Bonds}/Bonds.d.ts

@@ -1,5 +1,6 @@
 /** @jsxImportSource theme-ui */
 import React from 'react';
+import '../../scss/bonds.scss';
 declare global {
     interface Window {
         ethereum?: any;

package/dist/components/{bonds → Bonds}/Bonds.js

@@ -56,6 +56,8 @@ import styles, { getColumnDiscountStyle } from './styles';
 import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
 import Svg from '../uikit/Svg';
+import '../../scss/bonds.scss';
+import { useNavigate } from 'react-router-dom';
 var Bonds = function (_a) {
     var connectionString = _a.connectionString;
     var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
@@ -132,9 +134,14 @@ var Bonds = function (_a) {
             return b.discount - a.discount;
         }
     });
+    var navigate = useNavigate();
+    var handleRowClick = function (billAddress) {
+        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) {
                         var _a, _b, _c, _d;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", sx: styles.bondrowContainer }, { 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", 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" })) })) }))] })));
                     })] }))] })));
 };
 export default Bonds;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import Bonds from './components/bonds/Bonds';
+import Bonds from './components/Bonds/Bonds';
 export { Bonds };

package/dist/index.js

@@ -1,3 +1,3 @@
 // src/index.ts
-import Bonds from './components/bonds/Bonds';
+import Bonds from './components/Bonds/Bonds';
 export { Bonds };

package/dist/scss/bonds.scss

@@ -0,0 +1,28 @@
+
+.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;
+}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -11,9 +11,11 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
     "prepublishOnly": "npm run build",
-    "start": "react-scripts start"
+    "start": "react-scripts start",
+    "clean": "rimraf dist/", 
+    "copy": "copyfiles -u 1 src/**/*.scss dist/", 
+    "build": "npm run clean && tsc && npm run copy"
   },
   "peerDependencies": {
     "axios": "^1.7.2",
@@ -40,6 +42,7 @@
     "@web3-react/url": "^8.2.0",
     "@web3-react/walletconnect-v2": "^8.3.3",
     "axios": "^1.7.2",
+    "copyfiles": "^2.4.1",
     "ethers": "5.7.2",
     "sass": "^1.77.7",
     "theme-ui": "^0.16.2",
@@ -51,7 +54,9 @@
     "lottie-react": "^2.4.0",
     "next": "^14.2.5",
     "numbro": "^2.5.0",
+    "react-router-dom": "^6.24.1",
     "react-scripts": "^5.0.1",
+    "rimraf": "^6.0.1",
     "sass": "^1.77.7",
     "theme-ui": "^0.16.2"
   },