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

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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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/localStorageHelpers.d.ts

@@ -0,0 +1,3 @@
+export declare const getLocalStorage: (key: string) => any;
+export declare const setLocalStorage: (key: string, value: any) => void;
+export declare const removeLocalStorage: (key: string) => void;

package/dist/utils/localStorageHelpers.js

@@ -0,0 +1,47 @@
+export var getLocalStorage = function (key) {
+    if (typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.self) === (window === null || window === void 0 ? void 0 : window.top)) {
+        // Not in an iframe, safe to access localStorage
+        try {
+            var item = localStorage.getItem(key);
+            return item ? JSON.parse(item) : null;
+        }
+        catch (error) {
+            console.error('Failed to get value from localStorage:', error);
+            return null;
+        }
+    }
+    else {
+        // Inside an iframe, don't access localStorage
+        return null;
+    }
+};
+export var setLocalStorage = function (key, value) {
+    if (typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.self) === (window === null || window === void 0 ? void 0 : window.top)) {
+        // Not in an iframe, safe to access localStorage
+        try {
+            localStorage.setItem(key, JSON.stringify(value));
+        }
+        catch (error) {
+            console.error('Failed to set value in localStorage:', error);
+        }
+    }
+    else {
+        // Inside an iframe, don't access localStorage
+        console.log('Running inside an iframe');
+    }
+};
+export var removeLocalStorage = function (key) {
+    if (window.self === window.top) {
+        // Not in an iframe, safe to access localStorage
+        try {
+            localStorage.removeItem(key);
+        }
+        catch (error) {
+            console.error('Failed to remove value from localStorage:', error);
+        }
+    }
+    else {
+        // Inside an iframe, don't access localStorage
+        console.log('Running inside an iframe');
+    }
+};

package/dist/utils/multicall.d.ts

@@ -0,0 +1,7 @@
+export interface Call {
+    address: string;
+    name: string;
+    params?: any[];
+}
+declare const multicall: (chainId: number, abi: any[], calls: Call[], batch?: boolean, batchSize?: number) => Promise<any>;
+export default multicall;

package/dist/utils/multicall.js

@@ -0,0 +1,90 @@
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 { Interface } from '@ethersproject/abi';
+import multicallV2Abi from '../config/abi/multicallv2.json';
+import { ethers } from 'ethers';
+import { chunk, flatten } from 'lodash';
+import { PUBLIC_RPC_URLS } from '../config/constants/networks';
+import { MULTICALL_V2 } from '../config/constants/addresses';
+// This is the legacy multicall
+// Try to use multicall hooks
+var multicall = function (chainId, abi, calls, batch, batchSize) { return __awaiter(void 0, void 0, void 0, function () {
+    var multicallAddress, provider, multi_1, itf_1, calldata, chunkedCalls, chunkedCallNames_1, chunkedData, resolveCall, flattenCalls, returnData, e_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 5, , 6]);
+                multicallAddress = MULTICALL_V2[chainId];
+                provider = new ethers.providers.JsonRpcProvider(PUBLIC_RPC_URLS[chainId][0], chainId);
+                multi_1 = new ethers.Contract(multicallAddress, multicallV2Abi, provider);
+                itf_1 = new Interface(abi);
+                calldata = calls.map(function (call) { return [call.address.toLowerCase(), itf_1.encodeFunctionData(call.name, call.params)]; });
+                if (!batch) return [3 /*break*/, 2];
+                chunkedCalls = chunk(calldata, batchSize);
+                chunkedCallNames_1 = chunk(calls, batchSize);
+                chunkedData = chunkedCalls.flatMap(function (chunkedCallSet, i) { return __awaiter(void 0, void 0, void 0, function () {
+                    var returnData;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, multi_1.aggregate(chunkedCallSet)];
+                            case 1:
+                                returnData = (_a.sent()).returnData;
+                                return [2 /*return*/, returnData.map(function (call, j) { return itf_1.decodeFunctionResult(chunkedCallNames_1[i][j].name, call); })];
+                        }
+                    });
+                }); });
+                return [4 /*yield*/, Promise.all(chunkedData)];
+            case 1:
+                resolveCall = _a.sent();
+                flattenCalls = flatten(resolveCall);
+                return [2 /*return*/, flattenCalls];
+            case 2: return [4 /*yield*/, multi_1.aggregate(calldata)];
+            case 3:
+                returnData = (_a.sent()).returnData;
+                return [2 /*return*/, returnData.map(function (call, i) { return itf_1.decodeFunctionResult(calls[i].name, call); })];
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                e_1 = _a.sent();
+                console.error(e_1);
+                console.error(chainId);
+                console.error(calls);
+                return [3 /*break*/, 6];
+            case 6: return [2 /*return*/];
+        }
+    });
+}); };
+export default multicall;

package/dist/utils/roundNumber.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Rounds a number to precision amount of signifant numbers
+ * @param n the number
+ * @param precision how many significant numbers to show
+ * @returns @number
+ */
+export declare const getFirstNonZeroDigits: (numberToParse: number, precision?: number) => string;

package/dist/utils/roundNumber.js

@@ -0,0 +1,14 @@
+/**
+ * Rounds a number to precision amount of signifant numbers
+ * @param n the number
+ * @param precision how many significant numbers to show
+ * @returns @number
+ */
+export var getFirstNonZeroDigits = function (numberToParse, precision) {
+    if (precision === void 0) { precision = 3; }
+    var n = parseFloat(numberToParse.toFixed(18));
+    var amountToShow = precision - 1;
+    if (n !== 0)
+        amountToShow -= Math.floor(Math.log(n) / Math.log(10));
+    return n.toFixed(amountToShow < 0 ? 0 : amountToShow);
+};

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/dist/views/BondModal/BondModal.d.ts

@@ -0,0 +1,12 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+export interface BondModalProps {
+    account: string;
+    isActive: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    bondAddress: string | null;
+    accountChainId: number;
+}
+declare const BondModal: React.FC<BondModalProps>;
+export default BondModal;

package/dist/views/BondModal/BondModal.js

@@ -0,0 +1,276 @@
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+/** @jsxImportSource theme-ui */
+import React, { useEffect, useState } from 'react';
+import { Flex, Input } from 'theme-ui';
+import getTimePeriods from '../../utils/getTimePeriods';
+import axios from 'axios';
+import { BigNumber } from 'bignumber.js';
+import { getFirstNonZeroDigits } from '../../utils/roundNumber';
+import { isNumber } from '../../utils/numbers';
+import { TooltipBubble, Button, Svg, ListTag, Modal } from '../../components/uikit-sdk';
+import { TooltipText } from '../../enum/tooltips';
+import { ethers } from 'ethers';
+import convertToTokenValue, { adjustDecimals } from "../../utils/convertToTokenValue";
+import TokenImage from '../../components/uikit-sdk/TokenImage';
+import BOND_ABI from '../../config/abi/bond.json';
+import ERC_20_ABI from '../../config/abi/erc20.json';
+import { NETWORK_ICONS, NETWORK_LABEL } from '../../config/constants/chains';
+import { formatUSDNumber, getPremiumColor, premium, youGet, youGetUSD, youSpend, youSpendUSD } from './helper';
+import { useChainId, useSwitchChain, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
+import { PUBLIC_RPC_URLS } from "../../config/constants/networks";
+import useModal from "../../hooks/useModal";
+var BondModal = function (_a) {
+    var account = _a.account, isActive = _a.isActive, isOpen = _a.isOpen, accountChainId = _a.accountChainId, onClose = _a.onClose, bondAddress = _a.bondAddress;
+    if (!isOpen)
+        return null;
+    var chainId = useChainId();
+    var _b = useSwitchChain(), chains = _b.chains, switchChain = _b.switchChain;
+    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
+    var _d = useWriteContract(), hash = _d.data, isPending = _d.isPending, writeContract = _d.writeContract, writeContractAsync = _d.writeContractAsync;
+    var _e = useWaitForTransactionReceipt({
+        confirmations: 4,
+        chainId: chainId !== null && chainId !== void 0 ? chainId : accountChainId,
+        hash: hash,
+    }), isConfirming = _e.isLoading, isConfirmed = _e.isSuccess;
+    var _f = useState(null), approveTx = _f[0], setApproveTx = _f[1];
+    var _g = useState(null), toastMessage = _g[0], setToastMessage = _g[1];
+    var _h = useState(null), buyTx = _h[0], setBuyTx = _h[1];
+    var _j = useState(null), tokenBalance = _j[0], setTokenBalance = _j[1];
+    var _k = useState(null), tokenDecimals = _k[0], setTokenDecimals = _k[1];
+    var _l = useState(''), inputValue = _l[0], setInputValue = _l[1];
+    var handleInputChange = function (event) {
+        setInputValue(event.target.value);
+    };
+    var handleBuy = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var billAddress, decimals, maxPrice, rawAmount, amount, tx, data, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    billAddress = bondData[0].billAddress;
+                    decimals = tokenDecimals !== null && tokenDecimals !== void 0 ? tokenDecimals : 18;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, , 6]);
+                    maxPrice = new BigNumber(bondData[0].trueBillPrice).times(102).div(100).toFixed(0);
+                    rawAmount = adjustDecimals(inputValue);
+                    amount = new BigNumber(rawAmount).times(new BigNumber(10).pow(decimals !== null && decimals !== void 0 ? decimals : 18)).toString();
+                    return [4 /*yield*/, writeContractAsync({
+                            address: billAddress,
+                            abi: BOND_ABI,
+                            functionName: 'deposit',
+                            args: [amount, maxPrice, account],
+                        })];
+                case 2:
+                    tx = _a.sent();
+                    if (!tx) return [3 /*break*/, 4];
+                    setBuyTx(tx);
+                    data = {
+                        chainId: chainId,
+                        transactionHash: tx,
+                        referenceId: 'cgpt-sdk',
+                        billContract: billAddress
+                    };
+                    return [4 /*yield*/, axios.post("https://api-v2.apeswap.finance/bills/widget", data)];
+                case 3:
+                    response = _a.sent();
+                    console.log(response);
+                    _a.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    error_1 = _a.sent();
+                    console.error('Buy error', error_1);
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    //You approve the token, not the contract (this code will have to be updated for zap)
+    var handleApprove = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var tokenAddress, decimals, amount, tx, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    tokenAddress = bondData[0].lpToken.address[chainId];
+                    decimals = tokenDecimals !== null && tokenDecimals !== void 0 ? tokenDecimals : 18;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    amount = convertToTokenValue(inputValue, decimals);
+                    return [4 /*yield*/, writeContractAsync({
+                            address: tokenAddress,
+                            abi: ERC_20_ABI,
+                            functionName: 'approve',
+                            args: [bondData[0].billAddress, amount]
+                        })];
+                case 2:
+                    tx = _a.sent();
+                    if (tx) {
+                        setApproveTx(tx);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _a.sent();
+                    console.error('Approval failed:', error_2);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    // Confirmation message
+    useEffect(function () {
+        if (isConfirmed) {
+            setToastMessage("Transaction Complete.");
+            setTimeout(function () { return setToastMessage(null); }, 10000);
+        }
+    }, [approveTx, buyTx, isConfirmed]);
+    useEffect(function () {
+        if (isActive && account && bondData.length > 0) {
+            getTokenBalance(chainId, bondData[0].lpToken.address[chainId], account).then(function (_a) {
+                var roundedBalance = _a.roundedBalance, decimals = _a.decimals;
+                setTokenBalance(roundedBalance);
+                setTokenDecimals(decimals);
+            }).catch(function (error) {
+                console.error('Error fetching token balance', error);
+            });
+        }
+    }, [isActive, account, bondData]);
+    var getTokenBalance = function (chainId, tokenAddress, walletAddress) { return __awaiter(void 0, void 0, void 0, function () {
+        var urls, provider, contract, decimals, balance, balanceInEther, roundedBalance, error_3;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    urls = PUBLIC_RPC_URLS;
+                    provider = new ethers.providers.JsonRpcProvider(urls[chainId][0]);
+                    if (!provider) {
+                        throw new Error("No provider found for chainId: ".concat(chainId));
+                    }
+                    contract = new ethers.Contract(tokenAddress, ERC_20_ABI, provider);
+                    return [4 /*yield*/, contract.decimals()];
+                case 1:
+                    decimals = _a.sent();
+                    return [4 /*yield*/, contract.balanceOf(walletAddress)];
+                case 2:
+                    balance = _a.sent();
+                    balanceInEther = ethers.utils.formatUnits(balance, decimals);
+                    roundedBalance = Number(balanceInEther).toFixed(4).toString();
+                    return [2 /*return*/, { roundedBalance: roundedBalance, decimals: decimals }];
+                case 3:
+                    error_3 = _a.sent();
+                    console.error('Error fetching token balance', error_3);
+                    return [2 /*return*/, { roundedBalance: '0', decimals: 0 }];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    // Fetch data
+    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() === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase());
+            });
+            setBondData(bond);
+        });
+    }, [bondAddress]);
+    // Functions for calculations
+    var getDiscountColor = function (discount) {
+        return discount < 0 ? 'discount-negative' : 'discount-positive';
+    };
+    var discountEarnTokenPrice = function (bond) {
+        var _a, _b;
+        var earnTokenPrice = parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0');
+        return getFirstNonZeroDigits(earnTokenPrice - earnTokenPrice * (((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) / 100));
+    };
+    var earnTokenPrice = function (bond) {
+        var _a;
+        return getFirstNonZeroDigits(parseFloat((_a = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0'));
+    };
+    var vestingTime = function (vestingTerm) { return getTimePeriods(vestingTerm !== null && vestingTerm !== void 0 ? vestingTerm : 0, true); };
+    var maxBuy = function (bond) {
+        var _a, _b, _c, _d;
+        var available = new BigNumber((_a = bond === null || bond === void 0 ? void 0 : bond.tokensRemaining) !== null && _a !== void 0 ? _a : '0');
+        var threshold = 5;
+        var thresholdToShow = new BigNumber(threshold).div((_b = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _b !== void 0 ? _b : 0);
+        var safeAvailable = available.minus(thresholdToShow);
+        var singlePurchaseLimit = new BigNumber((_c = bond === null || bond === void 0 ? void 0 : bond.maxPayout) !== null && _c !== void 0 ? _c : 0).div(new BigNumber(10).pow((_d = bond === null || bond === void 0 ? void 0 : bond.earnToken.decimals[chainId]) !== null && _d !== void 0 ? _d : 18));
+        return !available ? 0 : (singlePurchaseLimit.lt(safeAvailable) ? singlePurchaseLimit : safeAvailable);
+    };
+    var onAsd = useModal(_jsx(Modal, { sx: { zIndex: 5000 }, children: _jsx(_Fragment, { children: "asd!" }) }))[0];
+    // const ref = React.useRef<boolean>(false);
+    //
+    // useEffect(() => {
+    //     if (!ref.current) {
+    //         console.log('open modal!!')
+    //         onAsd();
+    //         ref.current = true;
+    //     }
+    // }, []);
+    return (_jsx(_Fragment, { children: bondData.map(function (bond) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+            return (_jsx(React.Fragment, { children: _jsx(Flex, { className: "modal-backdrop", onClick: onClose, children: _jsxs(Flex, { className: "modal-content", onClick: function (event) { return event.stopPropagation(); }, children: [toastMessage && (_jsx(Flex, { className: "toast", children: toastMessage })), _jsx(Flex, { className: "modal-header", children: _jsx(Flex, { className: "svg-close", onClick: onClose, children: _jsx(Svg, { icon: "close" }) }) }), _jsxs(Flex, { className: "modaltable-container", children: [_jsxs(Flex, { className: "modaltable-container title-container", children: [_jsx(Flex, { className: "title-container bondicon", children: _jsxs("div", { className: "icon-container", children: [_jsx(Svg, { width: 20, height: 20, icon: (_a = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _a !== void 0 ? _a : 'question' }), _jsx(TokenImage, { symbol: (_b = bond.showcaseTokenName) !== null && _b !== void 0 ? _b : bond.earnToken.symbol, size: 50 })] }) }), _jsx(Flex, { className: "title-container bondname", children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName }), _jsxs(Flex, { className: "title-container price-container", children: [_jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bond)] }), _jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bond)] })] }), _jsx(Flex, { className: "title-container tokentags", children: _jsx(ListTag, { text: (_c = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _c === void 0 ? void 0 : _c[0], variant: ((_d = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _d === void 0 ? void 0 : _d[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity' }) })] }), _jsx(Flex, { className: "modaltable-container description-container", children: bond === null || bond === void 0 ? void 0 : bond.shortDescription }), _jsxs(Flex, { className: "modaltable-container blocks-container", children: [_jsxs(Flex, { className: "modal-block block-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)), children: [_jsxs(Flex, { className: "block-header", children: ["Discount", _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsx(Flex, { className: "block-content", children: "".concat((_e = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _e === void 0 ? void 0 : _e.toFixed(2), "%") })] }), _jsxs(Flex, { className: "modal-block block-arr", children: [_jsxs(Flex, { className: "block-header", children: ["ARR", _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsx(Flex, { className: "block-content", children: "".concat(((((_f = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _f !== void 0 ? _f : 0) * 365) / vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days).toFixed(2), "%") })] }), _jsxs(Flex, { className: "modal-block block-term", children: [_jsxs(Flex, { className: "block-header", children: ["Terms", _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsx(Flex, { className: "block-content", children: vestingTime((_h = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _h !== void 0 ? _h : 0).days ? "".concat(vestingTime((_j = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _j !== void 0 ? _j : 0).days, " D") : '-' })] }), _jsxs(Flex, { className: "modal-block block-maxbuy", children: [_jsxs(Flex, { className: "block-header", children: ["Max Buy", _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.MaxBuy(bond.earnToken.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsx(Flex, { className: "block-content", children: (_k = parseFloat(maxBuy(bond).toFixed(0))) === null || _k === void 0 ? void 0 : _k.toLocaleString('en-US') })] })] }), _jsxs(Flex, { className: "modaltable-container text-container", children: [_jsxs(Flex, { className: "text-container row", children: [_jsx(Flex, { className: "row-container spend", children: "You spend:" }), _jsxs(Flex, { className: "row-container spend-val", children: [youSpend(inputValue), " ", bond.lpToken.symbol, " = $ ", formatUSDNumber(youSpendUSD(bond, inputValue))] })] }), _jsxs(Flex, { className: "text-container row", children: [_jsxs(Flex, { className: "row-container premium", children: ["Premium:", _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: _jsx(Flex, { className: "row-container premium-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), _jsxs(Flex, { className: "row-container premium-val ".concat(getPremiumColor(bond, inputValue)), children: ["$ ", premium(bond, inputValue)] })] }), _jsxs(Flex, { className: "text-container row", children: [_jsxs(Flex, { className: "row-container get", children: ["You get (over ", vestingTime((_l = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _l !== void 0 ? _l : 0).days, " days):"] }), _jsxs(Flex, { className: "row-container get-val", children: [youGet(bond, inputValue), " ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ ", formatUSDNumber(youGetUSD(bond, inputValue))] })] })] }), _jsxs(Flex, { className: "modaltable-container buy-container", children: [_jsxs(Flex, { className: "input-container inputrow", children: [_jsx(Flex, { className: "input-container input", children: _jsx(Input, { placeholder: "0.0", value: inputValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: function (v) {
+                                                                if (v.currentTarget.value.includes(',')) {
+                                                                    v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
+                                                                }
+                                                                if (v.currentTarget.value.includes('%')) {
+                                                                    v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '');
+                                                                }
+                                                                if (v.currentTarget.value === '.') {
+                                                                    v.currentTarget.value = '0.';
+                                                                }
+                                                                v.currentTarget.value =
+                                                                    !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
+                                                                        ? v.currentTarget.value
+                                                                        : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
+                                                            } }) }), _jsxs(Flex, { className: "input-container token", children: [_jsx(Flex, { className: "input-container bondicon", children: _jsxs("div", { className: "icon-container-small", children: [_jsx(Svg, { width: 12, height: 12, icon: (_m = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _m !== void 0 ? _m : 'question' }), _jsx(TokenImage, { symbol: (_o = bond.lpToken.symbol) !== null && _o !== void 0 ? _o : bond.earnToken.symbol, size: 30 })] }) }), _jsx(Flex, { className: "title-container tokenname-small", children: bond === null || bond === void 0 ? void 0 : bond.lpToken.symbol })] })] }), isActive && account && (_jsxs(Flex, { className: "input-container balancerow", children: [_jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalance] }), _jsx(Flex, { className: "balancerow max", children: _jsx(Button, { className: "max-button", onClick: function () {
+                                                                setInputValue(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0');
+                                                            }, children: "Max" }) })] }))] }), _jsxs(Flex, { className: "modaltable-container button-container", children: [_jsx(Flex, { className: "button-container get", children: _jsxs(Button, { className: "action-button", onClick: onAsd, children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.lpToken.symbol] }) }), _jsx(Flex, { className: "button-container buy", children: chainId !== bond.chainId
+                                                    ?
+                                                        _jsxs(Button, { className: "switch-button", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut), onClick: function (event) {
+                                                                event.stopPropagation();
+                                                                // Add your claim logic here
+                                                                switchChain({ chainId: bond.chainId });
+                                                            }, children: ["Switch to ", NETWORK_LABEL[bond.chainId]] })
+                                                    :
+                                                        approveTx != null && isConfirmed ?
+                                                            _jsx(Button, { className: "action-button", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut), onClick: handleBuy, children: isConfirming ? 'Confirming...' : "Buy ".concat(bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName) })
+                                                            :
+                                                                _jsx(Button, { className: "action-button", disabled: isPending || isConfirming || (bond === null || bond === void 0 ? void 0 : bond.soldOut), onClick: handleApprove, children: isConfirming ? 'Confirming...' : 'Approve' }) })] })] })] }) }) }, bond.billAddress));
+        }) }));
+};
+export default BondModal;

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

@@ -0,0 +1,10 @@
+import { BondsDataResponse } from "../../types/bonds";
+declare function formatNumber(input: string): string;
+declare function formatUSDNumber(input: string): string;
+declare const youSpend: (inputValue: string) => string;
+declare const youSpendUSD: (bond: BondsDataResponse, inputValue: string) => string;
+declare const youGet: (bond: BondsDataResponse, inputValue: string) => string;
+declare const youGetUSD: (bond: BondsDataResponse, inputValue: string) => string;
+declare const premium: (bond: BondsDataResponse, inputValue: string) => string;
+declare const getPremiumColor: (bond: BondsDataResponse, inputValue: string) => string;
+export { formatNumber, formatUSDNumber, youSpend, youSpendUSD, youGet, youGetUSD, premium, getPremiumColor };