@ape.swap/bonds-sdk 1.0.470 → 1.0.474

package/dist/pages/Bonds/Bonds.js

@@ -60,7 +60,6 @@ import { useCallback, 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 { useSearchParams, useNavigate } from 'react-router-dom';
 import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
@@ -72,9 +71,9 @@ import '../../scss/Bonds.scss';
 import BondRowHeader from '../../components/BondRows/BondRowHeader';
 import BondRowsByChain from '../../components/BondRows/BondRowsByChain';
 var Bonds = function (_a) {
-    var connectionString = _a.connectionString;
-    var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
-    var _c = useSearchParams(), searchParams = _c[0], setSearchParams = _c[1];
+    var account = _a.account, accountChainId = _a.accountChainId, isActive = _a.isActive;
+    //const { account, isActive } = useWeb3React();
+    var _b = useSearchParams(), searchParams = _b[0], setSearchParams = _b[1];
     var navigate = useNavigate();
     var USDT_ABI = [
         // The ERC-20 approve function ABI
@@ -116,8 +115,8 @@ var Bonds = function (_a) {
         });
     }); };
     // Fetch data
-    var _d = useState([]), bondData = _d[0], setBondData = _d[1];
-    var _e = useState([]), hotBonds = _e[0], setHotBonds = _e[1];
+    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
+    var _d = useState([]), hotBonds = _d[0], setHotBonds = _d[1];
     var isSoldOut = useCallback(function (bond) {
         var _a, _b;
         var thresholdToHide = new BigNumber(100).div((_a = bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : 0);
@@ -160,8 +159,8 @@ var Bonds = function (_a) {
             return b.discount - a.discount;
         }
     });
-    var _f = useState(null), sortConfig = _f[0], setSortConfig = _f[1];
-    var _g = useState(sortedHotBonds), sortedBonds = _g[0], setSortedBonds = _g[1];
+    var _e = useState(null), sortConfig = _e[0], setSortConfig = _e[1];
+    var _f = useState(sortedHotBonds), sortedBonds = _f[0], setSortedBonds = _f[1];
     var handleSort = function (key) {
         var direction = 'asc';
         if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key) === key && (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction) === 'asc') {
@@ -203,8 +202,8 @@ var Bonds = function (_a) {
         setSortedBonds(sorted);
     }, [sortConfig, bondData]);
     // Modal
-    var _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
-    var _j = useState(null), selectedBond = _j[0], setSelectedBond = _j[1];
+    var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
+    var _h = useState(null), selectedBond = _h[0], setSelectedBond = _h[1];
     var rowClick = function (bond) {
         setSelectedBond(bond);
         setIsModalOpen(true);
@@ -245,8 +244,8 @@ var Bonds = function (_a) {
         return parseFloat((((discount * 365) / vestingDays).toFixed(2)));
     };
     // Search logic
-    var _k = useState(''), inputValue = _k[0], setInputValue = _k[1];
-    var _l = useState(sortedBonds), filteredBonds = _l[0], setFilteredBonds = _l[1];
+    var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
+    var _k = useState(sortedBonds), filteredBonds = _k[0], setFilteredBonds = _k[1];
     useEffect(function () {
         if (inputValue === '') {
             setFilteredBonds(sortedBonds);
@@ -261,7 +260,7 @@ var Bonds = function (_a) {
         setInputValue(event.target.value);
     };
     // Page render logic
-    var _m = useState(false), bondsRendered = _m[0], setBondsRendered = _m[1];
+    var _l = useState(false), bondsRendered = _l[0], setBondsRendered = _l[1];
     useEffect(function () {
         if (filteredBonds.length > 0) {
             setBondsRendered(true);

package/dist/pages/YourBonds/YourBonds.js

@@ -76,10 +76,36 @@ import { getPendingVesting } from '../../hooks/usePendingVesting';
 import axios from 'axios';
 import { fetchUserOwnedBillsDataAsync } from './fetchBillsUser';
 import { Input } from '../../components/uikit-sdk/Input';
+import useClaimBill from '../../hooks/useClaimBill';
 var YourBonds = function (_a) {
     var account = _a.account, accountChainId = _a.accountChainId, isActive = _a.isActive;
+    //const toastError = useToastError()
+    // const { onClaimBill } = useClaimBill(billAddress, billIds)
+    var _b = useState(false), pendingTrx = _b[0], setPendingTrx = _b[1];
+    var handleClaim = function (billAddress, billIds, event) { return __awaiter(void 0, void 0, void 0, function () {
+        var onClaimBill;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    event === null || event === void 0 ? void 0 : event.stopPropagation();
+                    if (!accountChainId || !account)
+                        return [2 /*return*/];
+                    onClaimBill = useClaimBill(billAddress, billIds).onClaimBill;
+                    setPendingTrx(true);
+                    return [4 /*yield*/, onClaimBill().catch(function (e) {
+                            console.error(e);
+                            //toastError(e);
+                            setPendingTrx(false);
+                        })];
+                case 1:
+                    _a.sent();
+                    setPendingTrx(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     // const { account, isActive } = useWeb3React();
-    var _b = useSearchParams(), searchParams = _b[0], setSearchParams = _b[1];
+    var _c = useSearchParams(), searchParams = _c[0], setSearchParams = _c[1];
     var navigate = useNavigate();
     var USDT_ABI = [
         // The ERC-20 approve function ABI
@@ -121,8 +147,8 @@ var YourBonds = function (_a) {
         });
     }); };
     // Fetch data
-    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
-    var _d = useState([]), mappedUserBills = _d[0], setMappedUserBills = _d[1];
+    var _d = useState([]), bondData = _d[0], setBondData = _d[1];
+    var _e = useState([]), mappedUserBills = _e[0], setMappedUserBills = _e[1];
     useEffect(function () {
         axios.get('https://realtime-api.ape.bond/bonds').then(function (response) {
             var bonds = response.data.bonds;
@@ -158,8 +184,8 @@ var YourBonds = function (_a) {
         }); };
         fetchData();
     }, [account]);
-    var _e = useState(null), sortConfig = _e[0], setSortConfig = _e[1];
-    var _f = useState(mappedUserBills), sortedBonds = _f[0], setSortedBonds = _f[1];
+    var _f = useState(null), sortConfig = _f[0], setSortConfig = _f[1];
+    var _g = useState(mappedUserBills), sortedBonds = _g[0], setSortedBonds = _g[1];
     var handleSort = function (key) {
         var direction = 'asc';
         if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key) === key && (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction) === 'asc') {
@@ -240,16 +266,16 @@ var YourBonds = function (_a) {
         return getFirstNonZeroDigits(parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0'));
     };
     // Modal
-    var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
-    var _h = useState(null), selectedBill = _h[0], setSelectedBill = _h[1];
+    var _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
+    var _j = useState(null), selectedBill = _j[0], setSelectedBill = _j[1];
     var rowClick = function (bill) {
         setSelectedBill(bill);
         setIsModalOpen(true);
         navigate("/YourBonds/?bondAddress=".concat(bill.address, "&bondChain=").concat(bill.bond.chainId), { replace: true });
     };
     // Search logic
-    var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
-    var _k = useState(sortedBonds), filteredBonds = _k[0], setFilteredBonds = _k[1];
+    var _k = useState(''), inputValue = _k[0], setInputValue = _k[1];
+    var _l = useState(sortedBonds), filteredBonds = _l[0], setFilteredBonds = _l[1];
     useEffect(function () {
         if (inputValue === '') {
             setFilteredBonds(sortedBonds);
@@ -264,7 +290,7 @@ var YourBonds = function (_a) {
         setInputValue(event.target.value);
     };
     // Page render logic
-    var _l = useState(false), bondsRendered = _l[0], setBondsRendered = _l[1];
+    var _m = useState(false), bondsRendered = _m[0], setBondsRendered = _m[1];
     useEffect(function () {
         if (filteredBonds.length > 0) {
             setBondsRendered(true);
@@ -281,6 +307,7 @@ var YourBonds = function (_a) {
                     return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bill); } }, { children: [_jsx(Flex, __assign({ className: "column column-tokens" }, { children: _jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bill: bill.bond, vestEnds: "Ends in ".concat(getPendingVesting(bill.lastBlockTimestamp, bill.vesting)) }) })) })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsxs(Flex, __assign({ className: "column column-claimable" }, { children: [formatNumberSI(parseFloat(claimable(bill).toFixed(3)), 0), _jsx(Text, __assign({ sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' } }, { children: "($".concat((claimable(bill) * ((_a = parseFloat(earnTokenPrice(bill.bond))) !== null && _a !== void 0 ? _a : 0)).toFixed(2), ")") }))] })), _jsxs(Flex, __assign({ className: "column column-pending" }, { children: [formatNumberSI(parseFloat(totalPending(bill).toFixed(0)), 0), _jsx(Text, __assign({ sx: { opacity: '0.6', fontSize: '12px', paddingLeft: '5px' } }, { children: "($".concat((totalPending(bill) * ((_b = parseFloat(earnTokenPrice(bill.bond))) !== null && _b !== void 0 ? _b : 0)).toFixed(2), ")") }))] })), _jsx(Flex, __assign({ className: "column column-terms" }, { children: "".concat(vestingTimeRemaining(bill).days, "d, ").concat(vestingTimeRemaining(bill).hours, "h, ").concat(vestingTimeRemaining(bill).minutes, "m") })), _jsx(Flex, __assign({ className: "column column-claimall" }, { children: _jsx(Button, __assign({ disabled: !account && (claimableNumber(bill) === 0), onClick: function (event) {
                                                 event.stopPropagation();
                                                 // Add your claim logic here
+                                                handleClaim(bill.bond.billAddress, [bill.id], event);
                                             }, sx: {
                                                 height: ['36px', '36px', '36px', '26px'],
                                                 lineHeight: '12px',

package/dist/utils/index.d.ts

@@ -0,0 +1,16 @@
+import { Contract } from '@ethersproject/contracts';
+import type { JsonRpcProvider } from '@ethersproject/providers';
+import { ChainId } from '../config/constants/chains';
+export declare function isAddress(value: any): string | false;
+export declare function getContract(address: string, ABI: any, provider: JsonRpcProvider, account?: string): Contract;
+export declare function isSupportedChain(chainId: number | null | undefined): chainId is ChainId;
+export declare function getEtherscanLink(data: string | number, type: 'transaction' | 'token' | 'address' | 'block' | 'countdown', chainId: ChainId): string;
+/**
+ * Prompt the user to add a custom token to metamask
+ * @param tokenAddress
+ * @param tokenSymbol
+ * @param tokenDecimals
+ * @param tokenImage
+ * @returns {boolean} true if the token has been added, false otherwise
+ */
+export declare const registerToken: (tokenAddress: string, tokenSymbol: string | undefined, tokenDecimals: number, tokenImage: string | undefined) => Promise<any>;

package/dist/utils/index.js

@@ -0,0 +1,127 @@
+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 { getAddress } from '@ethersproject/address';
+import { AddressZero } from '@ethersproject/constants';
+import { Contract } from '@ethersproject/contracts';
+import { BLOCK_EXPLORER, ChainId } from '../config/constants/chains';
+// returns the checksummed address if the address is valid, otherwise returns false
+export function isAddress(value) {
+    try {
+        // Alphabetical letters must be made lowercase for getAddress to work.
+        // See documentation here: https://docs.ethers.io/v5/api/utils/address/
+        return getAddress(value.toLowerCase());
+    }
+    catch (_a) {
+        return false;
+    }
+}
+// account is not optional
+function getSigner(provider, account) {
+    return provider.getSigner(account).connectUnchecked();
+}
+// account is optional
+function getProviderOrSigner(provider, account) {
+    return account ? getSigner(provider, account) : provider;
+}
+// account is optional
+export function getContract(address, ABI, provider, account) {
+    if (!isAddress(address) || address === AddressZero) {
+        throw Error("Invalid 'address' parameter '".concat(address, "'."));
+    }
+    return new Contract(address, ABI, getProviderOrSigner(provider, account));
+}
+export function isSupportedChain(chainId) {
+    return !!chainId && !!ChainId[chainId];
+}
+export function getEtherscanLink(data, type, chainId) {
+    switch (type) {
+        case 'transaction': {
+            return "".concat(BLOCK_EXPLORER[chainId], "/tx/").concat(data);
+        }
+        case 'token': {
+            return "".concat(BLOCK_EXPLORER[chainId], "/token/").concat(data);
+        }
+        case 'block': {
+            return "".concat(BLOCK_EXPLORER[chainId], "/block/").concat(data);
+        }
+        case 'countdown': {
+            return "".concat(BLOCK_EXPLORER[chainId], "/block/countdown/").concat(data);
+        }
+        default: {
+            return "".concat(BLOCK_EXPLORER[chainId], "/address/").concat(data);
+        }
+    }
+}
+/**
+ * Prompt the user to add a custom token to metamask
+ * @param tokenAddress
+ * @param tokenSymbol
+ * @param tokenDecimals
+ * @param tokenImage
+ * @returns {boolean} true if the token has been added, false otherwise
+ */
+export var registerToken = function (tokenAddress, tokenSymbol, tokenDecimals, tokenImage) { return __awaiter(void 0, void 0, void 0, function () {
+    var tokenAdded, _a;
+    var _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                if (!((_b = window === null || window === void 0 ? void 0 : window.ethereum) === null || _b === void 0 ? void 0 : _b.request)) return [3 /*break*/, 2];
+                return [4 /*yield*/, window.ethereum.request({
+                        method: 'wallet_watchAsset',
+                        params: {
+                            type: 'ERC20',
+                            options: {
+                                address: tokenAddress,
+                                symbol: tokenSymbol,
+                                decimals: tokenDecimals,
+                                image: tokenImage,
+                            },
+                        },
+                    })];
+            case 1:
+                _a = _c.sent();
+                return [3 /*break*/, 3];
+            case 2:
+                _a = null;
+                _c.label = 3;
+            case 3:
+                tokenAdded = _a;
+                return [2 /*return*/, tokenAdded];
+        }
+    });
+}); };

package/dist/utils/track.d.ts

@@ -0,0 +1,7 @@
+declare function track({ event, chain, data, value, }: {
+    event: string;
+    chain: number | undefined | string;
+    data: any;
+    value?: number | string;
+}): void;
+export default track;

package/dist/utils/track.js

@@ -0,0 +1,17 @@
+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);
+};
+function track(_a) {
+    var _b;
+    var event = _a.event, chain = _a.chain, data = _a.data, value = _a.value;
+    (_b = window.dataLayer) === null || _b === void 0 ? void 0 : _b.push(__assign({ event: event, value: value, chain: chain }, data));
+}
+export default track;

package/package.json

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