@ape.swap/bonds-sdk 2.5.2-test3 → 2.5.2-test5

package/dist/main.js

@@ -74218,13 +74218,20 @@ const RestrictedRegionModal = ({ onDismiss }) => {
     return (jsxs(Modal, { className: "modal", title: "Notice", sx: { maxWidth: '200px' }, children: [jsxs(Flex, { sx: { my: '20px' }, children: ["Unfortunately, this bond is restricted for your region: ", geoData === null || geoData === void 0 ? void 0 : geoData.countryCode, "."] }), jsx$2(Button, { fullWidth: true, onClick: onDismiss, children: "Close" })] }));
 };
 
-const NoBonusModal = ({ onAcknowledge }) => {
+const NoBonusModal = ({ onAcknowledge, showcaseTokenName }) => {
     const [isOpen, setIsOpen] = useState(true);
+    const [isChecked, setIsChecked] = useState(false);
     const handleAcknowledge = () => {
         onAcknowledge();
         setIsOpen(false);
     };
-    return (isOpen && (jsxs(Modal, { className: "nobonus-modal", title: "Warning", onClose: handleAcknowledge, children: [jsx$2("p", { children: "You will not receive any bonus tokens when buying this Bond." }), jsx$2("p", { children: "Please acknowledge to proceed." }), jsx$2(Button, { onClick: handleAcknowledge, className: "nobonus-button", sx: { width: '100%', justifyContent: 'center' }, children: "Acknowledge" })] })));
+    const handleCancel = () => {
+        setIsOpen(false);
+    };
+    const handleCheckboxChange = () => {
+        setIsChecked(!isChecked);
+    };
+    return (isOpen && (jsxs(Modal, { className: "nobonus-modal", title: "Warning", onClose: handleAcknowledge, children: [jsxs("p", { children: ["You're buying ", showcaseTokenName, " at a higher price than the market, which will result in receiving fewer tokens compared to swapping via an exchange."] }), jsx$2("p", { children: "You will not receive any bonus tokens when buying this bond." }), jsxs(Flex, { className: "nobonus-checkbox-row", sx: { flexDirection: 'row', gap: '8px', pb: '20px' }, children: [jsx$2(Flex, { className: "nobonus-checkbox", children: jsx$2(Checkbox, { onChange: handleCheckboxChange }) }), jsx$2(Flex, { className: "nobonus-checkbox-text", children: "I understand and want to proceed." })] }), jsxs(Flex, { className: "nobonus-actions", sx: { flexDirection: 'row', gap: '8px' }, children: [jsx$2(Button, { className: "nobonus-buy", onClick: handleAcknowledge, disabled: !isChecked, sx: { width: '100%', justifyContent: 'center' }, children: "Buy" }), jsx$2(Button, { classname: "nobonus-cancel", onClick: handleCancel, sx: { width: '100%', justifyContent: 'center' }, variant: "secondary", children: "Cancel" })] })] })));
 };
 
 const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) => {
@@ -74420,7 +74427,7 @@ const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) =
             }
         }
     };
-    const [openNoBonusModal] = useModal(jsx$2(NoBonusModal, { onAcknowledge: handleBothPurchases }), true, true);
+    const [openNoBonusModal] = useModal(jsx$2(NoBonusModal, { onAcknowledge: handleBothPurchases, showcaseTokenName: bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName }), true, true);
     const handleOpenModal = () => {
         var _a;
         if ((_a = bondData === null || bondData === void 0 ? void 0 : bondData.bonus) !== null && _a !== void 0 ? _a : 0 < 0) {

package/dist/views/BondModal/NoBonusModal.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface NoBonusModalProps {
+    showcaseTokenName?: string;
     onAcknowledge: () => void;
 }
 declare const NoBonusModal: React.FC<NoBonusModalProps>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "2.5.2-test3",
+  "version": "2.5.2-test5",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",