@ape.swap/bonds-sdk 1.0.158 → 1.0.160

package/dist/components/Bonds/Bonds.js

@@ -59,8 +59,6 @@ import Svg from '../uikit/Svg';
 import '../../scss/Bonds.scss';
 import { BigNumber } from 'bignumber.js';
 import { ChainId } from '../../config/chains';
-import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
-import ProgressBar from '../ProgressBar/ProgressBar';
 var Bonds = function (_a) {
     var connectionString = _a.connectionString;
     var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;
@@ -165,13 +163,7 @@ var Bonds = function (_a) {
     };
     return (_jsxs(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: [isActive && account && _jsx("p", { children: account }), isActive && account && _jsx("button", __assign({ onClick: handleApprove }, { children: "Approve USDT" })), _jsxs(Flex, __assign({ className: "container table-container" }, { children: [_jsxs(Flex, __assign({ className: "container header-container" }, { children: [_jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Discount" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "ARR" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Terms" })), _jsx(Flex, __assign({ className: "column column-header" }, { children: "Tokens Remaining" })), _jsx(Flex, { className: "column column-header" })] })), sortedBonds.map(function (bond) {
                         var _a, _b, _c;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 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") : '-' })), _jsxs(Flex, __assign({ className: "column column-tokensremaining" }, { children: [_jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: new BigNumber(bond.tokensRemaining).div(bond.maxTotalPayout).times(100).toNumber() }), style: {
-                                                width: '127px',
-                                                height: '25px',
-                                                flexDirection: 'column',
-                                                justifyContent: 'center',
-                                                display: ['none', 'none', 'none', 'flex'],
-                                            }, showTooltip: true }), bond.tokensRemaining.split('.')[0]] })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_c = bond.discount) !== null && _c !== void 0 ? _c : 0) > 0 && (_jsx(Svg, { icon: "fire", width: "20px" })) })) }))] }), bond.billAddress));
+                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsx(Flex, __assign({ className: "column column-token" }, { children: bond.showcaseTokenName })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%") })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 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] })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_c = bond.discount) !== null && _c !== void 0 ? _c : 0) > 0 && (_jsx(Svg, { icon: "fire", width: "20px" })) })) }))] }), bond.billAddress));
                     })] }))] })));
 };
 export default Bonds;

package/package.json

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

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ProgressBarProps {
-    value: number;
-    color?: string;
-}
-declare const ProgressBar: React.FC<ProgressBarProps>;
-export default ProgressBar;

package/dist/components/ProgressBar/ProgressBar.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 { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Box } from 'theme-ui';
-import { Flex } from '../uikit';
-var ProgressBar = function (_a) {
-    var value = _a.value, _b = _a.color, color = _b === void 0 ? 'text' : _b;
-    return (_jsx(Flex, __assign({ sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' } }, { children: _jsx(Box, __assign({ sx: {
-                width: '100%',
-                height: '5px',
-                backgroundColor: 'white4',
-                borderRadius: '10px',
-                overflow: 'hidden',
-            } }, { children: _jsx(Box, { sx: {
-                    width: "".concat(value <= 3 ? 3 : value, "%"),
-                    background: color,
-                    borderRadius: '10px',
-                    height: '100%',
-                } }) })) })));
-};
-export default ProgressBar;

package/dist/components/ProgressBar/ProgressBarWrapper.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ThemeUIStyleObject } from 'theme-ui';
-export interface ProgressBarWrapperProps {
-    title?: string;
-    value?: React.ReactNode;
-    value2Direction?: 'column' | 'row';
-    toolTip?: string;
-    toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft';
-    toolTipTransform?: string;
-    style?: ThemeUIStyleObject;
-    showTooltip?: boolean;
-}
-declare const _default: React.NamedExoticComponent<ProgressBarWrapperProps>;
-export default _default;

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -1,22 +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";
-import React from 'react';
-import { useTranslation } from '../../contexts/Localization';
-import { styles } from './styles';
-import { Flex, Skeleton, Text } from '../uikit';
-var ProgressBarWrapper = function (_a) {
-    var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
-    var t = useTranslation().t;
-    return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: t("".concat(title)) })) })), showTooltip ? (_jsx(Flex, { sx: { alignItems: 'center', width: '100%' } })) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));
-};
-export default React.memo(ProgressBarWrapper);

package/dist/components/ProgressBar/styles.d.ts

@@ -1,2 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'listCardContainer' | 'listViewContainer' | 'titleContainer' | 'infoContentMobile' | 'tokensContainer' | 'titleText' | 'skeleton' | 'valueText' | 'secondaryText' | 'cardContentContainer' | 'animationDiv' | 'expandedWrapper', ThemeUIStyleObject>;

package/dist/components/ProgressBar/styles.js

@@ -1,82 +0,0 @@
-export var styles = {
-    listCardContainer: {
-        borderRadius: 0,
-        flexDirection: ['column', 'column', 'column', 'row'],
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        background: 'white2',
-        borderBottom: '1px solid rgba(226, 226, 226, .2)',
-        padding: ['10px 20px 10px 20px', '10px 20px 10px 20px', '10px 20px 10px 20px', '0 30px 0 30px'],
-        margin: '0 10px 0 10px',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-        width: '100%',
-        height: ['unset', 'unset', 'unset', '86px'],
-    },
-    listViewContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-    },
-    titleContainer: {
-        width: '100%',
-        justifyContent: 'space-between',
-        my: '5px',
-    },
-    infoContentMobile: {
-        display: ['flex', 'flex', 'flex', 'none'],
-        alignItems: 'center',
-    },
-    tokensContainer: {
-        alignItems: 'center',
-        height: '100%',
-        width: '100%',
-    },
-    titleText: {
-        opacity: 0.6,
-        fontSize: '12px',
-        lineHeight: ['16px', '16px', '16px', '24px'],
-        fontWeight: 400,
-    },
-    skeleton: {
-        width: ['45px', '45px', '60px'],
-        maxHeight: '18px',
-        minHeight: '18px',
-    },
-    valueText: {
-        fontSize: ['12px', '12px', '12px', '14px'],
-        color: 'primaryBright',
-        lineHeight: '16px',
-        fontWeight: 700,
-        mr: '5px',
-        display: 'flex',
-        alignItems: 'center',
-    },
-    secondaryText: {
-        fontSize: '12px',
-        color: 'gray',
-        lineHeight: '16px',
-        fontWeight: 400,
-    },
-    cardContentContainer: {
-        width: '100%',
-        height: '100%',
-        alignItems: 'center',
-        justifyContent: 'flex-end',
-    },
-    animationDiv: {
-        position: 'relative',
-        width: '100%',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-    },
-    expandedWrapper: {
-        background: 'white3',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-        padding: '15px 10px',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-    },
-};