@ape.swap/bonds-sdk 1.0.61 → 1.0.62

package/dist/contexts/ModalContext.js

@@ -0,0 +1,78 @@
+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 } from "theme-ui/jsx-runtime";
+import { Flex } from '../components/uikit';
+import React, { createContext, useState } from 'react';
+export var Context = createContext({
+    nodeId: [],
+    modalNode: [],
+    setModalNode: function () { return null; },
+    onPresent: function () { return null; },
+    handleClose: function () { return null; },
+    setCloseOnOverlayClick: function () { return true; },
+});
+var ModalProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState([]), nodeId = _b[0], setNodeId = _b[1];
+    var _c = useState([]), modalNode = _c[0], setModalNode = _c[1];
+    var _d = useState(true), closeOnOverlayClick = _d[0], setCloseOnOverlayClick = _d[1];
+    var handlePresent = function (node, newNodeId, clearModalStack) {
+        if (clearModalStack) {
+            setModalNode([node]);
+            setNodeId([newNodeId]);
+        }
+        else {
+            setModalNode(function (prev) { return __spreadArray(__spreadArray([], prev, true), [node], false); });
+            setNodeId(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newNodeId], false); });
+        }
+    };
+    var handleDismiss = function () {
+        var _a, _b;
+        if (modalNode.length > 0) {
+            if (React.isValidElement(modalNode[modalNode.length - 1])) {
+                // @ts-ignore
+                (_b = (_a = modalNode[modalNode.length - 1].props).onDismiss) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        }
+        setModalNode(modalNode.slice(0, modalNode.length - 1));
+        setNodeId(nodeId.slice(0, nodeId.length - 1));
+    };
+    var handleOverlayDismiss = function () {
+        if (closeOnOverlayClick) {
+            handleDismiss();
+        }
+    };
+    return (_jsxs(Context.Provider, __assign({ value: {
+            nodeId: nodeId,
+            modalNode: modalNode,
+            setModalNode: setModalNode,
+            onPresent: handlePresent,
+            handleClose: handleDismiss,
+            setCloseOnOverlayClick: setCloseOnOverlayClick,
+        } }, { children: [modalNode.map(function (modal, i) {
+                return (_jsxs(Flex, { children: [_jsx(Flex, { onClick: handleOverlayDismiss }), React.isValidElement(modal) &&
+                            React.cloneElement(modal, {
+                                // @ts-ignore
+                                onDismiss: handleDismiss,
+                            })] }, nodeId[i]));
+            }), children] })));
+};
+export default ModalProvider;

package/dist/hooks/useIsAbond.d.ts

@@ -0,0 +1,3 @@
+export declare const useIsAbond: () => boolean;
+export declare const apeSiteName: () => string;
+export declare const isAbond: () => boolean;

package/dist/hooks/useIsAbond.js

@@ -0,0 +1,10 @@
+//TODO: remove this hooks
+export var useIsAbond = function () {
+    return isAbond();
+};
+export var apeSiteName = function () {
+    return 'ApeBond';
+};
+export var isAbond = function () {
+    return true;
+};

package/dist/hooks/useModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useModal: (modal: React.ReactNode, closeOnOverlayClick?: boolean, updateOnPropsChange?: boolean, modalId?: string, clearModalStack?: boolean) => [() => void, () => void];
+export default useModal;

package/dist/hooks/useModal.js

@@ -0,0 +1,39 @@
+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 { useCallback, useContext, useEffect } from 'react';
+import get from 'lodash/get';
+import { Context } from '../contexts/ModalContext';
+var useModal = function (modal, closeOnOverlayClick, updateOnPropsChange, modalId, clearModalStack) {
+    if (closeOnOverlayClick === void 0) { closeOnOverlayClick = true; }
+    if (updateOnPropsChange === void 0) { updateOnPropsChange = false; }
+    if (modalId === void 0) { modalId = 'defaultNodeId'; }
+    if (clearModalStack === void 0) { clearModalStack = false; }
+    // Clear modal stack will not update props if the parent modal gets unmounted
+    var _a = useContext(Context), nodeId = _a.nodeId, modalNode = _a.modalNode, setModalNode = _a.setModalNode, onPresent = _a.onPresent, handleClose = _a.handleClose, setCloseOnOverlayClick = _a.setCloseOnOverlayClick;
+    var onPresentCallback = useCallback(function () {
+        onPresent(modal, modalId, clearModalStack);
+    }, [modal, modalId, clearModalStack, onPresent]);
+    var nodeIdIndex = nodeId.indexOf(modalId);
+    useEffect(function () {
+        // NodeId is needed in case there are 2 useModal hooks on the same page and one has updateOnPropsChange
+        if (updateOnPropsChange) {
+            var modalProps = get(modal, 'props');
+            var oldModalProps = get(modalNode[nodeIdIndex], 'props');
+            if (modalProps && oldModalProps && JSON.stringify(modalProps) !== JSON.stringify(oldModalProps)) {
+                setModalNode(function (prev) { return __spreadArray(__spreadArray([], prev.filter(function (_, i) { return i !== nodeIdIndex; }), true), [modal], false); });
+            }
+        }
+    }, [updateOnPropsChange, nodeId, modalId, modal, nodeIdIndex, modalNode, setModalNode]);
+    useEffect(function () {
+        setCloseOnOverlayClick(closeOnOverlayClick);
+    }, [closeOnOverlayClick, setCloseOnOverlayClick]);
+    return [onPresentCallback, handleClose];
+};
+export default useModal;

package/dist/utils/numbers.d.ts

@@ -0,0 +1,5 @@
+export declare const isNumber: (s: string) => boolean;
+export declare const floorFormatter: (n: number) => string;
+export declare const volumeFormatter: (n: number) => string;
+export declare const quantityFormatter: (n: number) => string;
+export declare const roundWholePercentage: (n: number) => string;

package/dist/utils/numbers.js

@@ -0,0 +1,111 @@
+import numbro from 'numbro';
+export var isNumber = function (s) {
+    var reg = /^-?\d+\.?\d*$/;
+    return reg.test(s) && !isNaN(parseFloat(s)) && isFinite(parseFloat(s));
+};
+export var floorFormatter = function (n) {
+    if (n === 0)
+        return '0.00';
+    if (!n)
+        return '';
+    if (n < 0.001) {
+        return '<0.001';
+    }
+    if (n >= 0.001 && n < 1) {
+        return "".concat(parseFloat(n.toFixed(3)).toLocaleString('en-US', {
+            minimumFractionDigits: 1,
+            maximumFractionDigits: 3,
+        }));
+    }
+    if (n >= 1 && n < 1e6) {
+        return "".concat(parseFloat(n.toPrecision(6)).toLocaleString('en-US', {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 2,
+        }));
+    }
+    if (n >= 1e6 && n < 1e15) {
+        return numbro(n)
+            .format({
+            average: true,
+            mantissa: 2,
+            optionalMantissa: true,
+            abbreviations: {
+                million: 'M',
+                billion: 'B',
+                trillion: 'T',
+            },
+        })
+            .toUpperCase();
+    }
+    if (n >= 1e15) {
+        return "".concat(n.toExponential(3).replace(/(\.[0-9]*[1-9])0*|(\.0*)/, '$1'));
+    }
+    return "".concat(Number(n.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 }));
+};
+export var volumeFormatter = function (n) {
+    if (n === 0)
+        return '0.00';
+    if (!n)
+        return '';
+    if (n < 0.01) {
+        return '<0.01';
+    }
+    if (n >= 0.01 && n < 1) {
+        return "".concat(parseFloat(n.toFixed(2)).toLocaleString('en-US'));
+    }
+    if (n >= 1 && n < 1000) {
+        return "".concat(Number(Math.round(n).toLocaleString('en-US')));
+    }
+    if (n >= 1000) {
+        return numbro(n)
+            .format({
+            average: true,
+            mantissa: 1,
+            optionalMantissa: true,
+            abbreviations: {
+                thousand: 'K',
+                million: 'M',
+                billion: 'B',
+                trillion: 'T',
+            },
+        })
+            .toUpperCase();
+    }
+    return "".concat(Number(n.toFixed(1)).toLocaleString('en-US', { minimumFractionDigits: 1 }));
+};
+export var quantityFormatter = function (n) {
+    if (n === 0)
+        return '0.00';
+    if (!n)
+        return '';
+    if (n >= 1 && n < 1000) {
+        return "".concat(Number(Math.round(n).toLocaleString('en-US')));
+    }
+    if (n >= 1000) {
+        return numbro(n)
+            .format({
+            average: true,
+            mantissa: 1,
+            thousandSeparated: true,
+            optionalMantissa: true,
+            abbreviations: {
+                thousand: 'K',
+                million: 'M',
+                billion: 'B',
+                trillion: 'T',
+            },
+        })
+            .toUpperCase();
+    }
+    return "".concat(Number(n.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 }));
+};
+export var roundWholePercentage = function (n) {
+    if (n === 0)
+        return '0';
+    if (!n)
+        return '';
+    if (n < 1) {
+        return '<1';
+    }
+    return Math.round(n).toString();
+};

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -26,6 +26,7 @@
     "@ape.swap/apeswap-lists": "^2.0.9",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@types/lodash": "^4.17.6",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
     "@web3-react/coinbase-wallet": "^8.2.0",
@@ -45,6 +46,11 @@
     "typescript": "^4.0.0"
   },
   "dependencies": {
+    "framer-motion": "^11.3.2",
+    "lodash": "^4.17.21",
+    "lottie-react": "^2.4.0",
+    "next": "^14.2.5",
+    "numbro": "^2.5.0",
     "react-scripts": "^5.0.1",
     "sass": "^1.77.7",
     "theme-ui": "^0.16.2"