@ape.swap/bonds-sdk 1.0.201 → 1.0.203

package/dist/components/BondModal/BondModal.js

@@ -102,7 +102,7 @@ var BondModal = function (_a) {
     // };
     return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: bondData.map(function (bond) {
             var _a, _b, _c, _d, _e, _f, _g;
-            return (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "modal modal-header" }, { children: [_jsx(Flex, __assign({ className: "new", onClick: function () { return projectInfo(bond); } }, { children: "NEW" }), bond.billAddress), _jsxs(Flex, __assign({ className: "project-info", onClick: function () { return projectInfo(bond); } }, { children: ["Project Info", _jsx(Flex, __assign({ className: "project-info icon" }, { children: _jsx(Svg, { icon: "expand" }) }))] }), bond.billAddress), _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) }))] })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bond" }, { children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName })), _jsxs(Flex, __assign({ className: "title-container bond-price" }, { children: [_jsxs(Flex, __assign({ className: "bond-price price" }, { children: ["$", earnTokenPrice(bond)] })), _jsxs(Flex, __assign({ className: "bond-price discounted" }, { children: ["$", discountEarnTokenPrice(bond)] }))] }))] })), _jsx(Flex, __assign({ className: "modal-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Discount", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-arr" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["ARR", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-term" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Terms", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), vestingTime((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Max Buy", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.MaxBuy(bond.payoutTokenName) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "modal-container text-container" }, { children: [_jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsx(Flex, __assign({ className: "row-container spend" }, { children: "You spend:" })), _jsxs(Flex, __assign({ className: "row-container spend-val" }, { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName, " = $ 0"] }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container premium" }, { children: ["Premium: ", _jsx(Svg, { icon: "questionFill", width: "15px" })] })), _jsx(Flex, __assign({ className: "row-container premium-val" }, { children: "$ 0" }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container get" }, { children: ["You get (over ", vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " days):"] })), _jsxs(Flex, __assign({ className: "row-container get-val" }, { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ 0"] }))] }))] })), _jsxs(Flex, __assign({ className: "modal-container input-container" }, { children: [_jsx(Flex, __assign({ className: "input-container input" }, { children: _jsx(Input, { placeholder: "0.0", value: inputValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: function (v) {
+            return (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "modal modal-header" }, { children: [_jsx(Flex, __assign({ className: "new", onClick: function () { return projectInfo(bond); } }, { children: "NEW" }), bond.billAddress), _jsxs(Flex, __assign({ className: "project-info", onClick: function () { return projectInfo(bond); } }, { children: ["Project Info", _jsx(Flex, __assign({ className: "project-info icon" }, { children: _jsx(Svg, { icon: "expand" }) }))] }), bond.billAddress), _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) }))] })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bond" }, { children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName })), _jsxs(Flex, __assign({ className: "title-container bond-price" }, { children: [_jsxs(Flex, __assign({ className: "bond-price price" }, { children: ["$", earnTokenPrice(bond)] })), _jsxs(Flex, __assign({ className: "bond-price discounted" }, { children: ["$", discountEarnTokenPrice(bond)] }))] }))] })), _jsx(Flex, __assign({ className: "modal-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Discount", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-arr" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["ARR", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-term" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Terms", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), vestingTime((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Max Buy", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.MaxBuy(bond.payoutTokenName) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "modal-container text-container" }, { children: [_jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsx(Flex, __assign({ className: "row-container spend" }, { children: "You spend:" })), _jsxs(Flex, __assign({ className: "row-container spend-val" }, { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName, " = $ 0"] }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container premium" }, { children: ["Premium:", _jsx(TooltipBubble, __assign({ body: _jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)" }, { children: _jsx(Flex, __assign({ className: "row-container premium-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px" }) })) }))] })), _jsx(Flex, __assign({ className: "row-container premium-val" }, { children: "$ 0" }))] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs(Flex, __assign({ className: "row-container get" }, { children: ["You get (over ", vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " days):"] })), _jsxs(Flex, __assign({ className: "row-container get-val" }, { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ 0"] }))] }))] })), _jsxs(Flex, __assign({ className: "modal-container input-container" }, { children: [_jsx(Flex, __assign({ 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, '.');
                                                         }

package/dist/components/Bonds/Bonds.js

@@ -192,7 +192,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()) && ((_c = bond.discount) !== null && _c !== void 0 ? _c : 0) > 0 && (_jsx(Svg, { icon: "fire", 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/Svg/Icons/Hot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SvgProps } from './types';
+declare const Hot: React.FC<SvgProps>;
+export default Hot;

package/dist/components/uikit/Svg/Icons/Hot.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);
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+var Hot = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? '#FE815F' : _b, width = _a.width;
+    return (_jsx("svg", __assign({ width: width || '10', viewBox: "0 0 11 14", fill: "#FE815F", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z", fill: color }) })));
+};
+export default Hot;

package/dist/components/uikit/Svg/Icons/index.d.ts

@@ -46,6 +46,7 @@ export { default as Message } from './Message';
 export { default as Positions } from './Positions';
 export { default as MenuSettings } from './MenuSettings';
 export { default as Fav } from './Fav';
+export { default as Hot } from './Hot';
 export { default as AbondSmallLogo } from './AbondSmallLogo';
 export { default as ApeswapSmallLogo } from './ApeswapSmallLogo';
 export { default as AbondFullLogo } from './AbondFullLogo';

package/dist/components/uikit/Svg/Icons/index.js

@@ -46,6 +46,7 @@ export { default as Message } from './Message';
 export { default as Positions } from './Positions';
 export { default as MenuSettings } from './MenuSettings';
 export { default as Fav } from './Fav';
+export { default as Hot } from './Hot';
 // LOGOS
 export { default as AbondSmallLogo } from './AbondSmallLogo';
 export { default as ApeswapSmallLogo } from './ApeswapSmallLogo';

package/dist/components/uikit/Svg/index.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import { icons } from './types';
 import { dynamicStyles } from './styles';
-import { Caret, External, Home, Calculator, Farm, Frame, Gnana, Info, More, NFA, Pool, Rocket, Trade, Vault, Ellipse, Twitter, Send, Error, Close, Collapse, TextLogo, ProfileLight, ProfileDark, ProfileIcon, ApeswapSmallLogo, Hamburger, Search, QuestionCircle, Success, Settings, Chart, Discord, Reddit, Medium, Instagram, Website, Arrow, SwapArrows, InfoSolid, SuccessOutline, Trash, Cancelled, ZapArrow, ZapIcon, Migrate, Message, Positions, MenuSettings, Fav, AbondFullLogo, AbondSmallLogo, FullLogo, Telegram, Island, Moon, AccountMonkey, Card, Cog, Bridge, Docs, Quiz, PlaceholderMonkey, SwitchArrows, Copy, HamburgerClosed, BillsM1, BillsM2, BillsM3, URL, Bubble, Audit, GreenShield, Chain, Verified, TickShield, Share, FilledURL, YellowQuestionMark, BananaIcon, ScrollTop, Explorer, LiquidityIcon, PolygonNew, Fire, NavCaret, Logout, Wallet, Receipt, ApebondLogo, Question, Chat, DocsV2, Tag, Play, Watch, XNew, DiscordNew, WebsiteNew, WhitepaperNew, Calendar, QuestionFill, TelegramNew, Warning, Insight, Expand, LineChart, } from './Icons';
+import { Caret, External, Home, Calculator, Farm, Frame, Gnana, Info, More, NFA, Pool, Rocket, Trade, Vault, Ellipse, Twitter, Send, Error, Close, Collapse, TextLogo, ProfileLight, ProfileDark, ProfileIcon, ApeswapSmallLogo, Hamburger, Search, QuestionCircle, Success, Settings, Chart, Discord, Reddit, Medium, Instagram, Website, Arrow, SwapArrows, InfoSolid, SuccessOutline, Trash, Cancelled, ZapArrow, ZapIcon, Migrate, Message, Positions, MenuSettings, Fav, AbondFullLogo, AbondSmallLogo, FullLogo, Telegram, Island, Moon, AccountMonkey, Card, Cog, Bridge, Docs, Quiz, PlaceholderMonkey, SwitchArrows, Copy, HamburgerClosed, BillsM1, BillsM2, BillsM3, URL, Bubble, Audit, GreenShield, Chain, Verified, TickShield, Share, FilledURL, YellowQuestionMark, BananaIcon, ScrollTop, Explorer, LiquidityIcon, PolygonNew, Fire, Hot, NavCaret, Logout, Wallet, Receipt, ApebondLogo, Question, Chat, DocsV2, Tag, Play, Watch, XNew, DiscordNew, WebsiteNew, WhitepaperNew, Calendar, QuestionFill, TelegramNew, Warning, Insight, Expand, LineChart, } from './Icons';
 import { BSC, BANANA, BNB, ETH, GNANA, POLYGON, TLOS, ARBITRUM, FANTOM, AVAX, OPTIMISM, CELO, CRONOS, POLYGONZK, GNOSIS, OKEX, ABOND, INEVM, LINEA, LIGHTLINK, IOTA, BASE, } from './tokens';
 import { BinanceChain, Bitkeep, Brave, Coinbase, MadWallet, MathWallet, Metamask, Nabox, OKX, OntoWallet, SafePalWallet, SocialLogin, TokenPocket, TorusWallet, TrustWallet, Unstoppable, WalletConnect, WalletImage, } from './walletIcons';
 import Language from './Icons/LanguageIcon';
@@ -245,6 +245,8 @@ var Svg = function (_a) {
             return _jsx(PolygonNew, __assign({}, props, { getStyles: getStyles }));
         case icons.FIRE:
             return _jsx(Fire, __assign({}, props, { getStyles: getStyles }));
+        case icons.HOT:
+            return _jsx(Hot, __assign({}, props, { getStyles: getStyles }));
         case icons.NAV_CARET:
             return _jsx(NavCaret, __assign({}, props, { getStyles: getStyles }));
         case icons.LOGOUT:

package/dist/components/uikit/Svg/types.d.ts

@@ -128,6 +128,7 @@ export declare enum icons {
     LIQUIDITY_ICON = "liquidity",
     POLYGON_NEW = "polygonNew",
     FIRE = "fire",
+    HOT = "hot",
     NAV_CARET = "navCaret",
     LOGOUT = "logout",
     WALLET = "wallet",

package/dist/components/uikit/Svg/types.js

@@ -133,6 +133,7 @@ export var icons;
     icons["LIQUIDITY_ICON"] = "liquidity";
     icons["POLYGON_NEW"] = "polygonNew";
     icons["FIRE"] = "fire";
+    icons["HOT"] = "hot";
     icons["NAV_CARET"] = "navCaret";
     icons["LOGOUT"] = "logout";
     icons["WALLET"] = "wallet";

package/dist/enum/tooltips.d.ts

@@ -4,4 +4,5 @@ export declare const TooltipText: {
     Terms: string;
     TokensRemaining: string;
     MaxBuy: (payoutToken: string) => string;
+    Premium: string;
 };

package/dist/enum/tooltips.js

@@ -3,5 +3,6 @@ export var TooltipText = {
     ARR: "This is the Annualized Rate of Return you would receive considering the current discount, adjusted for APR.",
     Terms: "This is the amount of days it will take for all tokens in the Bond to fully vest.",
     TokensRemaining: "This is the amount of remaining tokens for sale in this Bond.",
-    MaxBuy: function (payoutToken) { return "This is the maximum amount of ".concat(payoutToken, " you can currently purchase through this Bond."); }
+    MaxBuy: function (payoutToken) { return "This is the maximum amount of ".concat(payoutToken, " you can currently purchase through this Bond."); },
+    Premium: "This is the dollar value of the additional tokens you’ll receive at current market price.",
 };

package/dist/scss/BondModal.scss

@@ -215,6 +215,12 @@
     display: flex;
 }
 
+.row-container.premium-icon {
+    padding-left: 5px;
+    align-items: start;
+    cursor: pointer;
+}
+
 .row-container.premium-val {
     display: flex;
 }

package/package.json

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