@ape.swap/bonds-sdk 1.0.606 → 1.0.608

package/dist/components/Modals/BondModal/BondModal.js

@@ -54,21 +54,17 @@ import ERC_20_ABI from '../../../config/abi/erc20.json';
 import { NETWORK_ICONS } from '../../../config/constants/chains';
 import { formatUSDNumber, getPremiumColor, premium, youGet, youGetUSD, youSpend, youSpendUSD } from './helper';
 import '../../../scss/BondModal.scss';
-import { useWriteContract } from "wagmi";
+import { useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { PUBLIC_RPC_URLS } from "../../../config/constants/networks";
 var BondModal = function (_a) {
     var account = _a.account, isActive = _a.isActive, isOpen = _a.isOpen, accountChainId = _a.accountChainId, onClose = _a.onClose, bondAddress = _a.bondAddress;
     if (!isOpen)
         return null;
     var _b = useWriteContract(), hash = _b.data, isPending = _b.isPending, writeContract = _b.writeContract, writeContractAsync = _b.writeContractAsync;
-    // const transactionReceipt = async (txHash: `0x${string}`) => { 
-    //     return useWaitForTransactionReceipt({
-    //         confirmations: 4,
-    //         hash: txHash,
-    //         pollingInterval: 1_000
-    //     });
-    // }
-    var _c = useState([]), bondData = _c[0], setBondData = _c[1];
+    var _c = useWaitForTransactionReceipt({
+        hash: hash
+    }), isConfirming = _c.isLoading, isConfirmed = _c.isSuccess;
+    var _d = useState([]), bondData = _d[0], setBondData = _d[1];
     //This is a temp solution, but we will force approval each time, and then once set we will set status here and allow
     //user to buy
     //Check with Fede if this needs to be temp, if we force approval everytime, isn't this fine?
@@ -111,7 +107,7 @@ var BondModal = function (_a) {
             }
         });
     }); };
-    var _d = useState(null), buyTx = _d[0], setBuyTx = _d[1];
+    var _e = useState(null), buyTx = _e[0], setBuyTx = _e[1];
     //You approve the token, not the contract (this code will have to be updated for zap)
     var handleApprove = function () { return __awaiter(void 0, void 0, void 0, function () {
         var tokenAddress, decimals, amount, tx, error_2;
@@ -135,6 +131,7 @@ var BondModal = function (_a) {
                     tx = _a.sent();
                     // const receipt = useWaitForTransactionReceipt({
                     //     confirmations: 4,
+                    //     chainId: accountChainId,
                     //     hash: tx,
                     //     pollingInterval: 1_000
                     // });
@@ -157,10 +154,10 @@ var BondModal = function (_a) {
             }
         });
     }); };
-    var _e = useState(null), receiptTx = _e[0], setReceiptTx = _e[1];
-    var _f = useState(null), approveTx = _f[0], setApproveTx = _f[1];
-    var _g = useState(null), tokenBalance = _g[0], setTokenBalance = _g[1];
-    var _h = useState(null), tokenDecimals = _h[0], setTokenDecimals = _h[1];
+    var _f = useState(null), receiptTx = _f[0], setReceiptTx = _f[1];
+    var _g = useState(null), approveTx = _g[0], setApproveTx = _g[1];
+    var _h = useState(null), tokenBalance = _h[0], setTokenBalance = _h[1];
+    var _j = useState(null), tokenDecimals = _j[0], setTokenDecimals = _j[1];
     useEffect(function () {
         if (isActive && account && bondData.length > 0) {
             getTokenBalance(bondData[0].chainId, bondData[0].principalToken, account).then(function (_a) {
@@ -233,7 +230,7 @@ var BondModal = function (_a) {
         var singlePurchaseLimit = new BigNumber((_c = bond === null || bond === void 0 ? void 0 : bond.maxPayout) !== null && _c !== void 0 ? _c : 0).div(new BigNumber(10).pow((_d = bond === null || bond === void 0 ? void 0 : bond.payoutTokenDecimals) !== null && _d !== void 0 ? _d : 18));
         return !available ? 0 : (singlePurchaseLimit.lt(safeAvailable) ? singlePurchaseLimit : safeAvailable);
     };
-    var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
+    var _k = useState(''), inputValue = _k[0], setInputValue = _k[1];
     var handleInputChange = function (event) {
         setInputValue(event.target.value);
     };
@@ -253,10 +250,10 @@ var BondModal = function (_a) {
                                                                     !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
                                                                         ? v.currentTarget.value
                                                                         : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
-                                                            } }) }), _jsxs(Flex, { className: "input-container token", children: [_jsx(Flex, { className: "input-container bondicon", children: _jsxs("div", { className: "icon-container-small", children: [_jsx(Svg, { width: 12, height: 12, icon: (_m = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _m !== void 0 ? _m : 'question' }), _jsx(TokenImage, { symbol: (_o = bond.principalTokenName) !== null && _o !== void 0 ? _o : bond.payoutTokenName, size: 30 })] }) }), _jsx(Flex, { className: "title-container tokenname-small", children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName })] })] }), isActive && account && (_jsxs(Flex, { className: "input-container balancerow", children: [_jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalance] }), _jsx(Flex, { className: "balancerow max", children: _jsx(Button, { onClick: function () { setInputValue(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0'); }, children: "Max" }) })] }))] }), _jsxs(Flex, { className: "modal-container button-container", children: [_jsx(Flex, { className: "button-container get", children: _jsxs(Button, { onClick: function () { window.open('https://ape.bond/swap', '_blank'); }, children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) }), _jsx(Flex, { className: "button-container buy", children: approveTx != null && receiptTx != null ?
-                                                    _jsxs(Button, { disabled: isPending, onClick: handleBuy, children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] })
+                                                            } }) }), _jsxs(Flex, { className: "input-container token", children: [_jsx(Flex, { className: "input-container bondicon", children: _jsxs("div", { className: "icon-container-small", children: [_jsx(Svg, { width: 12, height: 12, icon: (_m = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bond.chainId]) !== null && _m !== void 0 ? _m : 'question' }), _jsx(TokenImage, { symbol: (_o = bond.principalTokenName) !== null && _o !== void 0 ? _o : bond.payoutTokenName, size: 30 })] }) }), _jsx(Flex, { className: "title-container tokenname-small", children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName })] })] }), isActive && account && (_jsxs(Flex, { className: "input-container balancerow", children: [_jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalance] }), _jsx(Flex, { className: "balancerow max", children: _jsx(Button, { onClick: function () { setInputValue(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0'); }, children: "Max" }) })] }))] }), _jsxs(Flex, { className: "modal-container button-container", children: [_jsx(Flex, { className: "button-container get", children: _jsxs(Button, { onClick: function () { window.open('https://ape.bond/swap', '_blank'); }, children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) }), _jsx(Flex, { className: "button-container buy", children: approveTx != null && isConfirmed ?
+                                                    _jsxs(Button, { disabled: isPending || isConfirming, onClick: handleBuy, children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] })
                                                     :
-                                                        _jsx(Button, { disabled: isPending, onClick: handleApprove, children: "Approve" }) })] })] })] }) }) }, bond.billAddress));
+                                                        _jsx(Button, { disabled: isPending || isConfirming, onClick: handleApprove, children: "Approve" }) })] })] })] }) }) }, bond.billAddress));
         }) }));
 };
 export default BondModal;

package/package.json

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