@ape.swap/bonds-sdk 1.0.207 → 1.0.209

package/dist/components/Bonds/Bonds.js

@@ -63,7 +63,6 @@ import ProgressBar from '../ProgressBar/ProgressBar';
 import { formatDollar, formatValue } from '../../utils/formatNumbers';
 import { TooltipText } from '../../enum/tooltips';
 import { TooltipBubble, Svg } from '../uikit-sdk';
-import Tooltip from '../Tooltip/Tooltip';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
 var Bonds = function (_a) {
     var connectionString = _a.connectionString;
@@ -187,8 +186,8 @@ var Bonds = function (_a) {
         return "".concat(explorerLink, "/address/").concat(bond === null || bond === void 0 ? void 0 : bond.billAddress);
     };
     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-token" }, { children: "Tokens" })), _jsx(Flex, __assign({ className: "column column-discount" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)" }, { children: ["Discount", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: ["ARR", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-term" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)" }, { children: ["Terms", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsxs(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)" }, { children: ["Tokens Remaining", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) }))] })) })), _jsx(Flex, { className: "column column-hotbond" })] })), sortedBonds.map(function (bond) {
-                        var _a, _b, _c, _d, _e;
-                        return (_jsxs(Flex, __assign({ className: "container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-token" }, { children: [bond.showcaseTokenName, _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.payoutToken) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_a = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_b = bond.chainId) !== null && _b !== void 0 ? _b : ChainId.BSC })] })), _jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { 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(((((_d = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _d !== void 0 ? _d : 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: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
+                        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") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
                                             width: '127px',
                                             height: '25px',
                                             flexDirection: 'column',
@@ -197,7 +196,7 @@ var Bonds = function (_a) {
                                         }, showTooltip: true, toolTip: "".concat(remainingTokensFormat(bond), " ").concat(bond.payoutTokenName, " (").concat(formatDollar({
                                             num: remainingTokensUsd(bond).toNumber(),
                                             isPrice: true,
-                                        }), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: hotBonds.includes(bond.billAddress.toLowerCase()) && ((_e = bond.discount) !== null && _e !== void 0 ? _e : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) })) }))] }), bond.billAddress));
+                                        }), ")") }) })), _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: "hot", width: "20px" })) })) }))] }), bond.billAddress));
                     })] }))] })));
 };
 export default Bonds;

package/dist/components/uikit/Input/Input.js

@@ -22,7 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { Input as ThemeInput, Spinner } from 'theme-ui';
-import { Text, Flex, Svg } from '../../uikit';
+import { Text } from '../../uikit';
+import Flex from '../Flex';
+import Svg from '../Svg';
 var colorScheme = {
     default: 'gray',
     error: 'red',

package/dist/components/uikit-sdk/Input/Input.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type inputStatus = 'default' | 'error' | 'success';
+declare const Input: ({ variant, width, status, isLoading, ...props }: any) => import("react").JSX.Element;
+export default Input;

package/dist/components/uikit-sdk/Input/Input.js

@@ -0,0 +1,70 @@
+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 { Input as ThemeInput, Spinner } from 'theme-ui';
+import { Text, Flex, Svg } from '../../uikit-sdk';
+var colorScheme = {
+    default: 'gray',
+    error: 'red',
+    success: 'green',
+};
+var Input = function (_a) {
+    var variant = _a.variant, width = _a.width, status = _a.status, isLoading = _a.isLoading, props = __rest(_a, ["variant", "width", "status", "isLoading"]);
+    switch (variant) {
+        case 'search':
+            return (_jsxs(Flex, __assign({ sx: { position: 'relative', width: width ? width : 'unset' } }, { children: [_jsx(ThemeInput, __assign({}, props, { sx: {
+                            background: 'white3',
+                            border: 'none',
+                            pl: '10px',
+                            borderRadius: '10px',
+                            ':focus': { outline: 'none' },
+                        } })), _jsx(Flex, __assign({ sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' } }, { children: _jsx(Svg, { icon: "search" }) }))] })));
+        case 'password':
+            var statusColor = colorScheme[status];
+            return (_jsxs(Flex, __assign({ sx: {
+                    width: width ? width : '100%',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    gap: '5px',
+                    position: 'relative',
+                } }, { children: [_jsx(ThemeInput, __assign({}, props, { type: "password", sx: {
+                            position: 'relative',
+                            background: 'white3',
+                            border: 'none',
+                            borderBottom: "2px solid ".concat(statusColor),
+                            color: statusColor,
+                            pl: '10px',
+                            borderRadius: '10px',
+                            ':focus': { outline: 'none' },
+                        } })), isLoading && (_jsx(Flex, __assign({ sx: { position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' } }, { children: _jsx(Spinner, { width: "20px", height: "20px" }) }))), _jsx(Text, __assign({ sx: { fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' } }, { children: status === 'error' ? 'Wrong Password' : 'Correct Password' }))] })));
+        default:
+            return (_jsx(ThemeInput, __assign({}, props, { sx: {
+                    background: 'white3',
+                    border: 'none',
+                    pl: '10px',
+                    borderRadius: '10px',
+                    ':focus': { outline: 'none' },
+                } })));
+    }
+};
+export default Input;

package/dist/components/uikit-sdk/Input/NumericInput.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ThemeUIStyleObject } from 'theme-ui';
+declare const NumericInput: ({ onUserInput, value, disabled, style, placeholder, }: {
+    onUserInput?: ((input: string) => void) | undefined;
+    value: string;
+    disabled?: boolean | undefined;
+    style?: ThemeUIStyleObject<import("@theme-ui/css").Theme<{}>> | undefined;
+    placeholder?: string | undefined;
+}) => import("react").JSX.Element;
+export default NumericInput;

package/dist/components/uikit-sdk/Input/NumericInput.js

@@ -0,0 +1,35 @@
+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 { isNumber } from '../../../utils/numbers';
+import Input from './Input';
+var NumericInput = function (_a) {
+    var onUserInput = _a.onUserInput, value = _a.value, disabled = _a.disabled, style = _a.style, _b = _a.placeholder, placeholder = _b === void 0 ? '0.0' : _b;
+    return (_jsx(Input, { sx: __assign({ border: 'none', padding: '0px 0px', position: 'relative', width: '100%', display: 'inline-block', fontSize: ['19px', '19px', '22px', '22px'], ':focus': { outline: 'none' } }, style), disabled: disabled, value: value, onChange: function (e) {
+            onUserInput && onUserInput(e.target.value);
+        }, placeholder: placeholder, pattern: "^[0-9]*[.,]?[0-9]*$", 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);
+        } }));
+};
+export default NumericInput;

package/dist/components/uikit-sdk/Input/StyledInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface InputProps {
+    endAdornment?: React.ReactNode;
+    onChange: (e: React.FormEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    startAdornment?: React.ReactNode;
+    value: string;
+    height?: string;
+}
+declare const StyledInput: React.FC<InputProps>;
+export default StyledInput;

package/dist/components/uikit-sdk/Input/StyledInput.js

@@ -0,0 +1,37 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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";
+//@ts-nocheck
+import styled from '@emotion/styled';
+import Flex from '../Flex';
+import Input from './Input';
+var StyledInputWrapper = styled(Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-radius: 10px;\n  height: 72px;\n  padding: 0px 16px;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-radius: 10px;\n  height: 72px;\n  padding: 0px 16px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white4;
+});
+var StyledInputComponent = styled(Input)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  background: none;\n  border: 0;\n  color: ", ";\n  flex: 1;\n  height: 56px;\n  margin: 0;\n  padding: 0;\n  outline: none;\n  font-weight: 800;\n  font-size: 22px;\n\n  &::placeholder {\n    color: ", ";\n  }\n"], ["\n  width: 100%;\n  background: none;\n  border: 0;\n  color: ", ";\n  flex: 1;\n  height: 56px;\n  margin: 0;\n  padding: 0;\n  outline: none;\n  font-weight: 800;\n  font-size: 22px;\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return (theme.isDark ? theme.colors.primaryBright : theme.colors.primary);
+}, function (_a) {
+    var theme = _a.theme;
+    return !theme.isDark && theme.colors.gray;
+});
+var StyledInput = function (_a) {
+    var endAdornment = _a.endAdornment, onChange = _a.onChange, placeholder = _a.placeholder, startAdornment = _a.startAdornment, value = _a.value, height = _a.height;
+    return (_jsxs(StyledInputWrapper, __assign({ sx: { height: height !== null && height !== void 0 ? height : null } }, { children: [!!startAdornment && startAdornment, _jsx(StyledInputComponent, { placeholder: placeholder, value: value, onChange: onChange }), !!endAdornment && endAdornment] })));
+};
+export default StyledInput;
+var templateObject_1, templateObject_2;

package/dist/components/uikit-sdk/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NumericInput } from './NumericInput';
+export { default as Input } from './Input';
+export { default as StyledInput } from './StyledInput';

package/dist/components/uikit-sdk/Input/index.js

@@ -0,0 +1,3 @@
+export { default as NumericInput } from './NumericInput';
+export { default as Input } from './Input';
+export { default as StyledInput } from './StyledInput';

package/package.json

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