@ape.swap/bonds-sdk 1.0.488 → 1.0.489

package/dist/components/NetworkFilter/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const NetworkFilter: ({ chainFilterOption, setChainFilterOption, }: {
+    chainFilterOption: string[];
+    setChainFilterOption: (newValue: string[]) => void;
+}) => React.JSX.Element;
+export default NetworkFilter;

package/dist/components/NetworkFilter/index.js

@@ -0,0 +1,77 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "theme-ui/jsx-runtime";
+import { useState } from 'react';
+import { Flex, Svg, Text } from '../uikit-sdk';
+import { MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL } from '../../config/constants/chains';
+import Checkbox from '../uikit-sdk/Checkbox';
+var NetworkFilter = function (_a) {
+    var chainFilterOption = _a.chainFilterOption, setChainFilterOption = _a.setChainFilterOption;
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var handleCheckbox = function (newChain) {
+        var prevChainFilterOptions = chainFilterOption;
+        var newChainFilterOption;
+        if (newChain === 'All Chains') {
+            newChainFilterOption = ['All Chains'];
+        }
+        else {
+            if (prevChainFilterOptions.includes(newChain)) {
+                var filteredChains = prevChainFilterOptions.filter(function (option) { return option !== newChain; });
+                newChainFilterOption = filteredChains.length === 0 ? ['All Chains'] : filteredChains;
+            }
+            else {
+                var newArray_1 = __spreadArray(__spreadArray([], prevChainFilterOptions.filter(function (option) { return option !== 'All Chains'; }), true), [newChain], false);
+                var allChainsArePresent = MAINNET_CHAINS.every(function (chain) { return newArray_1.includes(chain.toString()); });
+                newChainFilterOption = allChainsArePresent ? ['All Chains'] : newArray_1;
+            }
+        }
+        setChainFilterOption(newChainFilterOption);
+    };
+    return (_jsxs(Flex, __assign({ sx: { width: '100%', position: 'relative' } }, { children: [_jsxs(Flex, __assign({ sx: {
+                    background: 'white2',
+                    p: '6px',
+                    borderRadius: 'normal',
+                    cursor: 'pointer',
+                    alignItems: 'center',
+                    width: '100%',
+                    justifyContent: 'space-between',
+                }, onClick: function () { return setIsOpen(!isOpen); } }, { children: [_jsx(Text, __assign({ sx: { lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' } }, { children: chainFilterOption.includes('All Chains') ? 'All Chains' : "Chains (".concat(chainFilterOption.length, ")") })), _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) }))] })), isOpen && (_jsx(Flex, __assign({ sx: {
+                    flexDirection: ['column', 'column', 'column'],
+                    position: 'absolute',
+                    top: '45px',
+                    right: '0px',
+                    width: '200px',
+                    height: ['300px', '300px', '350px'],
+                    overflowY: 'scroll',
+                    borderRadius: 'normal',
+                    background: 'white2',
+                    zIndex: 555,
+                } }, { children: __spreadArray(['All Chains'], MAINNET_CHAINS, true).map(function (chainId) {
+                    return (_jsx(Flex, __assign({ sx: {
+                            borderRadius: 'normal',
+                            p: '5px 15px',
+                            minHeight: '40px',
+                            cursor: 'pointer',
+                            '&:hover': { bg: 'white3' },
+                        }, onClick: function () { return handleCheckbox(chainId.toString()); } }, { children: _jsxs(Flex, __assign({ sx: { width: '100%', alignItems: 'center', fontSize: '14px' } }, { children: [_jsx(Checkbox, { checked: chainFilterOption.includes(chainId.toString()), onChange: function () { return null; } }), chainId === 'All Chains' ? (_jsxs(_Fragment, { children: [_jsx(Flex, __assign({ sx: { mx: '8px' } }, { children: _jsx(Svg, { icon: "AllChains", width: "22px" }) })), _jsx(Text, __assign({ sx: { lineHeight: '22px', fontWeight: 400 } }, { children: "All Chains" }))] })) : (_jsxs(_Fragment, { children: [_jsx(Flex, __assign({ sx: { mx: '8px', borderRadius: '50px', overflow: 'hidden' } }, { children: _jsx(Svg, { icon: NETWORK_ICONS[chainId], width: "22px" }) })), _jsx(Text, __assign({ sx: { lineHeight: '22px', fontWeight: 400 } }, { children: NETWORK_LABEL[chainId] }))] }))] })) }), chainId));
+                }) })))] })));
+};
+export default NetworkFilter;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+declare const Checkbox: ({ scale, display, className, background, ...props }: CheckboxProps | any) => import("react").JSX.Element;
+export default Checkbox;

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

@@ -0,0 +1,46 @@
+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 { scales } from './types';
+var getScale = function (_a) {
+    var scale = _a.scale;
+    switch (scale) {
+        case scales.SM:
+            return '21px';
+        case scales.MD:
+        default:
+            return '32px';
+    }
+};
+var Checkbox = function (_a) {
+    var _b = _a.scale, scale = _b === void 0 ? scales.SM : _b, _c = _a.display, display = _c === void 0 ? 'block' : _c, className = _a.className, background = _a.background, props = __rest(_a, ["scale", "display", "className", "background"]);
+    var scaleSize = getScale({ scale: scale });
+    var svgScale = scale === 'sm' ? 13 : 21;
+    return (_jsxs("span", __assign({ className: className, sx: {
+            display: display,
+            width: scaleSize,
+            height: scaleSize,
+            position: 'relative',
+        } }, { children: [_jsx("input", __assign({ type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' } }, props)), _jsx("svg", __assign({ width: svgScale || '13', height: "auto", viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) }))] })));
+};
+export default Checkbox;

package/dist/components/uikit-sdk/Checkbox/types.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+import { ThemeUICSSObject } from 'theme-ui';
+export declare enum scales {
+    SM = "sm",
+    MD = "md"
+}
+export type scaleProps = `${scales}`;
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    scale?: scaleProps;
+    display?: ThemeUICSSObject['display'];
+}

package/dist/components/uikit-sdk/Checkbox/types.js

@@ -0,0 +1,5 @@
+export var scales;
+(function (scales) {
+    scales["SM"] = "sm";
+    scales["MD"] = "md";
+})(scales || (scales = {}));

package/dist/components/uikit-sdk/Svg/Icons/AllChains.d.ts

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

package/dist/components/uikit-sdk/Svg/Icons/AllChains.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, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+var AllChains = function (_a) {
+    var width = _a.width;
+    return (_jsx("svg", __assign({ width: width || '26', viewBox: "0 0 26 26", fill: "#fafafa", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsxs("g", __assign({ mask: "url(#mask0_4377_23303)" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#fafafa" }), _jsx("path", { d: "M0 12.9777C0.0118051 5.83109 5.86935 -0.0156193 13.0011 -9.12111e-05C20.1926 0.0161764 26.0074 5.84588 26 13.0332C25.9926 20.2375 20.138 26.062 12.8624 25.9992C5.72916 25.9378 0.0272993 20.1783 0 12.9777ZM10.6563 20.2242C11.2222 20.2331 11.9032 20.0659 12.5547 19.7598C13.4386 19.345 14.0879 18.6462 14.7077 17.929C15.1068 17.4676 14.9954 16.7525 14.5387 16.3606C14.0746 15.9621 13.3995 15.9769 12.9561 16.4028C12.6765 16.6712 12.4123 16.9544 12.132 17.2213C11.1875 18.1175 9.72666 18.1027 8.81693 17.1932C7.90573 16.2823 7.88802 14.8211 8.78299 13.8776C9.04344 13.6033 9.31865 13.3437 9.58205 13.0731C10.0454 12.5962 10.0484 11.8656 9.59312 11.4079C9.1342 10.9472 8.41409 10.9465 7.92934 11.4123C7.67036 11.6615 7.41434 11.9144 7.16274 12.1717C6.29433 13.0576 5.82803 14.1172 5.78745 15.3624C5.70113 18.0332 7.82826 20.2294 10.6563 20.2242ZM15.5016 5.78746C14.31 5.78894 13.2638 6.18454 12.374 6.97278C12.036 7.27151 11.7276 7.60426 11.4126 7.92813C10.9359 8.41837 10.9411 9.15189 11.417 9.61182C11.8811 10.0599 12.6005 10.0444 13.0808 9.57337C13.3575 9.302 13.6223 9.01879 13.9071 8.75703C14.4797 8.22982 15.1644 8.02647 15.9243 8.16918C16.8525 8.34369 17.487 8.89753 17.7652 9.80333C18.0434 10.7091 17.8176 11.5122 17.1617 12.1924C16.9189 12.4446 16.6651 12.6864 16.4202 12.9378C15.9546 13.4147 15.9494 14.1446 16.4039 14.6015C16.8628 15.0629 17.5837 15.0659 18.0677 14.6023C18.3341 14.3472 18.5967 14.0884 18.8535 13.8236C19.7027 12.9481 20.1646 11.9048 20.2096 10.6803C20.3092 7.99246 18.188 5.78746 15.5008 5.7882L15.5016 5.78746ZM15.4381 11.7407C15.399 11.2674 15.1895 10.8903 14.7342 10.6803C14.2753 10.4681 13.7979 10.5494 13.4113 10.9295C12.5769 11.7517 11.7468 12.5792 10.9271 13.4155C10.4446 13.9072 10.446 14.6104 10.9035 15.0807C11.3676 15.5576 12.0892 15.5702 12.5879 15.0814C13.4254 14.2621 14.2473 13.4273 15.0751 12.5977C15.3068 12.3655 15.4182 12.0801 15.4381 11.7407Z", fill: "#312F3A" })] })) })));
+};
+export default AllChains;

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

@@ -107,3 +107,4 @@ export { default as Insight } from './Insight';
 export { default as Expand } from './Expand';
 export { default as LineChart } from './LineChart';
 export { default as Sort } from './Sort';
+export { default as AllChains } from './AllChains';

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

@@ -109,3 +109,4 @@ export { default as Insight } from './Insight';
 export { default as Expand } from './Expand';
 export { default as LineChart } from './LineChart';
 export { default as Sort } from './Sort';
+export { default as AllChains } from './AllChains';

package/dist/components/uikit-sdk/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, Hot, NavCaret, Logout, Wallet, Receipt, ApebondLogo, Question, Chat, DocsV2, Tag, Play, Watch, XNew, DiscordNew, WebsiteNew, WhitepaperNew, Calendar, QuestionFill, TelegramNew, Warning, Insight, Expand, LineChart, Sort, } 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, Sort, AllChains } 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';
@@ -338,6 +338,8 @@ var Svg = function (_a) {
             return _jsx(BASE, __assign({}, props, { getStyles: getStyles }));
         case icons.SORT:
             return _jsx(Sort, __assign({}, props, { getStyles: getStyles }));
+        case icons.AllChains:
+            return _jsx(AllChains, __assign({}, props, { getStyles: getStyles }));
         default:
             return null;
     }

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

@@ -148,7 +148,8 @@ export declare enum icons {
     TelegramNew = "telegramnew",
     CALENDAR = "calendar",
     QuestionFill = "questionFill",
-    SORT = "sort"
+    SORT = "sort",
+    AllChains = "AllChains"
 }
 export declare enum directions {
     LEFT = "left",

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

@@ -154,6 +154,7 @@ export var icons;
     icons["CALENDAR"] = "calendar";
     icons["QuestionFill"] = "questionFill";
     icons["SORT"] = "sort";
+    icons["AllChains"] = "AllChains";
 })(icons || (icons = {}));
 export var directions;
 (function (directions) {

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

@@ -1,6 +1,7 @@
 export { default as Svg } from './Svg';
 export { default as Flex } from './Flex';
 export { default as Text } from './Text';
+export { default as CheckBox } from './Checkbox';
 export { default as Skeleton } from './Skeleton';
 export { default as TooltipBubble } from './TooltipBubble';
 export { Button, IconButton } from './Button';

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

@@ -2,6 +2,7 @@
 export { default as Svg } from './Svg';
 export { default as Flex } from './Flex';
 export { default as Text } from './Text';
+export { default as CheckBox } from './Checkbox';
 export { default as Skeleton } from './Skeleton';
 export { default as TooltipBubble } from './TooltipBubble';
 // Exports

package/dist/pages/Bonds/Bonds.js

@@ -226,23 +226,12 @@ var Bonds = function (_a) {
     };
     // Search logic
     var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
-    var _k = useState(sortedBonds), filteredBonds = _k[0], setFilteredBonds = _k[1];
-    // useEffect(() => {
-    //     if (inputValue === '') {
-    //         setFilteredBonds(sortedBonds);
-    //     } else {
-    //         setFilteredBonds(
-    //             sortedBonds.filter(bond =>
-    //             bond.showcaseTokenName.toLowerCase().includes(inputValue.toLowerCase())
-    //             ));
-    //     }
-    // }, [inputValue, sortedBonds]);
     var handleInputChange = function (event) {
         setInputValue(event.target.value);
     };
     var topTags = useTopTags(sortedBonds);
     var filterOptions = __spreadArray(__spreadArray(['ALL'], topTags, true), ['SOLD OUT'], false);
-    var _l = useState(filterOptions[0]), filterOption = _l[0], setFilterOption = _l[1];
+    var _k = useState(filterOptions[0]), filterOption = _k[0], setFilterOption = _k[1];
     var handleChangeFilterOption = useCallback(function (newOption) {
         setFilterOption(newOption);
     }, []);
@@ -264,7 +253,7 @@ var Bonds = function (_a) {
         //return sortBills(billsToReturn, sortOption)
     }, [filterOption, bondData, inputValue, topTags]);
     // Page render logic
-    var _m = useState(false), bondsRendered = _m[0], setBondsRendered = _m[1];
+    var _l = useState(false), bondsRendered = _l[0], setBondsRendered = _l[1];
     useEffect(function () {
         if (billstoRender.length > 0) {
             setBondsRendered(true);

package/dist/scss/BondRowHeader.scss

@@ -4,8 +4,6 @@
     align-items: center;
     flex-direction: column;
     width: 100%;
-    padding-top: 5px;
-    padding-bottom: 5px; 
     font-size: 11px;
 }
 

package/package.json

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