@ape.swap/bonds-sdk 3.0.27 → 3.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +28 -44
- package/dist/styles.css +18 -4
- package/dist/utils/displayHelpers.d.ts +1 -1
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -4892,7 +4892,7 @@ const PlaceholderMonkey$1 = ({ direction = 'down', color = 'text', width, getSty
|
|
|
4892
4892
|
degree: deg[direction],
|
|
4893
4893
|
color,
|
|
4894
4894
|
});
|
|
4895
|
-
return (jsx$2("svg", { width: width || '142', viewBox: "0 0 142 65", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsxs("g", { opacity: "0.5", children: [jsx$2("path", { d: "M106.176 64.256L106.026 63.7474L105.94 63.4251C105.926 63.3821 105.919 63.3463 105.904 63.3033C105.232 60.66 105.118 57.8878 105.011 55.2015C104.889 52.1786 104.768 49.0482 103.853 45.9966L103.824 45.7746C103.695 45.309 103.552 44.8433 103.395 44.3777C103.252 43.9193 103.095 43.468 102.923 43.0167C99.0986 32.7373 90.384 23.8977 80.4398 20.3877L80.2825 15.3161L73.9628 19.0625C73.541 18.998 73.155 18.9765 72.7618 18.9694C72.6188 18.2817 72.4044 17.286 72.2113 16.4407C72.0755 15.8175 71.9611 15.2874 71.9111 15.0438L71.7967 14.4994L71.2462 14.4708C66.4564 14.2129 62.646 18.6327 61.8382 20.4737C51.6366 23.9694 43.0006 32.6227 39.1116 43.0454C38.94 43.4966 38.7828 43.9479 38.6398 44.4064C38.4682 44.9007 38.3181 45.4021 38.1751 45.9107C37.3315 48.9193 37.2243 52.0067 37.117 55.001C37.0241 57.7445 36.924 60.5812 36.2306 63.3033C36.2234 63.3463 36.2091 63.3821 36.202 63.4251C36.1734 63.5397 36.1376 63.6471 36.109 63.7617C36.0447 64.0053 35.9804 64.2488 35.916 64.4996H37.3959C37.4244 64.3778 37.4602 64.2632 37.4888 64.1414C37.5531 63.905 37.6175 63.6614 37.6747 63.4251C37.689 63.3821 37.6961 63.3391 37.7033 63.3033C38.361 60.5526 38.4539 57.7589 38.5468 55.0511C38.6469 52.1428 38.7542 49.1414 39.5548 46.2975C42.6861 35.1155 51.9583 25.2444 62.6246 21.7201L63.0178 21.5482L63.1035 21.1542C63.2465 20.531 66.2991 16.0252 70.6314 15.8963C70.6815 16.1398 70.7458 16.4335 70.8173 16.7487C71.0532 17.8232 71.3821 19.2917 71.4678 19.8003L71.5679 20.3949H72.1756C72.8476 20.3949 73.3409 20.3949 73.9628 20.5166L74.2273 20.5739L78.9242 17.7802L79.0457 21.4264L79.5176 21.584C90.0766 25.1155 99.2702 34.9436 102.423 46.0683L102.451 46.3118C103.345 49.2201 103.467 52.2932 103.588 55.2588C103.688 57.9021 103.803 60.6242 104.439 63.3033C104.446 63.3463 104.453 63.3821 104.467 63.4251C104.525 63.6614 104.589 63.905 104.653 64.1414L104.761 64.4996H106.248C106.226 64.4208 106.198 64.3348 106.176 64.256Z", fill: "#4D4040" }), jsx$2("path", { d: "M39.9201 43.4824C39.8629 43.4251 39.7414 43.3535 39.5913 43.3463L39.5555 43.4108V44.779C39.3125 44.779 39.1409 44.6859 39.0336 44.5999L38.9407 44.5569C38.8406 44.5068 38.7405 44.4495 38.6405 44.4065C36.9104 43.5684 35.0374 43.5397 33.0714 44.3205C30.7909 45.1873 29.0465 47.3291 28.2816 50.2016C27.2378 54.0699 28.1315 58.3822 30.6122 61.4481C31.1626 62.1501 31.7274 62.7661 32.3136 63.3034C32.3637 63.3464 32.4066 63.3894 32.4494 63.4252C32.8998 63.8335 33.3574 64.1845 33.8292 64.4997H31.5129C31.1412 64.1702 30.7694 63.812 30.4263 63.4252C30.3834 63.3894 30.3476 63.3464 30.3119 63.3034C30.0331 63.0025 29.7614 62.6802 29.4969 62.3435C26.7374 58.9338 25.7437 54.1343 26.8947 49.8292C27.7883 46.5125 29.8472 44.0197 32.5567 42.981C35.3233 41.885 37.5824 42.3435 39.1123 43.0455C39.2553 43.1028 39.3911 43.1744 39.5198 43.2389C39.7342 43.3033 39.8701 43.4323 39.9201 43.4824Z", fill: "#4D4040" }), jsx$2("path", { d: "M112.503 62.3504C112.238 62.687 111.966 63.0094 111.688 63.3031C111.652 63.3461 111.616 63.389 111.58 63.4249C111.209 63.8188 110.837 64.177 110.465 64.4994H108.099C108.564 64.1985 109.043 63.8475 109.522 63.4249C109.572 63.3819 109.614 63.3461 109.657 63.3031C110.236 62.7873 110.823 62.1784 111.387 61.4549C113.868 58.3819 114.769 54.0695 113.725 50.2013C112.96 47.3288 111.209 45.187 108.935 44.3202C106.926 43.5609 105.103 43.5824 103.395 44.3775C103.195 44.4635 103.002 44.5638 102.809 44.6784L102.094 43.4391C102.365 43.2816 102.644 43.1383 102.923 43.0165C104.946 42.1211 107.134 42.1068 109.443 42.9807C112.152 44.0194 114.218 46.5122 115.105 49.8288C116.263 54.134 115.262 58.9334 112.503 62.3504Z", fill: "#4D4040" }), jsx$2("path", { d: "M82.6351 39.9365C79.8541 39.9365 77.2376 40.6099 74.8427 41.9423C72.4335 43.3248 69.4381 43.3248 67.0146 41.9351C64.634 40.6099 62.0175 39.9365 59.2365 39.9365C50.8722 39.9365 44.0664 46.3692 44.0664 54.2775C44.0664 56.3477 44.5239 58.3463 45.3818 60.044C45.6678 60.6099 45.9609 61.1902 46.3827 61.7417C46.6972 62.236 46.9546 62.7589 47.1548 63.3033C47.1691 63.3392 47.1834 63.3821 47.1905 63.4251C47.3192 63.7761 47.4193 64.1343 47.4908 64.4996H48.942C48.8777 64.1415 48.799 63.7761 48.6918 63.4251C48.6775 63.3821 48.6703 63.3392 48.6489 63.3033C48.3987 62.4796 48.0341 61.6773 47.5551 60.9251C47.1834 60.4308 46.926 59.9294 46.6615 59.3993C45.9037 57.895 45.4962 56.1257 45.4962 54.2775C45.4962 47.1572 51.6586 41.3692 59.2365 41.3692C61.7673 41.3692 64.155 41.9852 66.314 43.1815C69.1664 44.8148 72.7052 44.8148 75.5505 43.1887C77.7166 41.9852 80.0972 41.3692 82.6351 41.3692C90.2059 41.3692 96.3683 47.1572 96.3683 54.2775C96.3683 56.1257 95.9679 57.895 95.2101 59.3993L95.153 59.5426C95.0529 59.9509 94.674 60.4452 94.2808 60.9753C93.8161 61.7059 93.4586 62.4939 93.2156 63.3033C93.1941 63.3392 93.187 63.3821 93.1727 63.4251C93.0654 63.7761 92.9868 64.1343 92.9296 64.4996H94.3737C94.4452 64.1343 94.5453 63.7761 94.6668 63.4251C94.6811 63.3821 94.6954 63.3392 94.7097 63.3033C94.9027 62.7733 95.1529 62.2718 95.4532 61.7919C95.8821 61.2188 96.3254 60.6314 96.5184 59.9796C97.3548 58.289 97.7981 56.3191 97.7981 54.2775C97.7981 46.3692 90.9922 39.9365 82.6351 39.9365Z", fill: "#4D4040" }), jsx$2("path", { d: "M58.5501 49.7432C55.9193 49.7432 53.7031 51.885 53.7031 54.4137V55.7747C53.7031 58.3893 55.8335 60.438 58.5501 60.438C61.2667 60.438 63.39 58.3893 63.39 55.7747V54.4137C63.39 51.7919 61.2596 49.7432 58.5501 49.7432ZM61.9602 55.7747C61.9602 57.587 60.4589 59.0054 58.5501 59.0054C56.6414 59.0054 55.1329 57.587 55.1329 55.7747V54.4137C55.1329 52.6586 56.6985 51.1758 58.5501 51.1758C60.4017 51.1758 61.9602 52.6013 61.9602 54.4137V55.7747Z", fill: "#4D4040" }), jsx$2("path", { d: "M83.4583 49.7432C80.8347 49.7432 78.6113 51.885 78.6113 54.4137V55.7747C78.6113 58.3893 80.7417 60.438 83.4583 60.438C86.1749 60.438 88.3053 58.3893 88.3053 55.7747V54.4137C88.3053 51.7919 86.1749 49.7432 83.4583 49.7432ZM86.8755 55.7747C86.8755 57.587 85.3743 59.0054 83.4583 59.0054C81.5424 59.0054 80.0411 57.587 80.0411 55.7747V54.4137C80.0411 52.6586 81.6067 51.1758 83.4583 51.1758C85.3099 51.1758 86.8755 52.6013 86.8755 54.4137V55.7747Z", fill: "#4D4040" }), jsx$2("path", { d: "M142 63.3027H0V64.499H142V63.3027Z", fill: "#4D4040" }), jsxs("g", { opacity: "0.5", children: [jsx$2("path", { d: "M113.591 47.1213C113.305 47.1213 113.033 46.9494 112.926 46.67C112.783 46.3047 112.962 45.8892 113.334 45.7388C113.898 45.5167 114.442 45.2875 114.949 45.0582C115.307 44.8935 115.736 45.0582 115.893 45.4164C116.057 45.7746 115.893 46.2044 115.536 46.362C114.999 46.6055 114.442 46.8419 113.848 47.0711C113.763 47.107 113.677 47.1213 113.584 47.1213H113.591Z", fill: "#4D4040" }), jsx$2("path", { d: "M118.23 44.8363C117.995 44.8363 117.759 44.7145 117.623 44.4996C117.416 44.1629 117.516 43.7188 117.852 43.511C118.845 42.8878 119.71 42.2288 120.418 41.5483C120.704 41.2761 121.154 41.2832 121.426 41.5698C121.698 41.8563 121.691 42.3076 121.405 42.5798C120.625 43.332 119.682 44.0555 118.602 44.7288C118.481 44.8004 118.352 44.8363 118.223 44.8363H118.23ZM122.935 40.0798C122.827 40.0798 122.727 40.0583 122.62 40.0082C122.263 39.8362 122.12 39.4064 122.291 39.0483C122.691 38.2173 122.899 37.3577 122.899 36.5053C122.899 36.3764 122.899 36.2546 122.884 36.1256C122.856 35.7317 123.149 35.3878 123.542 35.3592C123.921 35.3233 124.279 35.6242 124.307 36.0182C124.321 36.1758 124.321 36.3405 124.321 36.4981C124.321 37.5726 124.071 38.64 123.571 39.6715C123.449 39.9294 123.192 40.0726 122.927 40.0726L122.935 40.0798ZM111.811 37.7589C111.775 37.7589 111.732 37.7589 111.696 37.7517C110.281 37.5225 109.094 36.8563 108.351 35.8678C108.115 35.5526 108.172 35.1013 108.486 34.8649C108.801 34.6213 109.251 34.6858 109.487 35.001C110.009 35.6887 110.874 36.1686 111.925 36.3334C112.311 36.3978 112.583 36.7632 112.518 37.1572C112.461 37.5082 112.161 37.7589 111.811 37.7589ZM115.142 37.415C114.849 37.415 114.57 37.2288 114.47 36.9351C114.341 36.5626 114.534 36.1543 114.913 36.0253C115.6 35.789 116.279 35.4308 116.937 34.9795C117.158 34.8291 117.38 34.6572 117.587 34.4709C117.88 34.213 118.338 34.2417 118.595 34.5354C118.86 34.8362 118.824 35.2875 118.531 35.5454C118.281 35.7675 118.016 35.9752 117.744 36.1615C116.979 36.6844 116.186 37.0999 115.378 37.3792C115.299 37.4079 115.221 37.4222 115.142 37.4222V37.415ZM122.52 33.6113C122.284 33.6113 122.048 33.4895 121.912 33.2746C121.669 32.8806 121.376 32.501 121.047 32.1428C120.954 32.3291 120.861 32.5153 120.761 32.6872C120.568 33.0311 120.139 33.16 119.789 32.9666C119.446 32.7732 119.317 32.3362 119.51 31.9924C119.66 31.7202 119.81 31.4265 119.946 31.1256C119.896 31.0826 119.839 31.0468 119.789 31.0038C119.474 30.7675 119.403 30.3162 119.639 30.001C119.839 29.7288 120.196 29.6428 120.497 29.7718C120.582 29.521 120.668 29.2632 120.754 28.9981C120.868 28.6185 121.269 28.4107 121.648 28.5253C122.027 28.6399 122.234 29.0411 122.12 29.4207C121.984 29.872 121.834 30.309 121.669 30.7245C122.234 31.2689 122.734 31.8778 123.128 32.5081C123.335 32.8448 123.242 33.2818 122.906 33.4967C122.784 33.5683 122.656 33.6041 122.527 33.6041L122.52 33.6113ZM108.558 32.9379C108.465 32.9379 108.372 32.9165 108.279 32.8806C107.915 32.7302 107.743 32.3076 107.9 31.9422C108.329 30.9179 109.144 29.958 110.317 29.0984C110.638 28.862 111.082 28.9336 111.317 29.2488C111.553 29.5712 111.482 30.0153 111.167 30.2517C110.202 30.9609 109.552 31.713 109.223 32.4938C109.108 32.766 108.844 32.9308 108.565 32.9308L108.558 32.9379ZM117.215 29.607C117.144 29.607 117.072 29.5927 117.001 29.5712C115.964 29.2417 114.935 29.1127 113.941 29.213C113.541 29.2488 113.198 28.9623 113.162 28.5683C113.126 28.1743 113.412 27.8233 113.805 27.7875C114.992 27.6729 116.207 27.8233 117.43 28.2101C117.809 28.3319 118.016 28.7331 117.894 29.1127C117.794 29.4207 117.516 29.6142 117.215 29.6142V29.607ZM122.198 26.627C122.162 26.627 122.12 26.627 122.077 26.6199C121.691 26.5554 121.426 26.1829 121.49 25.7961C121.662 24.7574 121.791 23.6471 121.876 22.4866C121.905 22.0927 122.255 21.799 122.641 21.8204C123.035 21.8491 123.335 22.1929 123.306 22.5869C123.22 23.7904 123.085 24.9437 122.906 26.0253C122.849 26.3763 122.548 26.627 122.198 26.627Z", fill: "#4D4040" }), jsx$2("path", { d: "M122.691 19.8218C122.298 19.8218 121.984 19.5066 121.976 19.1126C121.962 18.0453 121.912 17.3791 121.912 17.3719C121.883 16.9779 122.177 16.6341 122.57 16.6054C122.956 16.5768 123.306 16.8705 123.335 17.2645C123.335 17.2931 123.392 17.9808 123.399 19.0983C123.399 19.4923 123.085 19.8146 122.691 19.8218H122.684H122.691Z", fill: "#4D4040" })] }), jsxs("g", { opacity: "0.5", children: [jsx$2("path", { d: "M20.8959 61.834C20.7315 61.834 20.5742 61.7767 20.4383 61.6693C20.4169 61.6478 19.8593 61.1821 19.0872 60.3798C18.8155 60.0933 18.8227 59.642 19.1086 59.3698C19.3946 59.0976 19.845 59.1048 20.1166 59.3913C20.8244 60.1291 21.3463 60.5661 21.3534 60.5733C21.6537 60.824 21.6966 61.2753 21.4464 61.5833C21.3034 61.7552 21.1032 61.8412 20.8959 61.8412V61.834Z", fill: "#4D4040" }), jsx$2("path", { d: "M17.3715 57.8514C17.1427 57.8514 16.914 57.744 16.7781 57.5363C16.0275 56.4188 15.4556 55.3013 15.0767 54.2196C15.0052 54.0119 15.0338 53.797 15.1339 53.6179C14.8408 53.5893 14.5548 53.5463 14.276 53.4961C13.89 53.4245 13.6255 53.052 13.6969 52.6652C13.7684 52.2784 14.1402 52.0133 14.5262 52.085C15.0838 52.1852 15.6629 52.2354 16.2563 52.2354C16.7781 52.2354 17.3 52.1924 17.8147 52.1136C18.2079 52.0491 18.5725 52.3213 18.6297 52.7153C18.6869 53.1093 18.4224 53.4746 18.0292 53.5319C17.4859 53.6179 16.9354 53.6609 16.385 53.6681C16.3993 53.6895 16.4064 53.7182 16.4136 53.7468C16.7496 54.7139 17.2643 55.7168 17.9434 56.7268C18.165 57.0563 18.0793 57.5004 17.7504 57.7225C17.6289 57.8085 17.4859 57.8443 17.3501 57.8443L17.3715 57.8514ZM21.2677 52.4145C21.0246 52.4145 20.7816 52.2855 20.6457 52.0563C20.4456 51.7125 20.56 51.2755 20.9031 51.0749C21.7467 50.5807 22.3758 49.9789 22.769 49.2841C22.8476 49.148 22.9191 49.0047 22.9692 48.8686C23.1193 48.5033 23.5339 48.3314 23.8985 48.4746C24.2631 48.6251 24.4418 49.0405 24.2917 49.4059C24.2131 49.5921 24.1201 49.7855 24.0058 49.9861C23.4839 50.903 22.676 51.6838 21.6109 52.307C21.4965 52.3715 21.3749 52.4073 21.2534 52.4073L21.2677 52.4145ZM11.1519 52.1996C11.0089 52.1996 10.8588 52.1566 10.7373 52.0635C9.60773 51.254 8.82134 50.1938 8.39241 48.9188C8.26372 48.5463 8.4639 48.138 8.84279 48.009C9.21454 47.8801 9.62203 48.0806 9.75071 48.4603C10.0867 49.4488 10.7015 50.2655 11.5808 50.903C11.9026 51.1322 11.974 51.5835 11.7453 51.9059C11.6023 52.0993 11.3878 52.2067 11.1662 52.2067L11.1519 52.1996ZM15.2983 51.2182C15.2983 51.2182 15.2483 51.2182 15.2268 51.2182C14.8336 51.1752 14.5477 50.8242 14.5906 50.4302C14.6549 49.7927 14.805 49.1623 15.0338 48.5606C15.284 47.9016 15.6057 47.3142 15.9846 46.7984C16.2205 46.4832 16.6709 46.4188 16.9855 46.6551C17.3 46.8915 17.3644 47.3428 17.1284 47.658C16.8282 48.0663 16.5708 48.5391 16.3707 49.0692C16.1848 49.5563 16.0704 50.0577 16.0132 50.5735C15.9775 50.9388 15.6629 51.2182 15.3055 51.2182H15.2983ZM22.8262 46.6981C22.676 46.6981 22.5259 46.648 22.3972 46.5549C21.6966 46.0248 20.6028 45.817 19.602 46.0319C19.2159 46.1179 18.8371 45.8672 18.7513 45.4804C18.6726 45.0935 18.9157 44.7139 19.3017 44.6279C20.7029 44.3271 22.2185 44.6279 23.2551 45.4159C23.5697 45.6523 23.634 46.1036 23.3909 46.4188C23.248 46.605 23.0335 46.7053 22.819 46.7053L22.8262 46.6981ZM9.05726 45.9245C8.98577 45.9245 8.90713 45.9102 8.82849 45.8887C8.45675 45.7669 8.24943 45.3586 8.37811 44.9861C8.76415 43.8256 9.47905 42.7368 10.4942 41.7626C10.7802 41.4904 11.2305 41.4975 11.5022 41.7841C11.7739 42.0706 11.7667 42.5219 11.4808 42.7941C10.63 43.6036 10.0438 44.4918 9.72926 45.4302C9.62918 45.7311 9.35037 45.9245 9.05011 45.9245H9.05726ZM13.9114 41.0104C13.6469 41.0104 13.3895 40.86 13.268 40.6021C13.0964 40.244 13.2466 39.8142 13.604 39.6422C14.6764 39.1265 15.8488 38.7182 17.0999 38.4388C17.4859 38.3528 17.8648 38.5964 17.9506 38.9832C18.0364 39.37 17.7933 39.7497 17.4073 39.8356C16.2634 40.0935 15.1911 40.4589 14.2188 40.9316C14.1187 40.9818 14.0115 41.0033 13.9114 41.0033V41.0104ZM31.2477 40.9603C31.1762 40.9603 31.0975 40.946 31.026 40.9245C29.9537 40.5735 28.96 40.4302 27.9091 40.2726L27.6803 40.2368C27.2871 40.1795 27.0226 39.8142 27.0798 39.4202C27.137 39.0262 27.5016 38.7611 27.8948 38.8184L28.1236 38.8543C29.1888 39.0119 30.2826 39.1766 31.4764 39.5563C31.8553 39.678 32.0555 40.0792 31.934 40.4589C31.8339 40.7597 31.5551 40.9531 31.2548 40.9531L31.2477 40.9603ZM24.2989 39.6351C24.2989 39.6351 24.2345 39.6351 24.1988 39.6351C23.0478 39.4775 21.8968 39.413 20.7887 39.4417C20.4098 39.4631 20.0667 39.1408 20.0524 38.7468C20.0381 38.3528 20.3526 38.0233 20.7458 38.009C21.9254 37.9732 23.1693 38.0448 24.399 38.2167C24.7921 38.274 25.0638 38.6322 25.0066 39.0262C24.9566 39.3844 24.6492 39.6422 24.2989 39.6422V39.6351Z", fill: "#4D4040" }), jsx$2("path", { d: "M35.9167 43.6034C35.7594 43.6034 35.6022 43.5533 35.4735 43.4458C35.0017 43.0662 34.537 42.7223 34.0866 42.4286C33.7577 42.2137 33.6648 41.7696 33.8864 41.4329C34.1009 41.1034 34.5513 41.0103 34.8801 41.2324C35.3663 41.5547 35.8738 41.9272 36.3743 42.3284C36.6817 42.5791 36.7317 43.0232 36.4886 43.3384C36.3457 43.5175 36.1383 43.6106 35.931 43.6106L35.9167 43.6034Z", fill: "#4D4040" })] }), jsx$2("path", { d: "M122.541 13.1522C121.455 13.1522 120.568 12.264 120.568 11.1752V4.38431C120.568 3.29548 121.455 2.40723 122.541 2.40723C123.628 2.40723 124.515 3.29548 124.515 4.38431V11.1752C124.515 12.264 123.628 13.1522 122.541 13.1522ZM122.541 3.83273C122.241 3.83273 121.998 4.07629 121.998 4.37715V11.1752C121.998 11.476 122.241 11.7196 122.541 11.7196C122.842 11.7196 123.085 11.476 123.085 11.1752V4.38431C123.085 4.08345 122.842 3.83989 122.541 3.83989V3.83273Z", fill: "#4D4040" }), jsx$2("path", { d: "M127.624 12.6443C125.121 12.6443 123.084 10.6028 123.084 8.0956C123.084 5.58843 125.121 3.54688 127.624 3.54688C130.126 3.54688 132.163 5.58843 132.163 8.0956C132.163 10.6028 130.126 12.6443 127.624 12.6443ZM127.624 4.97954C125.908 4.97954 124.514 6.37639 124.514 8.0956C124.514 9.8148 125.908 11.2116 127.624 11.2116C129.339 11.2116 130.733 9.8148 130.733 8.0956C130.733 6.37639 129.339 4.97954 127.624 4.97954Z", fill: "#4D4040" }), jsx$2("path", { d: "M117.458 12.6443C114.955 12.6443 112.918 10.6028 112.918 8.0956C112.918 5.58843 114.955 3.54688 117.458 3.54688C119.96 3.54688 121.997 5.58843 121.997 8.0956C121.997 10.6028 119.96 12.6443 117.458 12.6443ZM117.458 4.97954C115.742 4.97954 114.348 6.37639 114.348 8.0956C114.348 9.8148 115.742 11.2116 117.458 11.2116C119.173 11.2116 120.567 9.8148 120.567 8.0956C120.567 6.37639 119.173 4.97954 117.458 4.97954Z", fill: "#4D4040" }), jsx$2("path", { d: "M121.734 4.12644C121.548 4.12644 121.369 4.05481 121.226 3.9187L119.031 1.71956C118.753 1.44019 118.753 0.988898 119.031 0.709528C119.31 0.430157 119.761 0.430157 120.039 0.709528L122.234 2.90867C122.513 3.18804 122.513 3.63933 122.234 3.9187C122.091 4.06197 121.912 4.12644 121.727 4.12644H121.734Z", fill: "#4D4040" }), jsx$2("path", { d: "M123.334 4.12644C123.148 4.12644 122.969 4.05481 122.826 3.9187C122.547 3.63933 122.547 3.18804 122.826 2.90867L125.021 0.709528C125.3 0.430157 125.75 0.430157 126.029 0.709528C126.308 0.988898 126.308 1.44019 126.029 1.71956L123.834 3.9187C123.691 4.06197 123.513 4.12644 123.327 4.12644H123.334Z", fill: "#4D4040" }), jsx$2("path", { d: "M34.5366 27.5127C34.1935 27.5127 33.8932 27.2691 33.836 26.9181C33.7717 26.5313 34.029 26.1588 34.4222 26.0943L37.8394 25.5069C38.2326 25.4425 38.5972 25.7003 38.6616 26.0943C38.7259 26.4811 38.4685 26.8536 38.0754 26.9181L34.6581 27.5055C34.6153 27.5055 34.5795 27.5127 34.5366 27.5127Z", fill: "#4D4040" }), jsx$2("path", { d: "M42.5073 19.0821C42.3214 19.0821 42.1427 19.0105 41.9997 18.8743L37.6603 14.5262C37.3815 14.2468 37.3815 13.7955 37.6603 13.5162C37.9391 13.2368 38.3895 13.2368 38.6683 13.5162L43.0077 17.8643C43.2865 18.1437 43.2865 18.595 43.0077 18.8743C42.8647 19.0176 42.686 19.0821 42.5001 19.0821H42.5073Z", fill: "#4D4040" }), jsx$2("path", { d: "M49.9063 14.7333C49.5131 14.7333 49.1914 14.4109 49.1914 14.0169V9.81204C49.1914 9.41805 49.5131 9.0957 49.9063 9.0957C50.2995 9.0957 50.6212 9.41805 50.6212 9.81204V14.0169C50.6212 14.4109 50.2995 14.7333 49.9063 14.7333Z", fill: "#4D4040" }), jsx$2("path", { d: "M60.5295 56.9055C62.1088 56.9055 63.3891 55.6226 63.3891 54.0401C63.3891 52.4577 62.1088 51.1748 60.5295 51.1748C58.9502 51.1748 57.6699 52.4577 57.6699 54.0401C57.6699 55.6226 58.9502 56.9055 60.5295 56.9055Z", fill: "#4D4040" }), jsx$2("path", { d: "M85.2873 56.2834C86.8666 56.2834 88.1469 55.0006 88.1469 53.4181C88.1469 51.8356 86.8666 50.5527 85.2873 50.5527C83.708 50.5527 82.4277 51.8356 82.4277 53.4181C82.4277 55.0006 83.708 56.2834 85.2873 56.2834Z", fill: "#4D4040" })] }) }));
|
|
4895
|
+
return (jsx$2("svg", { width: width || '76', viewBox: "0 0 76 52", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx$2("path", { d: "M0.5 3C0.5 2.2375 0.802902 1.50624 1.34207 0.967069C1.88124 0.427901 2.6125 0.125 3.375 0.125H66.625C67.3875 0.125 68.1188 0.427901 68.6579 0.967069C69.1971 1.50624 69.5 2.2375 69.5 3C69.5 3.7625 69.1971 4.49376 68.6579 5.03293C68.1188 5.5721 67.3875 5.875 66.625 5.875H3.375C2.6125 5.875 1.88124 5.5721 1.34207 5.03293C0.802902 4.49376 0.5 3.7625 0.5 3ZM3.375 28.875H29.25C30.0125 28.875 30.7438 28.5721 31.2829 28.0329C31.8221 27.4938 32.125 26.7625 32.125 26C32.125 25.2375 31.8221 24.5062 31.2829 23.9671C30.7438 23.4279 30.0125 23.125 29.25 23.125H3.375C2.6125 23.125 1.88124 23.4279 1.34207 23.9671C0.802902 24.5062 0.5 25.2375 0.5 26C0.5 26.7625 0.802902 27.4938 1.34207 28.0329C1.88124 28.5721 2.6125 28.875 3.375 28.875ZM35 46.125H3.375C2.6125 46.125 1.88124 46.4279 1.34207 46.9671C0.802902 47.5062 0.5 48.2375 0.5 49C0.5 49.7625 0.802902 50.4938 1.34207 51.0329C1.88124 51.5721 2.6125 51.875 3.375 51.875H35C35.7625 51.875 36.4938 51.5721 37.0329 51.0329C37.5721 50.4938 37.875 49.7625 37.875 49C37.875 48.2375 37.5721 47.5062 37.0329 46.9671C36.4938 46.4279 35.7625 46.125 35 46.125ZM74.4091 46.9659L67.1138 39.6562C69.075 36.6836 69.8629 33.0888 69.3249 29.5684C68.787 26.0479 66.9613 22.8525 64.2018 20.6013C61.4423 18.3501 57.9454 17.2033 54.3886 17.3833C50.8318 17.5632 47.4685 19.057 44.9503 21.5753C42.432 24.0935 40.9382 27.4568 40.7583 31.0136C40.5783 34.5704 41.7251 38.0673 43.9763 40.8268C46.2275 43.5863 49.4229 45.412 52.9434 45.9499C56.4638 46.4879 60.0586 45.7 63.0313 43.7388L70.3266 51.0341C70.866 51.5735 71.5977 51.8766 72.3606 51.8766C73.1236 51.8766 73.8552 51.5735 74.3947 51.0341C74.9342 50.4946 75.2372 49.7629 75.2372 49C75.2372 48.2371 74.9342 47.5054 74.3947 46.9659H74.4091Z", fill: "#73728E" }) }));
|
|
4896
4896
|
};
|
|
4897
4897
|
|
|
4898
4898
|
const PlaceholderMonkeyAlt = ({ direction = 'down', color = 'text', width, getStyles }) => {
|
|
@@ -7232,7 +7232,7 @@ const Checkbox = (_a) => {
|
|
|
7232
7232
|
width: scaleSize,
|
|
7233
7233
|
height: scaleSize,
|
|
7234
7234
|
position: 'relative',
|
|
7235
|
-
}, children: [jsx$2("input", Object.assign({ type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' } }, props)), jsx$2("svg", { width: svgScale || '13',
|
|
7235
|
+
}, children: [jsx$2("input", Object.assign({ type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' } }, props)), jsx$2("svg", { width: svgScale || '13', viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx$2("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) })] }));
|
|
7236
7236
|
};
|
|
7237
7237
|
|
|
7238
7238
|
var animation;
|
|
@@ -58394,9 +58394,11 @@ const maxBuy = (bond) => {
|
|
|
58394
58394
|
const available = new BigNumber$1((_a = bond === null || bond === void 0 ? void 0 : bond.tokensRemaining) !== null && _a !== void 0 ? _a : '0');
|
|
58395
58395
|
const threshold = 5;
|
|
58396
58396
|
const thresholdToShow = new BigNumber$1(threshold).div((_b = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _b !== void 0 ? _b : 0);
|
|
58397
|
-
|
|
58397
|
+
let safeAvailable = available.minus(thresholdToShow);
|
|
58398
|
+
if (safeAvailable.lt(0))
|
|
58399
|
+
safeAvailable = new BigNumber$1(0);
|
|
58398
58400
|
const singlePurchaseLimit = new BigNumber$1((_c = bond === null || bond === void 0 ? void 0 : bond.maxPayout) !== null && _c !== void 0 ? _c : 0).div(new BigNumber$1(10).pow((_f = (_e = (_d = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _d === void 0 ? void 0 : _d.decimals) === null || _e === void 0 ? void 0 : _e[bond === null || bond === void 0 ? void 0 : bond.chainId]) !== null && _f !== void 0 ? _f : 18));
|
|
58399
|
-
return !available ? 0 : singlePurchaseLimit.lt(safeAvailable) ? singlePurchaseLimit : safeAvailable;
|
|
58401
|
+
return !available ? new BigNumber$1(0) : singlePurchaseLimit.lt(safeAvailable) ? singlePurchaseLimit : safeAvailable;
|
|
58400
58402
|
};
|
|
58401
58403
|
function formatNumber$1(input) {
|
|
58402
58404
|
const number = new BigNumber$1(input);
|
|
@@ -62378,31 +62380,6 @@ const formatDollar = ({ num, isPrice = false, lessPreciseStablecoinValues = fals
|
|
|
62378
62380
|
.toUpperCase();
|
|
62379
62381
|
}
|
|
62380
62382
|
};
|
|
62381
|
-
const formatValue = ({ num, digits = 2, round = true }) => {
|
|
62382
|
-
if (num === 0)
|
|
62383
|
-
return '0.00';
|
|
62384
|
-
if (!num)
|
|
62385
|
-
return '-';
|
|
62386
|
-
if (num < 0.000001) {
|
|
62387
|
-
return '<0.000001';
|
|
62388
|
-
}
|
|
62389
|
-
if (num >= 0.000001 && num < 0.1) {
|
|
62390
|
-
return `${Number(num).toPrecision(3)}`;
|
|
62391
|
-
}
|
|
62392
|
-
if (num >= 0.1 && num < 1.05) {
|
|
62393
|
-
return `${num.toFixed(3)}`;
|
|
62394
|
-
}
|
|
62395
|
-
return numbro(num)
|
|
62396
|
-
.format({
|
|
62397
|
-
average: round,
|
|
62398
|
-
mantissa: num > 1000 ? 2 : digits,
|
|
62399
|
-
abbreviations: {
|
|
62400
|
-
million: 'M',
|
|
62401
|
-
billion: 'B',
|
|
62402
|
-
},
|
|
62403
|
-
})
|
|
62404
|
-
.toUpperCase();
|
|
62405
|
-
};
|
|
62406
62383
|
/**
|
|
62407
62384
|
* Returns a numerical amount of any token formatted in human readable string for use in template.
|
|
62408
62385
|
*
|
|
@@ -71175,7 +71152,7 @@ const PlaceholderMonkey = ({ text }) => {
|
|
|
71175
71152
|
alignItems: 'center',
|
|
71176
71153
|
borderRadius: 'normal',
|
|
71177
71154
|
mt: '15px',
|
|
71178
|
-
}, children: [jsx$2(Svg, { icon: "placeholderMonkey" }), jsx$2(Text, { sx: { fontWeight:
|
|
71155
|
+
}, children: [jsx$2(Svg, { icon: "placeholderMonkey" }), jsx$2(Text, { sx: { fontWeight: 600, fontSize: '16px', mt: '15px', opacity: 0.6 }, children: text }), text === 'You are not connected' && (jsx$2(Flex, { sx: { width: '150px', mt: '10px' }, children: jsx$2(ConnectButton, {}) }))] }));
|
|
71179
71156
|
};
|
|
71180
71157
|
|
|
71181
71158
|
function useChainFilterOption() {
|
|
@@ -71764,6 +71741,8 @@ const calculateARR = (bond, useTiers) => {
|
|
|
71764
71741
|
if (!bonus)
|
|
71765
71742
|
return '-';
|
|
71766
71743
|
const discount = bonus !== null && bonus !== void 0 ? bonus : 0;
|
|
71744
|
+
if (discount < 0)
|
|
71745
|
+
return '-';
|
|
71767
71746
|
const vestingDays = vestingTime(vestingTerm).days;
|
|
71768
71747
|
return `${((discount * 365) / vestingDays).toFixed(2)}%`;
|
|
71769
71748
|
};
|
|
@@ -76342,11 +76321,12 @@ const BonusTable = ({ bond, hideTitle }) => {
|
|
|
76342
76321
|
alignItems: 'center',
|
|
76343
76322
|
px: '8px',
|
|
76344
76323
|
mb: '1px',
|
|
76345
|
-
}, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [tier.points !== '0' && (jsx$2("img", { src: `/images/launch/${(_b = TIERS_NAMES[tierToUse]) === null || _b === void 0 ? void 0 : _b.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } })), jsx$2(Flex, { children: tier.points === '0' ? 'No Tier' : tierName }), you && jsx$2(YouTooltip, {})] }), isUnavailable ? (jsx$2(Flex, { sx: { fontWeight: 600, opacity: 0.8 }, children: "UNAVAILABLE" })) : (jsxs(Flex, { sx: { color: tier.bonusWithFee > 0 ? 'success' : '
|
|
76324
|
+
}, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [tier.points !== '0' && (jsx$2("img", { src: `/images/launch/${(_b = TIERS_NAMES[tierToUse]) === null || _b === void 0 ? void 0 : _b.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } })), jsx$2(Flex, { children: tier.points === '0' ? 'No Tier' : tierName }), you && jsx$2(YouTooltip, {})] }), isUnavailable ? (jsx$2(Flex, { sx: { fontWeight: 600, opacity: 0.8 }, children: "UNAVAILABLE" })) : (jsxs(Flex, { sx: { color: tier.bonusWithFee > 0 ? 'success' : 'text', fontWeight: 700, alignItems: 'center' }, children: [tier.bonusWithFee > 0 ? tier.bonusWithFee.toFixed(2) : '0', "%", tier.points !== '0' && (jsx$2(Flex, { sx: {
|
|
76346
76325
|
borderRadius: 'normal',
|
|
76347
76326
|
border: '1px solid var(--theme-ui-colors-success)',
|
|
76348
76327
|
px: '4px',
|
|
76349
76328
|
ml: '3px',
|
|
76329
|
+
color: 'success',
|
|
76350
76330
|
}, children: boostMap[tierToUse] }))] }))] }, tier.points));
|
|
76351
76331
|
}), !hideTitle && (jsx$2(Button, { variant: "secondary", sx: { width: '100%', mt: '10px' }, onClick: () => window.open('https://ape.bond/tier-staking', '_blank'), children: "get tier" }))] }));
|
|
76352
76332
|
};
|
|
@@ -76358,7 +76338,7 @@ const BonusComponent = ({ bond, tooltipPosition, }) => {
|
|
|
76358
76338
|
return new BigNumber$1(current.points).isGreaterThan(new BigNumber$1(max.points)) ? current : max;
|
|
76359
76339
|
}, bond === null || bond === void 0 ? void 0 : bond.trueBondPrices[0]);
|
|
76360
76340
|
const baseTrueBondPrice = findHighestTrueBondPrice('0', bond);
|
|
76361
|
-
return (jsx$2(Flex, { children: (bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) && ((_b = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _b === void 0 ? void 0 : _b.length) > 1 && SDKConfig.useTiers ? (jsx$2(Flex, { sx: { alignItems: 'center' }, children: jsx$2(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx$2(BonusTable, { bond: bond }), children: jsxs(Flex, { sx: {
|
|
76341
|
+
return (jsx$2(Flex, { children: (bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) && ((_b = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _b === void 0 ? void 0 : _b.length) > 1 && SDKConfig.useTiers ? (jsx$2(Flex, { sx: { alignItems: 'center' }, children: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? (jsx$2(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx$2(BonusTable, { bond: bond }), children: jsxs(Flex, { sx: {
|
|
76362
76342
|
p: '3px 6px',
|
|
76363
76343
|
border: '1px solid var(--theme-ui-colors-primaryButton)',
|
|
76364
76344
|
borderRadius: 'normal',
|
|
@@ -76375,7 +76355,7 @@ const BonusComponent = ({ bond, tooltipPosition, }) => {
|
|
|
76375
76355
|
zIndex: 1,
|
|
76376
76356
|
background: 'primaryButton',
|
|
76377
76357
|
opacity: 0.3,
|
|
76378
|
-
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx$2("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { fontSize: '14px', mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: { color: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? 'success' : 'error' }, children: [(_c = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _c === void 0 ? void 0 : _c.toFixed(2), "%"] })] })] }) }) })) : (
|
|
76358
|
+
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx$2("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { sx: { fontSize: '14px', mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: { color: (highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) > 0 ? 'success' : 'error' }, children: [(_c = highestPointsElement === null || highestPointsElement === void 0 ? void 0 : highestPointsElement.bonusWithFee) === null || _c === void 0 ? void 0 : _c.toFixed(2), "%"] })] })] }) })) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (jsx$2(Flex, { sx: { alignItems: 'center' }, children: (baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) > 0 ? (`${(_d = baseTrueBondPrice === null || baseTrueBondPrice === void 0 ? void 0 : baseTrueBondPrice.bonusWithFee) === null || _d === void 0 ? void 0 : _d.toFixed(2)}%`) : (jsx$2(Flex, { sx: { height: '20px', width: '20px' }, children: jsx$2(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) }));
|
|
76379
76359
|
};
|
|
76380
76360
|
|
|
76381
76361
|
const useIsMobile = () => {
|
|
@@ -76420,7 +76400,9 @@ const BondCards = ({ bondData }) => {
|
|
|
76420
76400
|
borderBottomRightRadius: 'normal',
|
|
76421
76401
|
borderBottomLeftRadius: 'normal',
|
|
76422
76402
|
},
|
|
76423
|
-
}, children: [jsxs(Flex, { className: "bond-card-title", children: ["ARR", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) &&
|
|
76403
|
+
}, children: [jsxs(Flex, { className: "bond-card-title", children: ["ARR", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) &&
|
|
76404
|
+
bondData.billVersion === types.BillVersion.V4 &&
|
|
76405
|
+
((_a = findHighestTrueBondPrice(TIERS_WEIGHT[types.LaunchBondTiers.Legend], bondData)) === null || _a === void 0 ? void 0 : _a.bonusWithFee) > 0 ? (jsxs(Flex, { sx: {
|
|
76424
76406
|
p: '3px 6px',
|
|
76425
76407
|
border: '1px solid var(--theme-ui-colors-primaryButton)',
|
|
76426
76408
|
borderRadius: 'normal',
|
|
@@ -76436,7 +76418,7 @@ const BondCards = ({ bondData }) => {
|
|
|
76436
76418
|
zIndex: 1,
|
|
76437
76419
|
background: 'primaryButton',
|
|
76438
76420
|
opacity: 0.3,
|
|
76439
|
-
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx$2("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, {
|
|
76421
|
+
} }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx$2("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx$2(Flex, { children: calculateARR(bondData, (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) && bondData.billVersion === types.BillVersion.V4) })] })] })) : (calculateARR(bondData, (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) && bondData.billVersion === types.BillVersion.V4))] }), jsxs("div", { className: "bond-card-block", sx: {
|
|
76440
76422
|
borderRadius: ['0px', '0px', '0px', 'normal'],
|
|
76441
76423
|
'&:first-of-type': {
|
|
76442
76424
|
borderTopRightRadius: 'normal',
|
|
@@ -76456,7 +76438,7 @@ const BondCards = ({ bondData }) => {
|
|
|
76456
76438
|
borderBottomRightRadius: 'normal',
|
|
76457
76439
|
borderBottomLeftRadius: 'normal',
|
|
76458
76440
|
},
|
|
76459
|
-
}, children: [jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.MaxBuy((
|
|
76441
|
+
}, children: [jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: TooltipText.MaxBuy((_b = bondData === null || bondData === void 0 ? void 0 : bondData.earnToken) === null || _b === void 0 ? void 0 : _b.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx$2("div", { className: "bond-card-tooltip", children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs("div", { className: "bond-card-content", children: [jsx$2("div", { style: { paddingRight: '3px' }, children: jsx$2(TokenImage, { symbol: (_c = bondData.showcaseTokenName) !== null && _c !== void 0 ? _c : bondData.earnToken.symbol, size: 20 }) }), formatNumberSI(maxBuy(bondData).toNumber(), 0)] })] })] }));
|
|
76460
76442
|
};
|
|
76461
76443
|
|
|
76462
76444
|
const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZapQuote, zapError, }) => {
|
|
@@ -76601,7 +76583,7 @@ const NoBonusModal = ({ onAcknowledge, showcaseTokenName }) => {
|
|
|
76601
76583
|
const handleCheckboxChange = () => {
|
|
76602
76584
|
setIsChecked(!isChecked);
|
|
76603
76585
|
};
|
|
76604
|
-
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-cancel", onClick: handleCancel, sx: { width: '100%', justifyContent: 'center' }, variant: "secondary", children: "Cancel" }), jsx$2(Button, { className: "nobonus-buy", onClick: handleAcknowledge, disabled: !isChecked, sx: { width: '100%', justifyContent: 'center' }, children: "Buy" })] })] })));
|
|
76586
|
+
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', cursor: 'pointer' }, onClick: handleCheckboxChange, children: [jsx$2(Flex, { className: "nobonus-checkbox", children: jsx$2(Checkbox, { checked: isChecked, 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-cancel", onClick: handleCancel, sx: { width: '100%', justifyContent: 'center' }, variant: "secondary", children: "Cancel" }), jsx$2(Button, { className: "nobonus-buy", onClick: handleAcknowledge, disabled: !isChecked, sx: { width: '100%', justifyContent: 'center' }, children: "Buy" })] })] })));
|
|
76605
76587
|
};
|
|
76606
76588
|
|
|
76607
76589
|
function useTierProofSignature(bondAddress, chainId, isUserRestricted) {
|
|
@@ -76702,6 +76684,7 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isPro
|
|
|
76702
76684
|
const [buyTxHash, setBuyTxHash] = useState();
|
|
76703
76685
|
const [inputValue, setInputValue] = useState('');
|
|
76704
76686
|
const [inputTokenString, setInputTokenString] = useState((_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _a === void 0 ? void 0 : _a.address) === null || _b === void 0 ? void 0 : _b[bondData.chainId]);
|
|
76687
|
+
const zapEnabled = supportedByLIFI.includes(bondData === null || bondData === void 0 ? void 0 : bondData.chainId);
|
|
76705
76688
|
// On-chain Data
|
|
76706
76689
|
const inputToken = useTokenFromZapList(inputTokenString, bondData === null || bondData === void 0 ? void 0 : bondData.chainId, bondData === null || bondData === void 0 ? void 0 : bondData.lpToken);
|
|
76707
76690
|
const isZap = (inputTokenString === null || inputTokenString === void 0 ? void 0 : inputTokenString.toLowerCase()) !== ((_e = (_d = (_c = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]) === null || _e === void 0 ? void 0 : _e.toLowerCase());
|
|
@@ -76919,13 +76902,13 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isPro
|
|
|
76919
76902
|
(inputTokenString === null || inputTokenString === void 0 ? void 0 : inputTokenString.toLowerCase()) === ((_c = (_b = (_a = bondData === null || bondData === void 0 ? void 0 : bondData.lpToken) === null || _a === void 0 ? void 0 : _a.address) === null || _b === void 0 ? void 0 : _b[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]) === null || _c === void 0 ? void 0 : _c.toLowerCase()) &&
|
|
76920
76903
|
!hasChecked &&
|
|
76921
76904
|
bondChain &&
|
|
76922
|
-
|
|
76905
|
+
zapEnabled) {
|
|
76923
76906
|
setHasChecked(true);
|
|
76924
76907
|
setInputTokenString('NATIVE');
|
|
76925
76908
|
console.log('change to native');
|
|
76926
76909
|
}
|
|
76927
76910
|
}, [inputCurrencyBalance]);
|
|
76928
|
-
return bondData ? (jsxs(Flex, { className: `modal-content ${isGoldRush ? 'gold-rush' : ''}`, children: [jsx$2("div", { className: "gold-ribbon" }), jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { 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:
|
|
76911
|
+
return bondData ? (jsxs(Flex, { className: `modal-content ${isGoldRush ? 'gold-rush' : ''}`, children: [jsx$2("div", { className: "gold-ribbon" }), jsxs(Flex, { className: "modaltable-container", children: [jsx$2(BondModalHeader, { bondData: bondData, onDismiss: onDismiss, showProjectInfoButton: (SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.referenceId) === 'apebond' }), jsx$2(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx$2(Flex, { sx: { width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }, children: jsx$2(BondCards, { bondData: bondData }) }), jsx$2(Estimations, { depositAmount: depositAmount, bondData: bondData, youSpendString: youSpendString, isZap: isZap, fetchingZapQuote: fetchingZapQuote, zapError: zapError }), jsx$2(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: () => { 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: zapEnabled, bondPrincipalToken: bondData === null || bondData === void 0 ? void 0 : bondData.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: inputTokenPrice === null || inputTokenPrice === void 0 ? void 0 : inputTokenPrice.price, inputDisabled: isUserRestricted }), SDKConfig.useTiers && jsx$2(GetUpToComponent, { bond: bondData, depositAmount: depositAmount }), (bondData === null || bondData === void 0 ? void 0 : bondData.warningCard) && (jsx$2(Flex, { sx: {
|
|
76929
76912
|
width: '100%',
|
|
76930
76913
|
background: '#DE62F366',
|
|
76931
76914
|
justifyContent: 'center',
|
|
@@ -76933,7 +76916,7 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isPro
|
|
|
76933
76916
|
borderRadius: 'normal',
|
|
76934
76917
|
}, children: jsx$2(Text, { sx: { fontSize: '12px', fontWeight: 400, p: '2px 10px' }, children: jsx$2(SafeHTMLComponent, { html: bondData === null || bondData === void 0 ? void 0 : bondData.warningCard }) }) })), jsxs(Flex, { className: "modaltable-container button-container", children: [account && (jsx$2(Flex, { className: "button-container get", children: jsx$2(Button, { className: "action-button", onClick: () => bondData.billVersion === types.BillVersion.V4 && SDKConfig.useTiers
|
|
76935
76918
|
? window.open('http://ape.bond/tier-staking', '_blank')
|
|
76936
|
-
:
|
|
76919
|
+
: zapEnabled
|
|
76937
76920
|
? handleOpenZapModal()
|
|
76938
76921
|
: openExternal(), variant: "secondary", fullWidth: true, children: bondData.billVersion === types.BillVersion.V4 && SDKConfig.useTiers
|
|
76939
76922
|
? `Get your Tier`
|
|
@@ -77078,7 +77061,7 @@ var ProgressBarWrapper$1 = React__default.memo(ProgressBarWrapper);
|
|
|
77078
77061
|
const BondRow = ({ bond }) => {
|
|
77079
77062
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
77080
77063
|
const isMobile = useIsMobile();
|
|
77081
|
-
useSDKConfig();
|
|
77064
|
+
const SDKConfig = useSDKConfig();
|
|
77082
77065
|
const locationPath = window.location.pathname.replace('/', '');
|
|
77083
77066
|
const billAddress = 'billAddress' in bond
|
|
77084
77067
|
? bond.billAddress
|
|
@@ -77115,7 +77098,7 @@ const BondRow = ({ bond }) => {
|
|
|
77115
77098
|
};
|
|
77116
77099
|
const remainingTokensFormat = (bond) => {
|
|
77117
77100
|
const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
|
|
77118
|
-
return
|
|
77101
|
+
return formatNumberSI(parseFloat(tokensRemaining), 0);
|
|
77119
77102
|
};
|
|
77120
77103
|
const remainingTokensUsd = (bond) => {
|
|
77121
77104
|
const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
|
|
@@ -77123,7 +77106,7 @@ const BondRow = ({ bond }) => {
|
|
|
77123
77106
|
const tokens = new BigNumber$1(tokensRemaining);
|
|
77124
77107
|
return tokens.times(payoutTokenPrice);
|
|
77125
77108
|
};
|
|
77126
|
-
return (jsxs("div", { className: `bond-row ${isGoldRush ? 'gold-rush' : ''}`, onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['
|
|
77109
|
+
return (jsxs("div", { className: `bond-row ${isGoldRush ? 'gold-rush' : ''}`, onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx$2("div", { className: "gold-ribbon" }), jsx$2("div", { className: "token-info-container", sx: { width: ['45%', '45%', '45%', '30%'] }, children: jsx$2(TokenInfoAndName, { bill: bond, isGoldBond: isGoldRush }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx$2("div", { className: `discount-column`, children: 'trueBondPrices' in bond ? (((_b = (_a = findHighestTrueBondPrice((SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) ? TIERS_WEIGHT[types.LaunchBondTiers.Legend] : '0', bond)) === null || _a === void 0 ? void 0 : _a.bonusWithFee) !== null && _b !== void 0 ? _b : 0) > 0 ? (jsx$2(BonusComponent, { bond: bond, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft' })) : (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx$2(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }))) : ('-') }), jsxs("div", { className: "terms-column", children: [getVestingTermsString(bond), bond.vestingCliff && (jsx$2(TooltipBubble, { className: "tooltip-bubble", body: jsx$2(Flex, { children: getVestingTermsTooltipString(bond) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx$2(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx$2(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx$2("div", { className: "tokens-remaining-column", children: jsx$2(ProgressBarWrapper$1, { title: '', value: jsx$2(ProgressBar, { value: remainingPercentage(bond) }), style: {
|
|
77127
77110
|
width: '127px',
|
|
77128
77111
|
height: '25px',
|
|
77129
77112
|
flexDirection: 'column',
|
|
@@ -77447,12 +77430,13 @@ const FavIcon = ({ filterOption, setFilterOption, }) => {
|
|
|
77447
77430
|
};
|
|
77448
77431
|
|
|
77449
77432
|
const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFilterOption, filterOptions, filterOption, setFilterOption, onSort, }) => {
|
|
77450
|
-
return (jsxs("div", { className: "bonds-menu", children: [jsx$2(BondFilters, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setSearchQuery('') }), jsxs("div", { className: "table-header-container", children: [jsx$2("div", { className: "search-container", children: jsxs(Flex$1, { sx: { width: '100%', maxWidth: '
|
|
77433
|
+
return (jsxs("div", { className: "bonds-menu", children: [jsx$2(BondFilters, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setSearchQuery('') }), jsxs("div", { className: "table-header-container", children: [jsx$2("div", { className: "search-container", children: jsxs(Flex$1, { sx: { width: '100%', maxWidth: '340px' }, children: [jsx$2(Input, { value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), variant: "search", width: '100%', sx: {
|
|
77451
77434
|
fontWeight: 600,
|
|
77452
77435
|
background: 'white2',
|
|
77453
77436
|
height: '30px',
|
|
77454
77437
|
fontSize: '14px',
|
|
77455
77438
|
color: 'white',
|
|
77439
|
+
width: ['calc(50vw - 25px)'],
|
|
77456
77440
|
}, placeholder: 'Search...' }), jsx$2(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: ["BONUS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx$2(Flex$1, { sx: { ml: '5px', mb: '3px' }, children: jsx$2(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx$2("div", { className: "tooltip-header" })] })] })] }));
|
|
77457
77441
|
};
|
|
77458
77442
|
|
package/dist/styles.css
CHANGED
|
@@ -707,7 +707,7 @@ span.flex-inline {
|
|
|
707
707
|
background-size: contain;
|
|
708
708
|
width: 70px;
|
|
709
709
|
height: 68px;
|
|
710
|
-
z-index:
|
|
710
|
+
z-index: 9;
|
|
711
711
|
}
|
|
712
712
|
|
|
713
713
|
.bond-row.gold-rush {
|
|
@@ -814,28 +814,42 @@ span.flex-inline {
|
|
|
814
814
|
display: flex;
|
|
815
815
|
width: 100%;
|
|
816
816
|
padding: 20px 0 10px 0;
|
|
817
|
+
justify-content: space-between;
|
|
818
|
+
overflow: hidden;
|
|
817
819
|
}
|
|
818
820
|
.bonds-menu .search-container {
|
|
819
821
|
display: flex;
|
|
820
|
-
width: 40%;
|
|
821
822
|
flex-direction: row;
|
|
822
823
|
}
|
|
824
|
+
@media screen and (min-width: 1000px) {
|
|
825
|
+
.bonds-menu .search-container {
|
|
826
|
+
width: 45%;
|
|
827
|
+
}
|
|
828
|
+
}
|
|
823
829
|
.bonds-menu .headers-container {
|
|
824
830
|
display: flex;
|
|
825
|
-
width:
|
|
831
|
+
width: 50%;
|
|
826
832
|
justify-content: flex-end;
|
|
827
833
|
}
|
|
828
834
|
@media screen and (min-width: 1000px) {
|
|
829
835
|
.bonds-menu .headers-container {
|
|
830
836
|
justify-content: space-between;
|
|
837
|
+
width: 55%;
|
|
831
838
|
}
|
|
832
839
|
}
|
|
833
840
|
.bonds-menu .discount-header {
|
|
834
841
|
display: flex;
|
|
835
842
|
width: 170px;
|
|
836
843
|
align-items: flex-end;
|
|
837
|
-
justify-content: center;
|
|
838
844
|
cursor: pointer;
|
|
845
|
+
padding-left: 15px;
|
|
846
|
+
}
|
|
847
|
+
@media screen and (min-width: 513px) {
|
|
848
|
+
.bonds-menu .discount-header {
|
|
849
|
+
padding-left: 0;
|
|
850
|
+
width: 170px;
|
|
851
|
+
justify-content: center;
|
|
852
|
+
}
|
|
839
853
|
}
|
|
840
854
|
.bonds-menu .arr-header {
|
|
841
855
|
display: none;
|
|
@@ -20,7 +20,7 @@ export declare const getPendingVestingString: (bond?: UserBill) => string;
|
|
|
20
20
|
export declare const getVestingTermsString: (bond?: BondsData | BillsConfig) => string;
|
|
21
21
|
export declare const getVestingTermsTooltipString: (bond?: BondsData | BillsConfig) => string;
|
|
22
22
|
export declare const discountEarnTokenPrice: (bond: BondsData) => string;
|
|
23
|
-
export declare const maxBuy: (bond: BondsData) =>
|
|
23
|
+
export declare const maxBuy: (bond: BondsData) => BigNumber;
|
|
24
24
|
export declare function formatNumber(input: string): string;
|
|
25
25
|
export declare function formatUSDNumber(input: string): string;
|
|
26
26
|
export declare const youSpendUSD: (bond: BondsData, inputValue: string) => string;
|