@ape.swap/bonds-sdk 1.0.607 → 1.0.608

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

@@ -61,14 +61,10 @@ var BondModal = function (_a) {
     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,10 +107,10 @@ 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, receipt, error_2;
+        var tokenAddress, decimals, amount, tx, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -133,17 +129,17 @@ var BondModal = function (_a) {
                         })];
                 case 2:
                     tx = _a.sent();
-                    receipt = useWaitForTransactionReceipt({
-                        confirmations: 4,
-                        chainId: accountChainId,
-                        hash: tx,
-                        pollingInterval: 1000
-                    });
-                    console.log('Receipt', receipt);
-                    if (receipt.isSuccess) {
-                        setReceiptTx(receipt.data.transactionHash);
-                        console.log('Receipt:', receipt);
-                    }
+                    // const receipt = useWaitForTransactionReceipt({
+                    //     confirmations: 4,
+                    //     chainId: accountChainId,
+                    //     hash: tx,
+                    //     pollingInterval: 1_000
+                    // });
+                    // console.log('Receipt',receipt);
+                    // if(receipt.isSuccess) {
+                    //     setReceiptTx(receipt.data.transactionHash);
+                    //     console.log('Receipt:', receipt);
+                    // }
                     if (tx) {
                         setApproveTx(tx);
                         console.log('setApproveTx:', tx);
@@ -158,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) {
@@ -234,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);
     };
@@ -254,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 ?
-                                                    _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.607",
+  "version": "1.0.608",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",