1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2032],{2089:function(e,i,t){"use strict";var n=t(76398),l=t(73474),a=t.n(l),o=t(52983),r=t(90145),s=t(42819),d=function(e){if(!e)return 0;var i=a()(e).valueOf()-Date.now();return i<0?0:i};i.Z=function(e){void 0===e&&(e={});var i=e||{},t=i.leftTime,l=i.targetDate,a=i.interval,c=void 0===a?1e3:a,p=i.onEnd,x=(0,o.useMemo)(function(){return"leftTime"in e?(0,s.hj)(t)&&t>0?Date.now()+t:void 0:l},[t,l]),h=(0,n.CR)((0,o.useState)(function(){return d(x)}),2),g=h[0],f=h[1],u=(0,r.Z)(p);(0,o.useEffect)(function(){if(!x){f(0);return}f(d(x));var e=setInterval(function(){var i,t=d(x);f(t),0===t&&(clearInterval(e),null===(i=u.current)||void 0===i||i.call(u))},c);return function(){return clearInterval(e)}},[x,c]);var b=(0,o.useMemo)(function(){return{days:Math.floor(g/864e5),hours:Math.floor(g/36e5)%24,minutes:Math.floor(g/6e4)%60,seconds:Math.floor(g/1e3)%60,milliseconds:Math.floor(g)%1e3}},[g]);return[g,b]}},92109:function(e,i,t){"use strict";var n=t(52983),l=t(89103),a=t(42819);i.Z=function(e,i,t){void 0===t&&(t={});var o=(0,l.Z)(e),r=(0,n.useRef)(null),s=(0,n.useCallback)(function(){r.current&&clearInterval(r.current)},[]);return(0,n.useEffect)(function(){if((0,a.hj)(i)&&!(i<0))return t.immediate&&o(),r.current=setInterval(o,i),s},[i,t.immediate]),s}},81386:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/perp/alp",function(){return t(22021)}])},22021:function(e,i,t){"use strict";t.r(i);var n=t(97458),l=t(52983),a=t(24343),o=t(86038),r=t(69036),s=t(92109),d=t(2089),c=t(9584),p=t(97843),x=t(4614),h=t(77959),g=t(90858),f=t(25055),u=t(73474),b=t.n(u),m=t(45770),v=t(48172),j=t(12856),w=t(6120),N=t(9038),k=t(70172);let y=a.ZP.div.withConfig({componentId:"sc-5301fd2-0"})` 2 .up { 3 color: rgba(69, 198, 24, 1) !important; 4 } 5 .down { 6 color: rgba(221, 20, 68, 1) !important; 7 } 8 .dotted-line { 9 border-bottom: 1px dashed rgba(255, 255, 255, 0.45); 10 } 11 @media not screen and (max-width: 1280px) { 12 .inner { 13 margin: 0 auto; 14 padding: 40px 0 80px 0; 15 /* width: 1200px; */ 16 width: 996px; 17 } 18 .title { 19 color: #fff; 20 font-size: 30px; 21 font-style: italic; 22 font-weight: 900; 23 line-height: 100%; 24 } 25 .title-tips { 26 margin: 12px 0 24px 0; 27 color: rgba(255, 255, 255, 0.45); 28 font-size: 14px; 29 font-weight: 300; 30 line-height: 100%; 31 } 32 .labor { 33 margin-bottom: 80px; 34 padding: 16px; 35 border-radius: 24px; 36 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 37 .coin { 38 margin-bottom: 24px; 39 img { 40 width: 36px; 41 height: 36px; 42 } 43 h3 { 44 margin-left: 8px; 45 color: #fff; 46 font-size: 18px; 47 font-weight: 700; 48 } 49 .each { 50 position: relative; 51 margin-right: 20px; 52 img:nth-child(2) { 53 position: absolute; 54 top: 0; 55 left: 20px; 56 } 57 } 58 } 59 .box { 60 flex: 1; 61 align-items: stretch; 62 } 63 .chart { 64 height: 140px; 65 /* color: #fff; 66 border-radius: 24px; 67 background: rgba(255, 255, 255, 0.05); */ 68 .xAxis { 69 text { 70 fill: rgba(255, 201, 177, 0.65); 71 } 72 tspan { 73 font-size: 12px; 74 font-weight: 400; 75 line-height: 100%; 76 } 77 } 78 .recharts-default-tooltip { 79 padding: 12px; 80 } 81 .recharts-tooltip-label { 82 color: rgba(255, 255, 255, 0.85); 83 font-size: 14px; 84 font-weight: 400; 85 } 86 .recharts-tooltip-item { 87 margin-top: 4px; 88 span { 89 font-size: 14px; 90 font-weight: 400; 91 } 92 span:nth-child(1) { 93 color: rgba(255, 255, 255, 0.85); 94 } 95 } 96 } 97 hr { 98 margin: 0 24px; 99 width: 1px; 100 height: 168px; 101 background: rgba(255, 255, 255, 0.12); 102 } 103 .info { 104 h4 { 105 color: rgba(255, 255, 255, 0.85); 106 font-size: 14px; 107 font-weight: 400; 108 } 109 p { 110 color: #fff; 111 font-size: 14px; 112 font-weight: 600; 113 } 114 } 115 .info-only { 116 svg { 117 margin-right: 4px; 118 fill: #ffc9b1; 119 } 120 p { 121 color: #ffc9b1; 122 } 123 } 124 .info + .info { 125 margin-top: 10px; 126 } 127 .reward { 128 height: 24px; 129 } 130 .button { 131 margin-top: 24px; 132 gap: 8px; 133 } 134 .button-only { 135 flex: 1; 136 } 137 /* .min { 138 max-width: 128px; 139 } */ 140 } 141 .detail { 142 margin-bottom: 80px; 143 .subtitle { 144 margin-bottom: 16px; 145 color: #fff; 146 font-size: 18px; 147 font-weight: 700; 148 } 149 .box { 150 align-items: stretch; 151 gap: 16px; 152 border-radius: 24px; 153 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 154 overflow: hidden; 155 } 156 .left { 157 width: 280px; 158 padding: 16px 16px 24px 16px; 159 border-right: 1px solid rgba(255, 255, 255, 0.08); 160 .chart { 161 position: relative; 162 width: 248px; 163 height: 242px; 164 h4 { 165 position: relative; 166 color: #fff; 167 text-align: center; 168 font-size: 18px; 169 font-weight: 700; 170 z-index: 1; 171 } 172 p { 173 position: relative; 174 margin-top: 8px; 175 color: rgba(255, 255, 255, 0.45); 176 text-align: center; 177 font-size: 12px; 178 z-index: 1; 179 } 180 }
181 .chart-info { 182 width: 188px; 183 height: 188px; 184 border-radius: 50%; 185 /* background: rgba(255, 255, 255, 0.05); */ 186 /* åå¤å é¤ */ 187 position: absolute; 188 top: 50%; 189 left: 50%; 190 transform: translate(-50%, -50%); 191 } 192 hr { 193 margin: 16px 0; 194 width: 100%; 195 height: 1px; 196 background: rgba(255, 255, 255, 0.08); 197 } 198 .info { 199 flex-wrap: wrap; 200 .only { 201 width: 50%; 202 } 203 .only:nth-child(2n) { 204 padding-left: 12px; 205 } 206 .only:nth-child(n + 3) { 207 margin-top: 10px; 208 } 209 .dot { 210 margin-right: 4px; 211 width: 8px; 212 height: 8px; 213 } 214 .color_0 { 215 background: #ec5f4c; 216 } 217 .color_1 { 218 background: #3eac35; 219 } 220 .color_2 { 221 background: #ff7f3f; 222 } 223 .color_3 { 224 background: #ea5c2b; 225 } 226 p { 227 color: rgba(255, 255, 255, 1); 228 font-size: 12px; 229 } 230 } 231 } 232 .right { 233 flex: 1; 234 .table { 235 /* height: 316px; 236 overflow-y: auto; */ 237 padding-bottom: 8px; 238 } 239 th:nth-child(1), 240 td:nth-child(1) { 241 padding-left: 0; 242 } 243 td:first-child { 244 span { 245 font-weight: 700; 246 } 247 } 248 th { 249 font-size: 12px; 250 } 251 td { 252 div { 253 text-align: left !important; 254 } 255 } 256 thead { 257 position: sticky; 258 top: 0; 259 background: rgb(23, 20, 20); 260 } 261 .coin { 262 margin-right: 8px; 263 width: 32px; 264 height: 32px; 265 } 266 } 267 } 268 .pool { 269 .info { 270 margin-bottom: 12px; 271 padding: 32px 0px; 272 gap: 24px; 273 border-radius: 24px; 274 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 275 div { 276 flex: 1; 277 } 278 p { 279 color: rgba(255, 255, 255, 0.45); 280 text-align: center; 281 font-size: 14px; 282 } 283 h4 { 284 margin-top: 12px; 285 color: #fff; 286 text-align: center; 287 font-size: 20px; 288 font-weight: 700; 289 } 290 } 291 .table { 292 padding: 0px 16px 32px 16px; 293 height: 320px; 294 overflow-y: auto; 295 border-radius: 24px; 296 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 297 } 298 th { 299 height: 46px; 300 } 301 td { 302 height: 40px; 303 div { 304 text-align: left !important; 305 } 306 } 307 td:first-child { 308 span { 309 font-weight: 700; 310 } 311 } 312 td:last-child { 313 width: 15%; 314 } 315 thead { 316 position: sticky; 317 top: 0; 318 background: rgb(23, 20, 20); 319 } 320 } 321 } 322 @media screen and (max-width: 1280px) { 323 .inner { 324 padding: 24px 16px 48px 16px; 325 } 326 .title { 327 color: #fff; 328 font-size: 20px; 329 font-weight: 700; 330 line-height: 100%; 331 } 332 .title-tips { 333 margin: 12px 0 16px 0; 334 color: rgba(255, 255, 255, 0.45); 335 font-size: 14px; 336 line-height: 120%; 337 } 338 .labor { 339 margin-bottom: 48px; 340 padding: 16px 12px; 341 border-radius: 24px; 342 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 343 .labor-box { 344 display: block; 345 } 346 .coin { 347 margin-bottom: 24px; 348 img { 349 width: 32px; 350 height: 32px; 351 } 352 h3 { 353 margin-left: 8px; 354 color: #fff; 355 font-size: 16px; 356 font-weight: 700; 357 } 358 .each { 359 position: relative; 360 margin-right: 20px; 361 img:nth-child(2) { 362 position: absolute; 363 top: 0; 364 left: 20px; 365 } 366 } 367 } 368 .box { 369 flex: 1; 370 align-items: stretch; 371 } 372 .chart { 373 height: 140px; 374 /* color: #fff; 375 border-radius: 24px; 376 background: rgba(255, 255, 255, 0.05); */ 377 .xAxis { 378 text { 379 fill: rgba(255, 201, 177, 0.65); 380 } 381 tspan { 382 font-size: 12px; 383 font-weight: 400; 384 line-height: 100%; 385 } 386 } 387 .recharts-tooltip-wrapper { 388 outline: none; 389 } 390 .recharts-default-tooltip { 391 padding: 12px; 392 } 393 .recharts-tooltip-label { 394 color: rgba(255, 255, 255, 0.85); 395 font-size: 14px; 396 font-weight: 400; 397 } 398 .recharts-tooltip-item { 399 margin-top: 4px; 400 span { 401 font-size: 14px; 402 font-weight: 400; 403 } 404 span:nth-child(1) { 405 color: rgba(255, 255, 255, 0.85); 406 } 407 } 408 } 409 hr { 410 margin: 24px 0; 411 width: 100%; 412 height: 1px; 413 background: rgba(255, 255, 255, 0.12); 414 } 415 .info { 416 h4 { 417 color: rgba(255, 255, 255, 0.85); 418 font-size: 14px; 419 font-weight: 400; 420 } 421 p { 422 color: #fff; 423 font-size: 14px; 424 font-weight: 500; 425 } 426 } 427 .info-only { 428 p { 429 color: #ffc9b1; 430 } 431 } 432 .info + .info { 433 margin-top: 10px; 434 } 435 .reward { 436 height: 24px; 437 } 438 .button { 439 margin-top: 24px; 440 display: block; 441 } 442 .min { 443 margin-top: 8px; 444 } 445 } 446 .detail { 447 margin-bottom: 48px; 448 .subtitle { 449 margin: 32px 0 24px 0; 450 color: #fff; 451 font-size: 16px; 452 font-weight: 700; 453 } 454 .box { 455 display: block; 456 padding: 16px 12px; 457 border-radius: 24px; 458 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 459 overflow: hidden; 460 } 461 .left { 462 display: flex; 463 align-items: center; 464 justify-content: flex-end; 465 .chart { 466 position: relative; 467 width: 128px; 468 height: 128px; 469 h4 { 470 position: relative; 471 color: #fff; 472 text-align: center; 473 font-size: 12px; 474 font-weight: 700; 475 z-index: 1; 476 } 477 p { 478 position: relative; 479 margin-top: 6px; 480 color: rgba(255, 255, 255, 0.45); 481 text-align: center; 482 font-size: 8px; 483 z-index: 1; 484 } 485 }
486 .chart-info { 487 width: 128px; 488 height: 128px; 489 border-radius: 50%; 490 /* background: rgba(255, 255, 255, 0.05); */ 491 /* åå¤å é¤ */ 492 position: absolute; 493 top: 50%; 494 left: 50%; 495 transform: translate(-50%, -50%); 496 } 497 hr { 498 margin: 0 24px; 499 width: 1px; 500 height: 96px; 501 background: rgba(255, 255, 255, 0.08); 502 } 503 .info { 504 display: block; 505 min-width: 108px; 506 .only + .only { 507 margin-top: 16px; 508 } 509 .dot { 510 margin-right: 4px; 511 width: 8px; 512 height: 8px; 513 } 514 .color_0 { 515 background: #ec5f4c; 516 } 517 .color_1 { 518 background: #3eac35; 519 } 520 .color_2 { 521 background: #ff7f3f; 522 } 523 .color_3 { 524 background: #ea5c2b; 525 } 526 p { 527 color: rgba(255, 255, 255, 1); 528 font-size: 12px; 529 } 530 } 531 } 532 .right { 533 margin-top: 24px; 534 .mobile-table { 535 border-radius: 16px; 536 background: rgba(60, 28, 24, 1); 537 overflow: hidden; 538 } 539 .mobile-table + .mobile-table { 540 margin-top: 10px; 541 } 542 .table-coin { 543 padding: 8px 12px; 544 gap: 8px; 545 .coin { 546 width: 32px; 547 height: 32px; 548 } 549 span { 550 color: var(--neutral-color-white-100-primary-text, #fff); 551 font-size: 16px; 552 font-weight: 700; 553 } 554 } 555 .table-box { 556 padding: 12px; 557 flex-wrap: wrap; 558 background: #000; 559 } 560 .table-info { 561 width: 50%; 562 } 563 .table-info:nth-child(n + 3) { 564 margin-top: 12px; 565 } 566 .table-title { 567 gap: 2px; 568 color: var(--neutral-color-white-65-secondary-textr, rgba(255, 255, 255, 0.65)); 569 font-size: 12px; 570 img { 571 width: 16px; 572 height: 16px; 573 } 574 } 575 .table-detail { 576 margin-top: 4px; 577 color: var(--neutral-color-white-100-primary-text, #fff); 578 font-size: 14px; 579 font-weight: 500; 580 } 581 } 582 } 583 .pool { 584 .info { 585 flex-wrap: wrap; 586 padding: 16px 12px 0 12px; 587 border-radius: 24px 24px 0 0; 588 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 589 div:nth-child(1) { 590 width: 100%; 591 } 592 div:not(:nth-child(1)) { 593 margin-top: 24px; 594 width: 50%; 595 } 596 p { 597 color: rgba(255, 255, 255, 0.45); 598 font-size: 12px; 599 } 600 h4 { 601 margin-top: 12px; 602 color: #fff; 603 font-size: 20px; 604 font-weight: 700; 605 } 606 } 607 .table-container { 608 padding: 24px 12px 16px 12px; 609 border-radius: 0 0 24px; 610 background: var(--agniBG, rgba(47, 40, 40, 0.5)); 611 overflow: hidden; 612 .mobile-table { 613 border-radius: 16px; 614 background: rgba(60, 28, 24, 1); 615 overflow: hidden; 616 } 617 .mobile-table + .mobile-table { 618 margin-top: 10px; 619 } 620 .table-coin { 621 padding: 8px 12px; 622 gap: 8px; 623 .coin { 624 width: 32px; 625 height: 32px; 626 } 627 span { 628 color: var(--neutral-color-white-100-primary-text, #fff); 629 font-size: 16px; 630 font-weight: 700; 631 } 632 } 633 .table-box { 634 padding: 12px; 635 flex-wrap: wrap; 636 align-items: stretch; 637 background: #000; 638 } 639 .table-info { 640 width: 50%; 641 } 642 .table-info:nth-child(n + 3) { 643 margin-top: 12px; 644 } 645 .table-title { 646 gap: 2px; 647 color: var(--neutral-color-white-65-secondary-textr, rgba(255, 255, 255, 0.65)); 648 font-size: 12px; 649 img { 650 width: 16px; 651 height: 16px; 652 } 653 } 654 .table-detail { 655 margin-top: 4px; 656 color: var(--neutral-color-white-100-primary-text, #fff); 657 font-size: 14px; 658 font-weight: 500; 659 } 660 } 661 } 662 } 663`,P=a.ZP.span.withConfig({componentId:"sc-5301fd2-1"})` 664 color: #fff; 665 font-size: 16px; 666 font-weight: 700; 667`,z=a.ZP.div.withConfig({componentId:"sc-5301fd2-2"})` 668 @media not screen and (max-width: 1280px) { 669 padding: 0 24px 24px 24px; 670 width: 540px; 671 .tips { 672 margin-bottom: 24px; 673 color: #fff; 674 font-size: 14px; 675 } 676 .box-group { 677 position: relative; 678 padding-bottom: 6px; 679 .convert { 680 position: absolute; 681 top: 50%; 682 left: 50%; 683 transform: translate(-50%, -50%); 684 pointer-events: none; 685 z-index: 1; 686 } 687 } 688 .countdown { 689 position: absolute; 690 inset: 0 0 0 0; 691 padding: 0 44px; 692 border-radius: 16px; 693 background: rgba(0, 0, 0, 0.65); 694 backdrop-filter: blur(8px); 695 z-index: 1;
696 .time { 697 align-items: flex-end; 698 span { 699 color: #ffc9b1; 700 margin-right: 4px; 701 font-size: 32px; 702 font-weight: 700; 703 } 704 b { 705 padding-bottom: 2px; 706 color: #ffc9b1; 707 font-size: 16px; 708 font-weight: 400; 709 } 710 span + b { 711 margin-right: 8px; 712 } 713 } 714 p { 715 margin-top: 16px; 716 color: var(--neutral-color-white-65-secondary-textr, rgba(255, 255, 255, 0.65)); 717 text-align: center; 718 font-size: 14px; 719 line-height: 120%; 720 } 721 } 722 .box { 723 padding: 8px 16px; 724 border-radius: 16px; 725 background: var(--neutral-color-white-8, rgba(255, 255, 255, 0.08)); 726 overflow: hidden; 727 } 728 .convert { 729 width: 32px; 730 height: 32px; 731 } 732 .convert + .box { 733 margin-top: 2px; 734 } 735 .box-inner { 736 .balance { 737 margin-bottom: 8px; 738 h4 { 739 color: #fff; 740 font-size: 16px; 741 font-weight: 700; 742 } 743 p { 744 color: rgba(255, 255, 255, 0.65); 745 font-size: 14px; 746 } 747 } 748 .entry { 749 padding: 16px 0; 750 .input { 751 label { 752 height: 24px; 753 background: transparent; 754 } 755 input { 756 line-height: 24px; 757 &::placeholder { 758 color: rgba(254, 255, 212, 0.2); 759 } 760 } 761 } 762 .show { 763 padding: 0 12px; 764 font-size: 16px; 765 font-weight: 700; 766 } 767 .active { 768 color: #fff; 769 } 770 .default { 771 color: rgba(254, 255, 212, 0.2); 772 } 773 .handle { 774 padding-left: 16px; 775 gap: 16px; 776 } 777 .all { 778 color: #ffc9b1; 779 font-size: 14px; 780 } 781 .coin { 782 padding: 4px 4px 4px 6px; 783 gap: 6px; 784 border-radius: 8px; 785 background: var(--neutral-color-white-8, rgba(255, 255, 255, 0.08)); 786 img { 787 width: 20px; 788 height: 20px; 789 } 790 p { 791 color: #fff; 792 font-size: 14px; 793 } 794 svg { 795 fill: #fff; 796 } 797 } 798 } 799 } 800 .info { 801 margin-top: 10px; 802 P { 803 color: rgba(255, 255, 255, 0.65); 804 font-size: 16px; 805 } 806 h4 { 807 color: var(--neutral-color-white-100-primary-text, #fff); 808 font-size: 16px; 809 font-weight: 400; 810 } 811 .more { 812 gap: 4px; 813 } 814 } 815 .line { 816 margin-top: 16px; 817 width: 100%; 818 height: 1px; 819 background: rgba(255, 255, 255, 0.08); 820 } 821 button { 822 margin: 16px 0; 823 } 824 .more-tips { 825 h4 { 826 margin-bottom: 8px; 827 color: rgba(255, 255, 255, 0.65); 828 font-size: 12px; 829 font-weight: 700; 830 } 831 p { 832 color: rgba(255, 255, 255, 0.65); 833 font-size: 12px; 834 line-height: 14px; 835 } 836 } 837 .more-staked { 838 p { 839 color: rgba(255, 255, 255, 0.65); 840 font-size: 16px; 841 } 842 h4 { 843 color: rgba(255, 255, 255, 1); 844 font-size: 14px; 845 font-weight: 400; 846 } 847 } 848 } 849 @media screen and (max-width: 1280px) { 850 padding: 0 16px 32px 16px; 851 .tips { 852 margin-bottom: 12px; 853 color: rgba(255, 255, 255, 0.65); 854 font-size: 12px; 855 } 856 .box-group { 857 position: relative; 858 padding-bottom: 6px; 859 .convert { 860 position: absolute; 861 top: 50%; 862 left: 50%; 863 transform: translate(-50%, -50%); 864 pointer-events: none; 865 z-index: 1; 866 } 867 } 868 .countdown { 869 position: absolute; 870 inset: 0 0 0 0; 871 padding: 0 32px; 872 border-radius: 16px; 873 background: rgba(0, 0, 0, 0.65); 874 backdrop-filter: blur(8px); 875 z-index: 1; 876 .time { 877 align-items: flex-end; 878 span { 879 color: #ffc9b1; 880 margin-right: 4px; 881 font-size: 32px; 882 font-weight: 700; 883 } 884 b { 885 padding-bottom: 2px; 886 color: #ffc9b1; 887 font-size: 16px; 888 font-weight: 400; 889 } 890 span + b { 891 margin-right: 8px; 892 } 893 } 894 p { 895 margin-top: 16px; 896 color: var(--neutral-color-white-65-secondary-textr, rgba(255, 255, 255, 0.65)); 897 text-align: center; 898 font-size: 14px; 899 line-height: 120%; 900 } 901 } 902 .box { 903 padding: 8px 16px; 904 border-radius: 16px; 905 background: var(--neutral-color-white-8, rgba(255, 255, 255, 0.08)); 906 overflow: hidden; 907 } 908 .convert { 909 width: 32px; 910 height: 32px; 911 } 912 .convert + .box { 913 margin-top: 2px; 914 } 915 .box-inner { 916 .balance { 917 margin-bottom: 8px; 918 h4 { 919 color: #fff; 920 font-size: 16px; 921 font-weight: 700; 922 } 923 p { 924 color: rgba(255, 255, 255, 0.65); 925 font-size: 12px; 926 } 927 } 928 .entry { 929 height: 48px; 930 .input { 931 flex: 1; 932 label { 933 padding: 0; 934 height: 48px; 935 background: transparent; 936 } 937 input { 938 width: 160px; 939 max-width: 100%; 940 font-size: 20px; 941 line-height: 48px; 942 &::placeholder { 943 color: rgba(254, 255, 212, 0.2); 944 } 945 } 946 } 947 .show { 948 font-size: 20px; 949 font-weight: 700; 950 } 951 .active { 952 color: #fff; 953 } 954 .default { 955 color: rgba(254, 255, 212, 0.2); 956 } 957 .handle { 958 gap: 16px; 959 } 960 .all { 961 color: #ffc9b1; 962 font-size: 14px; 963 } 964 .coin { 965 padding: 4px 4px 4px 6px; 966 gap: 6px; 967 border-radius: 8px; 968 background: var(--neutral-color-white-8, rgba(255, 255, 255, 0.08)); 969 img {
970 width: 20px; 971 height: 20px; 972 } 973 p { 974 color: #fff; 975 font-size: 14px; 976 } 977 svg { 978 fill: #fff; 979 } 980 } 981 } 982 } 983 .info { 984 margin-top: 10px; 985 P { 986 color: rgba(255, 255, 255, 0.65); 987 font-size: 14px; 988 } 989 h4 { 990 color: var(--neutral-color-white-100-primary-text, #fff); 991 font-size: 14px; 992 font-weight: 400; 993 } 994 .more { 995 gap: 4px; 996 } 997 } 998 .line { 999 margin-top: 16px; 1000 width: 100%; 1001 height: 1px; 1002 background: rgba(255, 255, 255, 0.08); 1003 } 1004 button { 1005 margin: 16px 0; 1006 } 1007 .more-tips { 1008 h4 { 1009 margin-bottom: 8px; 1010 color: rgba(255, 255, 255, 0.65); 1011 font-size: 12px; 1012 font-weight: 700; 1013 } 1014 p { 1015 color: rgba(255, 255, 255, 0.65); 1016 font-size: 12px; 1017 line-height: 14px; 1018 } 1019 } 1020 .more-staked { 1021 p { 1022 color: rgba(255, 255, 255, 0.65); 1023 font-size: 16px; 1024 } 1025 h4 { 1026 color: rgba(255, 255, 255, 1); 1027 font-size: 14px; 1028 font-weight: 400; 1029 } 1030 } 1031 } 1032`,S=a.ZP.div.withConfig({componentId:"sc-5301fd2-3"})` 1033 margin-top: 4px; 1034 min-width: 240px; 1035 max-width: 280px; 1036 padding: 12px; 1037 border-radius: 16px; 1038 background: #595959; 1039 box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.16); 1040 li { 1041 gap: 24px; 1042 img { 1043 margin-right: 4px; 1044 width: 20px; 1045 height: 20px; 1046 } 1047 p { 1048 color: #fff; 1049 font-size: 14px; 1050 } 1051 span { 1052 margin-left: 4px; 1053 min-width: 24px; 1054 height: 16px; 1055 padding: 0px 3px; 1056 border-radius: 4px; 1057 background: var(--Background-01, rgba(255, 201, 177, 0.12)); 1058 color: #ffc9b1; 1059 font-size: 12px; 1060 } 1061 } 1062 li + li { 1063 margin-top: 12px; 1064 } 1065 hr { 1066 margin: 12px 0; 1067 width: 100%; 1068 height: 1px; 1069 background: rgba(255, 255, 255, 0.08); 1070 } 1071 .tip { 1072 color: rgba(255, 255, 255, 1); 1073 font-size: 12px; 1074 line-height: 120%; 1075 } 1076`,I=a.ZP.div.withConfig({componentId:"sc-5301fd2-4"})` 1077 @media not screen and (max-width: 1280px) { 1078 padding: 0 24px; 1079 width: 480px; 1080 img { 1081 width: 128px; 1082 height: 128px; 1083 } 1084 h4 { 1085 margin: 16px 0; 1086 color: var(--neutral-color-white-100-primary-text, #fff); 1087 font-size: 24px; 1088 font-weight: 700; 1089 } 1090 p { 1091 margin-bottom: 4px; 1092 color: rgba(255, 255, 255, 0.65); 1093 text-align: center; 1094 font-size: 14px; 1095 line-height: 120%; 1096 } 1097 .add { 1098 margin-bottom: 24px; 1099 color: #ffc9b1; 1100 font-size: 14px; 1101 line-height: 120%; 1102 } 1103 .enjoy { 1104 width: 100%; 1105 div { 1106 padding: 8px 10px; 1107 border-radius: 12px; 1108 background: #3a3a3a; 1109 color: var(--text-01100, #ffc9b1); 1110 font-size: 14px; 1111 font-style: italic; 1112 font-weight: 500; 1113 } 1114 } 1115 } 1116 @media screen and (max-width: 1280px) { 1117 padding: 16px 16px 32px 16px; 1118 img { 1119 width: 100px; 1120 height: 100px; 1121 } 1122 h4 { 1123 margin: 16px 0; 1124 color: var(--neutral-color-white-100-primary-text, #fff); 1125 font-size: 20px; 1126 font-weight: 700; 1127 } 1128 p { 1129 margin-bottom: 16px; 1130 color: rgba(255, 255, 255, 0.65); 1131 text-align: center; 1132 font-size: 12px; 1133 line-height: 110%; 1134 } 1135 .add { 1136 color: #ffc9b1; 1137 font-size: 14px; 1138 } 1139 .enjoy { 1140 width: 100%; 1141 div { 1142 padding: 8px 10px; 1143 border-radius: 12px; 1144 background: #3a3a3a; 1145 color: var(--text-01100, #ffc9b1); 1146 font-size: 14px; 1147 font-style: italic; 1148 font-weight: 500; 1149 } 1150 } 1151 } 1152`,A=()=>{var e,i,t,a,u,A,L,C,O,H,X,F,_,B,T,U,D,G,R,E,M,W,Z,$,V,Y,q,Q,K,J,ee,ei,et;let{data:en}=(0,m.py)(),{isMobile:el}=(0,v.Z)(),[ea,eo]=l.useState(""),er=l.useCallback(async()=>{let e=await c.SdkProvider.getApi().dashBoardApi().liquidityComposition(c.SdkProvider.currentChainType),i=e.map(e=>e.token.symbol).join(", ");eo(i)},[]);(0,r.Z)(()=>{er()});let es=l.useMemo(()=>(0,c.getPrecision)("ALP").personal,[]),[ed,ec]=l.useState([]),[ep,ex]=l.useState(),eh=l.useCallback(async()=>{var e;let i=c.SdkProvider.getApi().dashBoardApi(),t=await i.priceHistory(c.SdkProvider.currentChainType);ec(t);let n=await i.price(c.SdkProvider.currentChainType,null==en?void 0:null===(e=en.account)||void 0===e?void 0:e.address);ex(n)},[en]),[eg,ef]=l.useState([]),[eu,eb]=l.useState(0),[em,ev]=l.useState([]),ej=l.useCallback(async()=>{let e=await c.SdkProvider.getApi().dashBoardApi().liquidityComposition(c.SdkProvider.currentChainType);ef(e);let i=e.reduce((e,i)=>e+parseFloat(i.totalValue),0);eb(i);let[t,...n]=e.map(e=>({token:e.token.symbol,value:Number((0,o.II)(e.currentWeight,1))})),l=100-n.reduce((e,i)=>e+i.value,0),a=[{token:t.token,value:l},...n];
1152ev(a)},[]),ew=l.useMemo(()=>[{key:"tokenName",title:"Coin"},{key:"tokenQuantity",title:"Token Quantity"},{key:"totalValue",title:"Total Value"},{key:"fee",title:(0,n.jsxs)("div",{className:"row-start",children:[(0,n.jsxs)("span",{children:["Reference Buy/",(0,n.jsx)("br",{}),"Sell Fee"]}),(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"Reference fees for buying/selling 10,000 USD worth of ALP in different coins."}),children:(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-question.svg",alt:"icon"})})]})},{key:"weight",title:(0,n.jsx)("div",{className:"row-start",children:(0,n.jsxs)("span",{children:["Target Weight/",(0,n.jsx)("hr",{}),"Current Weigh"]})})}],[]),eN=l.useMemo(()=>eg.map(e=>({key:e.token.address,tokenName:(0,n.jsxs)("div",{className:"row-start",children:[(0,n.jsx)(j.F,{className:"coin",address:e.token.logoURI}),(0,n.jsx)("span",{children:e.token.symbol})]}),tokenQuantity:(0,n.jsx)("div",{children:(0,o.XH)(e.tokenQuantity)}),totalValue:(0,n.jsxs)("div",{children:["$",(0,o.XH)(e.totalValue)]}),fee:(0,n.jsxs)("div",{children:[(0,o.XH)(e.buyFee,2),"% / ",(0,o.XH)(e.sellFee,2),"%"]}),weight:(0,n.jsxs)("div",{children:[(0,o.XH)(e.targetWeight,2),"% / ",(0,o.XH)(e.currentWeight,2),"%"]})})),[eg]),[ek,ey]=l.useState(),[eP,ez]=l.useState([]),eS=l.useCallback(e=>!e||Number(e)>=0?{unit:"+",className:"up"}:{unit:"",className:"down"},[]),eI=l.useCallback(async()=>{let e=await c.SdkProvider.getApi().dashBoardApi().poolPosition(c.SdkProvider.currentChainType);ey(e),ez(e.pools)},[]),eA=l.useMemo(()=>[{key:"tokenName",title:"Symbol"},{key:"longOl",title:"Long OI (USD)"},{key:"shortOl",title:"Short OI (USD)"},{key:"netOl",title:"Net OI (USD)"},{key:"unrealizedPNL",title:"Unrealized PNL(USD)"}],[]),eL=l.useMemo(()=>eP.map((e,i)=>({key:i,tokenName:e.symbol,longOl:(0,o.II)(e.longOl),shortOl:(0,o.II)(e.shortOl),netOl:(0,n.jsxs)("div",{className:`${eS(e.netOl).className}`,children:[eS(e.netOl).unit,(0,o.II)(e.netOl)]}),unrealizedPNL:(0,n.jsxs)("div",{className:`${eS(e.unrealizedPNL).className}`,children:[eS(e.unrealizedPNL).unit,(0,o.II)(e.unrealizedPNL)]})})),[eS,eP]);(0,s.Z)(()=>{eh(),ej(),eI()},3e3,{immediate:!0});let[eC,eO]=l.useState([]),[eH,eX]=l.useState(),[eF,e_]=l.useState(!0),eB=l.useCallback(async()=>{let e=c.SdkProvider.currentChainType,i=c.SdkProvider.getApi().buySellGLPApi(),t=c.SdkProvider.connect(),n=await i.tokens(e,t.account);eO(n);let l=n[0];eX(l)},[]),[eT,eU]=l.useState("Buy"),[eD,eG]=l.useState(!1),[eR,eE]=l.useState(!1);l.useEffect(()=>{(eD||eR)&&eB()},[eD,eR,eB]);let[eM,eW]=l.useState(!1),[eZ,e$]=l.useState("successful"),[eV,eY]=l.useState(!1),[eq,eQ]=l.useState(),[eK,eJ]=l.useState(""),[e0,e5]=l.useState(),[e2,e1]=l.useState(!1),e4=l.useCallback(async()=>{if(!eH)return;let e=c.SdkProvider.currentChainType,i=c.SdkProvider.getApi().buySellGLPApi(),t=c.SdkProvider.connect(),n=await i.buyInfo(e,eH.token,t.account);eQ(n);let l=await n.preBuy(eK||"0"),a=await n.balance.showApprove(eK||"0");e5(l),e1(a),eW(!1)},[eK,eH]),[e6,e8]=l.useState("0");l.useEffect(()=>{eK&&e0&&e8(e0.youWillGet)},[eK,e0]),l.useEffect(()=>{eD&&e4()},[eD,eK,e4]);let e3=l.useCallback(async()=>{if(!eq)return;eW(!0);let e=c.SdkProvider.connect();if(e2){try{let i=await eq.balance.approve(e);await i.confirm(),e4()}catch(e){eW(!1)}return}try{let i=await eq.buy(eK,e);await i.confirm(),eJ(""),e4(),eG(!1),e$("successful"),eY(!0)}catch(e){eW(!1),eG(!1),e$("failed"),eY(!0)}},[eq,eK,e2,e4]),e7=l.useCallback(async()=>{let e=c.SdkProvider.connect();await e.addToken(e.chainInfo().GLP)},[]),[e9,ie]=l.useState(),[ii,it]=l.useState(""),[il,ia]=l.useState(),[io,ir]=l.useState(!1),is=l.useCallback(async()=>{if(!eH)return;let e=c.SdkProvider.currentChainType,i=c.SdkProvider.getApi().buySellGLPApi(),t=c.SdkProvider.connect(),n=await i.sellInfo(e,eH.token,t.account);ie(n);let l=await n.preSell(ii||"0"),a=n.balance.showApprove(ii||"0");ia(l),ir(a),eW(!1)},[ii,eH]);l.useEffect(()=>{eR&&is()},[eR,ii,is]);let id=l.useCallback(async()=>{if(!e9)return;eW(!0);let e=c.SdkProvider.connect();if(io){try{let i=await e9.balance.approve(e);await i.confirm(),is()}catch(e){eW(!1)}return}try{let i=await e9.sell(ii,e);await i.confirm(),it(""),is(),eE(!1),e$("successful"),eY(!0)}catch(e){eW(!1),eE(!1),e$("failed"),eY(!0)}},[e9,ii,io,is]),[ic,ip]=(0,d.Z)({leftTime:e9?1e3*e9.countDown:0}),{hours:ix,minutes:ih,seconds:ig}=ip;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(y,{children:(0,n.jsxs)("div",{className:"inner",children:[(0,n.jsx)("h2",{className:"title",children:"ALP Dashboard"}),(0,n.jsxs)("p",{className:"title-tips",children:["Buy ALP with ",ea," Cake to share ALP Pool trading profits. Stake ALP to earn extra rewards."]}),(0,n.jsxs)("div",{className:"labor",children:[(0,n.jsxs)("div",{className:"coin row-start",children:[(0,n.jsx)(j.F,{address:"/newImages/perp/icon-coin_gby_lp.png"}),(0,n.jsx)("h3",{children:"ALP Price"})]}),(0,n.jsxs)("div",{className:"labor-box row-between",children:[(0,n.jsx)("div",{className:"box chart row-center",children:(0,n.jsx)(p.h,{width:"100%",height:"100%",children:(0,n.jsxs)(x.T,{data:ed,margin:{bottom:-8}
1152,children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("linearGradient",{id:"gradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,n.jsx)("stop",{offset:"5%",stopColor:"#EC5F4C",stopOpacity:.5}),(0,n.jsx)("stop",{offset:"100%",stopColor:"#EC5F4C",stopOpacity:0})]})}),(0,n.jsx)(h.K,{dataKey:"time",tickLine:!1,tickFormatter:e=>`${b()(e).format("MM/DD")}`}),(0,n.jsx)(g.u,{cursor:{stroke:"#EC5F4C"},contentStyle:{borderRadius:4,background:"rgba(51, 45, 42, 0.75)",backdropFilter:"blur(2px)",border:"none",outline:"none",overflow:"hidden"},labelFormatter:e=>b()(e).format("MMM D, YYYY"),formatter:e=>[`${(0,o.XH)(e)}`,"Price"]}),(0,n.jsx)(f.u,{dataKey:"price",type:"monotone",stroke:"#EC5F4C",fill:"url(#gradient)",strokeWidth:3})]})})}),(0,n.jsx)("hr",{}),(0,n.jsxs)("div",{className:"box",children:[(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"ALP price calculation formula: ALP total value / ALP total supply"}),children:(0,n.jsx)("h4",{className:"hover dotted-line",children:"ALP Price"})}),(0,n.jsxs)("p",{children:[(0,o.XH)(null!==(e=null==ep?void 0:ep.GLPPrice)&&void 0!==e?e:0)," USD"]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"Total supply refers to the total ALP distributed by the smart contract"}),children:(0,n.jsx)("h4",{className:"hover dotted-line",children:"Total Supply"})}),(0,n.jsxs)("p",{children:[(0,o.XH)(null!==(i=null==ep?void 0:ep.totalSupply)&&void 0!==i?i:0)," ALP"]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"Total Value is the product of total Supply and ALP price"}),children:(0,n.jsx)("h4",{className:"hover dotted-line",children:"Total Value"})}),(0,n.jsxs)("p",{children:[(0,o.XH)(null!==(t=null==ep?void 0:ep.totalValue)&&void 0!==t?t:0)," USD"]})]}),(0,n.jsxs)("div",{className:"info info-only row-between",children:[(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"ALP Balance of current connected wallet"}),children:(0,n.jsx)("h4",{className:"hover dotted-line",children:"ALP Balance"})}),(0,n.jsxs)("p",{className:"row-end",children:[(0,n.jsx)("svg",{viewBox:"0 0 24 24",color:"primary",width:"24px",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17 4C18.5 4 19 4.5 19 6L19 8C20.1046 8 21 8.89543 21 10L21 17C21 19 20 20 17.999 20H6C4 20 3 19 3 17L3 7C3 5.5 4.5 4 6 4L17 4ZM5 7C5 6.44772 5.44772 6 6 6L19 6L19 8L6 8C5.44772 8 5 7.55229 5 7ZM17 16C18 16 19.001 15 19 14C18.999 13 18 12 17 12C16 12 15 13 15 14C15 15 16 16 17 16Z"})}),(0,o.XH)(null!==(a=null==ep?void 0:ep.alpBalance)&&void 0!==a?a:0,es)]})]}),(0,n.jsxs)("div",{className:"button row-between",children:[(0,n.jsx)(j.E,{className:"button-only",children:(0,n.jsx)(N.zx,{onClick:()=>{eG(!0),eU("Buy")},children:"Buy ALP"})}),(0,n.jsx)(j.E,{className:"button-only min",control:!1,children:(0,n.jsx)(N.zx,{type:"solid",onClick:()=>{eE(!0),eU("Sell")},children:"Sell ALP"})})]})]})]})]}),(0,n.jsx)("h2",{className:"title",children:"ALP Liquidity Composition"}),(0,n.jsx)("p",{className:"title-tips",children:"ALP pool is a dynamic composition of different tokens. Buy and sell fees of tokens depend on market conditions."}),(0,n.jsxs)("div",{className:"detail",children:[(0,n.jsx)("h4",{className:"subtitle",children:"Composition Details"}),(0,n.jsxs)("div",{className:"box row-between",children:[(0,n.jsxs)("div",{className:"left",children:[(0,n.jsxs)("div",{className:"chart col-center",children:[(0,n.jsx)(N.Cd,{className:"chart-info",circleSize:el?128:188,strokeWidth:20,strokeColor:["#ec5f4c","#3eac35","#ff7f3f","#ea5c2b"],percentArray:em.map(e=>e.value)}),(0,n.jsxs)("h4",{children:[(0,o.R5)(eu)," USD"]}),(0,n.jsx)("p",{children:"Total ALP pool value"})]}),(0,n.jsx)("hr",{}),(0,n.jsx)("div",{className:"info row-between",children:em.map((e,i)=>(0,n.jsxs)("div",{className:"only row-start",children:[(0,n.jsx)("div",{className:`dot color_${i}`}),(0,n.jsxs)("p",{children:[e.token,"ï¼",(0,o.II)(e.value,1),"%"]})]},i))})]}),(0,n.jsxs)("div",{className:"right",children:[!el&&(0,n.jsx)(N.iA,{className:"table",columns:ew,dataSource:eN}),el&&eg.map(e=>(0,n.jsxs)("div",{className:"mobile-table",children:[(0,n.jsxs)("div",{className:"table-coin row-start",children:[(0,n.jsx)(j.F,{className:"coin",address:e.token.logoURI}),(0,n.jsx)("span",{children:e.token.symbol})]}),(0,n.jsxs)("div",{className:"table-box row-start",children:[(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Coin"}),(0,n.jsx)("div",{className:"table-detail",children:(0,o.XH)(e.tokenQuantity)})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Token Quantity"}),(0,n.jsxs)("div",{className:"table-detail",children:["$",(0,o.XH)(e.totalValue)]})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsxs)("div",{className:"table-title row-start",children:[(0,n.jsx)("span",{children:"Reference Buy"}),(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"Reference fees for buying/selling 10,000 USD worth of ALP in different c
1152oins."}),children:(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-question.svg",alt:"icon"})})]}),(0,n.jsxs)("div",{className:"table-detail",children:[(0,o.XH)(e.buyFee,2),"%"]})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsxs)("div",{className:"table-title row-start",children:[(0,n.jsx)("span",{children:"Sell Fee"}),(0,n.jsx)(N.u,{title:(0,n.jsx)("p",{children:"Reference fees for buying/selling 10,000 USD worth of ALP in different coins."}),children:(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-question.svg",alt:"icon"})})]}),(0,n.jsxs)("div",{className:"table-detail",children:[(0,o.XH)(e.sellFee,2),"%"]})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Target Weight"}),(0,n.jsxs)("div",{className:"table-detail",children:[(0,o.XH)(e.targetWeight,2),"%"]})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Current Weigh"}),(0,n.jsxs)("div",{className:"table-detail",children:[(0,o.XH)(e.currentWeight,2),"%"]})]})]})]},e.token.address))]})]})]}),(0,n.jsx)("h2",{className:"title",children:"ALP Pool Position"}),(0,n.jsx)("p",{className:"title-tips",children:"Information about ALP Pool Position."}),(0,n.jsxs)("div",{className:"pool",children:[(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"Total OI"}),(0,n.jsxs)("h4",{children:[(0,o.R5)(null!==(u=null==ek?void 0:ek.totalOl)&&void 0!==u?u:0)," USD"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"Long OI(USD)"}),(0,n.jsx)("h4",{children:(0,o.II)(null!==(A=null==ek?void 0:ek.longOl)&&void 0!==A?A:0)})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"Short OI(USD)"}),(0,n.jsx)("h4",{children:(0,o.II)(null!==(L=null==ek?void 0:ek.shortOl)&&void 0!==L?L:0)})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"Net OI(USD)"}),(0,n.jsxs)("h4",{children:[eS(null==ek?void 0:ek.netOl).unit,(0,o.II)(null!==(C=null==ek?void 0:ek.netOl)&&void 0!==C?C:0)]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"Unrealized PNL(USD)"}),(0,n.jsxs)("h4",{children:[eS(null==ek?void 0:ek.unrealizedPNL).unit,(0,o.II)(null!==(O=null==ek?void 0:ek.unrealizedPNL)&&void 0!==O?O:0)]})]})]}),(0,n.jsxs)("div",{className:"table-container",children:[!el&&(0,n.jsx)(N.iA,{className:"table",columns:eA,dataSource:eL}),el&&eP.map((e,i)=>(0,n.jsxs)("div",{className:"mobile-table",children:[(0,n.jsx)("div",{className:"table-coin",children:(0,n.jsx)("span",{children:e.symbol})}),(0,n.jsxs)("div",{className:"table-box row-start",children:[(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Long OI (USD)"}),(0,n.jsx)("div",{className:"table-detail",children:(0,o.II)(e.longOl)})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Short OI (USD)"}),(0,n.jsx)("div",{className:"table-detail",children:(0,o.II)(e.shortOl)})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Net OI (USD)"}),(0,n.jsxs)("div",{className:`table-detail ${eS(e.netOl).className}`,children:[eS(e.netOl).unit,(0,o.II)(e.netOl)]})]}),(0,n.jsxs)("div",{className:"table-info",children:[(0,n.jsx)("div",{className:"table-title",children:"Unrealized PNL(USD)"}),(0,n.jsxs)("div",{className:`table-detail ${eS(e.unrealizedPNL).className}`,children:[eS(e.unrealizedPNL).unit,(0,o.II)(e.unrealizedPNL)]})]})]})]},i))]})]})]})}),(0,n.jsx)(w.Z,{}),(0,n.jsx)(N.u_,{visible:eD,title:(0,n.jsx)(P,{children:"Buy"}),onClose:()=>{eG(!1),eJ("")},children:(0,n.jsxs)(z,{children:[(0,n.jsx)("p",{className:"tips",children:"After ALP is successfully bought, the contract will create new ALP."}),(0,n.jsxs)("div",{className:"box-group",children:[(0,n.jsx)("div",{className:"box",children:(0,n.jsxs)("div",{className:"box-inner",children:[(0,n.jsxs)("div",{className:"balance row-between",children:[(0,n.jsx)("h4",{children:"Pay"}),(0,n.jsxs)("p",{children:["Available balance: ",(0,o.XH)(null!==(H=null==eq?void 0:eq.balance.balance)&&void 0!==H?H:0)]})]}),(0,n.jsxs)("div",{className:"entry row-between",children:[(0,n.jsx)(N.II,{className:"input",placeholder:"0.0000",value:eK,onChange:e=>{!(!eq||e&&(0,o.oI)(e))&&(Number(e)>Number(eq.balance.balance)||eJ(e))}}),(0,n.jsxs)("div",{className:"handle row-end",children:[(0,n.jsx)("div",{className:"all hover",onClick:()=>{var e;eJ((0,o.II)(null!==(e=null==eq?void 0:eq.balance.balance)&&void 0!==e?e:0))}
1152,"aria-hidden":!0,children:"All"}),(0,n.jsx)(N.xz,{placement:"bottomRight",trigger:(0,n.jsxs)(S,{children:[(0,n.jsx)("ul",{children:eC.map(e=>(0,n.jsxs)("li",{className:"hover row-between",onClick:()=>{eX(e)},"aria-hidden":!0,children:[(0,n.jsxs)("div",{className:"row-start",children:[(0,n.jsx)(j.F,{address:e.token.logoURI}),(0,n.jsx)("p",{children:e.token.symbol})]}),(0,n.jsxs)("div",{className:"row-end",children:[(0,n.jsx)("p",{children:(0,o.XH)(e.balance)}),(0,n.jsxs)("span",{className:"row-center",children:[e.buyFee,"%"]})]})]},e.token.symbol))}),(0,n.jsx)("hr",{}),(0,n.jsx)("p",{className:"tip",children:"Fees are calculated after you have selected the amount of ALP you wish to buy."})]}),action:"click",zIndex:999999,children:(0,n.jsxs)("div",{className:"coin hover row-start",children:[(0,n.jsx)(j.F,{address:null==eH?void 0:eH.token.logoURI}),(0,n.jsx)("p",{children:null!==(X=null==eH?void 0:eH.token.symbol)&&void 0!==X?X:"--"}),(0,n.jsx)(k.US,{})]})})]})]})]})}),(0,n.jsx)("img",{className:"convert",src:"/newImages/perp/arrow_bottom.svg",alt:"icon"}),(0,n.jsx)("div",{className:"box",children:(0,n.jsxs)("div",{className:"box-inner",children:[(0,n.jsxs)("div",{className:"balance row-between",children:[(0,n.jsx)("h4",{children:"Get"}),(0,n.jsxs)("p",{children:["balance: ",(0,o.XH)(null!==(F=null==eq?void 0:eq.glpBalance)&&void 0!==F?F:0)]})]}),(0,n.jsxs)("div",{className:"entry row-between",children:[(0,n.jsx)("div",{className:`show ${eK&&e0&&"0"!==e0.youWillGet?"active":"default"}`,children:(0,o.XH)(eK&&null!==(_=null==e0?void 0:e0.youWillGet)&&void 0!==_?_:0)}),(0,n.jsx)("div",{className:"handle row-end",children:(0,n.jsxs)("div",{className:"coin row-start",children:[(0,n.jsx)(j.F,{address:"/newImages/perp/icon-coin_gby_lp.png"}),(0,n.jsx)("p",{children:"ALP"})]})})]})]})})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Est. Price"}),(0,n.jsxs)("div",{className:"more row-end",children:[(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-exchange.svg",alt:"icon",onClick:()=>{e_(e=>!e)},"aria-hidden":!0}),eF?(0,n.jsxs)("h4",{children:["1 ",null!==(B=null==eH?void 0:eH.token.symbol)&&void 0!==B?B:"--"," = ",(0,o.XH)(null!==(T=null==eq?void 0:eq.price)&&void 0!==T?T:0)," ALP"]}):(0,n.jsxs)("h4",{children:["1 ALP = ",(0,o.XH)(null!==(U=null==eq?void 0:eq.priceInvert)&&void 0!==U?U:0)," ",null!==(D=null==eH?void 0:eH.token.symbol)&&void 0!==D?D:"--"]}),(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-ReloadOutlined.svg",alt:"icon"})]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Fee"}),(0,n.jsxs)("h4",{children:[null==e0?void 0:e0.feePercent,"%"]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Fee"}),(0,n.jsxs)("h4",{children:[(0,o.XH)(null!==(G=null==e0?void 0:e0.feeAmount)&&void 0!==G?G:0)," ",null==eH?void 0:eH.token.symbol]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"You will get"}),(0,n.jsxs)("h4",{children:[(0,o.XH)(null!==(R=null==e0?void 0:e0.youWillGet)&&void 0!==R?R:0)," ALP"]})]}),(0,n.jsx)("hr",{className:"line"}),!1,(0,n.jsx)(N.zx,{disabled:!eK||0===Number((0,o.II)(null!==(E=null==eq?void 0:eq.balance.balance)&&void 0!==E?E:0))||Number(eK)>Number(null!==(M=null==eq?void 0:eq.balance.balance)&&void 0!==M?M:0),loading:eM,onClick:e3,children:e2?"Approve":"Buy ALP"}),(0,n.jsxs)("div",{className:"more-tips",children:[(0,n.jsx)("h4",{children:"Tips"}),(0,n.jsx)("p",{children:"1.After successful buy of ALP, You cannot sell ALP in the first 48 hours after buying."}),!1]})]})}),(0,n.jsx)(N.u_,{visible:eR,title:"Sell ALP",onClose:()=>{eE(!1),it("")},children:(0,n.jsxs)(z,{children:[(0,n.jsx)("p",{className:"tips",children:"After ALP is successfully sold, the smart contract will burn the ALP involved in this transaction."}),(0,n.jsxs)("div",{className:"box-group",children:[(0,n.jsx)("div",{className:"box",children:(0,n.jsxs)("div",{className:"box-inner",children:[(0,n.jsxs)("div",{className:"balance row-between",children:[(0,n.jsx)("h4",{children:"Pay"}),(0,n.jsxs)("p",{children:["Available balance: ",(0,o.XH)(null!==(W=null==e9?void 0:e9.balance.balance)&&void 0!==W?W:0)]})]}),(0,n.jsxs)("div",{className:"entry row-between",children:[(0,n.jsx)(N.II,{className:"input",placeholder:"0.0000",value:ii,onChange:e=>{!(!e9||e&&(0,o.oI)(e))&&(Number(e)>Number(e9.balance.balance)||it(e))}}),(0,n.jsxs)("div",{className:"handle row-end",children:[(0,n.jsx)("div",{className:"all hover",onClick:()=>{var e;it((0,o.II)(null!==(e=null==e9?void 0:e9.balance.balance)&&void 0!==e?e:0))}
1152,"aria-hidden":!0,children:"All"}),(0,n.jsxs)("div",{className:"coin row-start",children:[(0,n.jsx)(j.F,{address:"/newImages/perp/icon-coin_gby_lp.png"}),(0,n.jsx)("p",{children:"ALP"})]})]})]})]})}),(0,n.jsx)("img",{className:"convert",src:"/newImages/perp/arrow_bottom.svg",alt:"icon"}),(0,n.jsx)("div",{className:"box",children:(0,n.jsxs)("div",{className:"box-inner",children:[(0,n.jsxs)("div",{className:"balance row-between",children:[(0,n.jsx)("h4",{children:"Get"}),(0,n.jsxs)("p",{children:["balance: ",(0,o.XH)(null!==(Z=null==e9?void 0:e9.tokenBalance)&&void 0!==Z?Z:0)]})]}),(0,n.jsxs)("div",{className:"entry row-between",children:[(0,n.jsx)("div",{className:`show ${il&&"0"!==il.youWillGet?"active":"default"}`,children:(0,o.XH)(null!==($=null==il?void 0:il.youWillGet)&&void 0!==$?$:0)}),(0,n.jsx)("div",{className:"handle row-end",children:(0,n.jsx)(N.xz,{placement:"bottomRight",trigger:(0,n.jsxs)(S,{children:[(0,n.jsx)("ul",{children:eC.map(e=>(0,n.jsxs)("li",{className:"hover row-between",onClick:()=>{eX(e)},"aria-hidden":!0,children:[(0,n.jsxs)("div",{className:"row-start",children:[(0,n.jsx)(j.F,{address:e.token.logoURI}),(0,n.jsx)("p",{children:e.token.symbol})]}),(0,n.jsxs)("div",{className:"row-end",children:[(0,n.jsx)("p",{children:(0,o.XH)(e.balance)}),(0,n.jsxs)("span",{className:"row-center",children:[e.sellFee,"%"]})]})]},e.token.symbol))}),(0,n.jsx)("hr",{}),(0,n.jsx)("p",{className:"tip",children:"Fees are calculated after you have selected the amount of ALP you wish to sell."})]}),action:"click",zIndex:999999,children:(0,n.jsxs)("div",{className:"coin hover row-start",children:[(0,n.jsx)(j.F,{address:null==eH?void 0:eH.token.logoURI}),(0,n.jsx)("p",{children:null!==(V=null==eH?void 0:eH.token.symbol)&&void 0!==V?V:"--"}),(0,n.jsx)(k.US,{})]})})})]})]})}),ic>0&&(0,n.jsxs)("div",{className:"countdown col-center",children:[(0,n.jsxs)("div",{className:"time row-center",children:[(0,n.jsx)("span",{children:ix}),(0,n.jsx)("b",{children:"h"}),(0,n.jsx)("span",{children:ih}),(0,n.jsx)("b",{children:"m"}),(0,n.jsx)("span",{children:ig}),(0,n.jsx)("b",{children:"s"})]}),(0,n.jsxs)("p",{children:["After successful buy of ALP, You cannot sell ALP in the first ",48," hours after buying."]})]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Est. Price"}),(0,n.jsxs)("div",{className:"more row-end",children:[(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-exchange.svg",alt:"icon",onClick:()=>{e_(e=>!e)},"aria-hidden":!0}),eF?(0,n.jsxs)("h4",{children:["1 ",null!==(Y=null==eH?void 0:eH.token.symbol)&&void 0!==Y?Y:"--"," = ",(0,o.XH)(null!==(q=null==e9?void 0:e9.price)&&void 0!==q?q:0)," ALP"]}):(0,n.jsxs)("h4",{children:["1 ALP = ",(0,o.XH)(null!==(Q=null==e9?void 0:e9.priceInvert)&&void 0!==Q?Q:0)," ",null!==(K=null==eH?void 0:eH.token.symbol)&&void 0!==K?K:"--"]}),(0,n.jsx)("img",{className:"hover",src:"/newImages/perp/icon-ReloadOutlined.svg",alt:"icon"})]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Fee"}),(0,n.jsxs)("h4",{children:[null==il?void 0:il.feePercent,"%"]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"Fee"}),(0,n.jsxs)("h4",{children:[(0,o.XH)(null!==(J=null==il?void 0:il.feeAmount)&&void 0!==J?J:0)," ",null==eH?void 0:eH.token.symbol]})]}),(0,n.jsxs)("div",{className:"info row-between",children:[(0,n.jsx)("p",{children:"You will get"}),(0,n.jsxs)("h4",{children:[(0,o.XH)(null!==(ee=null==il?void 0:il.youWillGet)&&void 0!==ee?ee:0)," ",null==eH?void 0:eH.token.symbol]})]}),(0,n.jsx)(N.zx,{disabled:!ii||0===Number((0,o.II)(null!==(ei=null==e9?void 0:e9.balance.balance)&&void 0!==ei?ei:0))||Number(ii)>Number(null!==(et=null==e9?void 0:e9.balance.balance)&&void 0!==et?et:0)||ic>0,loading:eM,onClick:id,children:io?"Approve":"Sell ALP"}),!1]})}),(0,n.jsx)(N.u_,{visible:eV,title:"",onClose:()=>{eY(!1)},ok:"Done",onOk:()=>{eY(!1)},children:(0,n.jsxs)(I,{children:["successful"===eZ&&(0,n.jsxs)("div",{className:"core col-center",children:[(0,n.jsx)("img",{src:"/newImages/perp/icon-modal_success.svg",alt:"icon"}),(0,n.jsx)("h4",{children:"Transaction Successful"}),"Buy"===eT&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("p",{children:[(0,o.XH)(e6)," ALP buy transaction successful."]}),(0,n.jsx)("div",{className:"add hover",onClick:e7,"aria-hidden":!0,
1152children:"+ Add ALP to your wallet"}),!1]})]}),"failed"===eZ&&(0,n.jsxs)("div",{className:"core col-center",children:[(0,n.jsx)("h4",{children:"Transaction Failed"}),(0,n.jsx)("img",{src:"/newImages/perp/icon-modal_failed.svg",alt:"icon"}),(0,n.jsx)("p",{children:"This is a recipe for failure."})]})]})})]})};i.default=A}},function(e){e.O(0,[6723,1334,4614,6550,9774,2888,179],function(){return e(e.s=81386)}),_N_E=e.O()}]); 1153//# sourceMappingURL=alp-e8fc71fcdd15f1d3.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.