@ape.swap/bonds-sdk 2.0.3 → 2.0.4-testseed.2

package/dist/config/constants/variables.d.ts

@@ -1,5 +1,5 @@
 import { ChainId } from '@ape.swap/apeswap-lists';
 export declare const supportedByLIFI: ChainId[];
 export declare const APESWAP_LIST_REPO = "https://raw.githubusercontent.com/ApeSwapFinance/apeswap-token-lists/staging";
-export declare const STRAPI_URL = "https://apeswap-strapi.herokuapp.com";
-export declare const SOUL_ZAP_API = "https://soulsolidity-zap-api-902f1d839e8d.herokuapp.com/zap?batch=1";
+export declare const STRAPI_URL = "https://strapi-api.ape.bond";
+export declare const SOUL_ZAP_API = "https://zap-api.ape.bond/zap?batch=1";

package/dist/main.js

@@ -18517,8 +18517,8 @@ const supportedByLIFI = [
 ];
 // we should be good just by using staging on this, as it is only used for token images
 const APESWAP_LIST_REPO = `https://raw.githubusercontent.com/ApeSwapFinance/apeswap-token-lists/staging`;
-const STRAPI_URL = `https://apeswap-strapi.herokuapp.com`;
-const SOUL_ZAP_API = `https://soulsolidity-zap-api-902f1d839e8d.herokuapp.com/zap?batch=1`;
+const STRAPI_URL = `https://strapi-api.ape.bond`;
+const SOUL_ZAP_API = `https://zap-api.ape.bond/zap?batch=1`;
 
 const TokenImage = ({ symbol, symbol2, size, chain, }) => {
     var _a, _b;
@@ -73077,6 +73077,17 @@ const ProjectDescription = ({ description }) => {
                         }, onClick: () => setIsOpen(true), children: ["View More ", '>'] }))] }), jsx$2(Flex, { sx: { display: ['none', 'none', 'none', 'flex'] }, children: jsx$2(SafeHTMLComponent, { html: description !== null && description !== void 0 ? description : '' }) })] }));
 };
 
+const BondModalHeaderAlt = ({ bondData, onDismiss, showProjectInfoButton, }) => {
+    const [onOpenSlippageModal] = useModal(jsx$2(SlippageModal, {}));
+    const handleClose = () => {
+        if (typeof window !== 'undefined') {
+            window.history.pushState({}, '', `/bonds`);
+        }
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    };
+    return (jsx$2(Flex, { className: "modaltable-container title-container", children: jsx$2(Flex, { className: "slipagge-close-icons", sx: { flexDirection: 'row' }, children: onDismiss ? (jsxs(Fragment$1, { children: [jsx$2(Flex, { sx: { mb: '-5px', pr: '10px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose })] })) : (jsx$2(Flex, { sx: {}, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) }) }));
+};
+
 const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, 
 // ??
 accordionTitle = 'What are Bonds?', accordionBody = 'Body', accordionVisible = false, }) => {
@@ -73281,7 +73292,7 @@ accordionTitle = 'What are Bonds?', accordionBody = 'Body', accordionVisible = f
                                                 (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut) ||
                                                 !account ||
                                                 !inputValue ||
-                                                parseFloat(inputValue) === 0, onClick: handleApprove, children: "enable" })) })] }), accordionVisible && (jsx$2(Flex, { className: "modaltable-container accordion-container", children: jsx$2(AccordionText, { title: accordionTitle, body: accordionBody, isVisible: accordionVisible }) }))] })] })) })) : (jsx$2(Fragment$1, { children: bondData && (jsxs(Flex, { className: "modal-content font-small gpt", children: [typeof window !== 'undefined' && window.location.origin === 'http://localhost:5173' && (jsxs(Text, { sx: { borderBottom: '1px solid white' }, children: ["Dev Mode - Current view: \"alt\"", jsx$2(Text, { onClick: () => setModalVariant('standard'), sx: { ml: '15px', textDecoration: 'underline', cursor: 'pointer' }, children: "Switch view" })] })), jsx$2(Flex, { className: "modal-header" }), jsxs(Flex, { className: "modaltable-container", sx: { flexDirection: 'row', gap: '20px' }, children: [jsxs(Flex, { sx: { width: '500px', flexDirection: 'column' }, children: [jsx$2("img", { src: "https://placehold.co/400x200" }), jsx$2(Flex, { className: "modaltable-container description-container paragraph-spaced", sx: { marginTop: '20px' }, children: bondData === null || bondData === void 0 ? void 0 : bondData.shortDescription })] }), jsxs(Flex, { sx: { flexDirection: 'column', width: '600px' }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { minWidth: '300px' }, children: jsxs("h2", { sx: { margin: '0px' }, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, ' ', jsx$2(Svg, { width: 20, height: 20, icon: (_k = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bondData.chainId]) !== null && _k !== void 0 ? _k : 'question' })] }) }), jsxs(Flex, { sx: { justifyContent: 'space-between', flexGrow: 1 }, children: [jsx$2(TokenImage, { symbol: (_l = bondData.showcaseTokenName) !== null && _l !== void 0 ? _l : bondData.earnToken.symbol, size: 20 }), jsx$2("span", { children: bondData.earnToken.symbol }), " ", jsx$2("span", { children: "|" }), ' ', jsxs("span", { children: ["Market Price: $", earnTokenPrice(bondData)] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', marginTop: '20px' }, children: [jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleMaxBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: true, bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price }), jsxs(Flex, { sx: { justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { children: ["You will receive:", jsx$2(Flex, { sx: { marginLeft: '15px', marginRight: '5px' }, children: jsx$2(TokenImage, { symbol: (_m = bondData.showcaseTokenName) !== null && _m !== void 0 ? _m : bondData.earnToken.symbol, size: 20 }) }), (lodashExports.toNumber(inputValue) / lodashExports.toNumber(earnTokenPrice(bondData))).toFixed(0), ' ', bondData.earnToken.symbol, " + \u00A0", (youGet(bondData, inputValue) -
+                                                parseFloat(inputValue) === 0, onClick: handleApprove, children: "enable" })) })] }), accordionVisible && (jsx$2(Flex, { className: "modaltable-container accordion-container", children: jsx$2(AccordionText, { title: accordionTitle, body: accordionBody, isVisible: accordionVisible }) }))] })] })) })) : (jsx$2(Fragment$1, { children: bondData && (jsxs(Flex, { className: "modal-content font-small gpt", children: [typeof window !== 'undefined' && window.location.origin === 'http://localhost:5173' && (jsxs(Text, { sx: { borderBottom: '1px solid white' }, children: ["Dev Mode - Current view: \"alt\"", jsx$2(Text, { onClick: () => setModalVariant('standard'), sx: { ml: '15px', textDecoration: 'underline', cursor: 'pointer' }, children: "Switch view" })] })), jsx$2(Flex, { className: "bondmodal-header-alt", sx: { mb: '20px' }, children: jsx$2(BondModalHeaderAlt, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }) }), jsxs(Flex, { className: "modaltable-container", sx: { flexDirection: 'row', gap: '20px' }, children: [jsxs(Flex, { sx: { width: '500px', flexDirection: 'column' }, children: [jsx$2("img", { src: "https://placehold.co/400x200" }), jsx$2(Flex, { className: "modaltable-container description-container paragraph-spaced", sx: { marginTop: '20px' }, children: bondData === null || bondData === void 0 ? void 0 : bondData.shortDescription })] }), jsxs(Flex, { sx: { flexDirection: 'column', width: '600px' }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx$2(Flex, { sx: { minWidth: '300px' }, children: jsxs("h2", { sx: { margin: '0px' }, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, ' ', jsx$2(Svg, { width: 20, height: 20, icon: (_k = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bondData.chainId]) !== null && _k !== void 0 ? _k : 'question' })] }) }), jsxs(Flex, { sx: { justifyContent: 'space-between', flexGrow: 1 }, children: [jsx$2(TokenImage, { symbol: (_l = bondData.showcaseTokenName) !== null && _l !== void 0 ? _l : bondData.earnToken.symbol, size: 20 }), jsx$2("span", { children: bondData.earnToken.symbol }), " ", jsx$2("span", { children: "|" }), ' ', jsxs("span", { children: ["Market Price: $", earnTokenPrice(bondData)] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', marginTop: '20px' }, children: [jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleMaxBtn: () => { var _a; return setInputValue((_a = new BigNumber$1(inputCurrencyBalance !== null && inputCurrencyBalance !== void 0 ? inputCurrencyBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, handleCurrencySelect: handleCurrencySelect, chainId: bondData === null || bondData === void 0 ? void 0 : bondData.chainId, enableZap: true, bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price }), jsxs(Flex, { sx: { justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { children: ["You will receive:", jsx$2(Flex, { sx: { marginLeft: '15px', marginRight: '5px' }, children: jsx$2(TokenImage, { symbol: (_m = bondData.showcaseTokenName) !== null && _m !== void 0 ? _m : bondData.earnToken.symbol, size: 20 }) }), (lodashExports.toNumber(inputValue) / lodashExports.toNumber(earnTokenPrice(bondData))).toFixed(0), ' ', bondData.earnToken.symbol, " + \u00A0", (youGet(bondData, inputValue) -
                                                                 lodashExports.toNumber(inputValue) / lodashExports.toNumber(earnTokenPrice(bondData))).toFixed(0), jsx$2("span", { className: "text-highlight", children: "\u00A0additional" })] }), jsx$2(Flex, { className: "button-container buy", sx: { justifyContent: 'end' }, children: !account ? (jsx$2(ConnectButton, {})) : userChainId !== bondData.chainId ? (jsx$2(Button, { className: "switch-button button-narrow", disabled: loadingTx || isConfirming || (bondData === null || bondData === void 0 ? void 0 : bondData.soldOut), onClick: (event) => {
                                                                 event.stopPropagation();
                                                                 switchChain({ chainId: bondData.chainId });
@@ -73650,8 +73661,7 @@ const BondRowsByChain = ({ bonds, hideTitles }) => {
 const getUserApiStats = (account) => __awaiter$9(void 0, void 0, void 0, function* () {
     if (!account)
         return null;
-    const { data } = yield axios.get(`
-https://bonds-dashboard-api-deaf0d7d55b7.herokuapp.com/collector/userSalesInfo/purchased/${account}`);
+    const { data } = yield axios.get(`https://dashboard-api.ape.bond/collector/userSalesInfo/purchased/${account}`);
     return data;
 });
 function useUserApiStats() {
@@ -74867,7 +74877,7 @@ const NavPanel = ({ contractAddress }) => {
             justifyContent: 'space-between',
             alignItems: 'center',
             mb: ['15px', '15px', '15px', '0px'],
-        }, children: [jsxs(Flex, { onClick: () => window.open(`${window.location.origin}/bonds`, '_self'), sx: { cursor: 'pointer' }, children: ['< ', jsx$2(Flex, { sx: { ml: '4px' }, children: "All Bonds" })] }), jsx$2(Flex, { children: jsxs(Flex, { sx: { p: '5px 10px', background: 'white3', borderRadius: 'small', cursor: 'pointer' }, onClick: () => window.open(`https://bond-dashboard.vercel.app/bond/${contractAddress}`, '_blank', 'noreferrer'), children: ["View insights", jsx$2(Flex, { sx: { ml: '3px' }, children: jsx$2(Svg, { icon: "insight" }) })] }) })] }));
+        }, children: [jsxs(Flex, { onClick: () => window.open(`${window.location.origin}/bonds`, '_self'), sx: { cursor: 'pointer' }, children: ['< ', jsx$2(Flex, { sx: { ml: '4px' }, children: "All Bonds" })] }), jsx$2(Flex, { children: jsxs(Flex, { sx: { p: '5px 10px', background: 'white3', borderRadius: 'small', cursor: 'pointer' }, onClick: () => window.open(`https://dashboard.ape.bond/bond/${contractAddress}`, '_blank', 'noreferrer'), children: ["View insights", jsx$2(Flex, { sx: { ml: '3px' }, children: jsx$2(Svg, { icon: "insight" }) })] }) })] }));
 };
 
 const styles$3 = {
@@ -89387,8 +89397,7 @@ const styles$2 = {
 };
 
 const getBondApiStats = (contractAddress) => __awaiter$9(void 0, void 0, void 0, function* () {
-    const { data } = yield axios.get(`
-https://bonds-dashboard-api-deaf0d7d55b7.herokuapp.com/collector/salesInfo/bond/${contractAddress}/0`);
+    const { data } = yield axios.get(`https://dashboard-api.ape.bond/collector/salesInfo/bond/${contractAddress}/0`);
     return data;
 });
 function useGetBondApiStats(contractAddress) {
@@ -89466,7 +89475,7 @@ const BondStats = ({ selectedBond }) => {
             });
         }
     }, [bondStats]);
-    return (jsxs(Flex, { sx: styles$2.bondStatsContainer, children: [jsxs(Flex, { sx: styles$2.titleContainer, children: [jsx$2(Flex, { sx: { fontSize: '22px' }, children: "Bond Stats" }), jsxs(Link, { href: `https://bond-dashboard.vercel.app/bond/${selectedBond.billAddress}`, sx: styles$2.link, target: "_blank", rel: "noopener noreferrer", children: ["View More ", '>'] })] }), jsxs(Flex, { sx: styles$2.chartsContainer, children: [jsxs(Flex, { sx: styles$2.salesChart, children: [jsx$2(Flex, { sx: { width: '150px' }, children: jsx$2(MenuSelect, { selectedOption: chartOption, setOption: setChartOption, options: chartOptions }) }), jsx$2(Flex, { sx: { width: '100%', height: '100%', minHeight: '225px' }, children: chartOption === 'amount' ? (jsx$2(Line, { options: options, data: salesAmountChartData })) : (jsx$2(Line, { options: options, data: salesCountChartData })) })] }), (bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) && (jsxs(Flex, { sx: styles$2.percentageSoldChart, children: [jsxs(Flex, { sx: { mb: '10px' }, children: [selectedBond.earnToken.symbol, " Sold"] }), jsx$2(Knob, { value: bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold, size: 176, valueTemplate: `${(_f = bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) === null || _f === void 0 ? void 0 : _f.toFixed()}%`, valueColor: "#6560C5", rangeColor: "rgba(250, 250, 250, 0.05)", textColor: "#f6f6f6" }), jsxs(Flex, { sx: { fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }, children: [soldTokens, " / ", maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toLocaleString(), " ", selectedBond.earnToken.symbol] })] }))] })] }));
+    return (jsxs(Flex, { sx: styles$2.bondStatsContainer, children: [jsxs(Flex, { sx: styles$2.titleContainer, children: [jsx$2(Flex, { sx: { fontSize: '22px' }, children: "Bond Stats" }), jsxs(Link, { href: `https://dashboard.ape.bond/bond/${selectedBond.billAddress}`, sx: styles$2.link, target: "_blank", rel: "noopener noreferrer", children: ["View More ", '>'] })] }), jsxs(Flex, { sx: styles$2.chartsContainer, children: [jsxs(Flex, { sx: styles$2.salesChart, children: [jsx$2(Flex, { sx: { width: '150px' }, children: jsx$2(MenuSelect, { selectedOption: chartOption, setOption: setChartOption, options: chartOptions }) }), jsx$2(Flex, { sx: { width: '100%', height: '100%', minHeight: '225px' }, children: chartOption === 'amount' ? (jsx$2(Line, { options: options, data: salesAmountChartData })) : (jsx$2(Line, { options: options, data: salesCountChartData })) })] }), (bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) && (jsxs(Flex, { sx: styles$2.percentageSoldChart, children: [jsxs(Flex, { sx: { mb: '10px' }, children: [selectedBond.earnToken.symbol, " Sold"] }), jsx$2(Knob, { value: bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold, size: 176, valueTemplate: `${(_f = bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) === null || _f === void 0 ? void 0 : _f.toFixed()}%`, valueColor: "#6560C5", rangeColor: "rgba(250, 250, 250, 0.05)", textColor: "#f6f6f6" }), jsxs(Flex, { sx: { fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }, children: [soldTokens, " / ", maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toLocaleString(), " ", selectedBond.earnToken.symbol] })] }))] })] }));
 };
 
 const styles$1 = {

package/dist/styles.css

@@ -580,9 +580,9 @@ span.flex-inline {
 }
 
 .footer-details {
-  margin-left: -10px !important;
-  margin-right: -10px !important;
-  margin-bottom: -10px !important;
+  margin-left: -20px !important;
+  margin-right: -20px !important;
+  margin-bottom: -20px !important;
   margin-top: 20px !important;
   height: 50px;
   align-items: center;

package/dist/views/BondModal/components/BondModalHeaderAlt.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BondsData } from '../../../types/bonds';
+declare const BondModalHeaderAlt: ({ bondData, onDismiss, showProjectInfoButton, }: {
+    bondData: BondsData;
+    onDismiss?: () => void;
+    showProjectInfoButton?: boolean;
+}) => React.JSX.Element;
+export default BondModalHeaderAlt;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "2.0.3",
+  "version": "2.0.4-testseed.2",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",