{"version":3,"sources":["assets/icons/bookmark-icon.svg","assets/icons/download-icon.svg","store.tsx","hooks/Language/languages sync /^/.//.*$","components/Header/styles.ts","components/ConnectWallet/styles.ts","assets/icons/fox.svg","components/ConnectWallet/index.tsx","components/WalletLink/styles.ts","components/WalletLink/index.tsx","assets/logo/logo-p-black.svg","assets/defaults/telegram.svg","assets/defaults/discord.svg","assets/defaults/twitter.svg","assets/defaults/tik-tok.svg","assets/defaults/facebook.svg","assets/defaults/instagram.svg","assets/defaults/youtube.svg","assets/defaults/reddit.svg","components/Header/index.tsx","components/Footer/styles.ts","components/Footer/index.tsx","pages/_Layouts/Auth/index.tsx","assets/icons/dashboard-icon.svg","assets/icons/dashboard-icon-active.svg","assets/icons/profile-icon.svg","assets/icons/profile-icon-active.svg","assets/icons/products-icon.svg","assets/icons/products-icon-active.svg","assets/icons/business-icon.svg","assets/icons/business-icon-active.svg","assets/icons/trader-icon.svg","assets/icons/trader-icon-active.svg","assets/icons/news-icon.svg","assets/icons/news-icon-active.svg","assets/icons/token-icon.svg","assets/icons/token-icon-active.svg","assets/icons/subscriptions-icon.svg","assets/icons/subscriptions-icon-active.svg","assets/icons/smart-trade-icon.svg","assets/icons/smart-trade-icon-active.svg","assets/icons/ai-art-icon.svg","assets/icons/ai-art-icon-active.svg","assets/icons/launchpad-icon.svg","assets/icons/launchpad-icon-active.svg","assets/icons/chatbot-icon.svg","assets/icons/chatbot-icon-active.svg","assets/icons/arrow-icon.svg","assets/icons/arrow-icon-active.svg","assets/icons/referrers-icon.svg","assets/icons/referrers-icon-active.svg","assets/icons/matrix-icon.svg","assets/icons/matrix-icon-active.svg","assets/icons/log-out-icon.svg","assets/icons/log-out-icon-active.svg","assets/icons/wallet-icon.svg","assets/icons/wallet-icon-active.svg","assets/icons/links-icon.svg","assets/icons/links-icon-active.svg","assets/icons/resources-icon.svg","assets/icons/resources-icon-active.svg","assets/icons/learning-icon.svg","assets/icons/learning-icon-active.svg","assets/icons/leaders-icon.svg","assets/icons/leaders-icon-active.svg","assets/icons/cube-icon.svg","assets/icons/cube-icon-active.svg","assets/icons/trading-icon.svg","assets/icons/trading-icon-active.svg","assets/icons/courses-icon.svg","assets/icons/courses-icon-active.svg","assets/icons/exchanges-icon.svg","assets/icons/exchanges-icon-active.svg","components/HeaderPrivate/styles.ts","assets/logo/logo-p-purple.svg","components/HeaderPrivate/index.tsx","pages/_Layouts/Default/styles.ts","pages/_Layouts/Default/index.tsx","routes/Route.tsx","hooks/Resize.tsx","components/Loading/styles.ts","components/Loading/index.tsx","pages/Home/styles.ts","assets/defaults/graph-token.svg","assets/defaults/graph-token-mobi.svg","assets/logo/logo-purple.svg","assets/defaults/token-mobi.svg","assets/defaults/time-line.svg","pages/Home/index.tsx","assets/banners/background.png","pages/Sales/styles.ts","utils/getValidationsErrors.ts","assets/banners/bg-modal.png","assets/banners/bg-modal-dark.png","assets/defaults/light.svg","assets/icons/arrow-next-carousel.svg","assets/icons/arrow-prev-carousel.svg","pages/Sales/ClaimNft/styles.ts","components/Input/styles.ts","assets/icons/show-icon.svg","assets/icons/hide-icon.svg","components/Input/index.tsx","components/RevealEffect/styles.ts","components/RevealEffect/index.tsx","components/WalletAvatar/styles.ts","assets/logo/token-dai.png","assets/icons/token-check.svg","components/ButtonBack/styles.ts","components/ButtonBack/index.tsx","components/WalletAvatar/index.tsx","assets/logo/token-busd.png","assets/logo/token-usdt.png","assets/logo/token-usdc.png","assets/logo/token-gusd.png","assets/defaults/sample_1.png","assets/defaults/sample_2.png","assets/defaults/sample_3.png","assets/defaults/sample_4.png","assets/defaults/sample_5.png","assets/defaults/sample_6.png","assets/defaults/sample_7.png","assets/defaults/sample_8.png","assets/defaults/sample_9.png","assets/defaults/sample_10.png","assets/defaults/sample_11.png","assets/defaults/sample_12.png","assets/defaults/sample_13.png","assets/defaults/sample_14.png","assets/defaults/sample_15.png","assets/defaults/sample_16.png","assets/logo/logo-p-white.svg","pages/Sales/ClaimNft/index.tsx","components/WalletRow/styles.ts","assets/logo/logo-swap.png","components/WalletRow/index.tsx","components/Timeline/styles.ts","components/Timeline/index.tsx","components/Player/styles.ts","components/Player/index.tsx","assets/icons/play.png","assets/defaults/thumbnail-opportunity-rectangle.png","assets/defaults/thumbnail-opportunity-new.png","pages/Sales/index.tsx","pages/ActivateNft/styles.ts","assets/defaults/basket-example.png","assets/defaults/hero-example.png","assets/defaults/qr-code-example.png","assets/defaults/thumbnail-learn-now.png","components/Attention/styles.ts","components/Attention/index.tsx","pages/ActivateNft/index.tsx","pages/TokenUp/styles.ts","assets/defaults/learn-how.png","pages/TokenUp/index.tsx","assets/icons/thumb.svg","assets/icons/check-icon.svg","pages/Order/styles.ts","components/Resum/styles.ts","assets/animations/frown.gif","utils/swalError.ts","components/ModalSwap/styles.ts","pages/Sales/ModalConfirmation/styles.ts","pages/Sales/ModalNftWallet/styles.ts","pages/Sales/ModalNftWallet/index.tsx","assets/defaults/thumb-congratulations.png","pages/Sales/ModalConfirmation/index.tsx","assets/logo/logo-busd.svg","assets/logo/logo-usdpi.svg","assets/logo/logo-eth.svg","assets/logo/logo-usdt.svg","assets/icons/arrows-swap.svg","components/ModalNetworkSwitch/index.tsx","components/ModalSwap/index.tsx","pages/Sales/ModalNeedUsdpi/styles.ts","assets/defaults/thumb-need-usdpi.png","pages/Sales/ModalNeedUsdpi/index.tsx","assets/defaults/product.png","components/Resum/index.tsx","pages/Order/index.tsx","pages/Payment/styles.ts","pages/Payment/ResumContract/styles.ts","pages/Payment/ResumContract/index.tsx","assets/icons/attention-icon.svg","pages/Payment/index.tsx","pages/Register/styles.ts","components/InputDate/index.tsx","components/StatusPayment/styles.ts","components/StatusPayment/index.tsx","assets/defaults/default-avatar.png","assets/icons/camera-icon.svg","utils/convertTime.ts","pages/Register/index.tsx","assets/icons/slick-prev.svg","assets/icons/slick-next.svg","assets/banners/bg-dashboard.png","pages/Dashboard/styles.ts","components/Copy/styles.ts","assets/icons/copy-highter.svg","components/Copy/index.tsx","assets/icons/members-icon.svg","assets/icons/total-members-icon.svg","assets/icons/coin-icon.svg","assets/icons/rain-icon.svg","assets/icons/search-icon.svg","components/ModalCongratulations/styles.ts","components/ModalCongratulations/index.tsx","pages/Dashboard/index.tsx","pages/Resources/AllResources/styles.ts","assets/banners/presentations.png","assets/banners/products.png","assets/defaults/stamp.png","pages/Resources/AllResources/index.tsx","pages/Resources/Downloads/styles.ts","pages/Resources/Downloads/index.tsx","pages/Resources/styles.ts","assets/icons/magnifier.svg","pages/Resources/index.tsx","pages/Referrers/styles.ts","components/Table/styles.ts","assets/icons/table-icon.svg","components/Table/index.tsx","pages/Referrers/index.tsx","pages/Learderboard/styles.ts","components/ProgressBar/index.tsx","assets/icons/info-icon.svg","assets/defaults/details_new.png","assets/icons/first-place.svg","assets/icons/second-place.svg","assets/icons/third-place.svg","assets/icons/badge.svg","pages/Learderboard/index.tsx","pages/Wallet/styles.ts","utils/configContract.ts","components/MyEarnings/styles.ts","components/MyEarnings/index.tsx","components/TransactionHistory/index.tsx","pages/Wallet/index.tsx","pages/Winnings/styles.ts","assets/icons/dolar-icon.svg","assets/icons/calendar-icon.svg","assets/icons/watch-icon.svg","pages/Winnings/index.tsx","pages/Links/styles.ts","assets/icons/facebook-share.svg","assets/icons/twitter-share.svg","assets/icons/linkedin-share.svg","pages/Links/index.tsx","assets/icons/date-update.svg","pages/Training/styles.ts","pages/Training/index.tsx","pages/TrainingDetails/styles.ts","pages/TrainingDetails/index.tsx","pages/Profit/styles.ts","pages/Profit/index.tsx","pages/News/styles.ts","pages/News/index.tsx","pages/Nft/NftExamples/styles.ts","pages/Nft/NftExamples/index.tsx","pages/Nft/LoadingNft/styles.ts","assets/defaults/sun-example.png","assets/defaults/picasso-example.png","assets/defaults/rabit-example.png","pages/Nft/LoadingNft/index.tsx","pages/Nft/NftResult/styles.ts","assets/icons/nft-icon.svg","pages/Nft/NftResult/index.tsx","components/AiCreatorTitle/styles.ts","assets/logo/ai-creator.svg","components/AiCreatorTitle/index.tsx","pages/Nft/index.tsx","pages/NftHistory/styles.ts","pages/NftHistory/index.tsx","pages/NftCollectionsPrivate/styles.ts","pages/NftCollectionsPrivate/index.tsx","assets/defaults/selector.svg","pages/NftCollections/styles.ts","pages/NftCollections/Private/styles.ts","pages/NftCollections/Private/index.tsx","pages/NftCollections/Public/styles.ts","pages/NftCollections/Public/index.tsx","pages/NftCollections/index.tsx","pages/Matrix5X6/styles.ts","assets/icons/activity-icon-button.svg","assets/icons/arrow-icon-button.svg","assets/defaults/wallpaper.png","assets/icons/Info-white.svg","assets/logo/eth.png","pages/Matrix5X6/ModalPleaseConfirm/styles.ts","components/InputCheckbox/styles.ts","components/InputCheckbox/index.tsx","pages/Matrix5X6/ModalPleaseConfirm/index.tsx","pages/Matrix5X6/index.tsx","assets/banners/banner-user-profile.png","pages/UserProfile/styles.ts","assets/icons/star-icon.svg","assets/defaults/ai-art-creator.png","assets/defaults/nft-launchpad.png","assets/defaults/the-cube.png","assets/defaults/ai-defi-arbitrage.png","assets/defaults/voyagers-game.png","assets/defaults/cube-large.png","assets/defaults/cube-small.png","assets/defaults/the-cube-title.svg","assets/icons/user-profile-icon.svg","assets/icons/plus-upload-image.svg","pages/UserProfile/index.tsx","assets/defaults/banner-reveal.png","assets/defaults/maintenance.png","pages/Game/styles.ts","assets/icons/arrow-bottom.svg","pages/Game/CurrentPayout/styles.ts","pages/Game/CurrentPayout/index.tsx","pages/Game/WinStats/styles.ts","pages/Game/WinStats/index.tsx","pages/Game/MoreCubes/styles.ts","assets/icons/cube.svg","assets/defaults/cube-cum.png","pages/Game/MoreCubes/index.tsx","pages/TokenVault/index.tsx","assets/defaults/winner.png","assets/defaults/back-soon.svg","pages/Game/index.tsx","pages/TokenVault/styles.ts","assets/defaults/wallet-finish.png","components/ModalTokensClaimed/styles.ts","assets/defaults/tokens-claimed.png","components/ModalTokensClaimed/index.tsx","pages/TokenVault/Rewards/styles.ts","assets/icons/update.svg","pages/TokenVault/Rewards/index.tsx","assets/banners/bg-value-cryp.png","pages/ValueCrypto/styles.ts","assets/defaults/graph-value-crypto.png","assets/defaults/shield-coin.png","assets/defaults/cube-crypto.png","pages/ValueCrypto/index.tsx","utils/usdc.ts","pages/Subscriptions/styles.ts","components/ModalHowBillingWorks/styles.ts","components/ModalHowBillingWorks/index.tsx","assets/icons/checkmark.svg","assets/icons/info.svg","assets/logo/logo-usdpi-border-white.svg","assets/icons/Info-green.svg","pages/Subscriptions/index.tsx","pages/Chatbot/styles.ts","assets/icons/like-chatbot.svg","components/Typist/index.tsx","assets/icons/list.svg","pages/Chatbot/index.tsx","assets/defaults/paige-chatbot.png","assets/banners/nft-lp.png","assets/banners/nft-lp-rings.png","pages/LpNft/styles.ts","assets/defaults/bubble_1.svg","assets/defaults/bubble_2.svg","assets/icons/doubleArrow.svg","pages/LpNft/index.tsx","pages/NotFoundPage/styles.ts","assets/defaults/not-found-image.png","pages/NotFoundPage/index.tsx","pages/MyNfts/styles.ts","assets/defaults/monkey-example.png","assets/defaults/car-example.png","pages/MyNfts/index.tsx","pages/PageSwap/styles.ts","components/InputMask/styles.ts","components/InputMask/index.tsx","assets/logo/logo-bnb.svg","assets/logo/logo-usdc.svg","assets/logo/logo-gusd.svg","assets/icons/arrow.svg","pages/PageSwap/index.tsx","pages/Launchpad/styles.ts","assets/logo/ai-launchpad.svg","pages/Launchpad/index.tsx","assets/banners/nft-lp-large.png","assets/banners/nft-lp-paint-no-blur.png","assets/banners/bg-all-products.png","pages/ProductRoadmap/styles.ts","assets/logo/logo-p-gray.svg","assets/defaults/stamp-large.png","assets/defaults/future-here.png","assets/defaults/ai-art-large.png","assets/defaults/launchpad-large.png","assets/defaults/launchpad-title-large.png","assets/defaults/paige-large.png","assets/defaults/paige-page.png","assets/defaults/defi-large.png","assets/defaults/defi-page.png","assets/defaults/cube-page.png","assets/defaults/cube-title-large.png","assets/defaults/meta-page.png","assets/defaults/meta-large.png","assets/defaults/ai-art-page.png","assets/icons/community-ai-art-icon.png","assets/icons/community-launchpad-icon.png","assets/icons/community-paige-icon.png","assets/icons/community-cube-icon.png","assets/icons/community-metaverse-icon.png","assets/icons/community-defi-icon.png","assets/defaults/stamp-ideas.png","pages/ProductRoadmap/index.tsx","assets/defaults/p.png","assets/defaults/ai.png","assets/defaults/g.png","assets/defaults/e.png","assets/defaults/paint-1.png","assets/defaults/paint-2.png","assets/defaults/paint-3.png","assets/defaults/paint-4.png","assets/defaults/paint-5.png","assets/defaults/paint-6.png","assets/defaults/paint-7.png","assets/defaults/paint-8.png","assets/defaults/paint-9.png","assets/defaults/paige-text.png","assets/defaults/ideas-text.png","pages/Discover/styles.ts","pages/Discover/LiveChat/styles.ts","assets/icons/chat-group-icon.svg","pages/Discover/LiveChat/index.tsx","assets/defaults/thumb-discover.png","pages/Discover/index.tsx","pages/AiAvatar/styles.ts","pages/AiAvatar/index.tsx","pages/AiExpect/styles.ts","pages/AiExpect/index.tsx","assets/banners/signup-rings.png","pages/SignupAutoaffiliate/styles.ts","assets/logo/metamask.png","pages/SignupAutoaffiliate/index.tsx","pages/OrderOption/styles.ts","components/WalletAvatarAutoAffiliate/styles.ts","components/WalletAvatarAutoAffiliate/index.tsx","assets/logo/arrow.svg","assets/icons/logo-eth.svg","assets/icons/logo-usdc.svg","assets/logo/logo-bnb-border-white.svg","components/WalletRowAutoAffiliate/styles.ts","components/WalletRowAutoAffiliate/index.tsx","assets/logo/eth-wallet.png","components/ModalC14/styles.ts","components/ModalC14/index.tsx","components/ModalPleaseConfirm/styles.ts","components/ModalPleaseConfirm/index.tsx","pages/OrderOption/index.tsx","assets/logo/usd.png","pages/Wr/styles.ts","pages/Wr/index.tsx","pages/BtcSignals/styles.ts","assets/icons/btc-icon.svg","pages/BtcSignals/index.tsx","assets/defaults/graph-trading.png","pages/SmartTrade/styles.ts","pages/SmartTrade/Terms/styles.ts","pages/SmartTrade/Terms/index.tsx","pages/SmartTrade/index.tsx","routes/index.tsx","styles/global.ts","components/Web3Stats/index.tsx","hooks/Language/index.tsx","hooks/index.tsx","App.tsx","index.tsx","components/ButtonDownload/index.tsx","assets/icons/bookmark-icon-active.svg","assets/icons/like-icon.svg","utils/format.ts","services/api/index.ts","components/ModalDownloadShare/index.tsx","assets/icons/share-icon.svg","assets/icons/face-share.svg","assets/icons/download-modal-share.svg","assets/icons/chain-modal-share.svg","assets/logo/ai-logo.svg","assets/logo/ai-logo-text.svg","hooks/Auth.tsx","assets/icons/instagram-share.svg","assets/logo/ai-art-creator-shared.svg","assets/defaults/background-waves.png","assets/defaults/background-cube.png","assets/defaults/background-retangles.png","assets/defaults/background-bubble.png","assets/defaults/background-purple-waves.png","assets/defaults/background-blur.png","assets/defaults/background-darkblur.png","assets/defaults/background-dark.png","assets/icons/tiktok-share.svg","assets/icons/twiter-share.svg","assets/defaults/bg-waves-large.png","assets/defaults/bg-waves-mid.png","assets/defaults/bg-waves-horizontal.png","assets/defaults/bg-cubes-large.png","assets/defaults/bg-cubes-mid.png","assets/defaults/bg-cubes-horizontal.png","assets/defaults/bg-retangles-large.png","assets/defaults/bg-retangles-mid.png","assets/defaults/bg-retangles-horizontal.png","assets/defaults/bg-bubble-large.png","assets/defaults/bg-bubble-mid.png","assets/defaults/bg-bubble-horizontal.png","assets/defaults/bg-purple-waves-large.png","assets/defaults/bg-purple-waves-mid.png","assets/defaults/bg-purple-waves-horizontal.png","assets/defaults/bg-blur-large.png","assets/defaults/bg-blur-mid.png","assets/defaults/bg-blur-horizontal.png","assets/defaults/bg-dark-blur-large.png","assets/defaults/bg-dark-blur-mid.png","assets/defaults/bg-dark-blur-horizontal.png","assets/defaults/bg-dark-large.png","assets/defaults/bg-dark-mid.png","assets/defaults/bg-dark-horizontal.png","assets/defaults/qr-code-nft.svg","components/ModalDownloadShare/styles.ts"],"names":["web3store","createStore","setState","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","Container","styled","header","Modal","ModalComponent","button","lighten","ConnectWallet","className","useState","noWallet","setNoWallet","useCallback","size","show","Header","Body","src","fox","alt","href","target","rel","WalletLink","btnText","history","onShowNoReferrer","useHistory","useAuth","setStatus","setConnected","useParams","setReference","setPlacementRef","setUsername","account","setAccount","lastPageServed","reference","placementRef","username","handleClick","a","window","ethereum","tprovider","ethers","providers","Web3Provider","send","tsigner","getSigner","getAddress","acct0","api","get","params","registered","owner","then","response","data","nft_list","length","undefined","push","pathname","paramData","selectedAddress","state","catch","error","console","log","type","onClick","truncate","setShow","useEffect","scrollTo","handleShow","logo","centered","options","animationData","noReferrer","autoplay","loop","rendererSettings","preserveAspectRatio","height","width","telegram","discord","twitter","tikTok","facebook","instagram","youtube","reddit","div","Footer","AuthLayout","children","location","useLocation","referrer","match","tryPage","Menu","props","active","css","dashboard","profile","products","business","trader","news","token","subscriptions","smartTrade","aiArt","launchpad","chatbot","cube","arrow","referrers","matrix","wallet","links","resources","learning","leaders","trading","courses","exchanges","logout","dashboardActive","profileActive","productsActive","businessActive","traderActive","newsActive","tokenActive","subscriptionsActive","smartTradeActive","aiArtActive","launchpadActive","chatbotActive","cubeActive","arrowActive","referrersActive","matrixActive","walletActive","linksActive","resourcesActive","learningActive","leadersActive","tradingActive","coursesActive","exchangesActive","logoutActive","HeaderPrivate","user","signOut","menuActive","setMenuActive","setActive","connectedMember","to","process","nft","is_active","newText","Wrapper","HeaderSpacer","Separator","userProfile","DefaultLayout","unshowMenu","setUnshowMenu","includes","Route","isPrivate","Component","component","rest","connected","Layout","useMemo","Default","Auth","render","ResizeContext","createContext","ResizeProvider","innerWidth","setWidth","updateSize","useLayoutEffect","addEventListener","removeEventListener","Provider","value","useResize","context","useContext","Loading","text","srcImg","processText","displayText","setDisplayText","startsWith","Banner","Circle","top","Video","video","TextRide","Home","Cookies","loading","setLoading","navButton","setNavButton","videoRef","useRef","question","setQuestion","index","setIndex","invalidRef","progressVideo","setProgressVideo","upOrDown","setUpOrDown","currentVideo","toFixed","timeVideo","parseFloat","handleLoop","current","currentTime","setTimeout","pause","play","handleNavButton","handleUpOrDown","handleQuestion","num","upHandler","downHandler","autoPlay","muted","playsInline","onTimeUpdate","ref","viewBox","fill","xmlns","cx","cy","r","stroke","xyz","graphSup","graphMobile","graph","timeLine","logoPurple","background","darken","getValidationErros","errors","validationErrors","inner","forEach","path","message","Form","bgNft","light","showNft","bgNftDark","ModalHistory","next","prev","isErrored","isFilled","isFocuses","Input","name","hasError","onFocus","onBlur","inputRef","setIsFocuses","setIsFilled","useField","fieldName","defaultValue","registerField","typeInput","setTypeInput","handleInputFocus","handleInputBlur","hide","Canvas","canvas","finished","TMath","THREE","conf","renderer","scene","camera","wWidth","wHeight","nx","ny","geometry","objects","RevealEffect","initializeScene","setFinished","getRendererSize","cam","aspect","vFOV","fov","Math","PI","tan","abs","onResize","innerHeight","updateProjectionMatrix","setSize","initLights","add","position","z","startAnim","mesh","rotation","set","material","opacity","delay","randFloat","rx","randFloatSpread","ry","rz","gsap","duration","x","y","ease","initObjects","round","i","j","materialData","color","transparent","initScene","animate","requestAnimationFrame","document","getElementById","antialias","alpha","body","appendChild","domElement","Button","BtnAvatar","isFunnel","Avatar","ButtonBack","WalletAvatar","btnDisconnect","disconnectRef","disconnectBalanceRef","chooseTokenRef","closeAddBusdRef","closeAddUsdtRef","closeAddUsdcRef","closeAddGusdRef","closeAddDaiRef","balusdpi","balance","setBalance","chooseToken","setChooseToken","disconnect","setDisconnect","imgURL","nftimg","avatar","setAvatar","selected","setSelected","addMetamask","setAddMetamask","nft_img","locationBar","handleNoAddMetamask","handleOutsideClick","modalElement","querySelector","contains","balanceData","usdpi","formatPrice","parseInt","handleBalance","handleDisconnect","handleChooseToken","handleCoinSelected","coin","handleExchange","open","data-tooltip","disabled","title","check","dai","ClaimNft","formRef","cardRef","imgSeed","setImgSeed","setImgCommand","showHistory","setShowHistory","setShowNft","setImgURL","setNftimg","valueInput","setValueInput","seed","setSeed","revealEffectRef","urlHistory","setUrlHistory","sampleImage","image","sample1","description","sample2","sample3","sample4","sample5","sample6","sample7","sample8","sample9","sample10","sample11","sample12","sample13","sample14","sample15","sample16","settings","dots","infinite","speed","slidesToShow","slidesToScroll","nextArrow","clear","handleClose","party","confetti","count","handleShowHistory","handleCloseHistory","handleSubmit","setErrors","schema","Yup","shape","prompt","required","validate","abortEarly","restartAnimation","handleClickMint","nftImgUrl","handleValueInput","handleClickGenerate","item","submitForm","imagesHistory","localStorage","getItem","newUrlHistory","JSON","parse","filter","parseISO","expired_in","addMinutes","Date","setItem","stringify","handleHistory","addDays","handleTryAgain","handleClickSendPrompt","onSubmit","cols","placeholder","onChange","onHide","qrCode","logoWhite","WalletRow","addUSDPIRef","addPRFTIRef","balprfti","addPRFTI","setAddPRFTI","addUSDPI","setAddUSDPI","setWalletAddPRFTI","setWalletAddUSDPI","prfti","handleClickAddPRFTI","handleClickClosePRFTI","handleClickAddUSDPI","handleClickCloseUSDPI","handleClickPRFTIYes","handleClickUSDPIYes","logoSwap","Timeline","steps","stepsData","setStepsData","step","semi","url","replace","toLowerCase","left","behavior","Player","thumbnail","setPlay","vid","poster","default","kind","srcLang","Sales","claimNft","setClaimNft","retangle","ChooseNft","Attention","ActiveNft","chooseNft","nftImg","basketExample","serial","heroExample","nfts","handleNoWish","Card","thumb","RangeCentersYearly","percentage","RangeCentersMonthly","RangeNetworkYearly","RangeNetworkMonthly","swalError","textButton","Swal","fire","html","frown","customClass","confirmButtonText","SelectCoin","ModalCongrat","ModalNft","ModalNftWallet","onActivate","cartPurchaseTX","ModalYouGotUsdpi","showCongrats","setShowCongrat","onClickActivated","handleActivate","backdrop","CongratsModal","ModalConfirmation","showCongrat","networkSwitch","newNetwork","Promise","reject","nativeCurrency","network","provider","request","method","currentNetworkId","symbol","decimals","chainId","chainName","rpcUrls","blockExplorerUrls","neterror","ModalNetworkSwitch","ModalSwap","onExchangeFinished","totalNeeded","setTotalNeeded","invertCard","setInvertCard","balbusd","baleth","balusdt","exchangeValue","setExchangeValue","feeValue","setFeeValue","receiveValue","setReceiveValue","setError","setCartPurchase","setUsdpiPurchaseAmt","setUsdpiPurchaseAmtEth","setUsdpiPurchaseAmtUsdt","setUsdpiSaleAmt","setUsdpiPurchaseFee","isAlertOpen","setIsAlertOpen","cartAmt","buyStakingAmt","usdpiPurchaseTX","setUsdpiPurchaseTX","debouncedValue","setDebouncedValue","errorExchange","setErrorExchange","chainMode","inputValue","setInputValue","decimalPlaces","setDecimalPlaces","setBalanceInterval","busd","eth","toString","usdt","logoEth","balanceWei","cardStyle","wei","logoUsdt","logoBusd","tokens","setTokens","prevTokens","tokenSelected","setTokenSelected","prevToken","handler","Number","isNaN","clearTimeout","replaceAll","amt","BigInt","token2Use","fee","estimate","net","handleInvertCard","handleInputChange","floatValue","formattedValue","coinBusd","coinUsdpi","coinEth","handleShowCongrat","maxValue","reason","handleSubmitExchange","netNeeded","err","switchError","handleSelectToken","style","visibility","arrows","logoUsdpi","allowLeadingZeros","thousandSeparator","decimalScale","onValueChange","values","sourceInfo","ev","currentTarget","ModalNeedUsdpi","Resum","activeResum","qtd","multiple","onClearCart","setCartAmt","setCartPurchaseTX","purchaseComplete","setPurchaseComplete","setChainMode","btnMessage","handleChange","handleClearCart","handleClickPay","handleNetworkSwitch","handleExchangeFinished","product","min","max","slice","Order","activePayment","setActivePayment","setPercentage","btnYearlyMonthly","setBtnYearlyMonthly","cartProfitCenters","setCartProfitCenters","cartPrepayMonths","setCartPrepayMonths","percentageBarCenterYearly","setPercentageBarCenterYearly","percentageBarNetworkYearly","setPercentageBarNetworkYearly","percentageBarCenterMonthly","setPercentageBarCenterMonthly","percentageBarNetworkMonthly","setPercentageBarNetworkMonthly","setMultiple","demoEarnings","setDemoEarnings","demoEarningPrice","setDemoEarningPrice","chart","toolbar","colors","dataLabels","enabled","legend","tooltip","series","total","costPercent","earningPercent","demoEarning","networkSize","earnings","annual","monthly","slug","element","scrollIntoView","handleBtnYearly","handleChangePeriod","period","percent","valueSelected","role","Range","setBuyStakingAmt","setCartPurchaseStake","cartPurchaseStakeTX","setCartPurchaseStakeTX","exchangeFinished","setExchangeFinished","Payment","setValue","percentageBar","setPercentageBar","valueExample","setvalueExample","attention","ResumContract","AvatarInput","label","InputDate","dateFormat","isError","registerLocale","ptBR","locale","showMonthDropdown","showYearDropdown","dropdownMode","paymentConclude","statusConfirm","StatusPayment","activeInPage","status","statusLoading","formatToBrazilianDate","date","parsedDate","format","formatToCommonDate","dateIn","day","getDate","padStart","month","getMonth","year","getFullYear","Register","confirmData","setConfirmData","phone","setPhone","userData","setUserData","checked","setChecked","birthdate","setBirthdate","avatarSelected","setAvatarSelected","referralCode","setReferralCode","dateError","setDateError","handleBlurName","nameParts","split","firstName","lastName","handleChangeReferralCode","charAt","handleSelectAvatar","files","file","URL","createObjectURL","handleNext","email","referral_code","newData","handleChangeBirthday","handleChangePhone","phoneNumber","responseAvatar","avatar_id","FormData","append","goBack","initialData","htmlFor","defaultAvatar","Welcome","Content","bgProfile","Graph","CopyButton","CopyAlert","Copy","content","copied","setCopied","handleClickCopy","el","createElement","select","execCommand","removeChild","copyHighter","ModalCongratulations","showModal","removeItem","Dashboard","volumeCenters","setVolumeCenters","setRefferers","dataPointindex","setDataPointindex","totalEarned","setTotalEarned","months","eachMonthOfInterval","start","end","memberId","responseEarnings","profit_centers","profitCenter","idx","center","amount","referrals","screen_name","gradientToColors","events","dataPointSelection","dataPointIndex","foreColor","selection","zoom","plotOptions","bar","distributed","borderRadius","xaxis","categories","crosshairs","axisTicks","yaxis","labels","formatter","theme","gradient","shadeIntensity","opacityFrom","opacityTo","stops","states","hover","grid","aa_username","referral_link","dropOptions","membersIcon","nft_referrals","totalMembersIcon","matrix_referrals","volume","search","member","rain","BgImage","AllResources","h3Title","spanTitle","language","link","banner","bannerProd","stamp","Downloads","downloadsSrc","Search","Resources","magnifier","activeClassName","exact","NameTable","TableContent","showHeader","rowIsClickable","Pagination","NotFound","Table","totalValueData","columns","searchable","onSearch","initialDate","finalDate","onChangeStartDate","onChangeLastDate","exportable","pagination","onRowClicked","startDate","setStartDate","lastDate","setLastDate","totalData","setTotalData","partialData","setPartialData","selectedPage","setSelectedPage","firstButton","setFirstButton","centerButton","setCenterButton","lastButton","setLastButton","customStyles","noData","backgroundColor","fontWeigth","fontSize","headRow","border","rows","headCells","activeSortStyle","outline","inactiveSortStyle","cells","contextMenu","action","tableData","tableDataShow","newDataList","_","dataToExport","datasExport","dataExport","datas","Nome","contact","Cidade","city","created_at","totalPages","ceil","onChangePage","page","handleChangeStartDate","handleChangeLastDate","separator","filename","table","noDataComponent","Referrers","setName","endDate","setEndDate","members","setMembers","referral","date_registered","finally","selector","sortable","cell","row","data-tag","handleSearch","Places","RankingTable","Ranking","ProgressBar","radialBar","startAngle","endAngle","hollow","track","strokeWidth","offsetY","lineCap","custom","seriesIndex","w","globals","Learderboard","firstPlace","secondPlace","thirdPlace","myPlace","learderboards","avatarDefault","indication","team","next_bonus","badge","first","second","third","info","details","Option","fetchConfigValue","key","getConfigAddress","ModalFinish","MyEarnings","setShowModal","setProcessText","activeCenter","setActiveCenter","userChanged","setUserChanged","withdrawalResult","setWithdrawalResult","fetchData","setFetchData","explorerURL","centers","earningsDay","setEarningsDay","earningsWtd","setEarningsWtd","earningsMtd","setEarningsMtd","earningsYtd","setEarningsYtd","setEarnings","showFinish","setShowFinish","depositTX","setDepositTX","available","setAvailable","isValid","setIsValid","errorTextClaim","setErrorTextClaim","filterCalendar","centersDay","centersWtd","wtd","centersMtd","mtd","centersYtd","ytd","handleActiveCalendar","calendar","handleWithdraw","amt2Claim","amtFloat","feeresponse","purserresult","purser","deadline","floor","now","chainInt","domain","version","verifyingContract","transaction_fee","BigNumber","from","transaction_fee_in_ether","utils","formatEther","nftId","userAddress","_signTypedData","Request","sig","post","signature","amount_requested","parseEther","withdrawalresponse","tx","withdrawalerror","sigerror","purserError","feeerror","handleMaxBtn","handleClearBtn","center_id","inputValueClaim","parts","substring","join","usdRegex","isValidInput","test","inputValueFloat","concat","availableFloat","errorTextValidate","earningsDone","TransactionHistory","setCoin","transactions","setTransactions","transaction","handleCoin","formatDateAsDDMonYY","timestamp","Wallet","pool","setPool","mtdPerformanceValue","accounts","mtdRevenueShare","totalRevenueShare","mtdPerformanceReferrals","Cards","CV","Board","Winnings","dolar","watch","ContainerLinks","Links","setDateStart","setDateEnd","facebookShare","twitterShare","linkedinShare","ContainerVideoListing","Link","Training","Thumbnail","timer","toLocaleLowerCase","ContainerVideoDetails","TrainingDetails","BoxMatrix","Matrix5x4","userId","setUserId","setOwnerId","owner_id","purchased","user_id","setUsersMatrix","setIsPurchasedSlot","setLineSelected","dropToogle","setDropToogle","profitCenterNumber","handleDropToogle","reduceReferenceCode","str","userIdSelected","line","isPurchased","matrixSelect","userName","slotSelected","newUserData","data-bs-toggle","aria-expanded","aria-labelledby","number","profit","NewsCarousel","TimeLine","BgTitle","News","slideSelected","setSlideSelected","breakingNews","subtitle","paragraph","settingsModal","initialSlide","slide","update","paragrapf","Examples","onClickSearch","setAiigSeed","aiigPrompt","setAiigPrompt","aiigCount","setAiigCount","sampleDescription","setImgNft","setDescriptionNft","random","setRandom","randomNumber","handleValueDropdown","desc","handleRandomDescription","DivFade","LoadingNft","progress","setProgress","sun","picasso","rabit","Result","imgNft","descriptionNft","aiigResult","setImageResult","handleBookmark","axios","tokenID","imageID","acctresponse","prevImageResult","img","collection","nftIcon","ButtonDownload","download","bookmark","ModalDownloadShare","selectImg","onCloseShare","AiCreatorTitle","Nft","testLoading","setTestLoading","setImage","setAiigCreate","NftResult","Nfts","apiUrl","imageHistory","setImageHistory","images","prevImageHistory","bookmarkAct","NftCollectionsPrivate","setImageCollection","actived","nftExample","setNftExample","handleActivateNft","prevNftExample","bookmarkActive","like","share","Navigator","Private","Public","NftCollections","Title","BoxNft","positionY","positionX","BoxNewNft","CheckboxInput","span","InputCheckbox","setData","option","dataIndex","findIndex","optionData","labelHtml","dangerouslySetInnerHTML","__html","ModalPleaseConfirm","aaName","walletAddress","aaId","memberName","handleCancel","handleAccept","checkedAddress","setCheckedAddress","checkedAaId","setCheckedAaId","checkedMemberName","setCheckedMemberName","checkedIGree","setCheckedIGree","Matrix5x6","boxNftRef","boxNewNftRef","firstId","setFisrtId","currentUserId","setCurrentUserId","beforeUserId","setBeforeUserId","usersMatrix","boxPosition","setBoxPosition","showNewNft","setShowNewNft","signUpInputs","setSignUpInputs","choiseValue","setChoiseValue","showModalPleaseConfirm","setShowModalPleaseConfirm","valueRange","setValueRange","userMatrixSelected","setUserMatrixSelected","tree","level_2","indexData","referrerData","level_3","level_1","wtd_volume","mtd_volume","buttons","querySelectorAll","event","preventDefault","profitCenterId","firstLine","beforeProfitCenterId","founded","find","beforeId","newBeforeUserId","handleMouseDown","userMatrix","pageX","pageY","activity","total_members","direct_referrals","nft_name","onMouseDown","rank","wallpaper","ethLogo","ModalChangeNft","UserProfile","setProfile","screenName","setScreenName","setDisabled","showChangeImg","setShowChangeImg","setImageChoise","btnEdit","focus","handleChangeImg","handleImg","handleImageChoise","handleUploadAgain","handleDisabled","formData","put","star","sponsor","nftLaunchpad","aiDefi","voyagers","iconNft","cubeLarge","cubeTitle","cubeSmall","plusUploadImage","accept","fadeIn","keyframes","fadeOut","rollIn","rollOut","ToastAlert","Toast","bgReveal","Maintenance","underMaintenance","formatUSDValue","valueInWei","valueInEther","formatUnits","usdValue","CurrentPayout","selectedCube","players","activeCube","setActiveCube","manualAuto","setManualAuto","colorTest","setColorTest","handleActiveCube","joinCubeFromAcct","netResponse","configResult","cubePay","displayAmt","entry_fee","cubeID","cube_id","acctResponse","acctError","joinCubeFromMemberAcct","joinCubeFromWallet","usdpi2Send","wallet_address","amt2authorize","nonce","tokname","chain","spender","domainData","val","Permit","nft_id","fundResult","fundError","sigError","joinCubeFromFreePlay","handleFreePlay","freeError","handlePlay","joinResponseG","joinErrorG","handleManualAuto","cube_payoff","free_available","nftID","Intl","NumberFormat","currency","WinStats","cubeBidder","clearBidderFunction","daysCommissions","setDaysCommissions","statsWallet","setStatsWallet","activeWin","setActiveWin","winStats","setWinStats","playerBalance","setPlayerBalance","setHistory","getWinStats","getPlayHistory","getPlayerBalance","daysOfWeek","minimumFractionDigits","maximumFractionDigits","trunc","handleStatsWallet","handleActiveWin","payresult","pay","amt_won","win_count","play_count","timeoutId","MoreCubes","cubes","winners","selectFunction","hasActiveCubes","setHasActiveCubes","moreActive","setMoreActive","handleActiveCubes","cubeImg","handleCubeClick","is_progressive","cubeCum","percent_filled","cube_description","paid_user","paid_date","Game","activeCubes","setActiveCubes","cubeWinners","setCubeWinners","setSelectedCube","ws","setWs","loopStartTime","setLoopStartTime","loopEndTime","setLoopEndTime","selectedCubeID","setSelectedCubeID","setPlayers","isAutoPlay","setIsAutoPlay","showToast","setShowToast","toastType","setToastType","toastLine1","setToastLine1","toastLine2","setToastLine2","toastLine3","setToastLine3","toastAnimation","setToastAnimation","toastURL","setToastURL","isLoop","setIsLoop","showWinner","setShowWinner","showWinnerModal","setShowWinnerModal","winnerURL","setWinnerURL","winnerNFT","setWinnerNFT","messageIn","setMessageIn","postWinnerDelete","setPostWinnerDelete","setCubeBidder","hideTimer","showToastAlert","cType","bidURL","getPlayers","apiPlayers","selectCube","copiedCube","handleCloseWinner","cubesWithoutClosed","fetchActiveCubes","activeCubesData","mappedCubes","cube_max_players","fetchCubeWinners","winnersCubesData","processMessage","class","updatedCube","updatedCubeID","newActiveCubes","payoff","entry","playerCnt","cubeFound","bidder","bidderURL","new_cube","newCube","websocket","WebSocket","close","onopen","onmessage","onclose","onerror","maxPlayers","calculatedPercentage","handleShowWinner","onEnded","winner","showMaintenance","backSoon","cubeLogo","ModalBefore","ModalTokensClaimed","showBefore","handleCloseBefore","handleCancelBefore","showAfter","handleCloseAfter","resultHash","handleButtonClick","stakingTerms","tokensClaimed","ModalRewards","Rewards","setCountdown","rewards","setRewards","profiti","setProfiti","performance","setPerformance","setRunClaimPoolUsdpi","withdrawalPoolUsdpiResult","setWithdrawalPoolUsdpiResult","setRunClaimPerfPoolUsdpi","withdrawalPerfPoolUsdpiResult","setWithdrawalPerfPoolUsdpiResult","setRunClaimDripPrfti","withdrawalDripResult","setWithdrawalDripResult","setRunClaimStakingPrfti","withdrawalStakingResult","setWithdrawalStakingResult","modalPerformanceRewards","setModalPerformanceRewards","modalProfitiRewards","setModalProfitiRewards","setRefBalances","setShowBefore","setShowAfter","claimType","setClaimType","claimID","setClaimID","setResultHash","responseTransactions","drips","drip","daysDiff","differenceInDays","maturity_date","maturityDateAdjusted","rate","claimed","maturity","dripSelected","reduce","acumulador","differenceInSeconds","stakes","stakingSelected","responseProfiti","responsePerfpool","ppool","handleClickReloadAvailable","contract_id","responseAvailable","newTransactions","transactionIndex","newRewards","rewardsIndex","reward","responsePerf","handleClickMaturity","handleClickClaimPoolUsdpi","handleClickClaimPerfPoolUsdpi","claimresponse","handleClickClaimPoolPrfti","handleClickClaimDripPrfti","updateIcon","apy","walletFinish","TokenVault","circulation","setCirculation","staking","setStaking","setHarvestStake","countdown","setFilter","modalCongratulations","setModalCongratulations","handleAmountChange","responseCirculation","circ","circulating","current_supply","max_supply","burned","responseStaking","locked","price","earned","days","hours","minutes","seconds","handleClickBuyStaking","ValueCrypto","setHover","handleHover","shield","onMouseEnter","onMouseLeave","Usdc","updateParentState","getPermitHashes","usdc2Send","getRWAHashes","getPermitSignature","hashData","REACT_APP_BSC_USDC","types","getRWASignature","ReceiveWithAuthorization","validAfter","validBefore","hexZeroPad","refreshFeeAndTimestamp","feeTimestamp","debouncedFund","newTimestamp","newFee","usd_fee","this","BtnHowBillingWorks","BtnCurrency","P","ModalNeed","ModalHowBillingWorks","selectCoin","subscription","setSubscription","billings","setBillings","setBillingSelected","showFundAccountWallet","setShowFundAccountWallet","setAmtNeeded","subDue","setSubDue","fund","setFund","setDebouncedFund","errorTextFund","setErrorTextFund","amtNeededFund","setAmtNeededFund","formattedAmtNeededFund","setFormattedAmtNeededFund","acctBalance","setAcctBalance","showNeed","setShowNeed","depositTXChain","setDepositTXChain","showHowBillingWorks","setShowHowBillingWorks","weiAmt2Exchange","setWeiAmt2Exchange","weiAmt2ExchangeF","setWeiAmt2ExchangeF","ethBalance","setEthBalance","usdpiBalance","setUsdpiBalance","usdcBalance","setUsdcBalance","bnbBalance","setBnbBalance","selectedCurrency","setSelectedCurrency","currencyChoices","icon","currencyUSDPI","balance_formatted","usdc","setUsdc","feeFormatted","result","setFeeTimestamp","calculateAmtNeeded","feeIn","debounced","newWeiAmt2Exchange","newWeiAmt2ExchangeF","updateFeeTimestamp","newResult","newUsdc","fetchBalances","balances","wallet_usdc","wallet_eth","wallet_usdpi","wallet_bnb","fetchHistory","total_due","getSubscription","responseSubscription","bn_SubBalanceWei","bn_SubBalanceEthers","annual_due","monthly_due","fetchSubscription","handleBuyNowUpholdButtonClick","handleCloseFund","handleShowTx","billing","handleClickFundWallet","getSignature","handleUSDPIFundAccount","f_fund","f_balusdpi","s_fund","hashes","sigResult","f_balusdc","valid_after","use_account","f_amt","f_bal","swapBank","Contract","EthUsdtSwapV3Abi","ethExchangeValue","ethExchangeValueFloat","connect","swapEth4Usdt","waitForTransaction","hash","receipt","confirmations","logError","ethSwapError","handleSubmitFundAccount","formatWeiToEther","weiValue","weiPerEther","etherString","convertCurrency","amountWei","n_acctBalance","getProfitiPoolAvailable","getPerfPoolAvailable","handleBuyNowButtonClick","poolresponse","testAmt","checkmark","toLocaleString","currencyName","infoGreen","isFormatValid","isValueValid","toUpperCase","Sidebar","Messages","Message","Typist","onTypingDone","cursor","elements","setElements","activePreTag","activeCodeTag","inactiveHighlight","contentData","contentPart","partData","firstBreakLineIndex","indexOf","pre","codeParts","codePart","brParts","brPart","dataContent","filteredCodePearts","handleTypingDone","startDelay","avgTypingDelay","Chatbot","deleteChatRef","exitPaigeRef","showMenu","setShowMenu","setTheme","talks","setTalks","talkSelected","setTalkSelected","messages","setMessages","loadingChat","setLoadingChat","screenTitle","setScreenTitle","lockInputChat","setLockInputChat","deleteChat","setDeleteChat","chatId","setChatId","exitPaige","setExitPaige","oldPrompt","setOldPrompt","buttonStopTypist","setButtonStopTypist","avatarPaige","listNewChat","pdf","handlePdf","doc","jsPDF","messagesElements","setFontSize","messageElement","html2canvas","useCORS","canvasMessage","addPage","addImage","save","threads","scrollMessages","scroll","scrollHeight","reset","threadID","paigeAvatar","new","handleRethinkAnswer","handleClickShowMenu","handleClickBack","alterMessage","messageData","messagePart","previous","hljs","highlight","threadSelected","talk","questions","thread_items","newThread","handleChangeTitle","newTalks","talkIndex","edit","handleClickEditTitle","handleClickSaveTitle","handleChangeTitleTalk","handleDeleteChat","handleStopTypist","newMessages","list","rings","Retangle","LpNft","widthScreen","bubble1","bubble2","doubleArrow","NotFoundPage","notFound","MyNfts","monkey","car","hero","right","MaskInput","maskRef","newValue","setNewValue","handleFocus","handleBlur","onChangeText","PageSwap","setType","descriptionBnb","descriptionEth","priceEth","priceBnb","logoUsdc","logoGusd","logoBnb","networks","networkSelected","setNetworkSelected","handleChangePrice","handleMax","typeData","handleSelectNetwork","InputMask","unit","delimiter","Launchpad","samples","RoadMap","paint","bannerLg","Community","ArtCreator","NftLaunchpad","Paige","Cube","Meta","Defi","Ideas","Final","allProducts","ProductRoadmap","paige","metaverse","defi","future","aiLarge","aiCreator","launchpadLarge","launchpadTitle","paigeLarge","paigePage","cubePage","metaLarge","metaPage","defiPage","defiLarge","ideasStamp","LiveChat","chatParticipants","setChatParticipants","me","participants","hour","messageChat","setMessageChat","meMessage","setMeMessage","keyPress","setKeyPress","emojiWindowActive","setEmojiWindowActive","time","toLocaleTimeString","elementClass","handleButtonOpenEmoji","handlePicker","emojiData","emoji","cleanMeMessage","handleMeMessage","handleSendMessage","handleKeyPress","handleChatParticipants","group","onEmojiClick","autoFocusSearch","searchDisabled","skinTonesDisabled","Theme","DARK","onKeyPress","Discover","activeChat","setActiveChat","handleActiveChat","AiAvatar","AiExpect","SignupAutoaffiliate","handleMetamask","signer","nftresponse","place","sponsorName","sponsor_name","sponsorUsername","sponsor_username","metamask","ModalAmount","refCode","placement","signOut2","WalletRowAutoAffiliate","displayedEthBalance","setDisplayedEthBalance","displayedUsdpiBalance","setDisplayedUsdpiBalance","weiEthValue","formattedEthValue","displayedEthValue","toPrecision","weiUsdpiValue","formattedUsdpiValue","displayedUsdpiValue","ModalC14","isOpen","onRequestClose","iframeSrc","iframeContent","OrderOption","setSelectCoin","showModalConfirm","setShowModalConfirm","cartProfitCentersLeft","setCartProfitCentersLeft","cartProfitCentersRight","setCartProfitCentersRight","showAmount","setShowAmount","setValueSelected","pollingEnabled","setPollingEnabled","setFormattedEthValue","formattedEthValueRight","setFormattedEthValueRight","formatted","usdWei","usdWeiFull","ethWei","amtOwedLeft","setAmtOwedLeft","amtOwedRight","setAmtOwedRight","amtOwedBuyFiat","setAmtOwedBuyFiat","amtNeededActivate","setAmtNeededActivate","profitCentersNeededActivate","setProfitCentersNeededActivate","lastUsdpiBalance","setLastUsdpiBalance","c14Src","setC14Src","promiseResolveRef","promiseRejectRef","receivedData","isC14Open","setIsC14Open","adjustForUsdpiBalance","amt2Adjust","retVal","bn_amt2Adjust","mul","pow","bn_usdpiBalance","isZero","gte","sub","getQuote","usdpiNeeded","parseUnits","formatEthValue","newUSD","newUSDWithFee","adjustedUSDWithFee","controller","AbortController","prevAmt","abort","b_usdNeeded","b_ethNeeded","exchangeETHValue","exchangeUSDPIValue","b_ethNeededNet","exchangeEthValue","imgGenerate","command","getHashes","handleAcceptModalConfirm","handleCancelModalConfirm","confirmAction","executeActivation","profitCenters","prepayMonths","hashResultValue","imgName","prepay","pcount","img_name","logExchange","exchange","amtOwed","intervalId","setInterval","getTransactionReceipt","clearInterval","logResult","activate","imgResultValue","activationResult","resultValue","interval","handleBuyNowClick","b_usdpiNeeded","b_usdpiBal","b_ethBal","bn_amtNeededActivate","formatUSDValueFromWei","usdpiLogo","usdcLogo","ethLogoWhite","bnbLogo","Wr","showModalFinish","setShowModalFinish","handleCloseModalFinish","BtcSignals","btnSelected","setBtnSelected","btc","prideDrop","btcSold","btcSignal","btcNow","card","buySell","reaction","Trade","ModalFinishRegister","ModalFinishWithdraw","ModalFinishDeposit","ModalFinishWallet","TermsProvider","onClose","onRegister","effectiveDate","setEffectiveDate","formattedDate","handleRegister","logoMap","SmartTrade","trending","setTrending","trades","setTrades","rollups","setRollups","setTradeBalance","accountStatus","setAccountStatus","accountTier","setAccountTier","showFinishWallet","setShowFinishWallet","showFinishWithdrawal","setShowFinishWithdrawal","showFinishDeposit","setShowFinishDeposit","valueDeposit","setValueDeposit","valueWithdraw","setValueWithdraw","isDeposit","setIsDeposit","showTerms","setShowTerms","fixedAmount","selectedSource","setSelectedSource","depositError","setDepositError","withdrawError","setWithdrawError","tradeColumns","abbreviateTxId","txId","startChars","endChars","accountValue","roundedValue","rawValue","traderResponse","formatToTwoDecimalPlaces","tradeData","trade","pair","stable","asset","exit","roi","profit_loss","ts","toLocaleDateString","confirmation","fullTxId","txid","tx_chain","textDecoration","padding","handleDepositChange","numericValue","handleWithdrawChange","parseFloatOrNull","fetchTraderDash","roundedBalance","trade_balance","account_status","account_tier","transformedTrending","transformedRecent","recent","parsedRollups","total_roi_today","total_roi_amt_today","total_roi_wtd","total_roi_amt_wtd","total_roi_mtd","total_roi_amt_mtd","total_roi_all_time","total_roi_amt_all_time","handleDepositClick","handleSelectDepSrc","walletType","handleKeyPressDepSrc","handleDeposit","handleSetFixedDepositAmount","agreement","recalibrating","onKeyDown","tabIndex","Terms","routes","ActivateNft","TokenUp","NftHistory","Profit","Matrix5X6","Subscriptions","createGlobalStyle","Web3Stats","funnelType","setReqChainHex","currentChain","setBalusdpi","setBalbusd","setBalprfti","setBalbnb","setBaleth","setBalusdt","setAuthBusd2Bank","setAuthUsdpi2Subs","nftlist","setNftlist","refNftList","setRefNftList","setMemberStatus","refBalances","imgCommand","cartPurchase","cartPurchaseStake","usdpiPurchaseAmt","usdpiPurchaseAmtEth","usdpiPurchaseAmtUsdt","usdpiSaleAmt","usdpiPurchaseFee","setConnectedMember","setInvalidRef","setWrongChain","activating","setActivating","mintOnly","setMintOnly","setLastPageServed","cookies","harvestStake","runWithdrawal","setRunWithdrawal","runClaimPoolUsdpi","runClaimPerfPoolUsdpi","runClaimDripPrfti","runClaimStakingPrfti","walletAddPRFTI","walletAddUSDPI","setAiigResult","aiigCreate","balanceInterval","balanceId","setBalanceId","hostname","newIntervalId","placeCode","saveReferral","usernm","success","ref_code","expires","wallet_busd","wallet_prfti","wallet_usdt","auth_bnb_bank","auth_usdpi_subs","processOrder","nft2activate","lastIndexOf","amtAuth","authamount","wait","transactionHash","usdtInterface","Interface","erc20Abi","contractusdt","amountInToken","feeamount","depositUsdt","trxexchange","overrides","gasLimit","approve","trxapprove","contractbank","bankAbi","busdInterface","busdAbi","contractbusd","buy","processSell","msg","processPurchase","tokenId","processClaimPool","processClaimPerfPool","processClaimDrip","drip_id","processClaimStaking","nprovider","on","removeAllListeners","newReqChainNet","newReqChainNetInt","newReqChainPayInt","tokenName","tokenSymbol","eprovider","address","processAdd","LanguageContext","LanguageProvider","idiom","setIdiom","handleSelectIdiom","idiomSelected","require","AppProvider","App","ReactDOM","StrictMode","handleClikDownload","responseType","Buffer","click","usdValueInWei","usdtWeiNumber","ethValueInWei","ethValue","fromWei","create","baseURL","div1920Ref","div1350Ref","div1200Ref","cardIndex","setCardIndex","showShared","setShowShared","showImageSize","setShowImageSize","selectImgNft","setSelectImgNft","cardShare","bgWaves","bgCube","bgPurpleWaves","bgBubble","bgRetangles","bgBlur","bgDarkblur","bgDark","bgSizes","large","bgLargeWaves","mid","bgMidWaves","horizontal","bgHorizontalWaves","bgLargeCubes","bgMidCubes","bgHorizontalCubes","bgLargePurpleWaves","bgMidPurpleWaves","bgHorizontalPurpleWaves","bgLargeBubble","bgMidBubble","bgHorizontalBubble","bgLargeRetangles","bgMidRetangles","bgHorizontalRetangles","bgLargeBlur","bgMidBlur","bgHorizontalBlur","bgLargeDarkBlur","bgMidDarkBlur","bgHorizontalDarkBlur","bgLargeDark","bgMidDark","bgHorizontalDark","handleClickShared","handleCloseShared","handleClickImageSize","handleCloseImageSize","handleClickDownloadImage","sizeObject","scale","offsetWidth","offsetHeight","toDataURL","aiArtCreatorShared","bg","tiktok","downloadShare","chainShare","aiLogo","aiLogoText","crossOrigin","twiter","AuthContext","AuthProvider","setUser","prfti_balance","usdpi_balance","lastPage","updateStatus","statusData","BoxShared","ImgShared"],"mappings":"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","file":"static/js/main.db2200a0.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/bookmark-icon.a91fe52f.svg\";","export default __webpack_public_path__ + \"static/media/download-icon.f5bf2a0f.svg\";","import { createStore } from 'state-pool';\n\nconst web3store = createStore();\n\n// URL Params\nweb3store.setState('reference', null);\nweb3store.setState('placementRef', null);\nweb3store.setState('username', null);\n\n// Funnel\nweb3store.setState('funnelType', null);\n\n// Wallet\n// web3store.setState('w3', null);\nweb3store.setState('account', '');\nweb3store.setState('contractbusd', null);\nweb3store.setState('contractusdpi', null);\nweb3store.setState('contractbank', null);\nweb3store.setState('refW3', false); // Signal to refresh wallet connection\nweb3store.setState('provider', null);\nweb3store.setState('signer', null);\n// Current network\nweb3store.setState('currentChain', null);\n// Required network\nweb3store.setState('reqChainHex', null);\n// web3store.setState('reqChainInt', null);\nweb3store.setState('chainMode', null);\nweb3store.setState('skipModal', false);\n// Balances\nweb3store.setState('balusdpi', '');\nweb3store.setState('balbusd', '');\nweb3store.setState('balprfti', '');\nweb3store.setState('balbnb', '');\nweb3store.setState('baleth', '');\nweb3store.setState('balusdt', '');\nweb3store.setState('refBalances', false); // Signal to refresh balances\n// Authorizations\nweb3store.setState('authBusd2Bank', 0);\nweb3store.setState('authUsdpi2Subs', 0);\n// Intake funnel\nweb3store.setState('ref', '');\nweb3store.setState('nftimg', ''); // Image to be minted\nweb3store.setState('showNftConfirm', false);\nweb3store.setState('nftselected', 0);\nweb3store.setState('imgCommand', '');\nweb3store.setState('imgURL', '/static/media/logo-p-purple.6ad0b4f8.svg');\nweb3store.setState('imgSeed', '');\nweb3store.setState('invalidRef', false);\n// Activation shopping cart\nweb3store.setState('cartProfitCenters', 1);\nweb3store.setState('cartPrepayMonths', 12);\nweb3store.setState('cartAmt', 0);\nweb3store.setState('cartPurchase', false);\nweb3store.setState('cartHashes', '');\nweb3store.setState('cartPurchaseTX', '');\n// USDPI Exchange\nweb3store.setState('usdpiPurchaseAmt', 0);\nweb3store.setState('usdpiPurchaseAmtEth', 0);\nweb3store.setState('usdpiPurchaseAmtUsdt', 0);\nweb3store.setState('usdpiSaleAmt', 0);\nweb3store.setState('usdpiPurchaseTX', '');\nweb3store.setState('usdpiAction', 'BUY');\nweb3store.setState('usdpiPurchaseFee', 0);\nweb3store.setState('usdpiPurchaseToken', '');\n// Staking shopping cart\nweb3store.setState('buyStakingAmt', 0);\nweb3store.setState('cartPurchaseStake', false);\nweb3store.setState('buyStakingHashes', '');\nweb3store.setState('cartPurchaseStakeTX', '');\n// Member / session\nweb3store.setState('nftlist', []);\nweb3store.setState('connectedMember', null); // Logged in member's account NFT\nweb3store.setState('memberStatus', 'entry');\nweb3store.setState('refNftList', false); // Signal - set to true to refresh member nft list\nweb3store.setState('wrongChain', false);\n// Workflow flags\nweb3store.setState('activating', false);\nweb3store.setState('mintOnly', false);\nweb3store.setState('lastPageServed', '');\nweb3store.setState('processText', '');\n// HarvestStake\nweb3store.setState('harvestStake', 0);\n// No Wallet\nweb3store.setState('noWallet', false);\n// Withdraw\nweb3store.setState('runWithdrawal', false);\nweb3store.setState('withdrawalResult', '');\n// Claim Revenue Pool USDPI rewards\nweb3store.setState('runClaimPoolUsdpi', false);\nweb3store.setState('withdrawalPoolUsdpiResult', '');\n// Claim Perf Pool USDPI rewards\nweb3store.setState('runClaimPerfPoolUsdpi', false);\nweb3store.setState('withdrawalPerfPoolUsdpiResult', '');\n// Claim Drip Prfti rewards\nweb3store.setState('runClaimDripPrfti', '');\nweb3store.setState('withdrawalDripResult', '');\n// Claim Staking Prfti rewards\nweb3store.setState('runClaimStakingPrfti', '');\nweb3store.setState('withdrawalStakingResult', '');\n// Add tokens to wallet\nweb3store.setState('walletAddPRFTI', false);\nweb3store.setState('walletAddUSDPI', false);\n// AI Image generator\nweb3store.setState('aiigSeed', '');\nweb3store.setState('aiigPrompt', '');\nweb3store.setState('aiigResult', []);\nweb3store.setState('aiigCount', 1);\nweb3store.setState('aiigCreate', false);\n// Balance polling\nweb3store.setState('balanceInterval', 300000);\nweb3store.setState('balanceId', null);\n\nexport { web3store };\n","var map = {\n\t\"./en\": 429,\n\t\"./en.json\": 429,\n\t\"./es\": 430,\n\t\"./es.json\": 430\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 1270;","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\nexport const Container = styled.header`\n  z-index: 202;\n\n  .btn-wallet {\n    color: #000;\n    transition-duration: 0.3s;\n    :hover {\n      color: #7746fb;\n    }\n  }\n\n  .width {\n    width: 65px;\n    height: 65px;\n  }\n\n  .row-logo {\n    transition-duration: 0.3s;\n  }\n\n  .bg-black {\n    background-color: #000;\n    padding: 8px 41px;\n    border-radius: 20px;\n    :hover {\n      text-decoration: none;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .width {\n      width: 45px;\n      height: 45px;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  z-index: 2000;\n\n  .animation-gray {\n    background-color: rgba(244, 247, 253, 0.5);\n    border-radius: 30px;\n    padding: 8px;\n\n    div {\n      width: 198px;\n      height: 198px;\n      border-radius: 30px;\n      background-color: #fff;\n    }\n  }\n\n  .description {\n    padding: 3rem 12rem;\n\n    h3 {\n      color: #000000;\n      font-size: 32px;\n      font-weight: 600;\n      margin-bottom: 35px;\n    }\n\n    p {\n      color: #000000;\n      font-size: 18px;\n    }\n  }\n\n  .social-medias {\n    background: #0c0d0d;\n    backdrop-filter: blur(5px);\n    border-radius: 60px;\n  }\n`;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\nexport const Container = styled.button`\n  font-family: 'Barlow', sans-serif;\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  cursor: pointer;\n  border: none;\n  padding: 1px;\n  background-color: transparent;\n\n  span {\n    padding: 5px 10px;\n    margin: 0 18px;\n    display: block;\n  }\n\n  @media screen and (max-width: 1399px) {\n    font-size: 20px;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  font-family: 'Barlow', sans-serif;\n  .modal-close {\n    color: #000;\n    height: 50px;\n    width: 50px;\n  }\n  .modal-xl {\n    width: 1140px;\n  }\n\n  .btn-nft {\n    color: #fff;\n    padding: 18px;\n    font-size: 24px;\n    border-radius: 20px;\n    background-color: #0c0d0d;\n    transition-duration: 0.3s;\n  }\n\n  .btn-nft:hover {\n    background-color: ${lighten(0.1, '#0c0d0d')};\n  }\n\n  .img-metamask {\n    background: rgba(244, 247, 253, 0.5);\n    box-shadow: 30px 70px 120px rgba(61, 52, 63, 0.13);\n    backdrop-filter: blur(10px);\n    padding: 8px;\n    border-radius: 30px;\n  }\n\n  .left-ride,\n  .right-ride {\n    img {\n      padding: 43px;\n      background: rgba(244, 247, 253, 0.5);\n\n      box-shadow: 30px 70px 120px rgb(27 49 66 / 13%);\n      //backdrop-filter: blur(10px);\n      border-radius: 30px;\n      transition: 0.2s;\n    }\n\n    h2 {\n      font-weight: 600;\n      font-size: 32px;\n      line-height: 38px;\n      color: #000000;\n    }\n\n    p {\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 22px;\n      color: #000000;\n    }\n\n    .description {\n      color: #000;\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 22px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .left-ride,\n    .right-ride {\n      img {\n        padding: 30px;\n      }\n\n      .description {\n        font-size: 15px;\n      }\n    }\n\n    .btn-nft {\n      font-size: 20px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .left-ride,\n    .right-ride {\n      img {\n        padding: 25px;\n      }\n\n      h2 {\n        font-size: 28px;\n      }\n      p {\n        font-size: 16px;\n      }\n    }\n  }\n\n  @media screen and (max-width: 420px) {\n    .btn-nft {\n      padding: 18px 10px;\n    }\n  }\n\n  @media screen and (min-width: 576px) {\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/fox.951a694c.svg\";","import React, { useState, useCallback, useEffect } from 'react';\n\nimport { Container, Modal } from './styles';\nimport { web3store } from '../../store';\nimport fox from '~/assets/icons/fox.svg';\nimport btnBlue from '~/assets/icons/btn-blue.svg';\n\ninterface IProps {\n  className?: string;\n}\n\nconst ConnectWallet: React.FC<IProps> = ({ className }) => {\n  // const [show, setShow] = useState(false);\n  const [noWallet, setNoWallet] = web3store.useState('noWallet');\n\n  const handleClose = useCallback(() => {\n    // setShow(false);\n    setNoWallet(false);\n  }, []);\n\n  // const handleShow = useCallback(() => setShow(true), []);\n  const handleShow = useCallback(() => setNoWallet(true), []);\n\n  // useEffect(() => {\n  //   const noWallet = typeof window.ethereum === 'undefined';\n  //   setShow(noWallet);\n  // }, []);\n\n  return (\n    <>\n      <Modal\n        className=\"modal-connect-wallet text-white d-flex\"\n        size=\"xl\"\n        // show={show}\n        show={noWallet}\n        // onHide={handleClose}\n      >\n        <Modal.Header className=\"border-0 \">\n          {/* <button\n            type=\"button\"\n            className=\"h4 modal-close ms-auto fw-bold border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button> */}\n        </Modal.Header>\n        <Modal.Body>\n          <div className=\"container\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-lg-7 text-center left-ride\">\n                <div className=\"img-metamask d-inline-block text-center bg-transparent border-0\">\n                  <img src={fox} alt=\"Logo fox\" />\n                </div>\n                <h2 className=\"my-4\">\n                  Uh-oh! It seems you do not have Metamask&nbsp;installed.\n                </h2>\n                <p>\n                  To create your account with PROFITi you need to have a\n                  Metamask wallet installed in your browser. Please click the\n                  button below to install it now.\n                </p>\n              </div>\n\n              <div className=\"col-lg-8 my-4\">\n                <a\n                  href=\"https://metamask.io/download/\"\n                  target=\"_blank\"\n                  className=\"btn btn-nft rounded-pill border-0 fw-bold color-white justify-content-center d-flex mx-auto w-100 w-xl-75 my-xxl-5\"\n                  rel=\"noreferrer\"\n                >\n                  <span className=\"d-none d-lg-block\">\n                    CLICK HERE INSTALL METAMASK\n                  </span>\n                  <span className=\"d-lg-none d-block\">\n                    Download Metamask Here\n                  </span>\n                </a>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n    </>\n  );\n};\n\nexport default ConnectWallet;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\nexport const Container = styled.button`\n  font-family: 'Barlow', sans-serif;\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  cursor: pointer;\n  border: none;\n  padding: 1px;\n  background-color: transparent;\n  span {\n    padding: 5px 10px;\n    margin: 0 18px;\n    display: block;\n  }\n  @media screen and (max-width: 1399px) {\n    font-size: 20px;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-close {\n    color: #000;\n    height: 50px;\n    width: 50px;\n  }\n  .modal-xl {\n    width: 1140px;\n  }\n  .btn-nft {\n    color: #fff;\n    padding: 18px;\n    font-size: 24px;\n    border-radius: 20px;\n    background-color: #0c0d0d;\n  }\n  .left-ride,\n  .right-ride {\n    img {\n      padding: 43px;\n      background: rgba(244, 247, 253, 0.5);\n      box-shadow: 30px 70px 120px rgb(27 49 66 / 13%);\n      //backdrop-filter: blur(10px);\n      border-radius: 30px;\n      transition: 0.2s;\n    }\n    button:hover,\n    button:focus {\n      img {\n        background: ${lighten(0.1, 'rgba(244, 247, 253, 0.5)')};\n      }\n      span {\n        color: ${lighten(0.1, '#000')};\n      }\n    }\n    .description {\n      color: #000;\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 22px;\n    }\n  }\n  @media screen and (max-width: 1399px) {\n    .left-ride,\n    .right-ride {\n      img {\n        padding: 30px;\n      }\n      .description {\n        font-size: 15px;\n      }\n    }\n    .btn-nft {\n      font-size: 20px;\n    }\n  }\n  @media screen and (max-width: 991px) {\n    .left-ride,\n    .right-ride {\n      img {\n        padding: 25px;\n      }\n    }\n  }\n  @media screen and (max-width: 450px) {\n    .btn-nft {\n      padding: 18px 10px;\n      font-size: 18px;\n    }\n  }\n  @media screen and (min-width: 576px) {\n    .left-ride {\n      border-right: 1px solid rgba(20, 20, 20, 0.8);\n    }\n  }\n`;\n","import React, { useState, useCallback, useContext, useEffect } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport Web3 from 'web3';\n// import Web3Modal from 'web3modal';\nimport { ethers, utils } from 'ethers';\nimport { setSyntheticLeadingComments } from 'typescript';\nimport { truncate } from 'truncate-ethereum-address';\nimport axios from 'axios';\n\n/* eslint import/no-extraneous-dependencies: [\"error\", {\"peerDependencies\": true}] */\nimport { AbiItem } from 'web3-utils';\nimport api from '~/services/api';\nimport { useAuth } from '~/hooks/Auth';\nimport { Container, Modal } from './styles';\nimport fox from '~/assets/icons/fox.svg';\nimport btnBlue from '~/assets/icons/btn-blue.svg';\nimport { web3store } from '../../store';\nimport { abi } from '../../abi/usdpi.json';\nimport { abibusd } from '../../abi/busd.json';\nimport { abibank } from '../../abi/bank.json';\n/* eslint no-underscore-dangle: 0 */\n\ninterface IProps {\n  btnText: string;\n  className?: string;\n  onShowNoReferrer(): void;\n}\n\ninterface IParams {\n  reference: string;\n  optionalCode: string;\n  username: string;\n}\n\nconst WalletLink: React.FC<IProps> = ({\n  btnText,\n  className,\n  onShowNoReferrer,\n}) => {\n  // states\n  const history = useHistory();\n  const { setStatus, setConnected } = useAuth();\n  const params = useParams<IParams>();\n  // console.log('walletlink-params:');\n  // console.log(params);\n  const [show, setShow] = useState(false);\n  // web3store ---------------------------\n  const [invalid, setInvalid, updateInvalid] = web3store.useState('invalid');\n  const [refW3, setRefW3] = web3store.useState('refW3');\n  const [, setReference] = web3store.useState('reference');\n  const [, setPlacementRef] = web3store.useState('placementRef');\n  const [, setUsername] = web3store.useState('username');\n\n  const [w3, setW3, updateW3] = web3store.useState('w3');\n  // const [provider, setProvider] = web3store.useState('provider');\n  // const [signer, setSigner] = web3store.useState('signer');\n  const [account, setAccount] = web3store.useState('account');\n  // const [refBalances, setRefBalances] = web3store.useState('refBalances');\n  // const [chain, setChain] = web3store.useState('chain');\n  // const [nftlist, setNftlist] = web3store.useState('nftlist');\n  // const [memberStatus, setMemberStatus] = web3store.useState('memberStatus');\n  // const [invalidRef] = web3store.useState('invalidRef');\n  const [lastPageServed, setLastPageServed] =\n    web3store.useState('lastPageServed');\n  const [noWallet, setNoWallet] = web3store.useState('noWallet');\n  // web3store ---------------------------\n  // const { reference } = useParams<{ reference: string }>();\n  const { reference, placementRef, username } =\n    useParams<{ reference: string; placementRef: string; username: string }>();\n  // console.log('---------------------------------');\n  // console.log('URL PARAMS');\n  // console.log('---------------------------------');\n  // console.log('reference: %s', reference);\n  // console.log('placementRef: %s', placementRef);\n  // console.log('username: %s', username);\n  // console.log('---------------------------------');\n\n  const providerOptions = {\n    /* Additional providers here */\n  };\n\n  const handleClick = useCallback(async () => {\n    // console.log('WalletLink - handleClick');\n    if (typeof window.ethereum !== 'undefined') {\n      setNoWallet(false);\n      setReference(reference);\n      setPlacementRef(placementRef);\n      setUsername(username);\n      try {\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        await tprovider.send('eth_requestAccounts', []);\n        const tsigner = tprovider.getSigner();\n        const acct0 = await tsigner.getAddress();\n        // console.log('+++++++++ acct0: %s', acct0);\n        // console.log('+++++++++ account: %s', account);\n        if (account === '') {\n          api\n            .get('/v1/nft/list', {\n              params: {\n                registered: 2,\n                owner: acct0,\n              },\n            })\n            .then(function (response) {\n              // console.log(response.data.nft_list);\n              if (response.data.nft_list.length === 0) {\n                if (\n                  reference === undefined ||\n                  placementRef === undefined ||\n                  username === undefined\n                ) {\n                  history.push({\n                    pathname: '/autoaffiliate-member',\n                  });\n                } else {\n                  const paramData = {\n                    selectedAddress: acct0,\n                    reference,\n                    placementRef,\n                    username,\n                  };\n                  history.push({\n                    pathname: '/autoaffiliate-member/order',\n                    state: paramData,\n                  });\n                }\n              } else {\n                // console.log('has nft id: %s', response.data.nft_list[0]);\n                setAccount(acct0);\n              }\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n            });\n        } // (account === '')\n      } catch (error) {\n        console.log('error connecting');\n        console.log(error);\n      }\n      // setRefBalances(true);\n      // console.log('Address: %s', acct0);\n    } else {\n      setNoWallet(true);\n    }\n  }, [account]);\n  //   }, [setAccount, setChain, setRefW3, setW3]);\n\n  if (lastPageServed.length > 0) {\n    handleClick();\n  }\n\n  return (\n    <>\n      {account === '' ? (\n        <Container type=\"button\" className={className} onClick={handleClick}>\n          {btnText}\n        </Container>\n      ) : (\n        <Container type=\"button\" className={className}>\n          Connected to: {truncate(account)}\n        </Container>\n      )}\n    </>\n  );\n};\n\nexport default WalletLink;\n","export default __webpack_public_path__ + \"static/media/logo-p-black.455b5465.svg\";","export default __webpack_public_path__ + \"static/media/telegram.b8555e6f.svg\";","export default __webpack_public_path__ + \"static/media/discord.a64c0948.svg\";","export default __webpack_public_path__ + \"static/media/twitter.b6042f66.svg\";","export default __webpack_public_path__ + \"static/media/tik-tok.42b1269b.svg\";","export default __webpack_public_path__ + \"static/media/facebook.2dca2958.svg\";","export default __webpack_public_path__ + \"static/media/instagram.758b3097.svg\";","export default __webpack_public_path__ + \"static/media/youtube.d842d1ce.svg\";","export default __webpack_public_path__ + \"static/media/reddit.0cbacdd8.svg\";","import React, { useEffect, useState, useCallback } from 'react';\nimport Lottie from 'react-lottie';\nimport { Container, Modal } from './styles';\nimport ConnectWallet from '~/components/ConnectWallet';\nimport WalletLink from '~/components/WalletLink';\n\nimport logo from '~/assets/logo/logo-p-black.svg';\nimport noReferrer from '~/assets/animations/no-referrer.json';\nimport telegram from '~/assets/defaults/telegram.svg';\nimport discord from '~/assets/defaults/discord.svg';\nimport twitter from '~/assets/defaults/twitter.svg';\nimport tikTok from '~/assets/defaults/tik-tok.svg';\nimport facebook from '~/assets/defaults/facebook.svg';\nimport instagram from '~/assets/defaults/instagram.svg';\nimport youtube from '~/assets/defaults/youtube.svg';\nimport reddit from '~/assets/defaults/reddit.svg';\n\nconst Header: React.FC = () => {\n  const [show, setShow] = useState(false);\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  return (\n    <Container className=\"py-3 pb-xxl-0 pt-xxl-5 position-absolute w-100\">\n      <div className=\"container-fluid\">\n        <div className=\"row row-logo justify-content-between align-items-center\">\n          <div className=\"col-4 col-sm-6 col-lg-2 text-lg-center px-0\">\n            <img\n              src={logo}\n              alt=\"logo\"\n              className=\"ms-4 ms-sm-5 ms-lg-0 mx-lg-auto width\"\n            />\n          </div>\n\n          <div className=\"col-8 col-sm-6 col-lg-3 text-end text-lg-center\">\n            <WalletLink\n              onShowNoReferrer={handleShow}\n              btnText=\"Connect Wallet\"\n              className=\"btn-wallet me-4 me-lg-0\"\n            />\n          </div>\n        </div>\n      </div>\n      <ConnectWallet />\n      <Modal\n        className=\"modal-connect-wallet text-white d-flex\"\n        size=\"xl\"\n        show={show}\n        centered\n      >\n        <Modal.Body>\n          <div className=\"d-flex flex-column justify-content-center align-items-center py-5\">\n            <div className=\"animation-gray\">\n              <div className=\"d-flex align-items-center\">\n                <Lottie\n                  options={{\n                    animationData: noReferrer,\n                    autoplay: true,\n                    loop: true,\n                    rendererSettings: {\n                      preserveAspectRatio: 'xMidYMid slice',\n                    },\n                  }}\n                  height={165}\n                  width={198}\n                />\n              </div>\n            </div>\n            <div className=\"d-flex flex-column justify-content-around align-items-center text-center description\">\n              <h3>We could not find your referral code \\=</h3>\n              <p>\n                PROFITi is a invite-only community,{' '}\n                <b>please double check the referral link</b> that brought you\n                here other wise if you do not have a referral code yet, you can\n                find one by asking around in our social channels below.\n              </p>\n              <p>We hope to see you inside soon!</p>\n            </div>\n            <div className=\"overflow-auto bg-lg-social-medias\">\n              <div className=\"d-lg-flex justify-content-sm-around social-medias  px-2 px-lg-5\">\n                <div className=\"bg-mobile-social-medias px-4 px-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://t.me/ProfitiAi\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={telegram} alt=\"Telegram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://discord.gg/KxdwygBsKk\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={discord} alt=\"Discord\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://twitter.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={twitter} alt=\"Twitter\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.tiktok.com/@profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={tikTok} alt=\"Tik-Tok\" />\n                  </a>\n                </div>\n                <div className=\"bg-mobile-social-medias px-4 px-lg-0 mt-3 mt-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.facebook.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={facebook} alt=\"Facebook\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.instagram.com/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={instagram} alt=\"Instagram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.youtube.com/@profitiai/channels\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={youtube} alt=\"Youtube\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.reddit.com/r/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={reddit} alt=\"Reddit\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n    </Container>\n  );\n};\n\nexport default Header;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: #181818;\n`;\n","import React from 'react';\n\nimport { Container } from './styles';\n\nconst Footer: React.FC = () => {\n  return (\n    <Container>\n      {/* <div className=\"container\">\n        <div className=\"row align-items-end justify-content-between text-center text-md-left\">\n          <div className=\"col-md-4 col-lg-2 text-center\">\n            <Bounce left cascade>\n              <img src={logo} alt=\"logo\" className=\"w-50\" />\n              <div className=\"d-flex justify-content-between mt-4 px-5 px-md-0\">\n                <a href=\"/#\">\n                  <img src={twitter} alt=\"Twitter\" />\n                </a>\n                <a href=\"/#\">\n                  <img src={facebook} alt=\"Facebook\" />\n                </a>\n                <a href=\"/#\">\n                  <img src={telegram} alt=\"Telegram\" />\n                </a>\n                <a href=\"/#\">\n                  <img src={instagram} alt=\"Instagram\" />\n                </a>\n              </div>\n            </Bounce>\n          </div>\n          <div className=\"col-md-6 col-lg-5 px-0 px-lg-3 mt-5\">\n            <Bounce right>\n              <p className=\"mb-0 small nomal-md text-md-right text-white\">\n                © 2021 Wiserr, Inc. All right reserved <br />\n                <span className=\"small normal-md\">\n                  <a href=\"#/\" className=\"text-white\">\n                    Privacy Policy\n                  </a>{' '}\n                  |{' '}\n                  <a href=\"#/\" className=\"text-white\">\n                    Terms of Service\n                  </a>{' '}\n                  |{' '}\n                  <a href=\"#/\" className=\"text-white\">\n                    Security\n                  </a>{' '}\n                  |{' '}\n                  <a href=\"#/\" className=\"text-white\">\n                    Cookies\n                  </a>\n                </span>\n              </p>\n            </Bounce>\n          </div>\n        </div>\n      </div> */}\n    </Container>\n  );\n};\n\nexport default Footer;\n","import React, { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport Header from '~/components/Header';\nimport Footer from '~/components/Footer';\n\nconst AuthLayout: React.FC = ({ children }) => {\n  const location = useLocation();\n\n  const referrer = location.pathname.match('/i/');\n  // console.log('*** referrer: %s', referrer);\n  const tryPage = location.pathname.match('/try/i/');\n  // console.log('*** tryPage: %s', tryPage);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [location]);\n\n  return (\n    <>\n      {location.pathname === '/' || (!tryPage && referrer) ? <Header /> : ''}\n      {children}\n      <Footer />\n    </>\n  );\n};\n\nexport default AuthLayout;\n","export default __webpack_public_path__ + \"static/media/dashboard-icon.01f19e1d.svg\";","export default __webpack_public_path__ + \"static/media/dashboard-icon-active.0bc43668.svg\";","export default __webpack_public_path__ + \"static/media/profile-icon.18e6392c.svg\";","export default __webpack_public_path__ + \"static/media/profile-icon-active.5cf6d4cd.svg\";","export default __webpack_public_path__ + \"static/media/products-icon.22c458a9.svg\";","export default __webpack_public_path__ + \"static/media/products-icon-active.b69cb7f0.svg\";","export default __webpack_public_path__ + \"static/media/business-icon.774ec174.svg\";","export default __webpack_public_path__ + \"static/media/business-icon-active.683c5a0f.svg\";","export default __webpack_public_path__ + \"static/media/trader-icon.1c09626c.svg\";","export default __webpack_public_path__ + \"static/media/trader-icon-active.9d9fa421.svg\";","export default __webpack_public_path__ + \"static/media/news-icon.939ea112.svg\";","export default __webpack_public_path__ + \"static/media/news-icon-active.0044cf33.svg\";","export default __webpack_public_path__ + \"static/media/token-icon.d80e9254.svg\";","export default __webpack_public_path__ + \"static/media/token-icon-active.2353ebd6.svg\";","export default __webpack_public_path__ + \"static/media/subscriptions-icon.b2ff4e6a.svg\";","export default __webpack_public_path__ + \"static/media/subscriptions-icon-active.794788a0.svg\";","export default __webpack_public_path__ + \"static/media/smart-trade-icon.34612490.svg\";","export default __webpack_public_path__ + \"static/media/smart-trade-icon-active.20a478fb.svg\";","export default __webpack_public_path__ + \"static/media/ai-art-icon.5948bf51.svg\";","export default __webpack_public_path__ + \"static/media/ai-art-icon-active.011b8f23.svg\";","export default __webpack_public_path__ + \"static/media/launchpad-icon.6e422368.svg\";","export default __webpack_public_path__ + \"static/media/launchpad-icon-active.abd4271e.svg\";","export default __webpack_public_path__ + \"static/media/chatbot-icon.54f0ea81.svg\";","export default __webpack_public_path__ + \"static/media/chatbot-icon-active.96287ffa.svg\";","export default __webpack_public_path__ + \"static/media/arrow-icon.1965d1c5.svg\";","export default __webpack_public_path__ + \"static/media/arrow-icon-active.9ab5a249.svg\";","export default __webpack_public_path__ + \"static/media/referrers-icon.485371ee.svg\";","export default __webpack_public_path__ + \"static/media/referrers-icon-active.8b8c7e81.svg\";","export default __webpack_public_path__ + \"static/media/matrix-icon.0a977517.svg\";","export default __webpack_public_path__ + \"static/media/matrix-icon-active.2cbc2a5b.svg\";","export default __webpack_public_path__ + \"static/media/log-out-icon.4ab56495.svg\";","export default __webpack_public_path__ + \"static/media/log-out-icon-active.3cea7483.svg\";","export default __webpack_public_path__ + \"static/media/wallet-icon.a2a8ef10.svg\";","export default __webpack_public_path__ + \"static/media/wallet-icon-active.f1f82bf8.svg\";","export default __webpack_public_path__ + \"static/media/links-icon.60a1406d.svg\";","export default __webpack_public_path__ + \"static/media/links-icon-active.a6deb3a3.svg\";","export default __webpack_public_path__ + \"static/media/resources-icon.7768a2e1.svg\";","export default __webpack_public_path__ + \"static/media/resources-icon-active.c7d3eb15.svg\";","export default __webpack_public_path__ + \"static/media/learning-icon.0853af7e.svg\";","export default __webpack_public_path__ + \"static/media/learning-icon-active.4b7126df.svg\";","export default __webpack_public_path__ + \"static/media/leaders-icon.73a2b37d.svg\";","export default __webpack_public_path__ + \"static/media/leaders-icon-active.cec1b82f.svg\";","export default __webpack_public_path__ + \"static/media/cube-icon.b838d432.svg\";","export default __webpack_public_path__ + \"static/media/cube-icon-active.fb49aa8b.svg\";","export default __webpack_public_path__ + \"static/media/trading-icon.b16eccdc.svg\";","export default __webpack_public_path__ + \"static/media/trading-icon-active.dea494dd.svg\";","export default __webpack_public_path__ + \"static/media/courses-icon.0ba90f06.svg\";","export default __webpack_public_path__ + \"static/media/courses-icon-active.626b291e.svg\";","export default __webpack_public_path__ + \"static/media/exchanges-icon.1d8a3930.svg\";","export default __webpack_public_path__ + \"static/media/exchanges-icon-active.81448429.svg\";","import styled, { css } from 'styled-components';\n\nimport dashboard from '~/assets/icons/dashboard-icon.svg';\nimport dashboardActive from '~/assets/icons/dashboard-icon-active.svg';\nimport profile from '~/assets/icons/profile-icon.svg';\nimport profileActive from '~/assets/icons/profile-icon-active.svg';\nimport products from '~/assets/icons/products-icon.svg';\nimport productsActive from '~/assets/icons/products-icon-active.svg';\nimport business from '~/assets/icons/business-icon.svg';\nimport businessActive from '~/assets/icons/business-icon-active.svg';\nimport trader from '~/assets/icons/trader-icon.svg';\nimport traderActive from '~/assets/icons/trader-icon-active.svg';\nimport news from '~/assets/icons/news-icon.svg';\nimport newsActive from '~/assets/icons/news-icon-active.svg';\nimport token from '~/assets/icons/token-icon.svg';\nimport tokenActive from '~/assets/icons/token-icon-active.svg';\nimport subscriptions from '~/assets/icons/subscriptions-icon.svg';\nimport subscriptionsActive from '~/assets/icons/subscriptions-icon-active.svg';\nimport smartTrade from '~/assets/icons/smart-trade-icon.svg';\nimport smartTradeActive from '~/assets/icons/smart-trade-icon-active.svg';\nimport aiArt from '~/assets/icons/ai-art-icon.svg';\nimport aiArtActive from '~/assets/icons/ai-art-icon-active.svg';\nimport launchpad from '~/assets/icons/launchpad-icon.svg';\nimport launchpadActive from '~/assets/icons/launchpad-icon-active.svg';\nimport chatbot from '~/assets/icons/chatbot-icon.svg';\nimport chatbotActive from '~/assets/icons/chatbot-icon-active.svg';\nimport arrow from '~/assets/icons/arrow-icon.svg';\nimport arrowActive from '~/assets/icons/arrow-icon-active.svg';\nimport referrers from '~/assets/icons/referrers-icon.svg';\nimport referrersActive from '~/assets/icons/referrers-icon-active.svg';\nimport matrix from '~/assets/icons/matrix-icon.svg';\nimport matrixActive from '~/assets/icons/matrix-icon-active.svg';\nimport logout from '~/assets/icons/log-out-icon.svg';\nimport logoutActive from '~/assets/icons/log-out-icon-active.svg';\nimport wallet from '~/assets/icons/wallet-icon.svg';\nimport walletActive from '~/assets/icons/wallet-icon-active.svg';\nimport links from '~/assets/icons/links-icon.svg';\nimport linksActive from '~/assets/icons/links-icon-active.svg';\nimport resources from '~/assets/icons/resources-icon.svg';\nimport resourcesActive from '~/assets/icons/resources-icon-active.svg';\nimport learning from '~/assets/icons/learning-icon.svg';\nimport learningActive from '~/assets/icons/learning-icon-active.svg';\nimport leaders from '~/assets/icons/leaders-icon.svg';\nimport leadersActive from '~/assets/icons/leaders-icon-active.svg';\nimport cube from '~/assets/icons/cube-icon.svg';\nimport cubeActive from '~/assets/icons/cube-icon-active.svg';\nimport trading from '~/assets/icons/trading-icon.svg';\nimport tradingActive from '~/assets/icons/trading-icon-active.svg';\nimport courses from '~/assets/icons/courses-icon.svg';\nimport coursesActive from '~/assets/icons/courses-icon-active.svg';\nimport exchanges from '~/assets/icons/exchanges-icon.svg';\nimport exchangesActive from '~/assets/icons/exchanges-icon-active.svg';\n\ninterface IMenuProps {\n  active: boolean;\n}\n\nexport const Container = styled.header`\n  position: fixed;\n  top: 0;\n  z-index: 790;\n\n  .width {\n    width: 65px;\n    height: 65px;\n  }\n\n  @media screen and (max-width: 1399px) {\n    .width {\n      width: 50px;\n      height: 50px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    width: 160px !important;\n  }\n\n  @media screen and (max-width: 991px) {\n    background: #1d2023;\n    box-shadow: 0px 0px 10px 5px rgba(24, 25, 26, 0.7);\n    height: 75px;\n    width: 100% !important;\n\n    .width {\n      width: 50px;\n      height: 50px;\n    }\n  }\n`;\n\nexport const Menu = styled.div<IMenuProps>`\n  > button {\n    width: 30px;\n    height: 30px;\n\n    span {\n      display: block;\n      width: 100%;\n      height: 3px;\n      background-color: #dadada;\n      border-radius: 30px;\n      transition-duration: 0.3s;\n\n      :nth-child(2) {\n        width: 90%;\n        margin: 6px 0 6px auto;\n      }\n\n      ${(props) =>\n        props.active &&\n        css`\n          :nth-child(1) {\n            transform: rotate(45deg);\n          }\n\n          :nth-child(2) {\n            opacity: 0;\n          }\n\n          :nth-child(3) {\n            transform: rotate(-45deg);\n            margin-top: -18px;\n          }\n        `}\n    }\n  }\n\n  .nft-not-activate {\n    filter: brightness(0.5);\n    pointer-events: none;\n  }\n\n  .activate-nft {\n    left: 0;\n    top: 26rem;\n    z-index: 1000;\n    button {\n      background: #ff1a50;\n      border: 1px solid #2b2e31;\n      border-radius: 12px;\n      font-weight: 500;\n      font-size: 14px;\n      color: #ffffff;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n  }\n\n  .bg {\n    background-color: #1d2023;\n  }\n\n  .menu-group {\n    height: calc(100vh - 100px);\n\n    .menus {\n      height: 100%;\n\n      .menu {\n        transition-duration: 0.3s;\n        left: -500px;\n        transform: translateX(0);\n        z-index: 1;\n        background: #1d2023;\n      }\n\n      .menu.fixed {\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 1;\n      }\n\n      .menu.active {\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 2;\n      }\n    }\n  }\n\n  .menu,\n  .logoff {\n    width: 135px;\n\n    a,\n    button {\n      color: #7d7777;\n      transition-duration: 0.3s;\n\n      div,\n      .div {\n        width: 20px;\n        height: 20px;\n        transition-duration: 0.3s;\n      }\n\n      .dashboard {\n        background-image: url(${dashboard});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .profile {\n        background-image: url(${profile});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .products {\n        background-image: url(${products});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .business {\n        background-image: url(${business});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .trader {\n        background-image: url(${trader});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .news {\n        background-image: url(${news});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .token {\n        background-image: url(${token});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .subscriptions {\n        background-image: url(${subscriptions});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        height: 24px;\n      }\n\n      .smart-trade {\n        background-image: url(${smartTrade});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        height: 24px;\n      }\n\n      .ai-art {\n        background-image: url(${aiArt});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .launchpad {\n        background-image: url(${launchpad});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .chatbot {\n        background-image: url(${chatbot});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .cube {\n        background-image: url(${cube});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .user-profile {\n        background-image: url(${news});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .arrow {\n        background-image: url(${arrow});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .referrers {\n        background-image: url(${referrers});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .matrix {\n        background-image: url(${matrix});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .wallet {\n        background-image: url(${wallet});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .links {\n        background-image: url(${links});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .resources {\n        background-image: url(${resources});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .learning {\n        background-image: url(${learning});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .leaders {\n        background-image: url(${leaders});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .trading {\n        background-image: url(${trading});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .courses {\n        background-image: url(${courses});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .exchanges {\n        background-image: url(${exchanges});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .logout {\n        background-image: url(${logout});\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n    }\n\n    a:hover,\n    button:hover,\n    a.active,\n    button.active {\n      text-decoration: none;\n      color: #dadada;\n\n      .dashboard {\n        background-image: url(${dashboardActive});\n      }\n\n      .profile {\n        background-image: url(${profileActive});\n      }\n\n      .products {\n        background-image: url(${productsActive});\n      }\n\n      .business {\n        background-image: url(${businessActive});\n      }\n\n      .trader {\n        background-image: url(${traderActive});\n      }\n\n      .news {\n        background-image: url(${newsActive});\n      }\n\n      .token {\n        background-image: url(${tokenActive});\n      }\n\n      .subscriptions {\n        background-image: url(${subscriptionsActive});\n      }\n\n      .smart-trade {\n        background-image: url(${smartTradeActive});\n      }\n\n      .ai-art {\n        background-image: url(${aiArtActive});\n      }\n\n      .launchpad {\n        background-image: url(${launchpadActive});\n      }\n\n      .chatbot {\n        background-image: url(${chatbotActive});\n      }\n\n      .cube {\n        background-image: url(${cubeActive});\n      }\n\n      .user-profile {\n        background-image: url(${newsActive});\n      }\n\n      .arrow {\n        background-image: url(${arrowActive});\n      }\n\n      .referrers {\n        background-image: url(${referrersActive});\n      }\n\n      .matrix {\n        background-image: url(${matrixActive});\n      }\n\n      .wallet {\n        background-image: url(${walletActive});\n      }\n\n      .links {\n        background-image: url(${linksActive});\n      }\n\n      .resources {\n        background-image: url(${resourcesActive});\n      }\n\n      .learning {\n        background-image: url(${learningActive});\n      }\n\n      .leaders {\n        background-image: url(${leadersActive});\n      }\n\n      .trading {\n        background-image: url(${tradingActive});\n      }\n\n      .courses {\n        background-image: url(${coursesActive});\n      }\n\n      .exchanges {\n        background-image: url(${exchangesActive});\n      }\n\n      .logout {\n        background-image: url(${logoutActive});\n      }\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    a {\n      line-height: 3.5rem;\n    }\n\n    .activate-nft {\n      top: 40rem;\n    }\n\n    .vh {\n      height: 100vh;\n    }\n\n    .overflow {\n      overflow: auto;\n      overflow-x: hidden;\n    }\n\n    .shadow-menu {\n      box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.8) !important;\n    }\n\n    .menu-group {\n      width: 50%;\n      height: calc(100vh - 60px);\n      background: #1d2023;\n      transition-duration: 0.3s;\n      top: 75px;\n      right: ${(props) => (props.active ? '0px' : '-1000px')};\n      z-index: 900;\n\n      .menus {\n        height: 100%;\n\n        .menu {\n          transition-duration: 0.3s;\n          right: -1500px;\n          left: unset !important;\n          transform: translateX(0);\n          z-index: 1;\n          background: #1d2023;\n        }\n\n        .menu.fixed {\n          right: 50%;\n          left: unset !important;\n          transform: translateX(50%);\n          z-index: 1;\n        }\n\n        .menu.active {\n          right: 50%;\n          left: unset !important;\n          transform: translateX(50%);\n          z-index: 2;\n        }\n      }\n    }\n\n    .menu,\n    .logoff {\n      width: 300px;\n\n      a,\n      button {\n        div {\n          margin: 10px;\n        }\n\n        p,\n        span {\n          text-align: left;\n          opacity: 1;\n          width: 110px;\n          margin-bottom: 0;\n          line-height: 5rem;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    a,\n    button {\n      font-size: 1.5rem;\n    }\n\n    .menu,\n    .logoff {\n      a,\n      button {\n        div,\n        .div {\n          width: 25px;\n          height: 25px;\n        }\n        p,\n        span {\n          width: 153px;\n        }\n      }\n    }\n    .menu-group {\n      width: 100%;\n    }\n    .menu-group {\n      .menus {\n        height: 372px;\n      }\n    }\n  }\n\n  @media screen and (max-height: 600px) {\n    .mt-30px {\n      margin-top: 30px;\n    }\n  }\n\n  @media (max-width: 575px) and (max-height: 800px) {\n    .activate-nft {\n      top: 30rem;\n    }\n    .menu,\n    .logoff {\n      a,\n      button {\n        p,\n        span {\n          line-height: 3rem;\n        }\n      }\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/logo-p-purple.6ad0b4f8.svg\";","import React, { useState, useEffect } from 'react';\nimport { Link, useHistory, useLocation } from 'react-router-dom';\nimport { BiChevronDown } from 'react-icons/bi';\n\nimport Lottie from 'react-lottie';\nimport { useAuth } from '~/hooks/Auth';\n\nimport { Container, Menu } from './styles';\n\nimport logo from '~/assets/logo/logo-p-purple.svg';\n\nimport { web3store } from '~/store';\n\nimport newText from '~/assets/animations/new-animation.json';\n\nconst HeaderPrivate: React.FC = () => {\n  const { user, signOut } = useAuth();\n  const location = useLocation();\n  const history = useHistory();\n  const [menuActive, setMenuActive] = useState('');\n  const [active, setActive] = useState(false);\n  const [connectedMember] = web3store.useState('connectedMember');\n\n  useEffect(() => {\n    // api.get(`binance-credentials/${user?.id}`).then((response) => {\n    //   setHasExchanges(!!response.data);\n    // });\n  }, [user]);\n\n  useEffect(() => {\n    setActive(false);\n  }, [location]);\n\n  useEffect(() => {\n    // console.clear();\n    // console.log(connectedMember);\n  }, [connectedMember]);\n\n  return (\n    <Container className=\"d-flex flex-lg-column justify-content-between justify-content-lg-around align-items-center text-center\">\n      <div className=\"w-100 d-flex flex-column pt-lg-4 pb-lg-3 ms-lg-0 text-start text-lg-center ms-4\">\n        <Link to=\"/dashboard\">\n          <img\n            src={logo}\n            alt=\"logo\"\n            className=\"width mx-auto d-none d-lg-block\"\n          />\n          <img src={logo} alt=\"logo\" className=\"width d-lg-none\" />\n        </Link>\n      </div>\n      <Menu active={active} className=\"w-100 text-end\">\n        <button\n          type=\"button\"\n          className=\"bg-transparent d-lg-none border-0 mx-3 me-4\"\n          onClick={() => setActive(!active)}\n        >\n          <span />\n          <span />\n          <span />\n        </button>\n        <div className=\"w-lg-100 d-flex flex-column justify-content-between justify-content-sm-around shadow-menu position-absolute p-lg-relative menu-group active overflow\">\n          <div className=\"w-100 menus position-relative\">\n            <div className=\"d-flex flex-column justify-content-start pt-3 pb-1 h-100 menu fixed position-absolute\">\n              <Link\n                to={`${process.env.PUBLIC_URL}/dashboard`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start align-items-center ${\n                  location.pathname.match(/\\/dashboard.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"dashboard\" />\n                <p className=\"mb-0 ms-2\">Dashboard</p>\n              </Link>\n\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/perfil`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/perfil.*/) ? 'active' : ''\n                  }`}\n                >\n                  <div className=\"profile\" />\n                  <p className=\"mb-0 ms-2\">Perfil</p>\n                </Link>\n              )}\n              <button\n                type=\"button\"\n                className={`${\n                  (!connectedMember || !connectedMember.nft.is_active) &&\n                  `nft-not-activate`\n                } border-0 bg-transparent menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/activities.*/) ? 'active' : ''\n                }`}\n                onClick={() => setMenuActive('products')}\n              >\n                <div className=\"products\" />\n                <p className=\"mb-0 ms-2\">\n                  Products <BiChevronDown />\n                </p>\n              </button>\n              <button\n                type=\"button\"\n                className={`${\n                  (!connectedMember || !connectedMember.nft.is_active) &&\n                  `nft-not-activate`\n                } border-0 bg-transparent menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/activities.*/) ? 'active' : ''\n                }`}\n                onClick={() => setMenuActive('business')}\n              >\n                <div className=\"business\" />\n                <p className=\"mb-0 ms-2\">\n                  Business <BiChevronDown />\n                </p>\n              </button>\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/learning`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/learning.*/) ? 'active' : ''\n                  }`}\n                >\n                  <div className=\"learning\" />\n                  <p className=\"mb-0 ms-2\">Learning</p>\n                </Link>\n              )}\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/leaders`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center bg justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/leaders.*/) ? 'active' : ''\n                  }`}\n                >\n                  <div className=\"leaders\" />\n                  <p className=\"mb-0 ms-2\">Leaders</p>\n                </Link>\n              )}\n              {false && (\n                <button\n                  type=\"button\"\n                  className={`border-0 bg-transparent menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/trader.*/) ? 'active' : ''\n                  }`}\n                  onClick={() => setMenuActive('trader')}\n                >\n                  <div className=\"trader\" />\n                  <p className=\"mb-0 ms-2\">\n                    Trader <BiChevronDown />\n                  </p>\n                </button>\n              )}\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/news`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/news.*/) ? 'active' : ''\n                  }`}\n                >\n                  <div className=\"news\" />\n                  <p className=\"mb-0 ms-2\">News</p>\n                </Link>\n              )}\n              <Link\n                to={`${process.env.PUBLIC_URL}/token-vault`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/token-vault.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"token\" />\n                <p className=\"mb-0 ms-2\">Token Vault</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/subscriptions`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/subscriptions.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"subscriptions\" />\n                <p className=\"mb-0 ms-2\">Subscriptions</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/smart-trader`}\n                className={`menu-item py-1 pt-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/smart-trader.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"smart-trade\" />\n                <p className=\"mb-0 ms-2\">SmartTrader</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/smart-trader`}\n                className={`menu-item w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/smart-trader.*/) ? 'active' : ''\n                }`}\n              >\n                <Lottie\n                  options={{\n                    animationData: newText,\n                    autoplay: true,\n                    loop: true,\n                    rendererSettings: {\n                      preserveAspectRatio: 'xMidYMid slice',\n                    },\n                  }}\n                  height={51}\n                  width={90}\n                />\n              </Link>\n            </div>\n            <div\n              className={`d-flex flex-column justify-content-start pt-3 pb-1 vh-100 h-lg-100 menu position-absolute ${\n                menuActive === 'business' ? 'active' : ''\n              }`}\n            >\n              <button\n                type=\"button\"\n                className=\"border-0 bg-transparent menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center\"\n                onClick={() => setMenuActive('')}\n              >\n                <div className=\"arrow\" />\n                <p className=\"mb-0 ms-2\">Back</p>\n              </button>\n              <Link\n                to={`${process.env.PUBLIC_URL}/business/referrals`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center bg justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/business\\/referrals.*/)\n                    ? 'active'\n                    : ''\n                }`}\n              >\n                <div className=\"referrers\" />\n                <p className=\"mb-0 ms-2\">Referrals</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/business/matrix`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center bg justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/business\\/matrix.*/)\n                    ? 'active'\n                    : ''\n                }`}\n              >\n                <div className=\"matrix\" />\n                <p className=\"mb-0 ms-2\">Matrix</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/business/wallet`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/business\\/wallet.*/)\n                    ? 'active'\n                    : ''\n                }`}\n              >\n                <div className=\"wallet\" />\n                <p className=\"mb-0 ms-2\">Wallet</p>\n              </Link>\n\n              {false && (\n                <>\n                  <Link\n                    to={`${process.env.PUBLIC_URL}/atividades/matriz-5x6`}\n                    className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center bg justify-content-lg-start  align-items-center ${\n                      location.pathname.match(/\\/atividades\\/matriz-5x6.*/)\n                        ? 'active'\n                        : ''\n                    }`}\n                  >\n                    <div className=\"matrix\" />\n                    <p className=\"mb-0 ms-2\">Matriz 5x6</p>\n                  </Link>\n                </>\n              )}\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/business/links`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/business\\/links.*/)\n                      ? 'active'\n                      : ''\n                  }`}\n                >\n                  <div className=\"links\" />\n                  <p className=\"mb-0 ms-2\">Links</p>\n                </Link>\n              )}\n              <Link\n                to={`${process.env.PUBLIC_URL}/business/resources`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/resources.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"resources\" />\n                <p className=\"mb-0 ms-2\">Resources</p>\n              </Link>\n            </div>\n            <div\n              className={`d-flex flex-column justify-content-start pt-3 pb-1 vh h-lg-100 menu position-absolute ${\n                menuActive === 'products' ? 'active' : ''\n              }`}\n            >\n              <button\n                type=\"button\"\n                className=\"border-0 bg-transparent menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center\"\n                onClick={() => setMenuActive('')}\n              >\n                <div className=\"arrow\" />\n                <p className=\"mb-0 ms-2\">Back</p>\n              </button>\n              <Link\n                to={`${process.env.PUBLIC_URL}/products/paige`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/products\\/paige.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"chatbot\" />\n                <p className=\"mb-0 ms-2\">Paige</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/products/ai-art/generation`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/products\\/ai-art.*/)\n                    ? 'active'\n                    : ''\n                }`}\n              >\n                <div className=\"ai-art\" />\n                <p className=\"mb-0 ms-2\">AI Art</p>\n              </Link>\n              {false && (\n                <Link\n                  to={`${process.env.PUBLIC_URL}/products/launchpad`}\n                  className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                    location.pathname.match(/\\/products\\/launchpad.*/)\n                      ? 'active'\n                      : ''\n                  }`}\n                >\n                  <div className=\"launchpad\" />\n                  <p className=\"mb-0 ms-2\">Launchpad</p>\n                </Link>\n              )}\n\n              <Link\n                to={`${process.env.PUBLIC_URL}/products/cube`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/products\\/cube.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"cube\" />\n                <p className=\"mb-0 ms-2\">The Cube</p>\n              </Link>\n              <Link\n                to={`${process.env.PUBLIC_URL}/smart-trader`}\n                className={`menu-item py-1 py-lg-3 w-100 d-flex justify-content-center justify-content-lg-start  align-items-center ${\n                  location.pathname.match(/\\/smart-trader.*/) ? 'active' : ''\n                }`}\n              >\n                <div className=\"smart-trade\" />\n                <p className=\"mb-0 ms-2\">SmartTrader</p>\n              </Link>\n            </div>\n\n            {(!connectedMember || !connectedMember.nft.is_active) && (\n              <div className=\"position-absolute d-flex w-100 activate-nft\">\n                <button\n                  type=\"button\"\n                  className=\"mx-auto py-2 px-3\"\n                  onClick={() =>\n                    history.push(`${process.env.PUBLIC_URL}/how-to-participate`)\n                  }\n                >\n                  ACTIVATE NFT\n                </button>\n              </div>\n            )}\n          </div>\n\n          {/* <div className=\"w-100 d-flex justify-content-center\">\n            <div className=\"d-flex flex-column mt-30px pb-sm-5 pt-sm-2 logoff\">\n              <button\n                type=\"button\"\n                className=\"border-0 bg-transparent menu-item d-flex justify-content-center justify-content-lg-start  align-items-center\"\n                onClick={signOut}\n              >\n                <span className=\"div logout\" />\n                <span className=\"mb-0 ms-2\">&nbsp;&nbsp;Logout</span>\n              </button>\n            </div>\n          </div> */}\n        </div>\n      </Menu>\n    </Container>\n  );\n};\n\nexport default HeaderPrivate;\n","import styled from 'styled-components';\n\ninterface Props {\n  userProfile: boolean;\n}\nexport const Wrapper = styled.div`\n  display: flex;\n  width: 100%;\n  background: #18191a;\n  min-height: 100vh;\n\n  @media screen and (max-width: 991px) {\n    display: block;\n  }\n`;\n\nexport const HeaderSpacer = styled.div`\n  width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background-color: #1d2023;\n\n  @media screen and (max-width: 991px) {\n    width: 100%;\n    height: 60px;\n    justify-content: flex-start;\n  }\n`;\n\nexport const Separator = styled.div<Props>`\n  background-color: #18191a;\n  width: calc(${(props) => (props.userProfile ? '100%' : '100% - 160px')});\n  padding: ${(props) => (props.userProfile ? '0' : '20px')};\n\n  @media screen and (max-width: 991px) {\n    width: 100%;\n    padding: 10px 0;\n  }\n`;\n\nexport const FooterSpacer = styled.div`\n  width: 35%;\n  background: #202020;\n`;\n","import React, { useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport Header from '~/components/HeaderPrivate';\nimport ModalDisconnected from '~/components/ModalDisconnected';\n\nimport { Wrapper, HeaderSpacer, Separator } from './styles';\n\nconst DefaultLayout: React.FC = ({ children }) => {\n  const location = useLocation();\n  const [unshowMenu, setUnshowMenu] = useState(false);\n\n  const locationPath = [\n    '/user-profile',\n    '/products/cube',\n    '/products/paige',\n    '/tokenomics',\n    '/get-your-free-nft',\n    '/how-to-participate',\n    '/activate-your-profit-centers',\n    '/activate-your-profit-centers/skip',\n    '/earn-even-more',\n    '/final-step',\n  ];\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [location]);\n\n  useEffect(() => {\n    setUnshowMenu(\n      location.pathname.includes('user-profile') ||\n        location.pathname.includes('products/cube') ||\n        location.pathname.includes('/products/paige') ||\n        location.pathname.includes('tokenomics') ||\n        location.pathname.includes('get-your-free-nft') ||\n        location.pathname.includes('how-to-participate') ||\n        location.pathname.includes('activate-your-profit-centers') ||\n        location.pathname.includes('earn-even-more') ||\n        location.pathname.includes('final-step') ||\n        location.pathname.includes('ai-avatar') ||\n        location.pathname.includes('what-to-expect')\n    );\n  }, [location]);\n\n  return (\n    <Wrapper>\n      {!unshowMenu && (\n        <HeaderSpacer>\n          <Header />\n        </HeaderSpacer>\n      )}\n      <Separator\n        className={`${location.pathname === '/products/cube' && 'bg-black'}`}\n        userProfile={unshowMenu}\n      >\n        {children}\n      </Separator>\n    </Wrapper>\n  );\n};\n\nexport default DefaultLayout;\n","import React, { FC, ComponentType, useMemo, useEffect } from 'react';\nimport {\n  Route as ReactDOMRoute,\n  RouteProps as ReactDOMRouterProps,\n  Redirect,\n} from 'react-router-dom';\n\nimport { useAuth } from '../hooks/Auth';\n\nimport Auth from '~/pages/_Layouts/Auth';\nimport Default from '~/pages/_Layouts/Default';\n\ninterface RouteProps extends ReactDOMRouterProps {\n  isPrivate?: boolean;\n  component: ComponentType;\n}\n\nconst Route: FC<RouteProps> = ({\n  isPrivate = false,\n  component: Component,\n  ...rest\n}) => {\n  const { connected, user } = useAuth();\n\n  useEffect(() => {\n    // console.log(connected);\n    // console.log(isPrivate);\n  }, [connected, isPrivate]);\n\n  const Layout = useMemo(() => {\n    // console.log('isPrivate: %s', isPrivate);\n    return isPrivate ? Default : Auth;\n  }, [isPrivate]);\n\n  return (\n    <ReactDOMRoute\n      {...rest}\n      render={({ location }) => {\n        return isPrivate === connected ? (\n          <Layout>\n            <Component />\n          </Layout>\n        ) : (\n          <Redirect\n            to={{\n              pathname: isPrivate ? '/' : '/dashboard',\n              state: location,\n            }}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default Route;\n","import React, {\n  createContext,\n  useCallback,\n  useState,\n  useContext,\n  useLayoutEffect,\n} from 'react';\n\ninterface ResizeContextData {\n  width: number;\n}\n\nexport const ResizeContext = createContext<ResizeContextData>(\n  {} as ResizeContextData\n);\n\nexport const ResizeProvider: React.FC = ({ children }) => {\n  const [width, setWidth] = useState(window.innerWidth);\n\n  const updateSize = useCallback(() => {\n    setWidth(window.innerWidth);\n  }, []);\n\n  useLayoutEffect(() => {\n    window.addEventListener('resize', updateSize);\n    updateSize();\n    return () => window.removeEventListener('resize', updateSize);\n  }, [updateSize]);\n\n  return (\n    <ResizeContext.Provider value={{ width }}>\n      {children}\n    </ResizeContext.Provider>\n  );\n};\n\nexport function useResize(): ResizeContextData {\n  const context = useContext(ResizeContext);\n\n  if (!context) {\n    throw new Error('useResize must be used within an ResizeProvider');\n  }\n\n  return context;\n}\n","import styled from 'styled-components';\n\ninterface IContainer {\n  active: boolean;\n  type: 'dark' | 'white';\n}\n\nexport const Container = styled.div<IContainer>`\n  z-index: 2000;\n  position: fixed;\n  opacity: ${(props) => (props.active ? 1 : 0)};\n  visibility: ${(props) => (props.active ? 'visible' : 'hidden')};\n\n  .loading-box {\n    height: 100%;\n    background: ${(props) =>\n      props.type === 'dark'\n        ? 'linear-gradient(180deg, rgba(0, 0, 0, 0.25) -38.97%, rgba(0, 0, 0, 0.25) 75.53%)'\n        : 'rgba(214, 203, 210, 0.69)'};\n    backdrop-filter: blur(25px);\n\n    span,\n    small {\n      font-weight: 400;\n      color: ${(props) => (props.type === 'dark' ? '#fff' : '#6f51c4')};\n      text-align: center;\n    }\n\n    span {\n      font-size: 20px;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: ${(props) =>\n        props.type === 'dark' ? 'rgba(0, 0, 0)' : '#ddd'};\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: ${(props) => (props.type === 'dark' ? '#fff' : '#6f51c4')};\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: ${(props) => (props.type === 'dark' ? '#fff' : '#6f51c4')};\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n","import React, { useState, useEffect } from 'react';\nimport Typist from 'react-typist';\nimport { web3store } from '~/store';\n\nimport { Container } from './styles';\n\ninterface IText {\n  type: 'dark' | 'white';\n  text: string;\n  srcImg: string;\n  active: boolean;\n  className?: string;\n}\n\nconst Loading: React.FC<IText> = ({\n  type,\n  text,\n  srcImg,\n  className,\n  active,\n}) => {\n  const [processText] = web3store.useState('processText');\n  const [displayText, setDisplayText] = useState(text);\n  useEffect(() => {\n    if (processText.length > 0) {\n      setDisplayText(processText);\n    }\n  }, [processText, displayText]);\n  return (\n    <Container type={type} active={active}>\n      <div className={`loading-box ${className}`}>\n        <div className=\"animation-loading position-relative mb-4\">\n          <div className=\"box-1\" />\n          <div className=\"box-2\" />\n          <img src={srcImg} alt=\"Logo\" className=\"p-4\" />\n        </div>\n        {active && (\n          <>\n            {displayText.startsWith('THE FUTURE IS HERE') ||\n            displayText.startsWith('PLEASE WAIT...') ? (\n              <Typist key={displayText} className=\"text-center\">\n                <span>{displayText}</span>\n              </Typist>\n            ) : (\n              <Typist key={displayText} className=\"text-center\">\n                <span>{displayText}</span>\n                <br />\n                <small>\n                  <i>(Please do not refresh or close this window)</i>\n                </small>\n              </Typist>\n            )}\n          </>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default Loading;\n","import { lighten } from 'polished';\nimport styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface IProps {\n  top: number;\n}\n\ninterface IActive {\n  active: boolean;\n}\n\ninterface IActiveToogleTop {\n  active: boolean;\n}\n\nexport const PeopleAttention = styled.div`\n  left: 5%;\n  bottom: 5%;\n  z-index: 1000;\n  filter: drop-shadow(4px 15px 40px rgba(0, 0, 0, 0.15));\n  background: rgba(244, 247, 253, 0.6);\n  border: 1px solid #ffffff;\n  backdrop-filter: blur(5px);\n  border-radius: 44px;\n  h2 {\n    font-weight: 700;\n    font-size: 24px;\n    color: #000000;\n  }\n\n  span {\n    font-weight: 400;\n    font-size: 18px;\n    color: #3d3d3d;\n    line-height: 10px;\n  }\n  div:nth-child(2) {\n    font-family: 'Barlow';\n    font-weight: 500;\n    font-size: 100px;\n    color: #7342ff;\n  }\n\n  @media screen and (max-width: 1799px) {\n    zoom: 0.7;\n  }\n\n  @media screen and (max-width: 991px) {\n    zoom: 0.5;\n    bottom: 3%;\n  }\n`;\n\nexport const Banner = styled.div`\n  font-family: 'Barlow', sans-serif;\n  .nav .ancor .nav-text {\n    display: none;\n  }\n\n  .nav:hover {\n    /* width: 230px; */\n    .ancor .nav-text {\n      display: block !important;\n    }\n  }\n  .nav {\n    position: fixed;\n    border-top-left-radius: 20px;\n    border-bottom-left-radius: 20px;\n    background: rgba(214, 203, 210, 0.2);\n    background-blend-mode: multiply;\n    -webkit-backdrop-filter: blur(30px);\n    backdrop-filter: blur(5px);\n    top: 50%;\n    padding: 20px 4px 20px 10px;\n    right: 0;\n    transform: translateY(-50%);\n    display: flex;\n    flex-flow: column;\n    z-index: 201;\n    /* width: 82px;\n    transition: all 0.5s ease-in-out; */\n  }\n\n  .ancor {\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n    height: 46px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    opacity: 0.7;\n    transition: opacity 1s;\n    background: transparent;\n    border: 0;\n  }\n\n  .nav-text {\n    font-weight: 400;\n    font-size: 15px;\n    line-height: 125%;\n    letter-spacing: 0.15px;\n    margin-bottom: 0px;\n  }\n\n  .circle {\n    position: relative;\n    min-width: 46px;\n    min-height: 46px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media screen and (min-width: 992px) {\n    overflow: hidden;\n  }\n\n  @media screen and (max-width: 991px) {\n    .nav {\n      padding: 20px 7px;\n    }\n  }\n`;\n\nexport const Circle = styled.div<IProps>`\n  position: absolute;\n  right: 15px;\n  margin-top: 15px;\n  display: flex;\n  flex-flow: row;\n  align-content: center;\n  transition: top 1s ease-in-out, opacity 1s;\n  top: calc(5px + (${(props) => props.top}px));\n  opacity: 1;\n\n  @media screen and (max-width: 991px) {\n    right: 18px;\n  }\n`;\n\nexport const Video = styled.video`\n  background-color: rgba(214, 203, 210);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  z-index: -1000;\n  opacity: 0.9;\n  transform: translateX(-50%) translateY(-50%);\n  transition: top 1s ease-in-out;\n`;\n\nexport const ToogleTop = styled.div<IActiveToogleTop>`\n  position: fixed;\n  z-index: 10;\n  top: ${(props) => (props.active ? 0 : -1000)}px;\n  height: 65vh;\n  width: 100%;\n  background-color: #cbd3e3;\n  color: #000;\n  transition: top 1s ease-in-out;\n\n  .xyz-in,\n  .xyz-out {\n    animation-duration: 0.3s;\n  }\n\n  .scroll {\n    height: 40px;\n  }\n\n  .scroll-border {\n    border: 2px solid #000;\n    border-radius: 15px;\n    width: 20px;\n    height: 40px;\n  }\n\n  .scroll-circle {\n    height: 20px;\n    width: 10px;\n    border-radius: 10px;\n    background-color: #000;\n    position: absolute;\n\n    left: 2.5px;\n    animation: scroll-down 1.5s infinite;\n  }\n  @keyframes scroll-down {\n    from {\n      top: 2.5px;\n    }\n    to {\n      top: 12.5px;\n    }\n  }\n`;\n\nexport const Footer = styled.div<IActive>`\n  position: fixed;\n  z-index: 10;\n  bottom: ${(props) => (props.active ? 0 : -1000)}px;\n  height: 50vh;\n  width: 100%;\n  background-color: #000;\n  color: #fff;\n  transition: bottom 1.3s ease-in-out;\n`;\n\nexport const TextRide = styled.div`\n  .btn-hover {\n    padding: 0 3rem;\n  }\n  .btn-hover span:nth-child(2) {\n    font-size: 1.5rem;\n  }\n  .xyz-in,\n  .xyz-out {\n    animation-duration: 1s;\n  }\n\n  .bg-circle-1 {\n    height: 30px;\n    width: 30px;\n    background: rgba(255, 255, 255, 0.3);\n    border-radius: 15px;\n    top: -2px;\n    left: 10%;\n  }\n\n  .bg-circle-2 {\n    height: 30px;\n    width: 30px;\n    background: rgba(255, 255, 255, 0.3);\n    border-radius: 15px;\n    top: -2px;\n    left: 24%;\n  }\n\n  .bg-circle-not-active {\n    height: 16px;\n    width: 16px;\n    background: #ddd;\n    border-radius: 15px;\n    top: 5px;\n  }\n\n  .left-percentage-1 {\n    left: 37%;\n    height: 30px;\n    width: 30px;\n    background: rgba(255, 255, 255, 0.3);\n    border-radius: 15px;\n    top: -2px;\n  }\n\n  .left-percentage-2 {\n    left: 50%;\n    height: 30px;\n    width: 30px;\n    background: rgba(255, 255, 255, 0.3);\n    border-radius: 15px;\n    top: -2px;\n  }\n\n  .left-percentage-3 {\n    left: 63%;\n    height: 30px;\n    width: 30px;\n    background: rgba(255, 255, 255, 0.3);\n    border-radius: 15px;\n    top: -2px;\n  }\n\n  .left-percentage-4 {\n    left: 76%;\n  }\n\n  .left-percentage-5 {\n    left: 89%;\n  }\n\n  .bg-circle-1 svg,\n  .bg-circle-2 svg,\n  .bg-circle-3 svg,\n  .bg-circle-4 svg,\n  .bg-circle-5 svg {\n    position: absolute;\n    top: 7px;\n    left: 7px;\n  }\n\n  .bg-circle-not-active svg {\n    position: absolute;\n    top: 4px;\n    left: 4px;\n  }\n\n  .nav-11,\n  .nav-57,\n  .nav-149,\n  .nav-195,\n  .nav-241,\n  .nav-287,\n  .nav-333,\n  .nav-379,\n  .nav-425 {\n    padding-top: 16vh;\n    button:not(.btn-faq) {\n      background: rgba(244, 247, 253, 0.5);\n      backdrop-filter: blur(5px);\n      font-size: 26px;\n    }\n  }\n\n  .nav-11,\n  .nav-57,\n  .nav-103,\n  .nav-149,\n  .nav-195,\n  .nav-241,\n  .nav-379,\n  .nav-287,\n  .nav-333,\n  .nav-425 {\n    h1 {\n      font-weight: 400;\n      font-size: 40px;\n      line-height: 57px;\n\n      span {\n        font-size: 48px;\n        font-weight: 700;\n      }\n    }\n\n    h3 {\n      font-weight: 400;\n      font-size: 26px;\n      line-height: 31px;\n      color: #000;\n    }\n\n    h5 {\n      font-weight: 400;\n      font-size: 26px;\n      line-height: 31px;\n    }\n\n    hr {\n      height: 4px;\n      background-color: #000;\n      opacity: 0.5;\n    }\n  }\n\n  .max-w-road,\n  .nav-287 div {\n    max-width: 1320px;\n  }\n\n  .products a {\n    background: rgba(244, 247, 253, 0.5);\n    backdrop-filter: blur(5px);\n    margin-bottom: 5rem;\n  }\n\n  .products h4 {\n    margin-bottom: 60px;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 29px;\n    color: #000;\n  }\n\n  .line-padding {\n    padding-top: 25vh;\n  }\n\n  .box-date-bottom {\n    //max-width: 210px;\n    position: absolute;\n    left: -89px;\n    top: 40px;\n    h3 {\n      font-size: 40px;\n      color: #000;\n      font-weight: 300;\n      background: rgba(244, 247, 253, 0.36);\n      backdrop-filter: blur(10px);\n      border-radius: 10px 10px 0 0;\n    }\n\n    h4 {\n      font-size: 20px;\n      color: #000;\n      font-weight: 600;\n      background: rgba(244, 247, 253, 0.72);\n      backdrop-filter: blur(10px);\n      border-radius: 0 0 10px 10px;\n    }\n\n    .triangule-bottom {\n      height: 0;\n      width: 0;\n      border: 10px solid rgba(244, 247, 253, 0.36);\n      border-left-color: transparent;\n      border-right-color: transparent;\n      border-top-color: transparent;\n      background-color: transparent;\n      left: calc(50% - 10px);\n      position: relative;\n    }\n  }\n\n  .box-date-top {\n    //max-width: 210px;\n    position: absolute;\n    left: -89px;\n    bottom: 40px;\n    h3 {\n      font-size: 40px;\n      color: #000;\n      font-weight: 300;\n      background: rgba(244, 247, 253, 0.36);\n      backdrop-filter: blur(10px);\n      border-radius: 0 0 10px 10px;\n    }\n\n    h4 {\n      font-size: 20px;\n      color: #000;\n      font-weight: 600;\n      background: rgba(244, 247, 253, 0.72);\n      backdrop-filter: blur(10px);\n      border-radius: 10px 10px 0 0;\n    }\n\n    .triangule-top {\n      height: 0;\n      width: 0;\n      border: 10px solid rgba(244, 247, 253, 0.36);\n      border-left-color: transparent;\n      border-right-color: transparent;\n      border-bottom-color: transparent;\n      background-color: transparent;\n      left: calc(50% - 10px);\n      position: relative;\n    }\n  }\n\n  .box-date-not-active {\n    position: absolute;\n    left: -94px;\n\n    h3 {\n      font-size: 40px;\n      color: #000;\n      font-weight: 300;\n    }\n\n    h4 {\n      font-size: 20px;\n      color: #000;\n      font-weight: 600;\n    }\n  }\n\n  .bottom-not-active {\n    top: 53px;\n  }\n\n  .top-not-active {\n    bottom: 53px;\n  }\n\n  .btn-faq {\n    font-family: 'Barlow', sans-serif;\n    background: rgba(244, 247, 253, 0.36);\n    backdrop-filter: blur(10px);\n    border-radius: 5px;\n    font-weight: 700;\n    font-size: 28px;\n    line-height: 34px;\n    color: #000;\n    border: none;\n    min-height: 130px;\n  }\n\n  .btn-faq:hover {\n    background: rgba(244, 247, 253, 0.72);\n  }\n\n  .btn-faq-active {\n    border-radius: 5px 5px 0 0;\n    background: rgba(244, 247, 253, 0.72);\n  }\n\n  .mg-top {\n    margin-top: 12rem;\n  }\n\n  .w-10 {\n    width: 10%;\n  }\n\n  .w-15 {\n    width: 15%;\n  }\n\n  .w-20 {\n    width: 20%;\n  }\n\n  .w-33 {\n    width: 33.33%;\n  }\n\n  .w-40 {\n    width: 40%;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-65 {\n    width: 65%;\n  }\n\n  .w-70 {\n    width: 70%;\n  }\n\n  .w-85 {\n    width: 85%;\n  }\n\n  .bg-box,\n  .answer {\n    background: rgba(244, 247, 253, 0.36);\n    backdrop-filter: blur(10px);\n    border-radius: 0 0 5px 5px;\n\n    .btn-box {\n      display: none;\n    }\n  }\n\n  .answer {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #000;\n    text-align: center;\n    min-height: 0px;\n    transition: all 0.5s ease;\n    p {\n      display: none;\n    }\n  }\n\n  .answer-active {\n    min-height: 143px;\n    p {\n      display: block;\n    }\n  }\n\n  .bg-box {\n    height: 100%;\n    padding: 2rem 3vw;\n    border-radius: 5px;\n    transition: all 0.3s ease;\n\n    span {\n      font-weight: 300;\n      font-size: 18px;\n      line-height: 24px;\n      color: #343434;\n    }\n\n    .small {\n      font-size: 14px !important;\n    }\n\n    h4 {\n      font-size: 28px;\n      font-weight: 700;\n    }\n\n    p {\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 22px;\n      color: #000;\n    }\n  }\n\n  .bg-box:hover {\n    background: rgba(244, 247, 253, 0.65);\n    margin-top: -60px;\n    height: calc(100% + 60px);\n  }\n\n  .w-button {\n    width: 30%;\n  }\n\n  .graph-width {\n    width: 60%;\n  }\n\n  .title {\n    position: absolute;\n    padding-top: 16vh;\n    width: 50%;\n    z-index: 199;\n  }\n  .z-buttons {\n    z-index: 200;\n\n    .button {\n      background: transparent;\n      height: 100%;\n      overflow: hidden;\n      cursor: default;\n    }\n\n    .button:nth-child(1),\n    .button:nth-child(2),\n    .button:nth-child(3) {\n      font-size: 18px;\n      span:nth-child(1) {\n        color: #343434;\n      }\n    }\n  }\n\n  .w-all-buttons {\n    width: 75%;\n  }\n\n  .ride-top {\n    position: absolute;\n    margin-top: 10%;\n    top: 0px;\n    left: 5%;\n    opacity: 0;\n    transition: top 1.5s ease-in-out, opacity 0.8s;\n    animation: rotate-top-out 1.5s;\n    animation-iteration-count: 1;\n  }\n  @keyframes rotate-top-out {\n    from {\n      transform: rotatex(0deg);\n    }\n    to {\n      transform: rotatex(90deg);\n    }\n  }\n\n  .ride-bottom {\n    position: absolute;\n    margin-top: 10%;\n    top: 250px;\n    left: 5%;\n    opacity: 0;\n    transition: top 1.5s ease-in-out, opacity 0.8s;\n    animation: rotate-bottom-out 1.5s;\n    animation-iteration-count: 1;\n  }\n  @keyframes rotate-bottom-out {\n    from {\n      transform: rotatex(0deg);\n    }\n    to {\n      transform: rotatex(-90deg);\n    }\n  }\n  .show-top {\n    top: 14vh;\n    opacity: 1;\n    animation: rotate-in 1.5s;\n    animation-iteration-count: 1;\n    z-index: 1000;\n  }\n  @keyframes rotate-in {\n    from {\n      transform: rotatex(90deg);\n    }\n    to {\n      transform: rotatex(0deg);\n    }\n  }\n\n  .show-bottom {\n    top: 14vh;\n    opacity: 1;\n    animation: rotate-bottom 1.5s;\n    animation-iteration-count: 1;\n    z-index: 1000;\n  }\n  @keyframes rotate-bottom {\n    from {\n      transform: rotatex(-90deg);\n    }\n    to {\n      transform: rotatex(0deg);\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .nav-11,\n    .nav-57,\n    .nav-149,\n    .nav-195,\n    .nav-241,\n    .nav-287,\n    .nav-333,\n    .nav-379,\n    .nav-425 {\n      button:not(.btn-faq) {\n        font-size: 22px;\n      }\n    }\n    .nav-11,\n    .nav-57,\n    .nav-103,\n    .nav-149,\n    .nav-195,\n    .nav-241,\n    .nav-379,\n    .nav-287,\n    .nav-333,\n    .nav-425 {\n      h1 {\n        font-size: 30px;\n        line-height: 40px;\n        span {\n          font-size: 38px;\n        }\n      }\n\n      h5 {\n        font-size: 20px;\n      }\n    }\n\n    .box-date-bottom,\n    .box-date-top,\n    .box-date-not-active {\n      left: -58px;\n      h3 {\n        font-size: 30px;\n      }\n      h4 {\n        font-size: 15px;\n      }\n    }\n\n    .z-buttons .button:nth-child(1),\n    .z-buttons .button:nth-child(2),\n    .z-buttons .button:nth-child(3) {\n      font-size: 16px;\n    }\n\n    .btn-hover {\n      padding: 0 1.7vw;\n    }\n\n    .btn-hover span:nth-child(2) {\n      font-size: 1.5rem;\n    }\n\n    .mg-top {\n      margin-top: 16rem;\n    }\n\n    .bg-box {\n      span {\n        font-size: 18px;\n      }\n      h4 {\n        font-size: 24px;\n      }\n      p {\n        font-size: 16px;\n      }\n    }\n\n    .products h4 {\n      font-size: 20px;\n    }\n\n    .btn-faq {\n      font-size: 1.3vw;\n      line-height: 25px;\n      min-height: 120px;\n    }\n\n    .answer {\n      font-size: 14px;\n      line-height: 17px;\n    }\n\n    /* .w-boxes {\n      max-width: 94%;\n    } */\n  }\n\n  @media screen and (max-width: 1399px) {\n    .btn-hover {\n      padding: 0 1rem;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .w-total {\n      width: 60%;\n    }\n    .btn-faq {\n      font-size: 1.2vw;\n      min-height: 100px;\n    }\n\n    .answer {\n      font-size: 12px;\n    }\n    .title {\n      width: 65%;\n    }\n\n    .w-button {\n      width: 25%;\n    }\n\n    .bg-box {\n      padding: 2rem 2vw;\n    }\n\n    .bg-box {\n      span {\n        font-size: 16px;\n      }\n      h4 {\n        font-size: 20px;\n      }\n      p {\n        font-size: 14px;\n      }\n    }\n\n    .graph-width {\n      width: 75%;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .btn-hover span:nth-child(2) {\n      font-size: 1.25rem;\n    }\n    .btn-faq {\n      font-size: 17px;\n    }\n    .width-mobile {\n      width: 130%;\n      top: 0px;\n    }\n    .rotate-mobile {\n      transform: rotate(90deg);\n      margin-top: 51vw;\n    }\n\n    .line-padding {\n      padding-top: 0;\n    }\n\n    .triangule-bottom {\n      transform: rotate(90deg);\n      top: 70px;\n      left: calc(100% - 1px) !important;\n    }\n\n    .triangule-top {\n      transform: rotate(90deg);\n      top: -70px;\n      left: -19px !important;\n    }\n\n    .box-date-bottom {\n      transform: rotate(-90deg);\n      left: -57px;\n    }\n\n    .box-date-top {\n      transform: rotate(-90deg);\n      left: -42px;\n    }\n\n    .box-date-not-active {\n      transform: rotate(-90deg);\n    }\n    .answer-active {\n      min-height: 83px;\n    }\n    .products a {\n      margin-bottom: 2rem;\n    }\n    .products h4 {\n      margin-bottom: 20px;\n    }\n    .bg-box {\n      min-width: 180px;\n      //height: 197px;\n    }\n\n    .bg-box:hover {\n      margin-top: 0px;\n      height: 100%;\n    }\n\n    .w-boxes {\n      max-width: 100%;\n      overflow-x: auto;\n      min-height: 210px;\n\n      ::-webkit-scrollbar {\n        background-color: transparent !important;\n        width: 0px !important;\n        height: 0px !important;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        border-radius: 0px !important;\n        background: transparent !important;\n      }\n    }\n    .nav-11,\n    .nav-57,\n    .nav-103,\n    .nav-149,\n    .nav-195,\n    .nav-241,\n    .nav-379,\n    .nav-287,\n    .nav-333,\n    .nav-425 {\n      h1 {\n        font-size: 24px;\n        line-height: 29px;\n        span {\n          font-size: 34px;\n          margin-top: 10px;\n          display: block;\n          line-height: 42px;\n        }\n      }\n\n      h3 {\n        font-size: 22px;\n        line-height: 26px;\n      }\n\n      h5 {\n        font-size: 18px;\n        line-height: 22px;\n      }\n    }\n\n    .nav-287,\n    .nav-333 h1 {\n      font-size: 34px;\n      span {\n        display: inline;\n      }\n    }\n\n    .nav-195,\n    .nav-241 {\n      h1 {\n        font-size: 34px !important;\n        line-height: 42px;\n      }\n    }\n\n    .z-buttons .button:nth-child(1),\n    .z-buttons .button:nth-child(2),\n    .z-buttons .button:nth-child(3) {\n      font-size: 14px;\n    }\n\n    .w-button {\n      width: 30%;\n    }\n\n    .w-lg-15 {\n      width: 15%;\n    }\n\n    .btn-faq {\n      min-height: 75px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .width-mobile {\n      width: 150%;\n      top: 0px;\n    }\n    .w-all-buttons {\n      width: 89%;\n    }\n    .graph-width {\n      width: 60%;\n    }\n\n    .graph-width-mobile {\n      width: 75%;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .width-mobile {\n      width: 200%;\n      top: 28px;\n    }\n    .nav-11,\n    .nav-57,\n    .nav-149,\n    .nav-195,\n    .nav-241,\n    .nav-287,\n    .nav-333,\n    .nav-379,\n    .nav-425 {\n      button:not(.btn-faq) {\n        font-size: 14px;\n      }\n    }\n\n    .w-button {\n      width: 50%;\n    }\n\n    .w-all-buttons {\n      position: relative;\n      top: 27rem;\n    }\n\n    .mg-top {\n      margin-top: 0;\n    }\n    .w-total {\n      width: 75%;\n    }\n\n    .w-sm-65 {\n      width: 65%;\n    }\n\n    .title {\n      width: 75%;\n    }\n\n    .graph-width {\n      width: 75%;\n    }\n\n    .graph-width-mobile {\n      width: 85%;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .w-all-buttons {\n      width: 83%;\n    }\n  }\n\n  @media screen and (max-width: 435px) {\n    .w-all-buttons {\n      top: 30rem;\n    }\n  }\n\n  @media screen and (max-width: 400px) {\n    .nav-333 h3 {\n      font-size: 18px;\n    }\n    .box-date-bottom h4,\n    .box-date-top h4 {\n      font-size: 12px;\n    }\n  }\n\n  @media screen and (max-width: 350px) {\n    .nav-333 h3 {\n      font-size: 16px;\n    }\n    .box-date-bottom h4,\n    .box-date-top h4 {\n      font-size: 11px;\n    }\n\n    .box-date-bottom {\n      left: -49px;\n    }\n\n    .box-date-top {\n      left: -24px;\n    }\n\n    .box-date-not-active {\n      left: -38px;\n    }\n\n    .box-date-not-active h4 {\n      font-size: 11px;\n    }\n    .nav-287 h1 {\n      span {\n        display: block;\n      }\n    }\n    .w-all-buttons {\n      top: 32rem;\n    }\n  }\n\n  @media screen and (min-width: 576px) {\n    .z-buttons {\n      .button {\n        background: transparent;\n        height: 100%;\n        overflow: hidden;\n        cursor: default;\n      }\n\n      .button::before {\n        content: '';\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        background: rgba(244, 247, 253, 0.36);\n        backdrop-filter: blur(10px);\n        z-index: -1;\n        top: 0;\n        left: 0;\n        transition: all 0.5s;\n      }\n\n      .btn-hover::before {\n        width: 0;\n        height: 100%;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      .btn-hover:hover::before {\n        width: 100%;\n      }\n    }\n\n    .w-sm-15 {\n      width: 15% !important;\n    }\n\n    .w-sm-60 {\n      width: 60% !important;\n    }\n\n    .w-sm-85 {\n      width: 85% !important;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .btn-hover span:nth-child(1),\n    .btn-hover span:nth-child(2),\n    .btn-hover span:nth-child(3) {\n      width: auto;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .w-lg-20 {\n      width: 20% !important;\n    }\n\n    .w-lg-40 {\n      width: 40% !important;\n    }\n\n    .w-lg-65 {\n      width: 65%;\n    }\n\n    .w-lg-85 {\n      width: 85%;\n    }\n\n    .w-lg-100 {\n      width: 100% !important;\n    }\n  }\n\n  @media screen and (min-width: 1800px) {\n    .btn-hover span:nth-child(1),\n    .btn-hover span:nth-child(2),\n    .btn-hover span:nth-child(3) {\n      width: auto;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n`;\n\nexport const LoadingHome = styled.div`\n  .loading-box {\n    height: 100%;\n    background: rgba(214, 203, 210, 0.69);\n    backdrop-filter: blur(7.5px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #6f51c4;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: #ddd;\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #6f51c4;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #6f51c4;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  z-index: 2000;\n\n  .animation-gray {\n    background-color: rgba(244, 247, 253, 0.5);\n    border-radius: 30px;\n    padding: 8px;\n\n    div {\n      width: 198px;\n      height: 198px;\n      border-radius: 30px;\n      background-color: #fff;\n    }\n  }\n\n  .description {\n    padding: 3rem 12rem;\n\n    h3 {\n      color: #000000;\n      font-size: 32px;\n      font-weight: 600;\n      margin-bottom: 35px;\n    }\n\n    p {\n      color: #000000;\n      font-size: 18px;\n    }\n  }\n\n  .bg-lg-social-medias {\n    background: #0c0d0d;\n    backdrop-filter: blur(5px);\n    border-radius: 60px;\n  }\n\n  .social-medias {\n    width: auto;\n  }\n\n  .social-medias img {\n    width: 90px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .description {\n      padding: 3rem 5rem;\n    }\n    .social-medias img {\n      width: 75px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .description {\n      padding: 3rem 3rem;\n    }\n\n    .social-medias img {\n      width: 85px;\n    }\n\n    .bg-mobile-social-medias {\n      background: #0c0d0d;\n      backdrop-filter: blur(5px);\n      border-radius: 60px;\n    }\n\n    .bg-lg-social-medias {\n      background: transparent;\n      backdrop-filter: none;\n      border-radius: unset;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n  }\n\n  @media screen and (max-width: 420px) {\n    .description {\n      padding: 3rem 2rem;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/graph-token.37eb98ff.svg\";","export default __webpack_public_path__ + \"static/media/graph-token-mobi.e91a9728.svg\";","export default __webpack_public_path__ + \"static/media/logo-purple.a8374a45.svg\";","export default __webpack_public_path__ + \"static/media/token-mobi.4bd08103.svg\";","export default __webpack_public_path__ + \"static/media/time-line.edf88852.svg\";","import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactScrollWheelHandler from 'react-scroll-wheel-handler';\nimport { XyzTransition } from '@animxyz/react';\nimport { useParams, useLocation, useHistory, Link } from 'react-router-dom';\nimport Cookies from 'universal-cookie';\nimport Lottie from 'react-lottie';\nimport { HiMenuAlt4 } from 'react-icons/hi';\nimport Swal from 'sweetalert2';\n\nimport { web3store } from '../../store';\nimport { useResize } from '~/hooks/Resize';\n\nimport Loading from '~/components/Loading';\nimport {\n  Banner,\n  Circle,\n  TextRide,\n  PeopleAttention,\n  ToogleTop,\n  LoadingHome,\n  Video,\n  Modal,\n} from './styles';\n\nimport graph from '~/assets/defaults/graph-token.svg';\nimport graphMobile from '~/assets/defaults/graph-token-mobi.svg';\nimport noReferrer from '~/assets/animations/no-referrer.json';\nimport logoPurple from '~/assets/logo/logo-purple.svg';\nimport graphSup from '~/assets/defaults/token-mobi.svg';\nimport timeLine from '~/assets/defaults/time-line.svg';\n\nimport WalletLink from '~/components/WalletLink';\n\nimport telegram from '~/assets/defaults/telegram.svg';\nimport discord from '~/assets/defaults/discord.svg';\nimport twitter from '~/assets/defaults/twitter.svg';\nimport tikTok from '~/assets/defaults/tik-tok.svg';\nimport facebook from '~/assets/defaults/facebook.svg';\nimport instagram from '~/assets/defaults/instagram.svg';\nimport youtube from '~/assets/defaults/youtube.svg';\nimport reddit from '~/assets/defaults/reddit.svg';\nimport peopleLearning from '~/assets/defaults/people-learning.png';\n\ninterface IParams {\n  reference: string;\n  place: string;\n  aaUser: string;\n}\n\nconst cookies = new Cookies();\n\nconst Home: React.FC = () => {\n  const params = useParams<IParams>();\n  const location = useLocation();\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n  const [loading, setLoading] = useState(true);\n  const [navButton, setNavButton] = useState(11);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const { width } = useResize();\n  const [question, setQuestion] = useState(0);\n  const [index, setIndex] = useState(0);\n  const [account, setAccount] = web3store.useState('account');\n  const [invalidRef] = web3store.useState('invalidRef');\n  const [reference, setReference] = web3store.useState('reference');\n  const [progressVideo, setProgressVideo] = useState(0);\n  const [upOrDown, setUpOrDown] = useState('down');\n  const currentVideo: string = progressVideo.toFixed(1);\n\n  useEffect(() => {\n    // console.log('+++++++++++++++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++++++++++++++');\n    // console.log('invalidRef: %s', invalidRef);\n    setShow(invalidRef);\n    // console.log(invalidRef, 'ref');\n  }, [invalidRef]);\n\n  useEffect(() => {\n    const timeVideo = parseFloat(currentVideo);\n    if (timeVideo >= 7.9 && timeVideo <= 8.2) {\n      setIndex(0);\n    } else if (\n      (timeVideo >= 2.9 && timeVideo <= 4.2) ||\n      (timeVideo >= 16.9 && timeVideo <= 17.2)\n    ) {\n      setIndex(1);\n    } else if (\n      (timeVideo >= 11.6 && timeVideo <= 13.1) ||\n      (timeVideo >= 26.2 && timeVideo <= 26.7)\n    ) {\n      setIndex(2);\n    } else if (\n      (timeVideo >= 19.7 && timeVideo <= 22.4) ||\n      (timeVideo >= 33.4 && timeVideo <= 33.7)\n    ) {\n      // console.log('D');\n      setIndex(3);\n    } else if (\n      (timeVideo >= 29.6 && timeVideo <= 30.2) ||\n      (timeVideo >= 42 && timeVideo <= 42.4)\n    ) {\n      // console.log('E');\n      setIndex(4);\n    }\n  }, [currentVideo]);\n\n  const handleLoop = useCallback(() => {\n    if (videoRef.current) {\n      const timeVideo = parseFloat(currentVideo);\n      // console.log(timeVideo);\n      // navButton 11 scroll loop\n      if (timeVideo > 8 && timeVideo < 8.5) {\n        videoRef.current.currentTime = 0;\n        setTimeout(() => {\n          if (videoRef.current) {\n            videoRef.current.pause();\n          }\n        }, 10);\n      }\n      // navButton 57 scroll loop\n      else if (\n        (timeVideo > 2.8 && timeVideo < 5.7) ||\n        (timeVideo >= 17.1 && timeVideo < 17.5)\n      ) {\n        videoRef.current.play();\n        videoRef.current.currentTime = 2.8;\n\n        // console.log(timeVideo, 'navButton 57');\n      }\n      // navButton 103 scroll loop\n      else if (\n        (timeVideo >= 13 && timeVideo < 14) ||\n        (timeVideo >= 26.7 && timeVideo <= 27.2)\n      ) {\n        videoRef.current.currentTime = 12;\n        // console.log(timeVideo, 'navButton 103');\n      }\n\n      // navButton 149 scroll loop\n      else if (\n        (timeVideo > 22.3 && timeVideo < 22.9) ||\n        (timeVideo >= 33.5 && timeVideo <= 34)\n      ) {\n        videoRef.current.currentTime = 20.3;\n        // console.log(timeVideo, 'navButton 149');\n      }\n\n      // navButton 195 scroll loop\n      else if (\n        (timeVideo >= 30.5 && timeVideo < 31) ||\n        (timeVideo >= 42 && timeVideo <= 42.4)\n      ) {\n        videoRef.current.currentTime = 30;\n        // console.log(timeVideo, 'navButton 195');\n      }\n\n      // navButton 241 scroll loop\n      else if (\n        (timeVideo > 38.3 && timeVideo < 39) ||\n        (timeVideo > 49.7 && timeVideo <= 50.2)\n      ) {\n        videoRef.current.currentTime = 37.5;\n        setIndex(5);\n        // console.log(timeVideo, 'navButton 241');\n      }\n\n      // navButton 287 scroll loop\n      else if (\n        (timeVideo > 46.1 && timeVideo <= 46.7) ||\n        (timeVideo >= 58 && timeVideo < 59.5)\n      ) {\n        videoRef.current.currentTime = 46.1;\n        setIndex(6);\n\n        // console.log(timeVideo, 'navButton 287');\n        console.log(upOrDown);\n      }\n\n      // navButton 333 scroll loop\n      else if (\n        (timeVideo >= 55.5 && timeVideo <= 56) ||\n        (timeVideo > 67.5 && timeVideo < 68)\n      ) {\n        videoRef.current.currentTime = 54;\n        setIndex(7);\n\n        // console.log(timeVideo, 'navButton 333');\n        // console.log(upOrDown);\n      }\n\n      // navButton 379 scroll loop\n      else if (\n        (timeVideo > 63.5 && timeVideo < 64) ||\n        (timeVideo > 81 && timeVideo <= 81.5)\n      ) {\n        videoRef.current.currentTime = 62.8;\n        setIndex(8);\n\n        // console.log(timeVideo, 'navButton 379');\n      }\n\n      // navButton 425 scroll loop\n      else if (timeVideo > 74.5 && timeVideo < 76) {\n        videoRef.current.currentTime = 72.5;\n        setIndex(9);\n\n        // console.log(timeVideo, 'navButton 425');\n      }\n    }\n  }, [currentVideo, upOrDown]);\n\n  useLayoutEffect(() => {\n    setTimeout(() => {\n      setLoading(false);\n    }, 4000);\n  }, []);\n\n  useEffect(() => {\n    if (videoRef.current) {\n      if (upOrDown) {\n        if (upOrDown === 'down' && navButton === 11 && progressVideo === 0) {\n          videoRef.current.pause();\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 11 &&\n          (progressVideo >= 2.8 || progressVideo <= 5.7)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 5.8;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 57 &&\n          (progressVideo === 0 || progressVideo > 4)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 0;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 57 &&\n          (progressVideo < 14 || progressVideo > 17.5)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 14;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 103 &&\n          (progressVideo < 9 || progressVideo > 13.9)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 9;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 103 &&\n          (progressVideo > 20.2 || progressVideo < 27)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 23;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 149 &&\n          (progressVideo < 17.6 || progressVideo > 22.9)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 17.6;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 149 &&\n          (progressVideo < 31 || progressVideo > 34)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 31;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 195 &&\n          (progressVideo < 27.5 || progressVideo > 31)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 27.5;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 195 &&\n          (progressVideo > 38 || progressVideo < 42)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 39;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 241 &&\n          (progressVideo < 34.1 || progressVideo > 39)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 34.1;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 241 &&\n          (progressVideo < 47.2 || progressVideo > 50)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 47;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 287 &&\n          (progressVideo < 42.5 || progressVideo > 46.7)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 42.5;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 287 &&\n          (progressVideo < 55 || progressVideo > 59.5)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 55;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 333 &&\n          (progressVideo < 50.5 || progressVideo > 54.7)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 50.5;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 333 &&\n          (progressVideo < 64 || progressVideo > 68)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 64;\n        } else if (\n          upOrDown === 'down' &&\n          navButton === 379 &&\n          (progressVideo < 59 || progressVideo > 64)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 60;\n        } else if (\n          upOrDown === 'up' &&\n          navButton === 379 &&\n          (progressVideo < 76 || progressVideo > 81)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 76;\n        } else if (\n          navButton === 425 &&\n          (progressVideo < 68 || progressVideo > 76)\n        ) {\n          videoRef.current.play();\n          videoRef.current.currentTime = 68;\n        }\n\n        setUpOrDown('');\n      }\n      handleLoop();\n    }\n  }, [handleLoop, navButton, progressVideo, upOrDown]);\n\n  const handleNavButton = useCallback((e) => {\n    setNavButton(e);\n  }, []);\n\n  const handleUpOrDown = useCallback((e) => {\n    setUpOrDown(e);\n  }, []);\n\n  const handleQuestion = useCallback((num) => {\n    setQuestion(num);\n  }, []);\n\n  const handleShow = useCallback(() => {\n    if (invalidRef) {\n      setShow(true);\n    }\n  }, [invalidRef]);\n\n  return (\n    <>\n      <ReactScrollWheelHandler\n        upHandler={() => {\n          if (width > 991) {\n            if (navButton > 11) {\n              handleNavButton(navButton - 46);\n            }\n            handleUpOrDown('up');\n          }\n        }}\n        downHandler={() => {\n          if (width > 991) {\n            if (navButton < 425) {\n              handleNavButton(navButton + 46);\n            }\n            handleUpOrDown('down');\n          }\n        }}\n      >\n        <Banner>\n          {/* <PeopleAttention className=\"d-flex align-items-center position-absolute learning p-2\">\n            <img src={peopleLearning} alt=\"People Learning\" />\n            <div className=\"mx-4\">112</div>\n            <div className=\"me-5\">\n              <h2 className=\"mt-2 mb-1\">People Learning</h2>\n              <span>\n                about PROFITi right <br />\n                now!\n              </span>\n            </div>\n          </PeopleAttention> */}\n          <Video\n            autoPlay\n            loop\n            muted\n            playsInline\n            onTimeUpdate={() => {\n              if (videoRef.current !== null) {\n                setProgressVideo(videoRef.current.currentTime);\n              }\n            }}\n            ref={videoRef}\n            className=\"bg_video\"\n          >\n            <source\n              // src=\"https://wiserr.s3.amazonaws.com/p-project/FINAL+HD.mp4\"\n              src=\"https://prfti.s3.amazonaws.com/FINAL+HD.mp4\"\n              type=\"video/mp4\"\n            />\n          </Video>\n\n          <div className=\"nav\">\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(11);\n                handleUpOrDown('up');\n              }}\n            >\n              <p className=\"text-black nav-text\">Home</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(57);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">What is it</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(103);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Why join</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(149);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text ps-3 ps-lg-2\">Our products</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(195);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Earn with us</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(241);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Get started</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(287);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Tokenomics</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(333);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Roadmap</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(379);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">Join now</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n            <button\n              type=\"button\"\n              className=\"ancor\"\n              onClick={() => {\n                handleNavButton(425);\n                handleUpOrDown('down');\n              }}\n            >\n              <p className=\"text-black nav-text\">FAQ</p>\n              <div className=\"circle\">\n                <svg\n                  width=\"8\"\n                  height=\"8\"\n                  viewBox=\"0 0 6 6\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"black\" />\n                </svg>\n              </div>\n            </button>\n\n            <Circle top={navButton} className=\"current\">\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"black\" />\n              </svg>\n            </Circle>\n          </div>\n\n          <TextRide className=\"\">\n            <XyzTransition xyz=\"fade\">\n              {navButton === 11 && index === 0 && (\n                <div className=\"nav-11 w-total w-xl-50 ms-4 mx-sm-auto vh-100 d-flex flex-column\">\n                  <h1 className=\"text-black\">\n                    Explore the Frontier of Technology with PROFITi:\n                    <br />\n                    <span className=\"\">Your Gateway to the Future</span>\n                  </h1>\n                  <div className=\"d-sm-flex mt-sm-4 mb-4\">\n                    <div className=\"w-sm-15 w-100\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-85 w-lg-65 ms-lg-4 text-black\">\n                      Welcome to PROFITi, where cutting-edge technology and\n                      automated systems are not just concepts but realities\n                      transforming how you interact with the digital world.{' '}\n                      <b>\n                        Here at PROFITi, we believe in financial empowerment\n                        through technological innovation, making advanced tech\n                        accessible to everyone\n                      </b>\n                      , regardless of their prior experience.\n                    </h5>\n                  </div>\n                  <div>\n                    {account === '' && (\n                      <WalletLink\n                        btnText=\"GET STARTED NOW\"\n                        className=\"text-black rounded-pill border-0 mt-2 mt-xxl-5 py-3 px-5 fw-bold\"\n                        onShowNoReferrer={handleShow}\n                      />\n                    )}\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 57 && index === 1 && (\n                <div className=\"nav-57 w-total w-xl-50 ms-4 mx-sm-auto vh-100 d-flex flex-column\">\n                  <h1 className=\"text-black\">\n                    PROFITi Is An Exclusive, Invite-Only and\n                    NFT&nbsp;-&nbsp;Based\n                    <br />\n                    <span className=\"\">Decentralized Community</span>\n                  </h1>\n                  <div className=\"d-sm-flex mt-sm-4 mb-4\">\n                    <div className=\"w-sm-15 w-100\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-85 w-lg-65 ms-lg-4 text-black\">\n                      At PROFITi, we foster a unique and exclusive community,\n                      accessible through invitation,{' '}\n                      <b>\n                        where like-minded technology enthusiasts can connect and\n                        thrive.\n                      </b>{' '}\n                      Our platform empowers members to leverage the power of\n                      disruptive technologies, including{' '}\n                      <b>AI, blockchain, smart contracts, and gaming</b>. By\n                      joining PROFITi, you become part of a forward-thinking\n                      group dedicated to exploring and shaping the future of\n                      these innovative technologies.\n                    </h5>\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 103 && index === 2 && (\n                <>\n                  <div className=\"nav-103 w-total w-xl-50 ms-4 mx-sm-auto\">\n                    <div className=\"title\">\n                      <h1 className=\"text-black\">\n                        PROFITi Is Crafting a\n                        <br />\n                        <span className=\"\">\n                          Secure, Transparent & Revolutionary\n                        </span>\n                        <br />\n                        Tech Ecosystem!\n                      </h1>\n                      <div className=\"d-sm-flex mt-sm-4 mb-4\">\n                        <div className=\"w-sm-15 w-100\">\n                          <hr className=\"w-50 w-sm-75\" />\n                        </div>\n                        <h5 className=\"w-sm-85 w-lg-65 ms-lg-4 text-black\">\n                          Our commitment to reliability and innovation has led\n                          us to create a tech ecosystem that’s both secure and a\n                          testament to the power of smart technology. We offer\n                          an immersive experience that transcends traditional\n                          boundaries.\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"w-all-buttons mx-md-auto\">\n                    <div className=\"d-sm-flex z-buttons justify-content-around align-items-center vh-sm-100 position-relative\">\n                      <button\n                        type=\"button\"\n                        className=\"position-relative button btn-hover w-button text-start text-black border-0\"\n                      >\n                        <span className=\"mg-top d-block mb-2 mb-xxl-3\">01</span>\n\n                        <span className=\"d-block fw-bold mb-2 mb-xxl-3\">\n                          Tech-Driven Products:\n                        </span>\n\n                        <span className=\"d-block\">\n                          Our cutting-edge products blend the latest tech trends\n                          with smart, user-friendly design.\n                        </span>\n                      </button>\n                      <button\n                        type=\"button\"\n                        className=\"position-relative button btn-hover w-button text-start text-black border-0\"\n                      >\n                        <span className=\"mg-top d-block mb-2 mb-xxl-3\">02</span>\n\n                        <span className=\"d-block fw-bold mb-2 mb-xxl-3\">\n                          Innovative Affiliate Program:\n                        </span>\n\n                        <span className=\"d-block\">\n                          oin our blockchain-powered affiliate program for\n                          transparent and rewarding opportunities. [Note:\n                          Commissions earned on referrals.]\n                        </span>\n                      </button>\n                      <button\n                        type=\"button\"\n                        className=\"position-relative button btn-hover w-button text-start text-black border-0 mt-3 mt-sm-0\"\n                      >\n                        <span className=\"mg-top d-block mb-2 mb-xxl-3\">03</span>\n\n                        <span className=\"d-block fw-bold mb-2 mb-xxl-3\">\n                          Core Decentralization:{' '}\n                        </span>\n\n                        <span className=\"d-block\">\n                          Discover the power of decentralization with our\n                          blockchain and NFT-based platform.{' '}\n                        </span>\n                      </button>\n                    </div>\n                  </div>\n                </>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 149 && index === 3 && (\n                <div className=\"nav-149 w-total w-xl-50 ms-4 mx-sm-auto vh-100 d-flex flex-column\">\n                  <h1 className=\"text-black\">\n                    Our Innovative Platform Can Help You\n                    <br />\n                    <span className=\"\">Leverage the Power of Web 3.0</span>\n                  </h1>\n                  <div className=\"d-sm-flex mt-sm-4 mb-4\">\n                    <div className=\"w-sm-15 w-100\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-85 w-lg-65 ms-lg-4 text-black\">\n                      With PROFITi, step into a new digital identity. Our\n                      automated systems{' '}\n                      <b>\n                        guide you through the complexities of the digital age\n                      </b>\n                      , empowering you to harness the potential of Web 3.0.\n                    </h5>\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 195 && index === 4 && (\n                <div className=\"nav-195 w-total w-xl-50 ms-4 mx-sm-auto vh-100 d-flex flex-column\">\n                  <h1 className=\"text-black mb-4\">\n                    Diverse Earning\n                    <br />\n                    <span className=\"\">Opportunities with PROFITi</span>\n                  </h1>\n                  <h3 className=\"mb-0 mb-sm-2\">\n                    PROFITi is crafted to <b>prioritize security</b> and{' '}\n                    <b>transparency</b>, offering a platform where users can\n                    engage with blockchain and DeFi technologies.\n                  </h3>\n                  <div className=\"d-sm-flex mt-sm-4 mb-sm-4\">\n                    <div className=\"w-sm-15 w-100\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-85 ms-lg-4 text-black mb-0 mb-sm-2\">\n                      <b>Embrace the Power of Blockchain & DeFi:</b> PROFITi\n                      offers a secure and transparent platform designed to\n                      explore the potential of blockchain and DeFi technologie\n                    </h5>\n                  </div>\n                  <div className=\"d-sm-flex mt-sm-4 mb-4\">\n                    <div className=\"w-sm-15 w-100\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-85 ms-lg-4 text-black mb-0 mb-sm-2\">\n                      <b>Rewarding Affiliate Program:</b> Join our affiliate\n                      program and have the opportunity to earn by sharing your\n                      experience with others. [Note: Earnings vary based on\n                      individual effort and are not guaranteed.]\n                    </h5>\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 241 && index === 5 && (\n                <>\n                  <div className=\"vh-100 d-flex flex-column justify-content-between\">\n                    <div className=\"nav-241 w-total w-xl-50 ms-4 mx-sm-auto vh-lg-100 d-flex flex-column\">\n                      <h1 className=\"text-black fw-bold mb-sm-4 mb-xxl-5\">\n                        Get Started Today!\n                      </h1>\n                      <h3 className=\"mb-0\">\n                        Join our vibrant community and{' '}\n                        <b>\n                          unlock exclusive access to all our innovative products\n                        </b>{' '}\n                        at a remarkably affordable subscription. To enhance your\n                        experience, we're offering an <b>exceptional bonus:</b>{' '}\n                        up to 200% PRFTI tokenback with your membership,{' '}\n                        <b>making it an irresistible offer!</b>\n                      </h3>\n                    </div>\n                    <div>\n                      {/* <div className=\"d-flex justify-content-center products\">\n                        <Link\n                          to={`${process.env.PUBLIC_URL}/roadmap`}\n                          target=\"_blank\"\n                          className=\"h4 text-black rounded-pill border-0 py-3 px-5 fw-bold\"\n                        >\n                          View Our Product Roadmap\n                        </Link>\n                      </div> */}\n\n                      <div className=\"d-flex pb-2 w-boxes\">\n                        <div className=\"w-lg-20\">\n                          <div className=\"bg-box mx-1 ms-2 d-flex flex-column justify-content-center\">\n                            <span>01</span>\n                            <h4 className=\"text-black my-2 my-xxl-3\">\n                              SmartTrader\n                            </h4>\n                            <p className=\"h6 small mb-0 mb-xxl-3\">\n                              Leverage AI-driven algorithms to analyze markets\n                              and execute micro trades for maximum\n                              profitability.{' '}\n                              <span className=\"small fst-italic\">\n                                [Note: Trading involves risks and the\n                                performance of bots may vary.]\n                              </span>\n                            </p>\n                          </div>\n                        </div>\n                        <div className=\"w-lg-20\">\n                          <div className=\"bg-box mx-1 d-flex flex-column justify-content-center\">\n                            <span>02</span>\n                            <h4 className=\"text-black my-2 my-xxl-3\">\n                              The CUBE Game\n                            </h4>\n                            <p className=\"h6 small mb-0 mb-xxl-3\">\n                              PROFITi’s blockchain-based game where fun meets\n                              real rewards—play for free and earn as you go!{' '}\n                              <span className=\"small fst-italic\">\n                                [Note: Game outcomes vary; no guaranteed\n                                success.]\n                              </span>\n                            </p>\n                          </div>\n                        </div>\n                        <div className=\"w-lg-20\">\n                          <div className=\"bg-box mx-1 d-flex flex-column justify-content-center\">\n                            <span>03</span>\n                            <h4 className=\"text-black my-2 my-xxl-3\">Paige</h4>\n                            <p className=\"h6 small mb-0 mb-xxl-3\">\n                              Your AI-powered creative expert—generate ideas,\n                              write content, and bring your vision to life\n                              effortlessly!\n                            </p>\n                            <br />\n                            <br />\n                          </div>\n                        </div>\n                        <div className=\"w-lg-20\">\n                          <div className=\"bg-box mx-1 d-flex flex-column justify-content-center\">\n                            <span>04</span>\n                            <h4 className=\"text-black my-2 my-xxl-3\">\n                              AI Art Creator\n                            </h4>\n                            <p className=\"h6 small mb-0 mb-xxl-3\">\n                              Create stunning, one-of-a-kind art. The AI-powered\n                              tool that brings your creativity to life\n                              effortlessly.{' '}\n                            </p>\n                            <br />\n                            <br />\n                          </div>\n                        </div>\n                        <div className=\"w-lg-20\">\n                          <div className=\"bg-box mx-1 me-5 me-lg-2 d-flex flex-column justify-content-center\">\n                            <span>05</span>\n                            <h4 className=\"text-black my-2 my-xxl-3\">\n                              PROFITi Nexus\n                            </h4>\n                            <p className=\"h6 small mb-0 mb-xxl-3\">\n                              A decentralized blockchain ecosystem that\n                              automates earnings with transparent & instant\n                              payouts up to 90%.\n                            </p>\n                            <br />\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 287 && index === 6 && (\n                <div className=\"nav-287 vh-100 position-relative\">\n                  <div className=\"w-total w-xl-50 ms-4 mx-sm-auto\">\n                    <h1 className=\"text-black position-absolute\">\n                      Token <span className=\"fw-bold\">Allocation</span>\n                    </h1>\n                  </div>\n                  <div className=\"d-md-none graph-width ms-4 mx-sm-auto mt-5 pt-5\">\n                    <img src={graphSup} alt=\"Graph\" className=\"w-100\" />\n                  </div>\n                  <div className=\"d-md-none graph-width-mobile mx-sm-auto mt-5\">\n                    <img src={graphMobile} alt=\"Graph\" className=\"w-100\" />\n                  </div>\n                  <div className=\"d-none d-md-block graph-width mx-auto\">\n                    <img src={graph} alt=\"Graph\" className=\"w-100\" />\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 333 && index === 7 && (\n                <div className=\"nav-333 vh-100\">\n                  <div className=\"w-total w-50 ms-4 mx-sm-auto\">\n                    <h1 className=\"text-black\">\n                      Our <span className=\"fw-bold\">Roadmap</span>\n                    </h1>\n                  </div>\n                  <div className=\"w-100 w-lg-75 ms-lg-5 me-lg-auto line-padding rotate-mobile\">\n                    <div className=\"width-mobile position-relative\">\n                      <img src={timeLine} alt=\"Time Line\" className=\"w-100\" />\n                      <div className=\"bg-circle-1 position-absolute\">\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 16 16\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\" />\n                        </svg>\n                        <div className=\"box-date-bottom\">\n                          <div className=\"triangule-bottom\" />\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Jan,&nbsp;2023\n                          </h3>\n                          <h4 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Project Beta Launch\n                          </h4>\n                        </div>\n                      </div>\n                      <div className=\"bg-circle-2 position-absolute\">\n                        <div className=\"box-date-top\">\n                          <h4 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            The Cube Game Launch\n                          </h4>\n\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Sep,&nbsp;2023\n                          </h3>\n\n                          <div className=\"triangule-top\" />\n                        </div>\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 16 16\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\" />\n                        </svg>\n                      </div>\n                      <div className=\"bg-circle-3 left-percentage-1 position-absolute\">\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 16 16\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\" />\n                        </svg>\n                        <div className=\"box-date-bottom\">\n                          <div className=\"triangule-bottom\" />\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Feb,&nbsp;2024\n                          </h3>\n                          <h4 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Smart Contracts V2 Upgrades\n                          </h4>\n                        </div>\n                      </div>\n                      <div className=\"bg-circle-4 left-percentage-2 position-absolute\">\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 16 16\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\" />\n                        </svg>\n                        <div className=\"box-date-top\">\n                          <h4 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            SmartTrader Beta Testing\n                          </h4>\n\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Oct,&nbsp;2024\n                          </h3>\n\n                          <div className=\"triangule-top\" />\n                        </div>\n                      </div>\n                      <div className=\"bg-circle-5 left-percentage-3 position-absolute\">\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 16 16\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\" />\n                        </svg>\n                        <div className=\"box-date-bottom\">\n                          <div className=\"triangule-bottom\" />\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Dec,&nbsp;2024\n                          </h3>\n                          <h4 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            SmartTrader Launch\n                          </h4>\n                        </div>\n                      </div>\n                      <div className=\"bg-circle-not-active left-percentage-4 position-absolute\">\n                        <svg\n                          width=\"8\"\n                          height=\"8\"\n                          viewBox=\"0 0 8 8\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#312E32\" />\n                        </svg>\n                        <div className=\"box-date-not-active top-not-active\">\n                          <h4 className=\"p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Blockchain <br />\n                            Migration\n                          </h4>\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Jul,&nbsp;2025\n                          </h3>\n                        </div>\n                      </div>\n                      <div className=\"bg-circle-not-active left-percentage-5 position-absolute\">\n                        <svg\n                          width=\"8\"\n                          height=\"8\"\n                          viewBox=\"0 0 8 8\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#312E32\" />\n                        </svg>\n                        <div className=\"box-date-not-active bottom-not-active\">\n                          <h3 className=\"p-3 p-lg-2 p-xxl-3 mb-0 text-center\">\n                            Nov,&nbsp;2025\n                          </h3>\n                          <h4 className=\"p-lg-2 p-xxl-3 mb-0 text-center\">\n                            DAO Soft <br />\n                            Launch\n                          </h4>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 379 && index === 8 && (\n                <div className=\"nav-379 w-total w-xl-50 ms-4 mx-sm-auto vh-100 d-flex flex-column\">\n                  <h1 className=\"text-black mb-4\">\n                    By Participating In Our Community\n                    <br />\n                    <span className=\"\">Today You Get</span>\n                  </h1>\n                  <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      RISK-FREE MEMBERSHIP SUBSCRIPTION\n                    </h5>\n                  </div>\n                  <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      A SUPER RARE NFT CREATED BY YOU\n                    </h5>\n                  </div>\n                  <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      ACCESS TO OUR EXCLUSIVE SMARTTRADER BOT\n                    </h5>\n                  </div>\n                  <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      INSTANT AFFILIATE PAYOUTS VIA FULLY DECENTRALIZED SMART\n                      CONTRACTS\n                    </h5>\n                  </div>\n                  {/* <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      ACCESS TO E-LEARNING PORTAL\n                    </h5>\n                  </div> */}\n                  <div className=\"d-sm-flex mt-xxl-2 mb-sm-4 mb-lg-3\">\n                    <div className=\"w-100 w-sm-15\">\n                      <hr className=\"w-50 w-sm-75\" />\n                    </div>\n                    <h5 className=\"w-sm-75 ms-lg-4 mb-0 text-black\">\n                      ACCESS TO RELEASED PRODUCTS... AND MUCH MORE\n                    </h5>\n                  </div>\n                  <div>\n                    {account === '' && (\n                      <WalletLink\n                        btnText=\"GET STARTED NOW\"\n                        className=\"text-black rounded-pill border-0 mt-4 mb-4 mb-xl-0 mt-xxl-5 py-3 px-5 fw-bold\"\n                        onShowNoReferrer={handleShow}\n                      />\n                    )}\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n\n            <XyzTransition xyz=\"fade\">\n              {navButton === 425 && index === 9 && (\n                <div className=\"nav-425 vh-lg-100 d-flex flex-column\">\n                  <div className=\"w-total w-xl-50 ms-4 mx-sm-auto\">\n                    <h1 className=\"text-black\">\n                      Got Questions?\n                      <br />\n                      <span className=\"\">We Got Answers</span>\n                    </h1>\n                  </div>\n                  <div className=\"w-75 w-sm-60 w-lg-100 d-lg-flex h-100 justify-content-lg-center ms-4 ms-lg-0 my-1 mx-sm-auto mt-xxl-5 mb-xxl-2\">\n                    <div className=\"w-100 w-lg-20\">\n                      <button\n                        type=\"button\"\n                        className={`px-4 btn-faq w-100 ${\n                          question === 1 && 'btn-faq-active'\n                        }`}\n                        onClick={() => {\n                          if (question === 1) {\n                            setQuestion(0);\n                          } else {\n                            handleQuestion(1);\n                          }\n                        }}\n                      >\n                        How do I get started with&nbsp;PROFITi?\n                      </button>\n                      <div\n                        className={`answer ${\n                          question === 1 && 'answer-active'\n                        }`}\n                      >\n                        <p className=\"p-3 text-start p-xxl-4 mb-0\">\n                          •&nbsp;&nbsp;Create a Metamask wallet.\n                          <br />\n                          •&nbsp;&nbsp;Add BUSD or BNB to your Metamask wallet.\n                          <br />\n                          •&nbsp;&nbsp;Visit the PROFITi website and sign up for\n                          a free account with your wallet.\n                          <br />\n                          •&nbsp;&nbsp;Activate your account by paying the\n                          activation fee and monthly subscription cost.\n                          <br />\n                          •&nbsp;&nbsp;Start participating in the affiliate\n                          program and earning from the revenue share pool.\n                        </p>\n                      </div>\n                      <button\n                        type=\"button\"\n                        className={`px-4 btn-faq w-100 mt-2 ${\n                          question === 2 && 'btn-faq-active'\n                        }`}\n                        onClick={() => {\n                          if (question === 2) {\n                            setQuestion(0);\n                          } else {\n                            handleQuestion(2);\n                          }\n                        }}\n                      >\n                        What are the benefits of PROFITi's&nbsp;community?\n                      </button>\n                      <div\n                        className={`answer ${\n                          question === 2 && 'answer-active'\n                        }`}\n                      >\n                        <p className=\"p-3 p-xxl-4 mb-0\">\n                          Being a part of PROFITi's community offers access to\n                          cutting-edge products, resources, knowledge, and\n                          support to achieve financial freedom. Members can\n                          connect with others and build relationships,\n                          participate in the affiliate program, and access\n                          exclusive deals and promotions.\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"w-100 w-lg-40 d-lg-flex align-items-end mx-lg-2 mx-xl-5\">\n                      <div className=\"w-100 w-lg-50 me-1\">\n                        <button\n                          type=\"button\"\n                          className={`px-4 btn-faq w-100 mt-2 mt-lg-0 ${\n                            question === 3 && 'btn-faq-active'\n                          }`}\n                          onClick={() => {\n                            if (question === 3) {\n                              setQuestion(0);\n                            } else {\n                              handleQuestion(3);\n                            }\n                          }}\n                        >\n                          What are the PROFITi tokens used&nbsp;for?\n                        </button>\n                        <div\n                          className={`answer ${\n                            question === 3 && 'answer-active'\n                          }`}\n                        >\n                          <p className=\"p-3 p-xxl-4 mb-0\">\n                            PROFITi operates as a two-token system: USDPI, a\n                            staple coin backed 1:1 with BUSD which used for\n                            payment transactions, and PRFTI, a utility token\n                            used as credit for accessing products and services\n                            and earning rewards.\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"w-100 w-lg-50 ms-lg-1\">\n                        <button\n                          type=\"button\"\n                          className={`px-4 btn-faq w-100 mt-2 mt-lg-0 ${\n                            question === 4 && 'btn-faq-active'\n                          }`}\n                          onClick={() => {\n                            if (question === 4) {\n                              setQuestion(0);\n                            } else {\n                              handleQuestion(4);\n                            }\n                          }}\n                        >\n                          Was there a pre-sale for PRFTI&nbsp;token?\n                        </button>\n                        <div\n                          className={`answer ${\n                            question === 4 && 'answer-active'\n                          }`}\n                        >\n                          <p className=\"p-3 p-xxl-4 mb-0\">\n                            No, the tokens are strategically designed for pure\n                            utility and rewards, they were created to be fairly\n                            distributed among community members who join the\n                            program and through staking. This helps prevent\n                            large buyers (known as \"whales\") from influencing\n                            the market and stops harmful individuals from\n                            hurting the project.\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"w-100 w-lg-20\">\n                      <button\n                        type=\"button\"\n                        className={`px-4 btn-faq w-100 mt-2 mt-lg-0 ${\n                          question === 5 && 'btn-faq-active'\n                        }`}\n                        onClick={() => {\n                          if (question === 5) {\n                            setQuestion(0);\n                          } else {\n                            handleQuestion(5);\n                          }\n                        }}\n                      >\n                        Can I earn a recurring income with&nbsp;PROFITi?\n                      </button>\n                      <div\n                        className={`answer ${\n                          question === 5 && 'answer-active'\n                        }`}\n                      >\n                        <p className=\"p-3 p-xxl-4 mb-0\">\n                          Yes, members can earn a recurring income by\n                          participating in the PROFITi affiliate program,\n                          staking PRFTI tokens, and the Revenue Share Pool. Last\n                          but not least, by utilizing our products to help grow\n                          your own business such as the AI Art creator and NFT\n                          launchpad.\n                        </p>\n                      </div>\n                      <button\n                        type=\"button\"\n                        className={`px-4 btn-faq w-100 mt-2 ${\n                          question === 6 && 'btn-faq-active'\n                        }`}\n                        onClick={() => {\n                          if (question === 6) {\n                            setQuestion(0);\n                          } else {\n                            handleQuestion(6);\n                          }\n                        }}\n                      >\n                        What makes PROFITi&nbsp;unique?\n                      </button>\n                      <div\n                        className={`answer mb-3 mb-lg-0 ${\n                          question === 6 && 'answer-active'\n                        }`}\n                      >\n                        <p className=\"p-3 p-xxl-4\">\n                          PROFITi's main focus is creating a decentralized\n                          community with a strong focus on financial freedom\n                          through blockchain and disruptive technologies.\n                          Besides our innovative products, we have created the\n                          world’s affiliate program 100% on the blockchain and a\n                          smart contracts ecosystem.\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </XyzTransition>\n          </TextRide>\n        </Banner>\n      </ReactScrollWheelHandler>\n      <Modal\n        className=\"modal-connect-wallet text-white d-flex\"\n        size=\"xl\"\n        show={show}\n        centered\n      >\n        <Modal.Body>\n          <div className=\"d-flex flex-column justify-content-center align-items-center py-5\">\n            <div className=\"animation-gray\">\n              <div className=\"d-flex align-items-center\">\n                <Lottie\n                  options={{\n                    animationData: noReferrer,\n                    autoplay: true,\n                    loop: true,\n                    rendererSettings: {\n                      preserveAspectRatio: 'xMidYMid slice',\n                    },\n                  }}\n                  height={165}\n                  width={198}\n                />\n              </div>\n            </div>\n            <div className=\"d-flex flex-column justify-content-around align-items-center text-center description\">\n              <h3>We could not find your referral code \\=</h3>\n              <p>\n                PROFITi is a invite-only community,{' '}\n                <b>please double check the referral link</b> that brought you\n                here other wise if you do not have a referral code yet, you can\n                find one by asking around in our social channels below.\n              </p>\n              <p>We hope to see you inside soon!</p>\n            </div>\n            <div className=\"overflow-auto bg-lg-social-medias\">\n              <div className=\"d-lg-flex justify-content-sm-around social-medias  px-2 px-lg-5\">\n                <div className=\"bg-mobile-social-medias px-4 px-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://t.me/ProfitiAi\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={telegram} alt=\"Telegram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://discord.gg/KxdwygBsKk\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={discord} alt=\"Discord\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://twitter.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={twitter} alt=\"Twitter\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.tiktok.com/@profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={tikTok} alt=\"Tik-Tok\" />\n                  </a>\n                </div>\n                <div className=\"bg-mobile-social-medias px-4 px-lg-0 mt-3 mt-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.facebook.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={facebook} alt=\"Facebook\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.instagram.com/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={instagram} alt=\"Instagram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.youtube.com/@profitiai/channels\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={youtube} alt=\"Youtube\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.reddit.com/r/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={reddit} alt=\"Reddit\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n      <Loading\n        type=\"white\"\n        srcImg={logoPurple}\n        text=\"THE FUTURE IS HERE...\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default Home;\n","export default __webpack_public_path__ + \"static/media/background.74a1104c.png\";","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\n\nimport background from '~/assets/banners/background.png';\n\nexport const Banner = styled.div`\n  //background-image: url(${background});\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 900;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .btn-claim button {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Timeline = styled.div`\n  background: #000000;\n  box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n\n  .sinalizer {\n    > div:nth-child(1) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(180deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n\n    > div:nth-child(2) {\n      width: 50px;\n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      div {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #333333;\n      }\n    }\n\n    > div:nth-child(3) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(0deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n  }\n\n  p {\n    width: 130px;\n    color: #404040;\n    font-weight: 700 !important;\n  }\n\n  .active {\n    .sinalizer {\n      > div:nth-child(1),\n      div:nth-child(3) {\n        opacity: 1;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          rgba(255, 255, 255, 0.096) 100%\n        );\n        box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n          inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n          inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n          inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n          inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n          inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n          inset 0px 4px 18px rgba(255, 255, 255, 0),\n          inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border-radius: 50%;\n\n        div {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n        }\n      }\n    }\n\n    p {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n`;\n","import { ValidationError } from 'yup';\n\ninterface Errors {\n  [key: string]: string;\n}\n\nexport default function getValidationErros(errors: ValidationError): Errors {\n  const validationErrors: Errors = {};\n\n  errors.inner.forEach((error) => {\n    validationErrors[error.path as string] = error.message;\n  });\n\n  return validationErrors;\n}\n","export default __webpack_public_path__ + \"static/media/bg-modal.54249c5f.png\";","export default __webpack_public_path__ + \"static/media/bg-modal-dark.2b22c461.png\";","export default __webpack_public_path__ + \"static/media/light.ac0e4def.svg\";","export default __webpack_public_path__ + \"static/media/arrow-next-carousel.dc2d6232.svg\";","export default __webpack_public_path__ + \"static/media/arrow-prev-carousel.47bb439c.svg\";","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { Form } from '@unform/web';\nimport bgNft from '~/assets/banners/bg-modal.png';\nimport bgNftDark from '~/assets/banners/bg-modal-dark.png';\nimport light from '~/assets/defaults/light.svg';\nimport next from '~/assets/icons/arrow-next-carousel.svg';\nimport prev from '~/assets/icons/arrow-prev-carousel.svg';\n\ninterface IModelProps {\n  showNft: boolean;\n}\n\nexport const Container = styled(Form)`\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 900;\n    }\n  }\n\n  h2 {\n    color: #f2f2f2;\n    font-weight: 500 !important;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 18px;\n    color: #787878;\n  }\n\n  h4 {\n    font-weight: 400;\n    font-size: 20px;\n    color: #c9c9c9;\n  }\n\n  h3,\n  h4,\n  textarea {\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .mg-left {\n    margin-left: 17.5%;\n  }\n\n  .history-btn {\n    margin-bottom: 10px;\n    padding: 10px 30px;\n    font-weight: 300;\n    font-size: 14px;\n    background: rgba(31, 32, 32, 0.67);\n    border: 1px solid #282929;\n    backdrop-filter: blur(5px);\n    border-radius: 14px;\n    color: #8d8d8d;\n  }\n\n  .hover div p,\n  .hover div button {\n    font-family: 'Quicksand', sans-serif;\n    opacity: 0;\n    transition: all 0.3s ease;\n    font-size: 16px;\n    color: #d4d4d4;\n    font-weight: 300;\n    margin: 0px;\n  }\n\n  .hover div button {\n    background: rgba(152, 148, 148, 0.1);\n    padding: 15px 20px;\n    backdrop-filter: blur(15px);\n    border-radius: 15px;\n    font-weight: 600;\n  }\n\n  .hover div {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 15px;\n\n    transition: all 0.3s ease;\n    :hover {\n      background-color: rgba(0, 0, 0, 80%);\n      border-radius: 15px;\n      p,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .textarea {\n    height: unset;\n\n    textarea {\n      color: #787878;\n    }\n  }\n\n  .sample img {\n    border-radius: 16.5px;\n  }\n\n  .area-send {\n    bottom: 0px;\n    right: 0px;\n    width: 83.2%;\n    padding: 0px 10px 10px 25px;\n    background: linear-gradient(180deg, rgba(24, 25, 26, 0) 0%, #18191a 63%);\n  }\n\n  .description button {\n    border: none;\n    background: transparent;\n    font-family: 'Poppins', sans-serif;\n\n    font-weight: 400 !important;\n    font-size: 12px;\n    color: #c4c4c4;\n    text-align: start;\n  }\n\n  .send {\n    border: none;\n    background-color: transparent;\n    transition-duration: 0.3s;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n\n    color: #c4c4c4;\n  }\n\n  .send:focus,\n  .send:hover {\n    color: ${lighten(0.1, '#c4c4c4')}!important;\n  }\n\n  input {\n    resize: none;\n    background-color: transparent;\n    color: #d4d4d4 !important;\n    font-weight: 400 !important;\n    border: none;\n    ::placeholder {\n      color: #5a5b5b !important;\n    }\n  }\n\n  .border-textarea {\n    width: 65%;\n    background: #1f2020;\n    border: 1px solid #282929;\n    box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n    border-radius: 22px;\n    height: 82px;\n  }\n\n  .bg-imgs {\n    background-color: #212122;\n    border-radius: 30px;\n    padding: 34px;\n  }\n\n  .bg-imgs img {\n    border-radius: 24px;\n  }\n\n  .description {\n    bottom: 3%;\n    height: 64px;\n    background: rgba(23, 23, 25, 0.5);\n    border: 2px solid #707070;\n    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.4);\n    backdrop-filter: blur(13.5914px);\n    border-radius: 20px;\n    width: 94%;\n    left: 3%;\n    display: flex;\n    align-items: center;\n  }\n\n  .bg-imgs button {\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n    z-index: 1;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)<IModelProps>`\n  backdrop-filter: blur(10px);\n  .modal-content {\n    background-color: #000;\n    background-image: url(${bgNft});\n    background-position: bottom;\n    background-size: cover;\n    background-repeat: no-repeat;\n    border-radius: 30px;\n    border: none;\n    overflow: hidden;\n    position: relative;\n    :before {\n      content: '';\n      background: url(${light});\n      width: 610px;\n      height: 452px;\n      position: absolute;\n      left: 50%;\n      top: 0;\n      transform: translateX(-50%);\n      transition-duration: 0.1s;\n      opacity: ${(props) => (props.showNft ? 1 : 0)};\n      visibility: ${(props) => (props.showNft ? 'visible' : 'hidden')};\n      z-index: 2;\n    }\n    :after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      background-image: url(${bgNftDark});\n      background-position: bottom;\n\n      transition-duration: 0.3s;\n      opacity: ${(props) => (props.showNft ? 0 : 1)};\n      visibility: ${(props) => (props.showNft ? 'hidden' : 'visible')};\n    }\n  }\n\n  .min-height {\n    min-height: 470px;\n  }\n\n  .bg-main {\n    background: rgba(23, 23, 25, 0.46);\n    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.265139);\n    backdrop-filter: blur(5px);\n    border-radius: 37px 37px 0px 0px;\n    width: 100%;\n  }\n\n  .try-again {\n    background: rgba(26, 27, 29, 0.7);\n    border: 2px solid #393c3d;\n    border-radius: 22px;\n    color: #f2f2f2;\n    font-weight: 600;\n    padding: 22px 33px;\n    font-size: 20px;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .btn-mint {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    padding: 22px 49px;\n    font-size: 20px;\n    font-family: 'Poppins', sans-serif;\n    color: #000;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    border: 1px solid ${(props) => (props.showNft ? '#fff' : '#000')};\n    border-radius: 40px;\n    //height: 470px;\n    width: 100%;\n    position: relative;\n    z-index: 1;\n    :after {\n      border-radius: 40px;\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      background-color: rgba(0, 0, 0);\n\n      transition-duration: 0.3s;\n      opacity: ${(props) => (props.showNft ? 0 : 1)};\n      visibility: ${(props) => (props.showNft ? 'hidden' : 'visible')};\n    }\n  }\n\n  .bg-nft img {\n    //height: 70%;\n  }\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 35px;\n    line-height: 50px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0.5rem;\n    left: 8px;\n    width: 512px;\n    background: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .header img {\n    height: 52px;\n    width: 52px;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    min-width: 1440px;\n  }\n\n  .btn-nft {\n    color: #fff;\n    padding: 18px;\n    font-size: 24px;\n    border-radius: 20px;\n    background-color: #0c0d0d;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .btn-nft {\n      font-size: 20px;\n    }\n\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .bg-nft,\n    .bg-main {\n      width: 329px;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .btn-nft {\n      padding: 18px 10px;\n      font-size: 18px;\n    }\n  }\n`;\n\nexport const ModalHistory = styled(ModalComponent)`\n  .slick-next:before {\n    content: url(${next});\n  }\n  .slick-prev:before {\n    content: url(${prev});\n  }\n  .slick-dots {\n    bottom: -120px;\n  }\n\n  .slick-dots li.slick-active button:before {\n    color: #c4c4c4;\n    font-size: 15px;\n  }\n\n  .slick-dots li button:before {\n    color: rgba(152, 148, 148, 0.1);\n    opacity: 1;\n    font-size: 15px;\n  }\n\n  .slick-next {\n    right: calc(50% - 100px);\n    top: unset;\n    bottom: -100px;\n    width: 60px;\n    height: 60px;\n    background: rgba(152, 148, 148, 0.1);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n  }\n\n  .slick-prev {\n    left: calc(50% - 100px);\n    top: unset;\n    bottom: -100px;\n    width: 60px;\n    height: 60px;\n    background: rgba(152, 148, 148, 0.1);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n  }\n  .hover img {\n    border-radius: 16.5px;\n  }\n  .hover div p,\n  .hover div button {\n    font-family: 'Quicksand', sans-serif;\n    opacity: 0;\n    transition: all 0.3s ease;\n    font-size: 16px;\n    color: #d4d4d4;\n    font-weight: 300;\n    margin: 0px;\n  }\n\n  .hover div button {\n    background: rgba(152, 148, 148, 0.1);\n    padding: 15px 20px;\n    backdrop-filter: blur(15px);\n    border-radius: 15px;\n    font-weight: 600;\n  }\n\n  .hover .hover-btns {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 15px;\n\n    transition: all 0.3s ease;\n    :hover {\n      background-color: rgba(0, 0, 0, 80%);\n      border-radius: 15px;\n      p,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-xl {\n      --bs-modal-width: 85%;\n    }\n  }\n\n  @media screen and (min-width: 1700px) {\n    .modal-xl {\n      max-width: 1600px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    /* .modal-dialog {\n      zoom: 0.8;\n    } */\n  }\n\n  @media screen and (max-width: 1399px) {\n    /* .modal-dialog {\n      zoom: 0.7;\n    } */\n  }\n`;\n\nexport const LoadingDiscover = styled.div`\n  .loading-box {\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.25) -38.97%,\n      rgba(0, 0, 0, 0.25) 75.53%\n    );\n    backdrop-filter: blur(25px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #fff;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: rgba(0, 0, 0);\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n","import styled, { css } from 'styled-components';\n\ninterface ContainerProps {\n  isFilled: boolean;\n  isFocuses: boolean;\n  isErrored: boolean;\n}\n\nexport const Container = styled.div<ContainerProps>`\n  background: #17171a;\n  opacity: 0.8;\n  border-radius: 10px;\n  border: 1.5px solid #333333;\n  padding: 5px 10px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  + div {\n    margin-top: 8px;\n  }\n\n  div {\n    width: 100%;\n    position: relative;\n\n    .button-show {\n      position: absolute;\n      top: -6px;\n      right: -10px;\n      width: 70px;\n      text-align: center;\n      background: none;\n      border: 0;\n      padding: 6px 6px 6px;\n      color: #cbccce;\n\n      img {\n        width: 20px;\n        height: 20px;\n      }\n    }\n  }\n\n  input {\n    width: 100%;\n    flex: 1;\n    background: transparent;\n    border: 0;\n    color: #efefef;\n    transition-duration: 0.2s;\n    font-weight: 600;\n    padding: 0 5px;\n\n    ::placeholder {\n      color: #efefef;\n    }\n  }\n\n  svg {\n    margin-right: 16px;\n    color: #666360;\n    transition-duration: 0.2s;\n  }\n\n  ${(props) =>\n    props.isErrored &&\n    css`\n      border-color: #c53030 !important;\n    `}\n\n  ${(props) =>\n    props.isFilled &&\n    css`\n      svg {\n        color: #fff;\n      }\n    `}\n\n  ${(props) =>\n    props.isFocuses &&\n    css`\n      color: #fff;\n      border-color: #fff !important;\n\n      svg {\n        color: #fff;\n      }\n    `}\n\n  @media screen and (min-width: 1400px) {\n    height: 52px !important;\n    border-radius: 15px;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/show-icon.0527ef6f.svg\";","export default __webpack_public_path__ + \"static/media/hide-icon.2d8778cc.svg\";","import React, {\n  FC,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport { useField } from '@unform/core';\n\nimport { Container } from './styles';\n\nimport show from '~/assets/icons/show-icon.svg';\nimport hide from '~/assets/icons/hide-icon.svg';\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  name: string;\n  hasError?(hasError: boolean): void;\n}\n\nconst Input: FC<InputProps> = ({\n  name,\n  hasError,\n  className,\n  type,\n  onFocus,\n  onBlur,\n  ...rest\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isFocuses, setIsFocuses] = useState(false);\n  const [isFilled, setIsFilled] = useState(false);\n  const { fieldName, defaultValue, error, registerField } = useField(name);\n  const [typeInput, setTypeInput] = useState('password');\n\n  useEffect(() => {\n    registerField({\n      name: fieldName,\n      ref: inputRef.current,\n      path: 'value',\n    });\n  }, [fieldName, registerField]);\n\n  useEffect(() => {\n    if (hasError) {\n      hasError(!!error);\n    }\n  }, [error, hasError]);\n\n  const handleInputFocus = useCallback(\n    (e) => {\n      if (onFocus) {\n        onFocus(e);\n      }\n      setIsFocuses(true);\n    },\n    [onFocus]\n  );\n\n  const handleInputBlur = useCallback(\n    (e) => {\n      if (onBlur) {\n        onBlur(e);\n      }\n      setIsFocuses(false);\n      setIsFilled(!!inputRef.current?.value);\n    },\n    [onBlur]\n  );\n\n  const handleClick = useCallback(() => {\n    setTypeInput((state) => (state === 'password' ? 'text' : 'password'));\n  }, []);\n\n  return (\n    <>\n      <Container\n        className={className}\n        isErrored={!!error}\n        isFilled={isFilled}\n        isFocuses={isFocuses}\n      >\n        <div>\n          {type !== 'password' ? (\n            <input\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              defaultValue={defaultValue}\n              ref={inputRef}\n              type={type || 'text'}\n              {...rest}\n            />\n          ) : (\n            <input\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              defaultValue={defaultValue}\n              ref={inputRef}\n              type={typeInput}\n              {...rest}\n            />\n          )}\n          {type === 'password' && (\n            <button type=\"button\" className=\"button-show\" onClick={handleClick}>\n              <img\n                src={typeInput === 'password' ? show : hide}\n                alt={typeInput === 'password' ? 'Show' : 'Hide'}\n              />\n            </button>\n          )}\n        </div>\n      </Container>\n      {error && <span className=\"small text-danger error\">{error}</span>}\n    </>\n  );\n};\n\nexport default Input;\n","import styled from 'styled-components';\n\ninterface ICanvasProps {\n  finished: boolean;\n}\n\nexport const Canvas = styled.canvas<ICanvasProps>`\n  opacity: ${(props) => (props.finished ? 0 : 1)};\n  visibility: ${(props) => (props.finished ? 'hidden' : 'visible')};\n  width: 1140px !important;\n  height: 696px !important;\n  position: absolute;\n  top: 28px;\n  z-index: 10000;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 30px;\n`;\n","/* eslint-disable no-param-reassign */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport * as THREE from 'three';\n\nimport { gsap } from 'gsap';\nimport { Canvas } from './styles';\n\ninterface IRevealEffectProps {\n  initializeScene: boolean;\n  className?: string;\n}\n\nconst TMath = THREE.MathUtils;\n\nconst conf = {\n  color: 0x202020,\n  objectWidth: 12,\n  objectThickness: 3,\n  ambientColor: 0x808080,\n  light1Color: 0x202020,\n  shadow: false,\n  perspective: 75,\n  cameraZ: 75,\n};\n\nlet renderer: any = null;\nlet scene: any = null;\nlet camera: any = null;\nlet width: any = 0;\nlet height: any = 0;\nlet wWidth: any = 0;\nlet wHeight: any = 0;\nlet nx: any = 0;\nlet ny: any = 0;\nlet geometry: any = null;\nlet objects: any = [];\n\nconst RevealEffect: React.FC<IRevealEffectProps> = ({\n  initializeScene,\n  className,\n}) => {\n  const [finished, setFinished] = useState(false);\n  const getRendererSize = useCallback(() => {\n    const cam = new THREE.PerspectiveCamera(conf.perspective, camera.aspect);\n    const vFOV = (cam.fov * Math.PI) / 180;\n    width = 2 * Math.tan(vFOV / 2) * Math.abs(conf.cameraZ);\n    height *= cam.aspect;\n    return [width, height];\n  }, []);\n\n  const onResize = useCallback(() => {\n    width = window.innerWidth;\n    height = window.innerHeight;\n    camera.aspect = 1;\n    camera.updateProjectionMatrix();\n    renderer.setSize(width, height);\n\n    [wWidth, wHeight] = getRendererSize();\n  }, [getRendererSize]);\n\n  const initLights = useCallback(() => {\n    scene.add(new THREE.AmbientLight(conf.ambientColor));\n    const light = new THREE.PointLight(0xffffff);\n    light.position.z = 100;\n    scene.add(light);\n  }, []);\n\n  const startAnim = useCallback(() => {\n    objects.forEach((mesh: any) => {\n      mesh.rotation.set(0, 0, 0);\n      mesh.material.opacity = 1;\n      mesh.position.z = 0;\n      const delay = TMath.randFloat(1, 2);\n      const rx = TMath.randFloatSpread(2 * Math.PI);\n      const ry = TMath.randFloatSpread(2 * Math.PI);\n      const rz = TMath.randFloatSpread(2 * Math.PI);\n      gsap.to(mesh.rotation, { duration: 2, x: rx, y: ry, z: rz, delay });\n      gsap.to(mesh.position, {\n        duration: 2,\n        z: 80,\n        delay: delay + 0.5,\n        ease: 'power1.out',\n      });\n      gsap.to(mesh.material, { duration: 2, opacity: 0, delay: delay + 0.5 });\n    });\n    setTimeout(() => {\n      setFinished(true);\n    }, 4500);\n  }, []);\n\n  const initObjects = useCallback(() => {\n    objects = [];\n    nx = Math.round(wWidth / conf.objectWidth) + 1;\n    ny = Math.round(wHeight / conf.objectWidth) + 1;\n    let mesh;\n    let x;\n    let y;\n    for (let i = 0; i < nx; i += 1) {\n      for (let j = 0; j < ny; j += 1) {\n        const materialData = new THREE.MeshLambertMaterial({\n          color: conf.color,\n          transparent: true,\n          opacity: 1,\n        });\n        mesh = new THREE.Mesh(geometry, materialData);\n        x = -wWidth / 2 + i * conf.objectWidth;\n        y = -wHeight / 2 + j * conf.objectWidth;\n        mesh.position.set(x, y, 0);\n        objects.push(mesh);\n        scene.add(mesh);\n      }\n    }\n    startAnim();\n  }, [startAnim]);\n\n  const initScene = useCallback(() => {\n    if (renderer && camera) {\n      onResize();\n      scene = new THREE.Scene();\n      initLights();\n      initObjects();\n    }\n  }, [initLights, initObjects, onResize]);\n\n  const animate = useCallback(() => {\n    if (!finished) {\n      if (renderer && scene && camera) {\n        requestAnimationFrame(animate);\n        renderer.render(scene, camera);\n      }\n    }\n  }, [finished]);\n\n  useEffect(() => {\n    renderer = new THREE.WebGLRenderer({\n      canvas: document.getElementById('reveal-effect') as HTMLCanvasElement,\n      antialias: true,\n      alpha: true,\n    });\n\n    camera = new THREE.PerspectiveCamera(\n      conf.perspective,\n      window.innerWidth / window.innerHeight,\n      0.1,\n      1000\n    );\n\n    scene = new THREE.Scene();\n    geometry = new THREE.BoxGeometry(\n      conf.objectWidth,\n      conf.objectWidth,\n      conf.objectThickness\n    );\n  }, []);\n\n  useEffect(() => {\n    if (renderer) {\n      renderer.setSize(window.innerWidth, window.innerHeight);\n      document.body.appendChild(renderer.domElement);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (camera) {\n      camera.position.z = conf.cameraZ;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (camera && renderer && scene) {\n      if (initializeScene) {\n        initScene();\n      }\n\n      animate();\n    }\n  }, [animate, initScene, initializeScene]);\n\n  return (\n    <Canvas className={className} finished={finished} id=\"reveal-effect\" />\n  );\n};\n\nexport default RevealEffect;\n","import styled from 'styled-components';\n\ninterface IBtnAvatar {\n  isFunnel: boolean;\n}\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Button = styled.button`\n  :disabled {\n    opacity: 0.7;\n  }\n`;\n\nexport const Container = styled.div`\n  img {\n    width: 42px;\n    height: 42px;\n  }\n\n  hr {\n    background: #383939;\n    height: 1px;\n    border: none;\n  }\n\n  .disconnect-tooltip {\n    position: relative;\n  }\n\n  .disconnect-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: 0px;\n    bottom: 42px;\n    width: 120px;\n    z-index: 10000;\n    text-align: justify;\n  }\n\n  .disconnect-tooltip:hover:after {\n    display: block;\n  }\n\n  .reference span:nth-child(1) {\n    font-weight: 300;\n    font-size: 14px;\n    color: #7d7777;\n    span {\n      font-weight: 300;\n      font-size: 16px;\n      color: #ffffff;\n    }\n  }\n\n  .avatar-token {\n    background: transparent;\n  }\n\n  .wallet-num {\n    font-weight: 600;\n    font-size: 18px;\n    color: #ffffff;\n  }\n\n  .avatar {\n    height: 49px;\n    width: 49px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .bg-values {\n    background-color: #1d1d1f;\n    border-radius: 24px 10px 10px 24px;\n  }\n\n  .bg-values span {\n    min-width: 130px;\n    font-weight: 600;\n  }\n\n  .disconnect,\n  .token {\n    top: 60px;\n    right: 0;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n  }\n\n  .token .title {\n    background: #1d1e1f;\n    border-radius: 16px;\n    font-weight: 300;\n    font-size: 15px;\n  }\n\n  .token .check {\n    width: 20px;\n    height: 14px;\n  }\n\n  .token .coin {\n    background: transparent;\n    border-radius: 14px;\n    :hover {\n      background: #1c1c1c;\n    }\n  }\n\n  .token span {\n    font-family: 'Poppins';\n    font-weight: 500;\n    font-size: 20px;\n    color: #7d7777;\n  }\n\n  .btn-back span {\n    font-family: 'Inter';\n    font-weight: 300;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .text-balance {\n    font-weight: 400;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .balance {\n    font-weight: 400;\n    font-size: 40px;\n    color: #dadada;\n  }\n\n  .btn-logout {\n    background: rgba(152, 148, 148, 0.1);\n    border-radius: 16px;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-view {\n    background: #5a57ee;\n    //background: #666;\n    border-radius: 15px;\n    border: none;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n      //cursor: not-allowed;\n    }\n  }\n\n  .btn-buy {\n    background: #2b3247;\n    border-radius: 15px;\n    border: none;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btns-color {\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btns-color:disabled {\n    :hover {\n      cursor: not-allowed;\n    }\n  }\n\n  .btns-color span {\n    font-weight: 400;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .btns-color:disabled {\n    span {\n      color: #444;\n    }\n  }\n\n  .btns-color span svg {\n    rotate: -90deg;\n  }\n\n  .text-disconnect {\n    font-weight: 600;\n    font-size: 36px;\n    color: #dadada;\n  }\n\n  .btn-yes-busd,\n  .btn-yes-usdt,\n  .btn-yes-usdc,\n  .btn-yes-gusd,\n  .btn-yes-dai {\n    //background: #ff1a50;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    //color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-yes-busd {\n    background: #ffb422;\n    color: #000;\n  }\n  .btn-yes-usdt {\n    background: #26a17b;\n    color: #f0ebeb;\n  }\n  .btn-yes-usdc {\n    background: #2775ca;\n    color: #f0ebeb;\n  }\n  .btn-yes-gusd {\n    background: #00dcfa;\n    color: #000;\n  }\n  .btn-yes-dai {\n    background: #f5ac37;\n    color: #000;\n  }\n\n  .btn-yes {\n    background: #ff1a50;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-no {\n    background: #2b3247;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n`;\n\nexport const BtnAvatar = styled.button<IBtnAvatar>`\n  background: ${(props) =>\n    props.isFunnel ? 'transparent' : 'rgb(29, 29, 31)'};\n  border: 1px solid ${(props) => (props.isFunnel ? 'transparent' : '#1d2023')};\n  border-radius: 30px 10px 10px 30px;\n  padding: 2px;\n  transition: all 0.2s ease;\n\n  :hover {\n    border-color: #484848;\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/token-check.9a7ca3d2.svg\";","import styled from 'styled-components';\n\nexport const Container = styled.button`\n  position: relative;\n  background: transparent;\n  border: none;\n  font-size: 12px;\n  color: #7d7777 !important;\n  span {\n    background: transparent !important;\n    color: #7d7777 !important;\n    -webkit-text-fill-color: unset !important;\n  }\n`;\n","import React from 'react';\nimport { BsArrowLeftShort } from 'react-icons/bs';\n\nimport { Container } from './styles';\n\ninterface IProps {\n  className?: string;\n  onClick(): void;\n}\n\nconst ButtonBack: React.FC<IProps> = ({ onClick, className }) => {\n  return (\n    <Container\n      type=\"button\"\n      onClick={onClick}\n      className={`btn-back arrow d-flex align-items-center ${className}`}\n    >\n      <BsArrowLeftShort size={30} />\n      <span className=\"mr-2 d-block\">Back</span>\n    </Container>\n  );\n};\n\nexport default ButtonBack;\n","import React, {\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { IoMdLogOut } from 'react-icons/io';\nimport { truncate } from 'truncate-ethereum-address';\nimport { IoIosArrowDown } from 'react-icons/io';\nimport { MdOutlineLightMode } from 'react-icons/md';\nimport { useAuth } from '~/hooks/Auth';\n\nimport { web3store } from '~/store';\nimport ModalSwap from '../ModalSwap';\nimport { Container, BtnAvatar, Avatar, Button } from './styles';\nimport { formatPrice } from '~/utils/format';\n\nimport busd from '~/assets/logo/token-busd.png';\nimport usdt from '~/assets/logo/token-usdt.png';\nimport usdc from '~/assets/logo/token-usdc.png';\nimport gusd from '~/assets/logo/token-gusd.png';\nimport dai from '~/assets/logo/token-dai.png';\nimport check from '~/assets/icons/token-check.svg';\nimport ButtonBack from '../ButtonBack';\n\nconst WalletAvatar: React.FC = () => {\n  const btnDisconnect = useRef<HTMLButtonElement>(null);\n  const disconnectRef = useRef<HTMLDivElement>(null);\n  const disconnectBalanceRef = useRef<HTMLDivElement>(null);\n  const chooseTokenRef = useRef<HTMLDivElement>(null);\n  const closeAddBusdRef = useRef<HTMLDivElement>(null);\n  const closeAddUsdtRef = useRef<HTMLDivElement>(null);\n  const closeAddUsdcRef = useRef<HTMLDivElement>(null);\n  const closeAddGusdRef = useRef<HTMLDivElement>(null);\n  const closeAddDaiRef = useRef<HTMLDivElement>(null);\n  const { user, signOut } = useAuth();\n  const location = useLocation();\n  const history = useHistory();\n  const [account] = web3store.useState('account');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [reference] = web3store.useState('reference');\n  const [balance, setBalance] = useState(false);\n  const [chooseToken, setChooseToken] = useState(false);\n  const [disconnect, setDisconnect] = useState(false);\n  const [imgURL] = web3store.useState('imgURL');\n  const [nftimg] = web3store.useState('nftimg');\n  const [avatar, setAvatar] = useState('');\n  const [selected, setSelected] = useState('');\n  const [addMetamask, setAddMetamask] = useState('');\n\n  useEffect(() => {\n    if (location.pathname.includes('get-your-free-nft')) {\n      setAvatar(imgURL);\n    } else if (user) {\n      setAvatar(user.nft_img);\n    } else if (nftimg) {\n      setAvatar(nftimg);\n    } else if (imgURL) {\n      setAvatar(imgURL);\n    }\n  }, [imgURL, location.pathname, nftimg, user]);\n\n  useEffect(() => {\n    switch (selected) {\n      case 'busd':\n        setAddMetamask('busd');\n        break;\n\n      case 'usdt':\n        setAddMetamask('usdt');\n        break;\n      case 'usdc':\n        setAddMetamask('usdc');\n        break;\n      case 'gusd':\n        setAddMetamask('gusd');\n        break;\n      case 'dai':\n        setAddMetamask('dai');\n        break;\n\n      default:\n        setAddMetamask('');\n        break;\n    }\n  }, [selected]);\n\n  const locationBar = [\n    '/get-your-free-nft',\n    '/how-to-participate',\n    '/activate-your-profit-centers',\n    '/activate-your-profit-centers/skip',\n    '/earn-even-more',\n    '/final-step',\n    '/ai-avatar',\n    '/what-to-expect',\n    '/autoaffiliate-member/order',\n  ];\n\n  const handleNoAddMetamask = useCallback(() => {\n    setTimeout(() => {\n      setChooseToken(true);\n      setSelected('');\n    }, 100);\n  }, []);\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      const modalElement = document.querySelector('.modal-backdrop');\n      if (\n        disconnect &&\n        disconnectRef.current &&\n        e.target !== disconnectRef.current &&\n        !disconnectRef.current.contains(e.target)\n      ) {\n        setDisconnect(false);\n      }\n\n      if (\n        chooseToken &&\n        chooseTokenRef.current &&\n        e.target !== chooseTokenRef.current &&\n        !chooseTokenRef.current.contains(e.target)\n      ) {\n        setChooseToken(false);\n      }\n\n      if (\n        addMetamask === 'busd' &&\n        closeAddBusdRef.current &&\n        e.target !== closeAddBusdRef.current &&\n        !closeAddBusdRef.current.contains(e.target)\n      ) {\n        handleNoAddMetamask();\n      }\n\n      if (\n        addMetamask === 'usdt' &&\n        closeAddUsdtRef.current &&\n        e.target !== closeAddUsdtRef.current &&\n        !closeAddUsdtRef.current.contains(e.target)\n      ) {\n        handleNoAddMetamask();\n      }\n\n      if (\n        addMetamask === 'usdc' &&\n        closeAddUsdcRef.current &&\n        e.target !== closeAddUsdcRef.current &&\n        !closeAddUsdcRef.current.contains(e.target)\n      ) {\n        handleNoAddMetamask();\n      }\n\n      if (\n        addMetamask === 'gusd' &&\n        closeAddGusdRef.current &&\n        e.target !== closeAddGusdRef.current &&\n        !closeAddGusdRef.current.contains(e.target)\n      ) {\n        handleNoAddMetamask();\n      }\n\n      if (\n        addMetamask === 'dai' &&\n        closeAddDaiRef.current &&\n        e.target !== closeAddDaiRef.current &&\n        !closeAddDaiRef.current.contains(e.target)\n      ) {\n        handleNoAddMetamask();\n      }\n\n      // console.log(modalElement);\n      if (\n        balance &&\n        disconnectBalanceRef.current &&\n        e.target !== disconnectBalanceRef.current &&\n        !disconnectBalanceRef.current.contains(e.target)\n      ) {\n        if (\n          !modalElement ||\n          (e.target !== modalElement && modalElement?.contains(e.target))\n        ) {\n          setBalance(false);\n        }\n      }\n    },\n    [addMetamask, balance, chooseToken, disconnect, handleNoAddMetamask]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick);\n  }, [handleOutsideClick]);\n\n  const balanceData = useMemo(() => {\n    return {\n      usdpi: formatPrice(\n        parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2))\n      ),\n    };\n  }, [balusdpi]);\n\n  const handleBalance = useCallback(() => {\n    setTimeout(() => {\n      setBalance(!balance);\n      setDisconnect(false);\n    }, 100);\n  }, [balance]);\n\n  const handleDisconnect = useCallback(() => {\n    setTimeout(() => {\n      setBalance(false);\n      setDisconnect(!disconnect);\n    }, 100);\n  }, [disconnect]);\n\n  const handleChooseToken = useCallback(() => {\n    setTimeout(() => {\n      setChooseToken(!chooseToken);\n      setBalance(!balance);\n    }, 100);\n  }, [balance, chooseToken]);\n\n  const handleCoinSelected = useCallback((coin) => {\n    setTimeout(() => {\n      setSelected(coin);\n      setChooseToken(false);\n    }, 100);\n  }, []);\n\n  const handleExchange = useCallback(() => {\n    window.open('https://usdpi.finance', '_blank');\n  }, []);\n\n  return (\n    <Container className=\"zoom position-relative\">\n      <BtnAvatar\n        type=\"button\"\n        data-tooltip=\"Disconnect Wallet\"\n        onClick={handleBalance}\n        className=\"disconnect-tooltip d-flex align-items-center btn-avatar btn-avatar-wallet text-end\"\n        isFunnel={locationBar.includes(location.pathname)}\n      >\n        <div className=\"avatar d-flex align-items-center text-center rounded-circle\">\n          <Avatar src={avatar} className=\"rounded-circle\" />\n        </div>\n        {location.pathname !== '/products/cube' && (\n          <div className=\"d-flex flex-column\">\n            <span className=\"px-3 wallet-num\">{truncate(account)}</span>\n            {locationBar.includes(location.pathname) && (\n              <div className=\"reference px-3 text-end\">\n                <span>\n                  Invited by: <span>{reference}</span>\n                </span>\n              </div>\n            )}\n          </div>\n        )}\n      </BtnAvatar>\n\n      {balance && (\n        <div\n          ref={disconnectBalanceRef}\n          className=\"disconnect position-absolute p-4\"\n        >\n          <div className=\"d-flex align-items-center\">\n            {user && (\n              <div className=\"avatar d-flex align-items-center text-center rounded-circle\">\n                <Avatar src={user.nft_img} className=\"rounded-circle\" />\n              </div>\n            )}\n            <span className=\"px-3 wallet-num\">{truncate(account)}</span>\n            <button\n              ref={btnDisconnect}\n              type=\"button\"\n              data-tooltip=\"Disconnect Wallet\"\n              onClick={handleDisconnect}\n              className=\"disconnect-tooltip btn-logout border-0 p-2 ms-auto\"\n            >\n              <IoMdLogOut size={30} color=\"#FF1A50\" />\n            </button>\n          </div>\n          {!locationBar.includes(location.pathname) && (\n            <>\n              <h2 className=\"mt-4 mb-0 text-balance text-center\">\n                USDPI Balance\n              </h2>\n              <span className=\"d-block mb-4 text-center balance\">\n                {balanceData.usdpi}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() =>\n                  history.push(`${process.env.PUBLIC_URL}/my-nfts`)\n                }\n                className=\"btn-view w-100 py-2 mb-2\"\n              >\n                View my NFTs\n              </button>\n\n              {/* <ModalSwap\n                btnText=\"Buy/Sell USDPI\"\n                className=\"w-100 btn-buy py-2 mb-2\"\n              /> */}\n\n              <Button\n                type=\"button\"\n                onClick={handleExchange}\n                className=\"w-100 btn-buy py-2 mb-2\"\n              >\n                Buy/Sell USDPI\n              </Button>\n\n              <hr />\n\n              <button\n                type=\"button\"\n                onClick={handleChooseToken}\n                className=\"d-flex mb-3 btns-color justify-content-between w-100 border-0 bg-transparent\"\n              >\n                <span>Add Tokens</span>\n                <span>\n                  <IoIosArrowDown size={20} color=\"#7d7777\" />\n                </span>\n              </button>\n\n              <button\n                type=\"button\"\n                disabled\n                title=\"coming soon\"\n                className=\"d-flex mb-3 btns-color justify-content-between w-100 border-0 bg-transparent\"\n              >\n                <span>Transactions</span>\n                <span>\n                  <IoIosArrowDown size={20} color=\"#444\" />\n                </span>\n              </button>\n\n              <button\n                type=\"button\"\n                disabled\n                title=\"coming soon\"\n                className=\"d-flex mb-3 btns-color justify-content-between w-100 border-0 bg-transparent\"\n              >\n                <span>Languages</span>\n                <span>\n                  EN <IoIosArrowDown size={20} color=\"#444\" />\n                </span>\n              </button>\n\n              <button\n                type=\"button\"\n                disabled\n                title=\"coming soon\"\n                className=\"d-flex btns-color justify-content-between w-100 border-0 bg-transparent\"\n              >\n                <span>Light theme</span>\n                <span>\n                  <MdOutlineLightMode size={20} color=\"#444\" />\n                </span>\n              </button>\n            </>\n          )}\n        </div>\n      )}\n\n      {chooseToken && (\n        <div ref={chooseTokenRef} className=\"token position-absolute p-4\">\n          <div className=\"title px-4 py-3 mb-4\">Choose Token Below</div>\n          <button\n            type=\"button\"\n            onClick={() => handleCoinSelected('busd')}\n            className=\"my-1 border-0 coin w-100 d-flex justify-content-between align-items-center px-3 py-2\"\n          >\n            <span>\n              <img src={busd} alt=\"busd\" />\n              &nbsp;BUSD\n            </span>\n            <img\n              src={check}\n              alt=\"check\"\n              className={`${\n                selected === 'busd' ? 'opacity-100' : 'opacity-0'\n              } check`}\n            />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCoinSelected('usdt')}\n            className=\"my-1 border-0 coin w-100 d-flex justify-content-between align-items-center px-3 py-2\"\n          >\n            <span>\n              <img src={usdt} alt=\"usdt\" />\n              &nbsp;USDT\n            </span>\n            <img\n              src={check}\n              alt=\"check\"\n              className={`${\n                selected === 'usdt' ? 'opacity-100' : 'opacity-0'\n              } check`}\n            />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCoinSelected('usdc')}\n            className=\"my-1 border-0 coin w-100 d-flex justify-content-between align-items-center px-3 py-2\"\n          >\n            <span>\n              <img src={usdc} alt=\"usdc\" />\n              &nbsp;USDC\n            </span>\n            <img\n              src={check}\n              alt=\"check\"\n              className={`${\n                selected === 'usdc' ? 'opacity-100' : 'opacity-0'\n              } check`}\n            />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCoinSelected('gusd')}\n            className=\"my-1 border-0 coin w-100 d-flex justify-content-between align-items-center px-3 py-2\"\n          >\n            <span>\n              <img src={gusd} alt=\"gusd\" />\n              &nbsp;GUSD\n            </span>\n            <img\n              src={check}\n              alt=\"check\"\n              className={`${\n                selected === 'gusd' ? 'opacity-100' : 'opacity-0'\n              } check`}\n            />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCoinSelected('dai')}\n            className=\"my-1 border-0 coin w-100 d-flex justify-content-between align-items-center px-3 py-2\"\n          >\n            <span>\n              <img src={dai} alt=\"dai\" />\n              &nbsp;DAI\n            </span>\n            <img\n              src={check}\n              alt=\"check\"\n              className={`${\n                selected === 'dai' ? 'opacity-100' : 'opacity-0'\n              } check`}\n            />\n          </button>\n          <ButtonBack onClick={handleChooseToken} className=\"btn-back mt-5\" />\n        </div>\n      )}\n\n      {addMetamask === 'busd' && (\n        <div ref={closeAddBusdRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Add BUSD To MetaMask\n          </h2>\n\n          <button type=\"button\" className=\"btn-yes-busd w-100 py-2 mb-2\">\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleNoAddMetamask}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n\n      {addMetamask === 'usdt' && (\n        <div ref={closeAddUsdtRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Add USDT To MetaMask\n          </h2>\n\n          <button type=\"button\" className=\"btn-yes-usdt w-100 py-2 mb-2\">\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleNoAddMetamask}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n\n      {addMetamask === 'usdc' && (\n        <div ref={closeAddUsdcRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Add USDC To MetaMask\n          </h2>\n\n          <button type=\"button\" className=\"btn-yes-usdc w-100 py-2 mb-2\">\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleNoAddMetamask}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n\n      {addMetamask === 'gusd' && (\n        <div ref={closeAddGusdRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Add GUSD To MetaMask\n          </h2>\n\n          <button type=\"button\" className=\"btn-yes-gusd w-100 py-2 mb-2\">\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleNoAddMetamask}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n\n      {addMetamask === 'dai' && (\n        <div ref={closeAddDaiRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Add DAI To MetaMask\n          </h2>\n\n          <button type=\"button\" className=\"btn-yes-dai w-100 py-2 mb-2\">\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleNoAddMetamask}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n\n      {disconnect && (\n        <div ref={disconnectRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Disconnect Wallet?\n          </h2>\n\n          <button\n            type=\"button\"\n            onClick={signOut}\n            className=\"btn-yes w-100 py-2 mb-2\"\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n    </Container>\n  );\n};\n\nexport default WalletAvatar;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/sample_1.8c2a5097.png\";","export default __webpack_public_path__ + \"static/media/sample_2.6f3bd030.png\";","export default __webpack_public_path__ + \"static/media/sample_3.d2b95b62.png\";","export default __webpack_public_path__ + \"static/media/sample_4.1fc0ed41.png\";","export default __webpack_public_path__ + \"static/media/sample_5.921fbf1d.png\";","export default __webpack_public_path__ + \"static/media/sample_6.89ccc853.png\";","export default __webpack_public_path__ + \"static/media/sample_7.c4ffa8a6.png\";","export default __webpack_public_path__ + \"static/media/sample_8.72ea1d31.png\";","export default __webpack_public_path__ + \"static/media/sample_9.66e7372d.png\";","export default __webpack_public_path__ + \"static/media/sample_10.36254671.png\";","export default __webpack_public_path__ + \"static/media/sample_11.6b865cd1.png\";","export default __webpack_public_path__ + \"static/media/sample_12.0eb9aaa7.png\";","export default __webpack_public_path__ + \"static/media/sample_13.b5786357.png\";","export default __webpack_public_path__ + \"static/media/sample_14.eac663b3.png\";","export default __webpack_public_path__ + \"static/media/sample_15.eb260c61.png\";","export default __webpack_public_path__ + \"static/media/sample_16.bf909d0e.png\";","export default __webpack_public_path__ + \"static/media/logo-p-white.a856c62c.svg\";","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { FormHandles } from '@unform/core';\nimport * as Yup from 'yup';\nimport party from 'party-js';\nimport Slider from 'react-slick';\nimport { BsArrowReturnRight } from 'react-icons/bs';\nimport { SlRefresh } from 'react-icons/sl';\nimport { addDays, addMinutes, parseISO } from 'date-fns';\nimport getValidationErros from '~/utils/getValidationsErrors';\nimport { web3store } from '~/store';\n\nimport { Container, Modal, ModalHistory } from './styles';\nimport Input from '~/components/Input';\nimport Loading from '~/components/Loading';\nimport RevealEffect from '~/components/RevealEffect';\nimport WalletAvatar from '~/components/WalletAvatar';\n\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport sample2 from '~/assets/defaults/sample_2.png';\nimport sample3 from '~/assets/defaults/sample_3.png';\nimport sample4 from '~/assets/defaults/sample_4.png';\nimport sample5 from '~/assets/defaults/sample_5.png';\nimport sample6 from '~/assets/defaults/sample_6.png';\nimport sample7 from '~/assets/defaults/sample_7.png';\nimport sample8 from '~/assets/defaults/sample_8.png';\nimport sample9 from '~/assets/defaults/sample_9.png';\nimport sample10 from '~/assets/defaults/sample_10.png';\nimport sample11 from '~/assets/defaults/sample_11.png';\nimport sample12 from '~/assets/defaults/sample_12.png';\nimport sample13 from '~/assets/defaults/sample_13.png';\nimport sample14 from '~/assets/defaults/sample_14.png';\nimport sample15 from '~/assets/defaults/sample_15.png';\nimport sample16 from '~/assets/defaults/sample_16.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\n\ninterface IFormData {\n  seed: string;\n  prompt: string;\n}\n\ninterface IUrlHistory {\n  imgURL: string;\n  prompt: string;\n  seed: number;\n  expired_in: Date;\n}\n\nconst ClaimNft: React.FC = () => {\n  const formRef = useRef<FormHandles>(null);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const history = useHistory();\n  const [imgSeed, setImgSeed] = web3store.useState('imgSeed');\n  const [, setImgCommand] = web3store.useState('imgCommand');\n  const [show, setShow] = useState(false);\n  const [showHistory, setShowHistory] = useState(false);\n  const [showNft, setShowNft] = useState(false);\n  const [imgURL, setImgURL] = web3store.useState('imgURL');\n  const [, setNftimg] = web3store.useState('nftimg');\n  const [loading, setLoading] = useState(false);\n\n  const [valueInput, setValueInput] = useState('');\n  const [seed, setSeed] = useState('');\n  const [revealEffectRef, setRevealEffectRef] = useState<any>({\n    current: null,\n  });\n  const [urlHistory, setUrlHistory] = useState<IUrlHistory[]>([]);\n\n  const sampleImage = useMemo(\n    () => [\n      [\n        {\n          image: sample1,\n          description:\n            'gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n        {\n          image: sample2,\n          description:\n            'wolf knight, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k 16K, professional color grading, soft shadows, high contrast, clean sharp focus, award-winning cinematic photography, 4k up light',\n        },\n        {\n          image: sample3,\n          description:\n            'Goddess of nature, native American Indian, green vines and flowers with black flowing for hair, feathers, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n        {\n          image: sample4,\n          description:\n            'beautiful female warrior wearing Dark Brotherhood armour , beautiful face, glowing eyes, epic war zone, full shot, intricate details, symmetrical, Todd Mcfarlane, Diego Dayer, Anna, Dittmann, Unreal 5, hyperrealistic, dynamic lighting, neon ambience, volumetric lighting, fantasy art',\n        },\n      ],\n      [\n        {\n          image: sample5,\n          description:\n            'robotic goddess, cyborg, ornate translucent glowing sapphire and amethyst and emerald and silver, impressionist painting on canvas, female android, flowers, in the style of Jean-Baptiste Monge:20 , outer space, vanishing point, super highway, high speed, digital render, digital painting, beeple, noah bradley, cyril roland, ross tran, trending on artstation',\n        },\n        {\n          image: sample6,\n          description:\n            'Dark skin, handsome outlaw, futuristic gunslinger, sci-fi, white hero suit, bad boy, HD, dark background,  unreal engine, 8k',\n        },\n        {\n          image: sample7,\n          description:\n            'beautiful horse, portrait, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k long hair, blue eyes, colorful synthwave neon',\n        },\n        {\n          image: sample8,\n          description:\n            'cute dragon holding heart, stunning, not ugly, up lighting',\n        },\n      ],\n      [\n        {\n          image: sample9,\n          description:\n            'Viking, barbarian, warrior, glowing eyes, horned helmet, beard, angry face, high detail, inky',\n        },\n        {\n          image: sample10,\n          description:\n            'A beautiful female super model, mixed media, wet paint, Jewel bug, color background, flowing liquid color down her face, shot by ZHANG JINGNA',\n        },\n        {\n          image: sample11,\n          description:\n            'black woman, gorgeous cyberpunk hacker, wires cybernetic implants, in the style of adrian ghenie esao andrews jenny saville surrealism dark art by james jean takato yamamoto and blii sienkiewicz, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by greg rutkowski',\n        },\n        {\n          image: sample12,\n          description:\n            'White lion, full fur, facing at the camera, very colorful, 8k, highly detailed synth wave neon',\n        },\n      ],\n      [\n        {\n          image: sample13,\n          description:\n            'character design of a handsome young warrior with armor, cel shading, stunning quality, octane render, close-up portrait shot, intricate details, highly detailed, a 70mm portrait, iso 100, focus mode, f/100, locs, blasian, perfect composition, beautiful detailed intricate insanely detailed octane render artistic photography, concept art, cinematic perfect light, masterpiece',\n        },\n        {\n          image: sample14,\n          description:\n            'cyberpunk Trooper warrior portrait, red eyes, Tribal tattoo on face, horn on the head, neon color, realistic pencil drawing, hyper-detailed, cinematic, oil painting style, HD',\n        },\n        {\n          image: sample15,\n          description:\n            'blonde paladin, black and white, old man face, blue eyes, high details, cinematic lighting, moody, wrinkles in the face, uhq',\n        },\n        {\n          image: sample16,\n          description:\n            'An epic portrait of an ancient warrior, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by WLOP, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n      ],\n    ],\n    []\n  );\n\n  const settings = {\n    dots: true,\n    infinite: false,\n    speed: 500,\n    slidesToShow: 4,\n    slidesToScroll: 4,\n    nextArrow: <button type=\"button\">next</button>,\n  };\n\n  useEffect(() => {\n    // setLoading(false); // Delete this after\n    // sole.log(imgURL, 'img url');\n    // if (imgURL) {\n    //   setTimeout(() => {\n    //     setLoading(false);\n    //   }, 4000);\n    // }\n\n    console.clear();\n    console.log('seed:', imgSeed);\n    setSeed(imgSeed);\n    console.log('AQUI');\n  }, [imgSeed]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setShowNft(false);\n\n    setTimeout(() => {\n      setImgURL('');\n    }, 2000);\n  }, [setImgURL]);\n\n  const handleShow = useCallback(() => {\n    setLoading(true);\n    setShow(true);\n\n    setTimeout(() => {\n      if (cardRef.current) {\n        party.confetti(cardRef.current, {\n          count: 50,\n          size: 2,\n        });\n      }\n      setShowNft(true);\n    }, 2000);\n  }, []);\n\n  const handleShowHistory = useCallback(() => {\n    setShowHistory(true);\n  }, []);\n\n  const handleCloseHistory = useCallback(() => {\n    setShowHistory(false);\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (data: IFormData) => {\n      setLoading(true);\n\n      try {\n        formRef.current?.setErrors({});\n        const schema = Yup.object().shape({\n          prompt: Yup.string().required('This value is required'),\n        });\n\n        await schema.validate(data, {\n          abortEarly: false,\n        });\n\n        revealEffectRef.current?.restartAnimation();\n\n        console.log(seed);\n\n        setImgSeed(seed);\n        setImgCommand(data.prompt);\n        setTimeout(() => {\n          handleShow();\n          setLoading(false);\n        }, 20000);\n      } catch (error) {\n        console.log(error);\n        if (error instanceof Yup.ValidationError) {\n          const errors = getValidationErros(error);\n          formRef.current?.setErrors(errors);\n        }\n\n        setLoading(false);\n      }\n    },\n    [handleShow, revealEffectRef, seed, setImgCommand, setImgSeed]\n  );\n\n  const handleClickMint = useCallback(\n    (nftImgUrl?: string) => {\n      setNftimg(nftImgUrl || imgURL);\n      setImgURL(nftImgUrl || imgURL);\n\n      setTimeout(() => {\n        history.push(`${process.env.PUBLIC_URL}/how-to-participate`);\n      }, 100);\n    },\n    [history, imgURL, setImgURL, setNftimg]\n  );\n\n  const handleValueInput = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValueInput(e.target.value);\n    },\n    []\n  );\n\n  const handleClickGenerate = useCallback((item) => {\n    setSeed(item.seed);\n    setValueInput(item.prompt);\n    setTimeout(() => {\n      formRef.current?.submitForm();\n    }, 100);\n  }, []);\n\n  useEffect(() => {\n    const imagesHistory = localStorage.getItem('@PROFIT:imagesHistory');\n    if (imagesHistory) {\n      const data = JSON.parse(imagesHistory) as IUrlHistory[];\n      const newUrlHistory = data.filter((item) => {\n        return (\n          parseISO(item.expired_in as unknown as string) >\n          addMinutes(new Date(), 30)\n        );\n      });\n      setUrlHistory(newUrlHistory);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (urlHistory.length > 0) {\n      localStorage.setItem('@PROFIT:imagesHistory', JSON.stringify(urlHistory));\n    }\n  }, [urlHistory]);\n\n  const handleHistory = useCallback(\n    (prompt) => {\n      setUrlHistory((state: any) => [\n        { imgURL, prompt, seed, expired_in: addDays(new Date(), 3) },\n        ...state,\n      ]);\n    },\n    [imgURL, seed]\n  );\n\n  const handleTryAgain = useCallback(() => {\n    setTimeout(() => {\n      setImgURL('');\n    }, 2000);\n    setShow(false);\n  }, [setImgURL]);\n\n  const handleClickSendPrompt = useCallback(() => {\n    setSeed('');\n    console.log('AQUI');\n    setTimeout(() => {\n      formRef.current?.submitForm();\n    }, 100);\n  }, []);\n\n  return (\n    <>\n      <Container\n        ref={formRef}\n        onSubmit={handleSubmit}\n        className=\"col-lg-10 max-width pb-3 p-4 p-xxl-5 mb-5 text-center text-lg-end\"\n      >\n        <div className=\"d-none d-lg-flex justify-content-end logo mb-n5\">\n          <WalletAvatar />\n        </div>\n        <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n          <div className=\"col-lg-11 zoom text-center\">\n            <h1 className=\"h2 display-lg-4\">\n              <span>Anything You Can Dream Of</span>\n            </h1>\n            <div className=\"row justify-content-center\">\n              <div className=\"col-lg-12\">\n                <h2 className=\"h5 my-4 my-lg-2\">\n                  Here you can create your exclusive NFT using your own words\n                  with our state-of-the-art AI technology.\n                </h2>\n                <h3 className=\"my-3\">\n                  Simply type in what you want for your unique NFT and own the\n                  only one in the world.\n                </h3>\n                <h4>Here are some samples of what you can type:</h4>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"row mb-5\">\n          {sampleImage.map((cols) => (\n            <div className=\"col-lg-3 sample zoom px-1\">\n              {cols.map((item) => (\n                <div className=\"hover position-relative mb-2\">\n                  <img src={item.image} alt=\"Sample Image\" className=\"w-100\" />\n                  <div className=\"d-flex flex-column justify-content-between align-items-end position-absolute p-4\">\n                    <button\n                      type=\"button\"\n                      className=\"border-0 text-end\"\n                      onClick={() => {\n                        setValueInput(item.description);\n                      }}\n                    >\n                      Try this\n                    </button>\n\n                    <p className=\"text-center\">{item.description}</p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ))}\n\n          <div className=\"area-send position-absolute\">\n            <div className=\"text-start mg-left\">\n              <button\n                type=\"button\"\n                onClick={handleShowHistory}\n                className={`history-btn ${\n                  urlHistory.length === 0 && 'invisible'\n                }`}\n              >\n                <SlRefresh color=\"#8d8d8d\" size={16} className=\"me-2\" /> VIEW\n                HISTORY\n              </button>\n            </div>\n            <div className=\"d-flex mx-auto align-items-center zoom border-textarea\">\n              <Input\n                name=\"prompt\"\n                className=\"w-100 border-0 bg-transparent ms-4 textarea\"\n                placeholder=\"Type anything you can dream here...\"\n                onChange={handleValueInput}\n                value={valueInput}\n              />\n              <button\n                type=\"button\"\n                className=\"send d-flex py-3 me-5\"\n                onClick={handleClickSendPrompt}\n              >\n                <BsArrowReturnRight\n                  className=\"me-2\"\n                  color=\"#c4c4c4\"\n                  size={18}\n                />\n                Send\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <ModalHistory\n          size=\"xl\"\n          show={showHistory}\n          onHide={handleCloseHistory}\n          className=\"modal-history-nft\"\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 ms-auto border-0 bg-transparent\"\n            onClick={handleCloseHistory}\n          >\n            x\n          </button>\n\n          <Modal.Header className=\"border-0\" />\n\n          <Modal.Body>\n            <div className=\"px-4 px-sm-5\">\n              <Slider {...settings}>\n                {urlHistory.map((item: any) => (\n                  <div className=\"px-2\">\n                    <div className=\"hover position-relative mb-2\">\n                      <img\n                        src={item.imgURL}\n                        alt=\"History Image\"\n                        className=\"w-100\"\n                      />\n                      <div className=\"d-flex hover-btns flex-column justify-content-between align-items-end position-absolute p-4\">\n                        <div className=\"d-flex justify-content-between w-100\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleClickMint(item.imgURL)}\n                            className=\"border-0 text-end\"\n                          >\n                            Mint NFT\n                          </button>\n                          <button\n                            type=\"button\"\n                            onClick={() => handleClickGenerate(item)}\n                            className=\"border-0 text-end\"\n                          >\n                            Regenerate\n                          </button>\n                        </div>\n\n                        <p className=\"text-center\">{item.prompt}</p>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </Slider>\n            </div>\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 px-4 py-5 mb-5\" />\n        </ModalHistory>\n\n        <Modal\n          className=\"modal-claim-nft text-white d-flex\"\n          size=\"xl\"\n          show={show}\n          showNft={showNft}\n          onHide={() => {\n            handleHistory(valueInput);\n            handleClose();\n          }}\n        >\n          <RevealEffect className=\"d-none d-lg-block\" initializeScene={show} />\n          <Modal.Header className=\"border-0 p-3 pb-0\">\n            <div className=\"d-flex justify-content-between w-100 header\">\n              <img src={logo} alt=\"Logo\" className=\"\" />\n              <button\n                type=\"button\"\n                className=\"h4 modal-close mb-0 ms-auto border-0 bg-transparent\"\n                onClick={() => {\n                  handleHistory(valueInput);\n                  handleClose();\n                }}\n              >\n                x\n              </button>\n            </div>\n          </Modal.Header>\n          <Modal.Body className=\"py-0\">\n            <div className=\"container\">\n              <div className=\"row justify-content-center\">\n                <div className=\"col-sm-9 col-lg-6 d-flex justify-content-center\">\n                  <div className=\"item-group\">\n                    {!loading && (\n                      <div\n                        ref={cardRef}\n                        className=\"bg-nft p-2 position-relative\"\n                      >\n                        <img\n                          src={imgURL}\n                          alt=\"NFT Generated\"\n                          className=\"w-100 nft\"\n                        />\n                        <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode justify-content-center align-items-center\">\n                          <div className=\"w-60\">\n                            <span>\n                              Serial #<br />\n                              <span className=\"fw-bold\">0000123</span>\n                            </span>\n                          </div>\n                          <div className=\"w-30 text-end\">\n                            <img\n                              src={qrCode}\n                              alt=\"Qr Code\"\n                              className=\"w-75 qr-code bg-qrcode p-3\"\n                            />\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <div className=\"row justify-content-center\">\n                <div className=\"col-sm-9 col-lg-6 px-4 pt-5 mt-5\">\n                  <div className=\"d-flex mx-auto py-3 justify-content-evenly bg-main px-3\">\n                    <button\n                      type=\"button\"\n                      onClick={() => {\n                        handleTryAgain();\n                        handleHistory(valueInput);\n                      }}\n                      className=\"w-50 try-again me-2\"\n                    >\n                      Try Again\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"w-50 btn-mint ms-2\"\n                      onClick={() => handleClickMint()}\n                    >\n                      MINT\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Modal.Body>\n        </Modal>\n      </Container>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"GENERATING ART...\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default ClaimNft;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  img {\n    width: 42px;\n    height: 42px;\n  }\n\n  .bg-values {\n    background-color: #1d1d1f;\n    border-radius: 24px 10px 10px 24px;\n  }\n\n  .bg-values span {\n    min-width: 130px;\n    font-weight: 600;\n  }\n\n  .wm-tooltip {\n    position: relative;\n  }\n\n  .wm-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: -82px;\n    width: 110px;\n    bottom: 23px;\n    z-index: 10000;\n    box-shadow: -2px 7px 15px 0px rgba(0, 0, 0, 0.16);\n  }\n\n  .wm-tooltip:hover:after {\n    display: block;\n  }\n\n  .addPRFTI {\n    top: 104px;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n\n    h2 {\n      color: #dadada;\n    }\n\n    .btn-yes {\n      background: #8767ed;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n\n    .btn-no {\n      background: #2b3247;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n  }\n\n  .addUSDPI {\n    top: 104px;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n\n    h2 {\n      color: #dadada;\n    }\n\n    .btn-yes {\n      background: #01c2c5;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n\n    .btn-no {\n      background: #2b3247;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    zoom: 0.8;\n  }\n\n  @media screen and (max-width: 1399px) {\n    zoom: 0.7;\n  }\n`;\n","export default \"data:image/png;base64,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\"","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { IoMdLogOut } from 'react-icons/io';\nimport { truncate } from 'truncate-ethereum-address';\nimport { IoIosArrowDown } from 'react-icons/io';\nimport { MdOutlineLightMode } from 'react-icons/md';\nimport { useAuth } from '~/hooks/Auth';\n\nimport WalletAvatar from '../WalletAvatar';\nimport { Container } from './styles';\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport logoPurple from '~/assets/logo/logo-p-purple.svg';\nimport { formatPrice } from '~/utils/format';\nimport { web3store } from '~/store';\n\nconst WalletRow: React.FC = () => {\n  const { user } = useAuth();\n  const location = useLocation();\n  const history = useHistory();\n  const addUSDPIRef = useRef<HTMLDivElement>(null);\n  const addPRFTIRef = useRef<HTMLDivElement>(null);\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [balprfti] = web3store.useState('balprfti');\n  const [account, setAccount] = web3store.useState('account');\n  const [balance, setBalance] = useState(false);\n  const [disconnect, setDisconnect] = useState(false);\n  const [addPRFTI, setAddPRFTI] = useState(false);\n  const [addUSDPI, setAddUSDPI] = useState(false);\n  // Globals\n  const [walletAddPRFTI, setWalletAddPRFTI] =\n    web3store.useState('walletAddPRFTI');\n  const [walletAddUSDPI, setWalletAddUSDPI] =\n    web3store.useState('walletAddUSDPI');\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      if (\n        addUSDPI &&\n        addUSDPIRef.current &&\n        e.target !== addUSDPIRef.current &&\n        !addUSDPIRef.current.contains(e.target)\n      ) {\n        setTimeout(() => {\n          setAddUSDPI(false);\n        }, 200);\n      }\n      if (\n        addPRFTI &&\n        addPRFTIRef.current &&\n        e.target !== addPRFTIRef.current &&\n        !addPRFTIRef.current.contains(e.target)\n      ) {\n        setTimeout(() => {\n          setAddPRFTI(false);\n        }, 200);\n      }\n    },\n    [addUSDPI, addPRFTI]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick);\n  }, [handleOutsideClick]);\n\n  const balanceData = useMemo(() => {\n    return {\n      usdpi: formatPrice(\n        parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2))\n      ),\n      prfti: formatPrice(\n        parseFloat((parseInt(balprfti, 10) / 10 ** 18).toFixed(2))\n      ),\n    };\n  }, [balprfti, balusdpi]);\n\n  const handleClickAddPRFTI = useCallback(() => {\n    if (addUSDPI) {\n      setAddUSDPI(false);\n    }\n    setTimeout(() => {\n      setAddPRFTI(!addPRFTI);\n    }, 100);\n  }, [addPRFTI, addUSDPI]);\n\n  const handleClickClosePRFTI = useCallback(() => {\n    setAddPRFTI(false);\n  }, []);\n\n  const handleClickAddUSDPI = useCallback(() => {\n    if (addPRFTI) {\n      setAddPRFTI(false);\n    }\n    setTimeout(() => {\n      setAddUSDPI(!addUSDPI);\n    }, 100);\n  }, [addPRFTI, addUSDPI]);\n\n  const handleClickCloseUSDPI = useCallback(() => {\n    setAddUSDPI(false);\n  }, []);\n\n  const handleClickPRFTIYes = useCallback(() => {\n    setWalletAddPRFTI(true);\n    setAddPRFTI(false);\n  }, [setWalletAddPRFTI]);\n\n  const handleClickUSDPIYes = useCallback(() => {\n    setWalletAddUSDPI(true);\n    setAddUSDPI(false);\n  }, [setWalletAddUSDPI]);\n\n  const locationBar = [\n    '/get-your-free-nft',\n    '/how-to-participate',\n    '/activate-your-profit-centers',\n    '/activate-your-profit-centers/skip',\n    '/earn-even-more',\n    '/final-step',\n    '/ai-avatar',\n    '/what-to-expect',\n  ];\n\n  return (\n    <Container\n      className={`${\n        locationBar.includes(location.pathname) ? 'd-none d-lg-block' : 'd-flex'\n      } justify-content-end align-items-center px-2`}\n    >\n      <div\n        className={`d-flex align-items-center ${\n          locationBar.includes(location.pathname) ? 'mb-4' : 'me-3'\n        }`}\n      >\n        <div\n          className=\"bg-values d-flex wm-tooltip\"\n          data-tooltip=\"Your balance of $PRFTI Tokens\"\n        >\n          <button\n            type=\"button\"\n            className={`${\n              locationBar.includes(location.pathname) ? 'pe-none' : ''\n            } border-0 bg-transparent`}\n            onClick={handleClickAddPRFTI}\n          >\n            <img src={logoPurple} alt=\"Logo\" />\n          </button>\n          <span className=\"d-flex align-items-center h6 text-white mb-0 px-3 px-xl-4\">\n            {balanceData.prfti}\n          </span>\n        </div>\n        {addPRFTI && (\n          <div ref={addPRFTIRef} className=\"addPRFTI position-absolute p-4\">\n            <h2 className=\"mb-4 text-disconnect text-center\">\n              Add PRFTI To MetaMask?\n            </h2>\n\n            <button\n              type=\"button\"\n              className=\"btn-yes w-100 py-2 mb-2\"\n              onClick={handleClickPRFTIYes}\n            >\n              Yes\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn-no py-2  mb-2 w-100\"\n              onClick={handleClickClosePRFTI}\n            >\n              No\n            </button>\n          </div>\n        )}\n      </div>\n\n      <div\n        className={`d-flex align-items-center  ${\n          locationBar.includes(location.pathname) ? '' : 'me-3'\n        }`}\n      >\n        <div\n          className=\"bg-values d-flex wm-tooltip\"\n          data-tooltip=\"Your balance of $USDPI Tokens\"\n        >\n          <button\n            type=\"button\"\n            className={`${\n              locationBar.includes(location.pathname) ? 'pe-none' : ''\n            } border-0 bg-transparent`}\n            onClick={handleClickAddUSDPI}\n          >\n            <img src={logoSwap} alt=\"Logo\" />\n          </button>\n          <span className=\"d-flex align-items-center h6 text-white mb-0 px-3 px-xl-4\">\n            {balanceData.usdpi}\n          </span>\n        </div>\n        {addUSDPI && (\n          <div ref={addUSDPIRef} className=\"addUSDPI position-absolute p-4\">\n            <h2 className=\"mb-4 text-disconnect text-center\">\n              Add USDPI To MetaMask?\n            </h2>\n\n            <button\n              type=\"button\"\n              className=\"btn-yes w-100 py-2 mb-2\"\n              onClick={handleClickUSDPIYes}\n            >\n              Yes\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn-no py-2  mb-2 w-100\"\n              onClick={handleClickCloseUSDPI}\n            >\n              No\n            </button>\n          </div>\n        )}\n      </div>\n\n      <div\n        className={`${locationBar.includes(location.pathname) ? 'd-none' : ''}`}\n      >\n        <WalletAvatar />\n      </div>\n    </Container>\n  );\n};\n\nexport default WalletRow;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  height: 100%;\n\n  > a {\n    height: 100%;\n  }\n\n  .timeline-box {\n    background-color: #212122;\n    box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n    padding-left: 3.5rem;\n    padding-right: 3.5rem;\n    .sinalizer {\n      > div:nth-child(1) {\n        height: 50px;\n        width: 1px;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        margin: 0px auto;\n        opacity: 0;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        div {\n          width: 30px;\n          height: 30px;\n          border-radius: 50%;\n          background: #333333;\n        }\n      }\n\n      > div:nth-child(3) {\n        height: 50px;\n        width: 1px;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        margin: 0px auto;\n        opacity: 0;\n      }\n    }\n\n    p {\n      width: 130px;\n      color: #404040;\n      font-weight: 700 !important;\n      font-size: 18px;\n    }\n\n    a {\n      pointer-events: none;\n      cursor: default;\n      text-decoration: none;\n    }\n\n    a.active {\n      pointer-events: initial;\n      cursor: pointer;\n    }\n\n    .active {\n      .sinalizer {\n        > div:nth-child(1),\n        div:nth-child(3) {\n          opacity: 1;\n        }\n\n        > div:nth-child(2) {\n          background: linear-gradient(\n            180deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            rgba(255, 255, 255, 0.096) 100%\n          );\n          box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n            inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n            inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n            inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n            inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n            inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n            inset 0px 4px 18px rgba(255, 255, 255, 0),\n            inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n          backdrop-filter: blur(2px);\n          border-radius: 50%;\n\n          div {\n            background: linear-gradient(\n              239.23deg,\n              #9df3ff 7.84%,\n              #bcffe5 28.62%,\n              #deefd1 38.94%,\n              #ffe0be 49.96%,\n              #fbc2d3 64.82%,\n              #fabcd6 67.63%,\n              #f281ff 91.88%\n            );\n          }\n        }\n      }\n\n      p {\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        font-size: 18px;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .timeline-box {\n      padding-left: 2.75rem;\n      padding-right: 2.75rem;\n    }\n    .active .sinalizer p,\n    .timeline-box p,\n    .timeline-box .active p {\n      font-size: 14px;\n    }\n\n    .timeline-box .sinalizer > div:nth-child(2) div {\n      width: 23px;\n      height: 23px;\n    }\n\n    .timeline-box .sinalizer > div:nth-child(2) {\n      width: 37px;\n      height: 37px;\n    }\n\n    .timeline-box .sinalizer > div:nth-child(1),\n    .timeline-box .sinalizer > div:nth-child(3) {\n      height: 37px;\n    }\n  }\n  @media screen and (max-width: 1399px) {\n    .timeline-box {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .timeline-box {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      .sinalizer {\n        > div:nth-child(2) {\n          width: 40px;\n          height: 40px;\n\n          div {\n            width: 25px;\n            height: 25px;\n          }\n        }\n      }\n\n      p {\n        font-size: 90%;\n      }\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    overflow: auto;\n    ::-webkit-scrollbar-thumb {\n      background: transparent !important;\n    }\n    .timeline-box {\n      background: transparent;\n      box-shadow: 8px 16px 40px transparent;\n      > a {\n        display: none !important;\n        width: 50%;\n      }\n\n      .sinalizer {\n        > div:nth-child(1),\n        > div:nth-child(3) {\n          height: 1px;\n          width: 100px;\n        }\n      }\n\n      p {\n        text-align: center;\n      }\n\n      .active,\n      .semi {\n        display: flex !important;\n      }\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .timeline-box .sinalizer {\n      > div:nth-child(1),\n      > div:nth-child(3) {\n        width: 20vw;\n      }\n    }\n  }\n\n  @media screen and (max-width: 390px) {\n    .timeline-box .sinalizer {\n      > div:nth-child(1),\n      > div:nth-child(3) {\n        width: 19vw;\n      }\n    }\n  }\n`;\n","import React, { useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { convertTypeAcquisitionFromJson } from 'typescript';\nimport WalletRow from '~/components/WalletRow';\n\nimport { Container } from './styles';\n\ninterface IStep {\n  value: string;\n  active: boolean;\n  semi?: boolean;\n  url?: string;\n}\n\ninterface ITimelineProps {\n  steps: IStep[];\n}\n\nconst Timeline: React.FC<ITimelineProps> = ({ steps }) => {\n  const [stepsData, setStepsData] = useState<IStep[]>([]);\n\n  useEffect(() => {\n    const data: IStep[] = steps.map((step) => ({\n      value: step.value,\n      active: step.active,\n      semi: step.semi,\n      url: step.value.replace(/\\s+/g, '-').replace('!', '').toLowerCase(),\n    }));\n    setStepsData(data);\n\n    setTimeout(() => {\n      document\n        .querySelector('.scroll')\n        ?.scrollTo({ left: 900, behavior: 'smooth' });\n    }, 1000);\n  }, [steps]);\n\n  return (\n    <Container className=\"scroll\">\n      <div className=\"timeline-box w-100 h-100 d-flex flex-lg-column py-4\">\n        {stepsData.map((step, index) => (\n          <Link\n            key={step.value}\n            to={`${process.env.PUBLIC_URL}/${step.url}`}\n            className={`d-flex flex-column flex-lg-row align-items-center ${\n              index !== 0 && index !== steps.length - 1\n                ? 'align-items-center'\n                : ''\n            } ${index === steps.length - 1 ? 'align-items-end' : ''} ${\n              step.active ? 'active' : ''\n            } ${step.semi ? 'semi' : ''}`}\n          >\n            <div className=\"sinalizer d-flex d-lg-block align-items-center\">\n              <div className={index === 0 ? 'opacity-0' : ''} />\n              <div>\n                <div />\n              </div>\n              <div className={index === steps.length - 1 ? 'opacity-0' : ''} />\n            </div>\n            <p className=\"mx-2 mt-2 mt-lg-0 mb-0 w-100 w-md-auto\">\n              {step.value}\n            </p>\n          </Link>\n        ))}\n        <WalletRow />\n      </div>\n    </Container>\n  );\n};\n\nexport default Timeline;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  z-index: 1;\n\n  button {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  video {\n    width: 100%;\n    border-radius: 35px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    video {\n      border-radius: 15px;\n    }\n  }\n`;\n","import React, { useState, useCallback } from 'react';\n\nimport { Container } from './styles';\n\nimport playIcon from '~/assets/icons/play.png';\n\ninterface IPlayer {\n  src: string;\n  thumbnail: string;\n}\n\nconst Player: React.FC<IPlayer> = ({ src, thumbnail }) => {\n  const [play, setPlay] = useState(false);\n\n  const handleClick = useCallback(() => {\n    const vid = document.getElementById('video') as HTMLVideoElement;\n    if (vid) {\n      if (!play) {\n        vid.play();\n      } else {\n        vid.pause();\n      }\n    }\n    setPlay((state) => !state);\n  }, [play]);\n\n  return (\n    <Container className=\"video w-100 position-relative\">\n      <video src={src} poster={thumbnail} onClick={handleClick} id=\"video\">\n        <track default kind=\"captions\" srcLang=\"pt-BR\" src={src} />\n        Sorry, your browser doesn't support embedded videos.\n      </video>\n      <button\n        type=\"button\"\n        className={`${\n          play ? 'd-none' : 'd-block'\n        } position-absolute border-0 bg-transparent zoom w-100 h-100`}\n        onClick={handleClick}\n      >\n        <img src={playIcon} alt=\"Play\" className=\"w-25 w-xl-auto\" />\n      </button>\n    </Container>\n  );\n};\n\nexport default Player;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAACrCAMAAADB9PcVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAIfUExURUdwTP////////////////////////////////////////////39/f/////////09P///+b/9f////z8+/////n++/39+P/+/v7o7f/7+/j+/f75+v3///349/j37Pv9/f/+/vP+/P77//7x+un/+PzZ+P///+v9/PD+/vb8+v3g9fza+v3w/Pj//P7o8e3+/vT+/f7i7fz7/f3z/f/+9/P04//nzNP+9Nb99+z35v/u3Nr/8/bz4tT99+r46Ob77Nj/8uD9/P7b0N365/ry4P7i5Nr86tT/8f/r3v3X0+L979f9+tj+9v/jzf7f5eX++/3T1db+9NX/7/3b5ery3Pfr0v7m4uP24dv9+v7fzv7f4fzP4eD45OD87PzJ3Ob56fzM2v/r4u7x2fvpz9f+7f3Q2PzR6Pm76P7j4PHv193/8vvH7/zT4vD25vm37PvC4ef03v3w3vm38f/w4uj45v3Z6fq+5fm78/vL49r+7/3W4vvM6PvL7fvG3u/15N797uH/9+L66fTt1PvQ7fq+7frC5/f26P3W5v/n3//s6PzW6/vG6frB8v7n6Nz+9/rK+PrD7frG9f/9/fvF4/m67v3b4fv15/L46vzX8fm+9fvQ+frD9//w6Or88P7j6Pb57vvR9PvL8v/p1f3e7/78+P3d6P7i1u767vjv2vL/+vzY+f71+v3W2uv14v7r+/7c2v337/7n8P7v8ev++/zh+kfXDRIAAAA0dFJOUwArHgMwBiQzMjELEUstGWUV/yiZNH/P5ss/tIs/p+Zp8mXZeeXmWKbIWKryWKry2ebl8ua2UNDrAAAaO0lEQVR42s2dCX8UxdbGmUln+pzJJAzZCBBAwV3x6n1/QASQKKu5KAYEZRMjm0QUMV4gbIkKyH4hrCqABsQARBD5gG/tdU51DwkQxFJNMpme/vdTz1mqZjIzbNiQjrLyvBvlZcP+iaMsX5HNVmfiuDb2A+JMLldVkf/HIJdVZHNRzAaQL5K9Old84rwCM+MJaxOw9hv5/1w2/+Q4iznPBO4/iFOHvDnKVZQ/Ec5agQVcPgtrHQBGanD61uYq/l4r5Ime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\"","export default __webpack_public_path__ + \"static/media/thumbnail-opportunity-rectangle.10e59cbe.png\";","export default __webpack_public_path__ + \"static/media/thumbnail-opportunity-new.b44b99bd.png\";","import React, { useCallback, useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Banner } from './styles';\nimport ClaimNft from './ClaimNft';\nimport Timeline from '~/components/Timeline';\nimport Player from '~/components/Player';\nimport WalletAvatar from '~/components/WalletAvatar';\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\nimport thumbnail from '~/assets/defaults/thumbnail-opportunity-new.png';\n\nconst Sales: React.FC = () => {\n  const [claimNft, setClaimNft] = useState(false);\n  localStorage.setItem('@PROFITi:lastPage', `FUNNEL`);\n\n  const history = useHistory();\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Get Your Free\tNFT',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: false,\n        semi: true,\n      },\n      {\n        value: 'Activate Your Profit Centers',\n        active: false,\n      },\n      {\n        value: 'Earn Even More!',\n        active: false,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n      },\n    ],\n    []\n  );\n\n  const handleClick = useCallback(() => {\n    setClaimNft(true);\n  }, []);\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"bg-gray col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n            {!claimNft && (\n              <div className=\"col-lg-10 max-width pb-3 p-lg-5 text-center text-lg-end\">\n                <div className=\"d-none d-lg-flex justify-content-end logo mb-n5\">\n                  <WalletAvatar />\n                </div>\n                <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                  <div className=\"col-lg-9 text-center zoom\">\n                    <h1 className=\"h2 display-lg-4\">\n                      <span>Discover Everything</span>\n                    </h1>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-12 col-xxl-10\">\n                        <p className=\"gradient-parts h5 my-4 my-lg-2\">\n                          <span>What you need to know to</span>{' '}\n                          <b>position yourself today</b>{' '}\n                          <span>in what will be the</span> <b>best</b>{' '}\n                          <span>and most</span> <b>lucrative opportunity</b>{' '}\n                          <span>of the decade.</span>\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"row justify-content-center px-lg-5\">\n                  <div className=\"col-11 col-md-9 position-relative\">\n                    <img\n                      src={retangle}\n                      alt=\"\"\n                      className=\"back-retangle-right\"\n                    />\n                    <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n\n                    <Player\n                      src=\"https://prfti.s3.amazonaws.com/1.mp4\"\n                      thumbnail={thumbnail}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"row justify-content-center px-lg-5 mt-4\">\n                  <div className=\"col-11 col-md-9 zoom btn-claim\">\n                    <button\n                      type=\"button\"\n                      onClick={handleClick}\n                      // onClick={() =>\n                      //   history.push(`${process.env.PUBLIC_URL}/ai-avatar`)\n                      // }\n                      className=\"w-100 mt-4 mt-lg-0\"\n                    >\n                      <b>CLAIM FREE NFT NOW </b>\n                    </button>\n                  </div>\n                </div>\n              </div>\n            )}\n            {claimNft && <ClaimNft />}\n          </div>\n        </div>\n      </Banner>\n    </>\n  );\n};\n\nexport default Sales;\n","import styled from 'styled-components';\nimport { darken } from 'polished';\n\nimport background from '~/assets/banners/background.png';\n\nexport const Banner = styled.div`\n  //background-image: url(${background});\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .gradient-parts span {\n    font-weight: 300;\n    font-size: 20px;\n    color: #f2f2f2;\n  }\n\n  .gradient-parts b {\n    font-weight: 700;\n    font-size: 20px;\n  }\n\n  .btn-activate {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .btn-skip {\n    background-color: transparent;\n    color: #fff;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 16px;\n    border: none;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n\n    .btn-activate {\n      font-size: 20px;\n    }\n\n    .btn-skip {\n      font-size: 18px;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Timeline = styled.div`\n  background: #000000;\n  box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n\n  .sinalizer {\n    > div:nth-child(1) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(180deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n\n    > div:nth-child(2) {\n      width: 50px;\n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      div {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #333333;\n      }\n    }\n\n    > div:nth-child(3) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(0deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n  }\n\n  p {\n    width: 130px;\n    color: #404040;\n    font-weight: 700 !important;\n  }\n\n  .active {\n    .sinalizer {\n      > div:nth-child(1),\n      div:nth-child(3) {\n        opacity: 1;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          rgba(255, 255, 255, 0.096) 100%\n        );\n        box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n          inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n          inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n          inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n          inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n          inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n          inset 0px 4px 18px rgba(255, 255, 255, 0),\n          inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border-radius: 50%;\n\n        div {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n        }\n      }\n    }\n\n    p {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n`;\n\nexport const ChooseNft = styled.div`\n  img,\n  button {\n    max-width: 331px;\n  }\n  button {\n    background-color: #00f9ab;\n    border-radius: 20px;\n    padding: 15px 20px;\n    font-weight: 700;\n    font-size: 24px;\n    color: #000;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n    height: 470px;\n  }\n\n  .bg-nft img {\n    height: 70%;\n  }\n\n  .bg-nft span {\n    color: #1b1a18;\n    font-size: 22px;\n    line-height: 20px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/basket-example.603cd3ec.png\";","export default __webpack_public_path__ + \"static/media/hero-example.3349ce45.png\";","export default __webpack_public_path__ + \"static/media/qr-code-example.b993c1a3.png\";","export default __webpack_public_path__ + \"static/media/thumbnail-learn-now.cc7cbdca.png\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: #ff1a50;\n  box-shadow: 0px 4px 4px rgba(255, 26, 80, 0.15);\n\n  svg {\n    height: 30px;\n    width: 30px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    svg {\n      height: 25px;\n      width: 25px;\n    }\n  }\n\n  @media screen and (max-width: 767px) {\n    svg {\n      height: 25px;\n      width: 25px;\n    }\n  }\n`;\n","import React from 'react';\nimport { FaExclamationCircle } from 'react-icons/fa';\n\nimport { Container } from './styles';\n\nconst Attention: React.FC = () => {\n  return (\n    <Container className=\"bg-danger\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col zoom\">\n            <h2 className=\"h6 h5-sm h4-xl text-white mb-0 py-3 text-center\">\n              <FaExclamationCircle />\n              <b className=\"ms-3\">ATTENTION: </b>\n              You{' '}\n              <b className=\"font-weight-600\">\n                <u>Must Watch This Video</u>\n              </b>{' '}\n              To Complete Your Order!\n            </h2>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Attention;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nimport { Banner, ChooseNft } from './styles';\nimport Timeline from '~/components/Timeline';\nimport Player from '~/components/Player';\nimport ButtonBack from '~/components/ButtonBack';\n\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\n\nimport basketExample from '~/assets/defaults/basket-example.png';\nimport heroExample from '~/assets/defaults/hero-example.png';\n\nimport qrCode from '~/assets/defaults/qr-code-example.png';\n\nimport thumbnail from '~/assets/defaults/thumbnail-learn-now.png';\nimport Attention from '~/components/Attention';\nimport WalletAvatar from '~/components/WalletAvatar';\n\nconst ActiveNft: React.FC = () => {\n  const history = useHistory();\n\n  const [chooseNft, setChooseNft] = useState(true);\n\n  const nft = [\n    {\n      id: 1,\n      nftImg: basketExample,\n      serial: '0000123',\n      qrCode,\n    },\n\n    {\n      id: 2,\n      nftImg: heroExample,\n      serial: '0000456',\n      qrCode,\n    },\n  ];\n\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Get Your Free NFT',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: true,\n      },\n      {\n        value: 'Activate Your Profit Centers',\n        active: false,\n        semi: true,\n      },\n      {\n        value: 'Earn Even More!',\n        active: false,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n      },\n    ],\n    []\n  );\n\n  const handleChooseNft = () => {\n    setChooseNft(false);\n  };\n\n  const handleClick = useCallback(\n    (id) => {\n      history.push(`${process.env.PUBLIC_URL}/activate-your-profit-centers`);\n    },\n    [history]\n  );\n\n  return (\n    <Banner className=\"position-relative overflow-hidden w-100\">\n      <div className=\"container-fluid\">\n        <div className=\"row vh-lg-100 overflow-auto\">\n          {chooseNft && (\n            <div className=\"col-12 px-0\">\n              <Attention />\n            </div>\n          )}\n          <div className=\"bg-gray col-lg-2 px-0\">\n            <Timeline steps={steps} />\n          </div>\n          <div className=\"col-lg-10 max-width pb-3 p-lg-4 p-xxl-5 text-center text-lg-left\">\n            <div className=\"d-none d-lg-flex justify-content-between logo mb-n5\">\n              <ButtonBack\n                onClick={() => {\n                  history.push(`${process.env.PUBLIC_URL}/get-your-free-nft`);\n                }}\n              />\n              <WalletAvatar />\n            </div>\n            {chooseNft && (\n              <>\n                <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                  <div className=\"col-lg-9 zoom text-center d-flex justify-content-center\">\n                    <div className=\"w-100\">\n                      <h1 className=\"display-lg-4 fw-bold\">\n                        <span>\n                          <span>Start Earning Today</span>\n                        </span>\n                      </h1>\n                      <div className=\"row justify-content-center\">\n                        <div className=\"col-lg-9 col-xxl-7\">\n                          <p className=\"gradient-parts\">\n                            <span>\n                              Be part of our exclusive affiliate community and\n                              take a step towards\n                            </span>{' '}\n                            <b>Financial Freedom</b>\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"row justify-content-center px-lg-5\">\n                  <div className=\"col-11 col-md-9 position-relative\">\n                    <img\n                      src={retangle}\n                      alt=\"\"\n                      className=\"back-retangle-right\"\n                    />\n                    <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n                    <Player\n                      src=\"https://prfti.s3.amazonaws.com/2.mov\"\n                      thumbnail={thumbnail}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"row justify-content-center px-lg-5 mt-4\">\n                  <div className=\"col-11 col-md-9 zoom\">\n                    <button\n                      type=\"button\"\n                      onClick={handleClick}\n                      className=\"w-100 btn mt-4 mt-lg-0 btn-activate\"\n                    >\n                      <b>ACTIVATE YOUR NFT ACCOUNT NOW</b>\n                    </button>\n                  </div>\n                  <div className=\"col-11 col-md-9 zoom\">\n                    <button\n                      type=\"button\"\n                      className=\"w-100 btn mt-4 btn-skip\"\n                      // onClick={() =>\n                      //   history.push(`${process.env.PUBLIC_URL}/earn-even-more`)\n                      // }\n                      onClick={() =>\n                        history.push(\n                          `${process.env.PUBLIC_URL}/activate-your-profit-centers/skip`\n                        )\n                      }\n                    >\n                      <b>Skip for now</b>\n                    </button>\n                  </div>\n                </div>\n              </>\n            )}\n\n            {!chooseNft && (\n              <>\n                <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                  <div className=\"col-lg-9 text-center d-flex justify-content-center\">\n                    <div className=\"w-100\">\n                      <h1 className=\"display-lg-4 fw-bold\">\n                        <span>\n                          <span>Choose An NFT</span>\n                        </span>\n                      </h1>\n                      <div className=\"row justify-content-center\">\n                        <div className=\"col-lg-9 col-xxl-7\">\n                          <p className=\"gradient-parts\">\n                            <span>\n                              Looks like you have more than one PROFITi NFT in\n                              your wallet, choose which one you would like to\n                              activate\n                            </span>\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <ChooseNft className=\"row justify-content-center px-lg-5\">\n                  {nft.map((nfts) => (\n                    <div\n                      key={nfts.id}\n                      className=\"col-sm-6 col-xl-5 col-xxl-4 d-flex justify-content-center\"\n                    >\n                      <div className=\"d-flex flex-column\">\n                        <div className=\"bg-nft\">\n                          <img\n                            src={nfts.nftImg}\n                            alt=\"Basket Example\"\n                            className=\"w-100 nft p-2\"\n                          />\n                          <div className=\"d-flex pt-4 pb-3 justify-content-center align-items-center\">\n                            <div className=\"w-60 text-start\">\n                              <span>\n                                Serial #<br />\n                                <span className=\"fw-bold\">{nfts.serial}</span>\n                              </span>\n                            </div>\n                            <div className=\"w-30\">\n                              <img\n                                src={nfts.qrCode}\n                                alt=\"Qr Code\"\n                                className=\"w-100 qr-code\"\n                              />\n                            </div>\n                          </div>\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleClick(nfts.id)}\n                          className=\"w-100 my-5\"\n                        >\n                          ACTIVATE\n                        </button>\n                      </div>\n                    </div>\n                  ))}\n                </ChooseNft>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n    </Banner>\n  );\n};\n\nexport default ActiveNft;\n","import styled from 'styled-components';\nimport { darken, lighten } from 'polished';\n\nexport const Banner = styled.div`\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n\n  .btn-no-wish {\n    background-color: transparent;\n    color: #fff;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 16px;\n    border: none;\n    :hover {\n      color: #fff;\n    }\n  }\n\n  .gradient-parts span {\n    color: #f2f2f2;\n    font-weight: 300 !important;\n  }\n\n  .btn-activate {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .btn-skip {\n    background-color: transparent;\n    color: #fff;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 16px;\n    border: none;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Timeline = styled.div`\n  background: #000000;\n  box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n\n  .sinalizer {\n    > div:nth-child(1) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(180deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n\n    > div:nth-child(2) {\n      width: 50px;\n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      div {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #333333;\n      }\n    }\n\n    > div:nth-child(3) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(0deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n  }\n\n  p {\n    width: 130px;\n    color: #404040;\n    font-weight: 700 !important;\n  }\n\n  .active {\n    .sinalizer {\n      > div:nth-child(1),\n      div:nth-child(3) {\n        opacity: 1;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          rgba(255, 255, 255, 0.096) 100%\n        );\n        box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n          inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n          inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n          inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n          inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n          inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n          inset 0px 4px 18px rgba(255, 255, 255, 0),\n          inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border-radius: 50%;\n\n        div {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n        }\n      }\n    }\n\n    p {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/learn-how.4fb5ef64.png\";","import React, { useCallback, useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nimport { BsArrowLeftShort } from 'react-icons/bs';\nimport { Banner } from './styles';\nimport ModalCongratulations from '~/components/ModalCongratulations';\nimport Timeline from '~/components/Timeline';\nimport Player from '~/components/Player';\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\n\nimport thumbnail from '~/assets/defaults/learn-how.png';\nimport Attention from '~/components/Attention';\nimport WalletAvatar from '~/components/WalletAvatar';\nimport ButtonBack from '~/components/ButtonBack';\n\nconst Home: React.FC = () => {\n  const history = useHistory();\n\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Get Your Free NFT',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: true,\n      },\n\n      {\n        value: 'Activate Your Profit Centers',\n        active: true,\n      },\n      {\n        value: 'Earn Even More!',\n        active: true,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n        semi: true,\n      },\n    ],\n    []\n  );\n\n  const handleNoWish = useCallback(() => {\n    localStorage.setItem('wasNoWish', 'noWish');\n    history.push(`${process.env.PUBLIC_URL}/dashboard`);\n  }, [history]);\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"col-12 px-0\">\n              <Attention />\n            </div>\n            <div className=\"bg-gray col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n            <div className=\"col-lg-10 max-width pb-3 p-lg-4 p-xxl-5 text-center text-lg-left\">\n              <div className=\"d-none d-lg-flex justify-content-between logo mb-n5\">\n                <ButtonBack\n                  onClick={() =>\n                    history.push(\n                      `${process.env.PUBLIC_URL}/activate-your-profit-centers`\n                    )\n                  }\n                />\n                <WalletAvatar />\n              </div>\n              <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                <div className=\"col-lg-9 zoom text-center d-flex justify-content-center\">\n                  {/* <div className=\"align-items-center d-none d-lg-flex\">\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        history.push(\n                          `${process.env.PUBLIC_URL}/activate-your-profit-centers`\n                        )\n                      }\n                      className=\"arrow d-flex align-items-center\"\n                    >\n                      <BsArrowLeftShort size={30} />\n                      <span className=\"mr-2 d-block\">Back</span>\n                    </button>\n                  </div> */}\n                  <div>\n                    <h1 className=\"display-lg-4 fw-bold\">\n                      <span>\n                        <span>Earn Even More!</span>\n                      </span>\n                    </h1>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-9 col-xxl-7\">\n                        <p className=\"gradient-parts\">\n                          <span>When you purchase a</span>{' '}\n                          <b>staking contract</b>{' '}\n                          <span>you earn a passive</span>{' '}\n                          <b>60% APY from minting new tokens</b>{' '}\n                          <span>as well as you qualify for</span>{' '}\n                          <b>PROFITI Pool</b> <span>and participate in a</span>{' '}\n                          <b>20% Revenue Share</b>{' '}\n                          <span>from subscriptions</span>\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5\">\n                <div className=\"col-11 col-md-9 position-relative\">\n                  <img src={retangle} alt=\"\" className=\"back-retangle-right\" />\n                  <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n\n                  <Player\n                    src=\"https://prfti.s3.amazonaws.com/3.mov\"\n                    thumbnail={thumbnail}\n                  />\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5 mt-4\">\n                <div className=\"col-11 zoom col-md-9 \">\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      history.push(`${process.env.PUBLIC_URL}/final-step`)\n                    }\n                    className=\"w-100 btn mt-4 mt-lg-0 btn-activate\"\n                  >\n                    <b>EARN MORE NOW</b>\n                  </button>\n                </div>\n                <div className=\"col-11 zoom col-md-9\">\n                  <button\n                    type=\"button\"\n                    onClick={handleNoWish}\n                    className=\"w-100 btn-no-wish mt-4 btn\"\n                  >\n                    No, I do not wish to earn more\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Banner>\n    </>\n  );\n};\n\nexport default Home;\n","export default __webpack_public_path__ + \"static/media/thumb.f24911be.svg\";","export default __webpack_public_path__ + \"static/media/check-icon.b5d4ff13.svg\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\nimport background from '~/assets/banners/background.png';\nimport thumb from '~/assets/icons/thumb.svg';\nimport check from '~/assets/icons/check-icon.svg';\n\ninterface ICentersYearly {\n  percentage: number;\n}\n\ninterface INetworkYearly {\n  percentage: number;\n}\ninterface ICentersMonthly {\n  percentage: number;\n}\n\ninterface INetworkMonthly {\n  percentage: number;\n}\n\nexport const Banner = styled.div`\n  background-color: #18191a;\n  min-height: 100vh;\n\n  .transition {\n    transition-duration: 0.3s;\n  }\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  b {\n    font-weight: bold;\n  }\n\n  .padding-btn {\n    padding: 0 2rem;\n  }\n\n  .btn-calculator {\n    max-width: 817px;\n    cursor: pointer;\n    border: none;\n    padding: 1px;\n    font-size: 20px;\n    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #17171a, #17171a),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n\n    span {\n      padding: 16px 10px;\n      display: block;\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  .btn-percentage {\n    max-width: 860px;\n  }\n\n  .btn-percentage button {\n    background: #171616;\n    padding: 1px;\n    color: #7a7a7a;\n    font-weight: 500;\n    span {\n      background: #171616;\n      font-size: 20px;\n    }\n  }\n\n  .btn-percentage button:hover,\n  .btn-percentage .active {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 100%,\n      #bcffe5 100%,\n      #deefd1 100%,\n      #ffe0be 100%,\n      #fbc2d3 100%,\n      #fabcd6 100%,\n      #f281ff 100%\n    );\n    padding: 1px;\n    color: #fff;\n    font-weight: 700;\n    span {\n      background: #222222;\n      font-size: 20px;\n    }\n  }\n\n  .text-gradient {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .video-container {\n    > div {\n      width: 80px;\n      height: 50%;\n      background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.1) 0%,\n        rgba(255, 255, 255, 0.096) 100%\n      );\n      opacity: 0.3;\n      box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0.5),\n        inset 6px 1px 1px -4px #ffffff, inset -6px -7px 8px -4px #ffffff,\n        inset 0px 7px 3px -4px #ffffff,\n        inset 51px -73px 72px -60px rgba(255, 255, 255, 0.3),\n        inset 0px 98px 100px -48px rgba(255, 255, 255, 0.3),\n        inset 0px 4px 18px rgba(255, 255, 255, 0.3),\n        inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(2px);\n      border-radius: 30px;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: -1;\n    }\n\n    div.left {\n      left: -10px;\n    }\n\n    video {\n      width: 100%;\n      border-radius: 50px;\n    }\n\n    div.right {\n      right: -10px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom-resum {\n      zoom: 0.8;\n    }\n    .zoom {\n      zoom: 1;\n    }\n\n    .btn-percentage button:hover,\n    .btn-percentage .active {\n      padding: 1.3px 1.4px;\n    }\n    .btn-calculator {\n      max-width: 806px;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom-resum {\n      zoom: 0.7;\n    }\n\n    .padding-btn {\n      padding: 0.25rem;\n    }\n\n    .btn-percentage button:hover,\n    .btn-percentage .active {\n      padding: 1.5px 1.4px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .padding-btn {\n      padding: 0 1.5rem;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .btn-percentage {\n      width: 575px;\n    }\n\n    .overflow-small {\n      overflow: auto;\n      ::-webkit-scrollbar-thumb {\n        background: transparent !important;\n      }\n    }\n  }\n\n  @media screen and (max-width: 524px) {\n    h1 {\n      > span {\n        background: unset;\n        background-clip: unset;\n        -webkit-background-clip: unset;\n\n        span {\n          background: linear-gradient(\n            239.23deg,\n            #9df3ff 7.84%,\n            #bcffe5 28.62%,\n            #deefd1 38.94%,\n            #ffe0be 49.96%,\n            #fbc2d3 64.82%,\n            #fabcd6 67.63%,\n            #f281ff 91.88%\n          );\n          background-clip: text;\n          -webkit-background-clip: text;\n          color: transparent;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 399px) {\n    h1 {\n      font-size: 9vw;\n    }\n  }\n`;\n\nexport const Card = styled.div`\n  .mg-bottom {\n    margin-bottom: 38px;\n  }\n\n  button.btn-calculator {\n    transition-duration: 0.3;\n\n    :hover {\n      opacity: 0.7;\n    }\n  }\n\n  .color-p {\n    color: #828282;\n  }\n\n  .card-price {\n    background: #282828;\n    border: 5px solid #4f4f4f;\n    border-radius: 30px;\n\n    ul {\n      list-style: none;\n\n      li {\n        display: flex;\n        align-items: center;\n        justify-content: space-around;\n        margin: 10px 0;\n\n        :before {\n          content: '';\n          background: #f2f2f2;\n          background-image: url(${check});\n          background-position: center;\n          background-size: 13px;\n          background-repeat: no-repeat;\n          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          display: block;\n        }\n\n        small {\n          color: #f2f2f2;\n          width: 85%;\n        }\n      }\n    }\n  }\n\n  .commom-price {\n    .value {\n      margin: 0 auto;\n\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 1.6rem;\n      }\n      p {\n        font-size: 8rem;\n        font-weight: bold !important;\n      }\n    }\n  }\n\n  .best-price {\n    padding: 5px;\n\n    .value {\n      span {\n        left: 0;\n        top: 20px;\n\n        font-size: 2rem;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n      }\n\n      p {\n        font-size: 100px;\n        line-height: 90px;\n        font-weight: bold !important;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n      }\n    }\n    .value-token {\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 2rem;\n        color: #e9e9e9;\n      }\n      p {\n        font-size: 72px;\n        font-weight: 600 !important;\n        color: #e9e9e9;\n      }\n    }\n  }\n\n  .slider-pic {\n    position: relative;\n    z-index: 1;\n    -webkit-appearance: none;\n    height: 2px;\n    border-radius: 2px;\n    background: #595757;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-pic::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 50px;\n    height: 50px;\n    border: 0;\n    background: url(${thumb});\n    background-position: center;\n    background-size: cover;\n    cursor: pointer;\n  }\n\n  .btn-gradient-light,\n  .btn-gradient-gray {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border-radius: 20px;\n    padding: 16px 20px;\n    color: #000;\n    font-size: 20px;\n    font-weight: 700;\n    transition: 0.3s;\n    border: 2px solid #ffffff;\n  }\n\n  .btn-gradient-light:hover {\n    background: linear-gradient(\n      239.23deg,\n      #f281ff 7.84%,\n      #fabcd6 28.62%,\n      #fbc2d3 38.94%,\n      #ffe0be 49.96%,\n      #deefd1 64.82%,\n      #bcffe5 67.63%,\n      #9df3ff 91.88%\n    );\n  }\n\n  .btn-gradient-gray {\n    background: #bdbcbc !important;\n    :hover {\n      background-color: ${lighten(0.1, '#bdbcbc')}!important;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .max-width {\n      max-width: 315px;\n    }\n\n    .max-wid {\n      max-width: 400px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .commom-price {\n      .value {\n        width: 55%;\n\n        span {\n          font-size: 1.4rem;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .best-price {\n      .value,\n      .value-token {\n        p {\n          font-size: 5.25rem;\n        }\n      }\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    color: #dadada;\n    font-size: 64px;\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 24px;\n    color: #dadada;\n  }\n\n  h6 {\n    font-weight: 400;\n    font-size: 12px;\n    color: #dadada;\n  }\n\n  .btn-calculator button {\n    width: 25%;\n    background: #222;\n    padding: 1px;\n    color: #7a7a7a;\n    font-weight: 500;\n    span {\n      background: #222;\n      font-size: 20px;\n    }\n  }\n\n  .btn-calculator button:hover,\n  .btn-calculator .active {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 100%,\n      #bcffe5 100%,\n      #deefd1 100%,\n      #ffe0be 100%,\n      #fbc2d3 100%,\n      #fabcd6 100%,\n      #f281ff 100%\n    );\n    padding: 1px;\n    color: #fff;\n    font-weight: 700;\n    span {\n      background: #222222;\n      font-size: 20px;\n    }\n  }\n\n  .h-main-progress {\n    height: 54px;\n  }\n\n  .progress {\n    background: rgba(34, 34, 34, 30%);\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n  }\n\n  .selector {\n    position: absolute;\n    width: 22px;\n    height: 54px;\n    left: calc(45% - 11px);\n    top: -2px;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.08),\n      inset 1px 1px 2px rgba(255, 255, 255, 0.3),\n      inset -1px -1px 2px rgba(200, 199, 199, 0.5);\n    border-radius: 20px;\n  }\n\n  .selector-gray {\n    position: absolute;\n    width: 38px;\n    height: 54px;\n    left: 0;\n    top: -1px;\n    background: #88898b;\n    border: 1px solid #b3b3b3;\n    border-radius: 15px;\n  }\n\n  .slider-progress-bar {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    -webkit-appearance: none;\n    background: rgba(34, 34, 34, 0%);\n\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-progress-bar::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 25px;\n    height: 54px;\n    border: 0;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n\n    cursor: pointer;\n    border-radius: 20px;\n  }\n\n  .progress-bar-profit {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n\n    top: 0px;\n    height: 50px;\n  }\n\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n  }\n\n  .progress-cost {\n    background: #00f9ab;\n    border-radius: 16px 15px 15px 16px;\n    border: 1px solid #efefef;\n    height: 54px;\n    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.05);\n  }\n\n  .progress-bar-cost {\n    border-radius: 15px 0px 0px 15px;\n    height: 52px;\n  }\n\n  .cost,\n  .earning {\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    position: relative;\n    color: #5c5e61;\n    width: 120px;\n\n    ::before {\n      content: '';\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      display: block;\n      position: absolute;\n      top: 5px;\n    }\n  }\n\n  .cost::before {\n    background: #9df3ff;\n  }\n\n  .earning::before {\n    background: #884bfd;\n    left: -15px;\n  }\n\n  .value-cost {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 29px;\n\n    color: #c4c4c4;\n  }\n\n  .value-earnings {\n    font-weight: 800;\n    font-size: 28px;\n    line-height: 34px;\n\n    color: #ffffff;\n  }\n\n  .values-total-members {\n    font-weight: 400;\n    font-size: 14px;\n    color: #6e6e6e;\n  }\n\n  .bg-value-revenue {\n    background: #1d1c1c;\n    height: 54px;\n    border-radius: 40px;\n    margin-top: 1.25rem;\n  }\n\n  .value-revenue {\n    border: none;\n    padding: 2px;\n    font-size: 18px;\n    color: #fff;\n    height: 42px;\n    font-weight: 700;\n    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #1d1c1c, #1d1c1c),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n  }\n\n  .bg-number {\n    background: rgba(34, 34, 34, 0.3);\n    border: 1px solid rgba(57, 58, 61, 0.3);\n    border-radius: 20px;\n  }\n\n  .number {\n    font-size: 64px;\n    color: #dadada;\n    border-bottom: 1px solid #393c3d;\n  }\n\n  .color {\n    color: #5e5e5e;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    width: 1140px;\n  }\n\n  .network {\n    span:nth-child(2) {\n      margin-left: 14%;\n    }\n\n    span:nth-child(3) {\n      margin-left: 12%;\n    }\n\n    span:nth-child(4) {\n      margin-left: 11%;\n    }\n\n    span:nth-child(5) {\n      margin-left: 9%;\n    }\n\n    span:nth-child(6) {\n      margin-left: 8%;\n    }\n\n    span:nth-child(7) {\n      margin-left: 7%;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n\n    .btn-calculator button:hover,\n    .btn-calculator .active {\n      padding: 2px;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 28px;\n    }\n    h6 {\n      font-size: 18px;\n    }\n\n    .btn-calculator button {\n      width: 40%;\n    }\n\n    .value-cost {\n      font-size: 18px;\n    }\n\n    .value-earnings {\n      font-size: 20px;\n    }\n\n    .bg-value-revenue {\n      margin-top: 0;\n    }\n\n    .network {\n      span:nth-child(2) {\n        margin-left: 14%;\n      }\n\n      span:nth-child(3) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(4) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(5) {\n        margin-left: 8%;\n      }\n\n      span:nth-child(6) {\n        margin-left: 6%;\n      }\n\n      span:nth-child(7) {\n        margin-left: 5%;\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .modal-xl {\n      width: 500px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  @media screen and (max-width: 359px) {\n    .modal-xl {\n      width: 450px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .network {\n      span:nth-child(2) {\n        margin-left: 13%;\n      }\n\n      span:nth-child(3) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(4) {\n        margin-left: 9%;\n      }\n\n      span:nth-child(5) {\n        margin-left: 7%;\n      }\n\n      span:nth-child(6) {\n        margin-left: 5%;\n      }\n\n      span:nth-child(7) {\n        margin-left: 5%;\n      }\n    }\n  }\n`;\n\nexport const RangeCentersYearly = styled.div<ICentersYearly>`\n  .progress-bar-centers {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeCentersMonthly = styled.div<ICentersMonthly>`\n  .progress-bar-centers {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeNetworkYearly = styled.div<INetworkYearly>`\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    max-width: 99%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeNetworkMonthly = styled.div<INetworkMonthly>`\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    max-width: 98%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n","import styled from 'styled-components';\nimport { darken } from 'polished';\n\ninterface IContainerProps {\n  active?: boolean;\n}\n\nexport const Container = styled.div<IContainerProps>`\n  background: #282828;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25),\n    inset 6px 28px 35px rgba(21, 21, 21, 0.25);\n  right: ${(props) => (props.active ? '0px' : '-1000px')};\n  top: 0;\n  z-index: 900;\n  transition-duration: 0.3s;\n\n  p u {\n    color: #a6a3a3;\n  }\n\n  h4 {\n    color: #f2f2f2;\n  }\n\n  .ps {\n    font-weight: 300;\n    font-size: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    color: #a6a3a3;\n  }\n\n  .items {\n    background: #222222;\n    border-radius: 15px;\n    padding: 13px 20px;\n  }\n\n  .items span {\n    font-weight: 900;\n    font-size: 16px;\n    color: #e9e9e9;\n  }\n\n  .items button {\n    font-weight: 300;\n    font-size: 12px;\n    color: #f2f2f2;\n    border: none;\n    background: transparent;\n  }\n\n  .resum-width {\n    width: 90px;\n  }\n\n  .width {\n    width: 70px;\n    height: 70px;\n  }\n\n  .text-green {\n    color: #6fcf97;\n    width: 56px;\n  }\n\n  .input-border {\n    background: #323336;\n    border: 1px solid #626262;\n    box-sizing: border-box;\n    border-radius: 6px;\n    width: 40px;\n    height: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    margin-right: 20px;\n\n    input {\n      width: 40px;\n      border: none;\n      background: transparent;\n      margin-left: 30px;\n      color: #bdbdbd;\n    }\n  }\n\n  .box-dark-gray {\n    background: #222222;\n    border-radius: 20px;\n\n    p {\n      color: #f2f2f2;\n    }\n\n    p.h3 {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-fill-color: transparent;\n      font-weight: 900 !important;\n    }\n  }\n\n  .payment {\n    background-color: #00f9ab;\n    color: #000;\n    font-weight: 700;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .get-usdpi-title {\n    font-weight: 400;\n    font-size: 16px;\n    color: #f2f2f2;\n  }\n\n  .btn-get-usdpi {\n    background: linear-gradient(90deg, #2fbf7f, #3cc9ad);\n\n    border-radius: 15px;\n    button {\n      background: #282828;\n      margin: 2px;\n      border: none;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 20px;\n      color: #ffffff;\n      transition: all 0.2s ease;\n    }\n\n    button:hover {\n      opacity: 0.9;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .resum-width {\n      width: 70px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    display: ${(props) => (props.active ? 'block' : 'none')} !important;\n    border-radius: 40px 40px 0px 0px;\n\n    .input-border {\n      width: 69px;\n    }\n  }\n\n  @media screen and (min-width: 1399px) {\n    max-width: 360px;\n  }\n  @media screen and (min-width: 992px) {\n    max-width: 334px;\n    width: 34%;\n    position: absolute;\n  }\n\n  @media screen and (min-width: 1200px) {\n    width: 25%;\n  }\n`;\n\nexport const LoadingDiscover = styled.div`\n  z-index: 2000;\n  position: fixed;\n\n  .loading-box {\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.25) -38.97%,\n      rgba(0, 0, 0, 0.25) 75.53%\n    );\n    backdrop-filter: blur(25px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #fff;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: rgba(0, 0, 0);\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/frown.240659c6.gif\";","import Swal, { SweetAlertResult } from 'sweetalert2';\nimport frown from '~/assets/animations/frown.gif';\n\ninterface ISwalError {\n  message: string;\n  textButton: string;\n}\n\nexport default async function swalError({\n  message,\n  textButton,\n}: ISwalError): Promise<SweetAlertResult<any>> {\n  return Swal.fire({\n    title: '',\n    html: `\n  <div>\n    <img src=\"${frown}\" alt=\"frown\" />\n    <p class=\"h1\">Something went wrong...</p>\n    <p>${message}</p>\n  </div>\n  `,\n    customClass: 'error-swal-box',\n    confirmButtonText: textButton,\n  });\n}\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface IModal {\n  loading: boolean;\n}\n\ninterface ICard {\n  background: string;\n}\n\nexport const Button = styled.button`\n  :disabled {\n    opacity: 0.7;\n  }\n`;\n\nexport const Card = styled.div<ICard>`\n  background: ${(props) => props.background};\n  border-radius: 20px;\n\n  h2 {\n    font-weight: 700;\n    font-size: 40px;\n    color: #ffffff;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 14px;\n    color: #ffffff;\n    margin-bottom: 0;\n  }\n`;\n\nexport const SelectCoin = styled.div`\n  button {\n    font-family: 'Poppins';\n    color: #fff;\n    background: #1e1e20;\n    border: 1px solid #1e1e20;\n    transition-duration: 0.3s;\n    padding: 5px;\n    border-radius: 5px;\n    :hover {\n      background: transparent;\n      border: 1px solid #494949;\n    }\n  }\n\n  p {\n    width: 100px;\n  }\n\n  .active {\n    background: transparent;\n    border: 1px solid #494949;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)<IModal>`\n  font-family: 'Poppins', sans-serif;\n  z-index: ${(props) => (props.loading ? 800 : 1055)};\n\n  h2 {\n    color: #dadada;\n    font-size: 64px;\n  }\n\n  h4 {\n    font-weight: 600;\n    font-size: 14px;\n\n    color: #dadada;\n  }\n\n  .buy-text {\n    font-weight: 400;\n    font-size: 14px;\n    color: #f7951c;\n  }\n\n  .buy-here {\n    background: linear-gradient(\n      84.9deg,\n      rgba(247, 149, 27, 0.8) 10.36%,\n      rgba(248, 166, 66, 0.8) 97.55%\n    );\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 14px;\n    border: none;\n    color: #ffffff;\n  }\n\n  .w-45 {\n    width: 45%;\n  }\n\n  .w-10 {\n    width: 10%;\n  }\n\n  .text-table {\n    font-weight: 600;\n    font-size: 18px;\n    color: #cbccce;\n  }\n\n  .wm-tooltip {\n    position: relative;\n  }\n\n  .wm-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: -109px;\n    bottom: 60px;\n    z-index: 10000;\n    text-align: justify;\n  }\n\n  .wm-tooltip:hover:after {\n    display: block;\n  }\n\n  .estimate {\n    font-weight: 400;\n    font-size: 12px;\n    display: block;\n    color: #505253;\n  }\n\n  .values {\n    font-weight: 600;\n    font-size: 20px;\n    color: #5e5e5e;\n  }\n\n  .text-enough {\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 15px;\n    color: #ff1a50;\n  }\n\n  .bg-number {\n    background: rgba(34, 37, 39, 0.3);\n    border: 1px solid #393c3d;\n    border-radius: 20px;\n\n    button {\n      top: calc(50% - 16px);\n      right: 5%;\n      background: #1d2023;\n      border: 1px solid #00f9ab;\n      border-radius: 10px;\n      font-weight: 700;\n      font-size: 12px;\n      color: #797979;\n      padding: 6px 19px;\n    }\n  }\n\n  .number {\n    font-size: 64px;\n    color: #dadada;\n    border-bottom: 1px solid #393c3d;\n  }\n\n  .color {\n    border-top: 1px solid #393c3d;\n    color: #5e5e5e;\n    width: 300px;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .values span {\n    font-weight: 400;\n    font-size: 16px;\n    color: #505253;\n  }\n\n  .color-negative {\n    color: #ff1a50;\n  }\n\n  .color-positive {\n    color: #96ffd9;\n  }\n\n  .arrows {\n    background-color: #262728;\n    padding: 10px 8px;\n  }\n\n  .yellow-card {\n    border-radius: 20px;\n  }\n\n  .green-card {\n    border-radius: 20px;\n  }\n\n  .yellow-card h2,\n  .green-card h2 {\n    font-weight: 700;\n    font-size: 40px;\n    color: #ffffff;\n  }\n\n  .yellow-card h3,\n  .green-card h3 {\n    font-weight: 400;\n    font-size: 14px;\n    color: #ffffff;\n    margin-bottom: 0;\n  }\n\n  .value {\n    font-weight: 700;\n    font-size: 32px;\n    color: #dadada;\n  }\n\n  .bd-bottom {\n    border-bottom: 1px solid #393c3d;\n  }\n\n  .btn-swap {\n    font-weight: 600;\n    font-size: 14px;\n    background-color: transparent;\n    color: #dadada;\n    border: none;\n    border-bottom: 2px solid #96ffd9;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .input-mask {\n    opacity: 1;\n\n    input {\n      font-weight: bold;\n      text-align: center;\n      font-size: 64px;\n      color: #dadada;\n      background-color: transparent;\n\n      ::placeholder {\n        color: #252526;\n        font-weight: 800;\n      }\n    }\n  }\n\n  .logo-usdpi {\n    height: 70px;\n    width: 70px;\n  }\n\n  .pad-left {\n    padding-left: 5rem;\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-xl {\n      min-width: 1340px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.75;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.65;\n    }\n  }\n`;\n\nexport const LoadingDiscover = styled.div`\n  z-index: 2000;\n  position: fixed;\n\n  .loading-box {\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.25) -38.97%,\n      rgba(0, 0, 0, 0.25) 75.53%\n    );\n    backdrop-filter: blur(25px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #fff;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: rgba(0, 0, 0);\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface IButtonProps {\n  disabled?: boolean;\n}\n\nexport const Button = styled.div<IButtonProps>`\n  top: 10px;\n  left: calc(50% - 98px);\n  height: 196px;\n  width: 196px;\n  opacity: ${(props) => (props.disabled ? 0.7 : 1)};\n  pointer-events: ${(props) => (props.disabled ? 'none' : 'default')};\n\n  button {\n    background-color: transparent;\n  }\n  button:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .white {\n    background-color: #fff;\n    backdrop-filter: blur(46.1721px);\n    height: 126px;\n    width: 126px;\n    top: 35px;\n    left: 35px;\n  }\n\n  .transparent {\n    background: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.1) -3.78%,\n      rgba(255, 255, 255, 0.096) 96.22%\n    );\n    opacity: 0.3;\n    box-shadow: inset 0px 39px 52px rgba(255, 255, 255, 0.5),\n      inset 6px 1px 1px #ffffff, inset -6px -7px 8px #ffffff,\n      inset 0px 7px 3px #ffffff, inset 51px -73px 72px rgba(255, 255, 255, 0.3),\n      inset 0px 98px 100px rgba(255, 255, 255, 0.3),\n      inset 0px 4px 18px rgba(255, 255, 255, 0.3),\n      inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n    backdrop-filter: blur(6.5px);\n    height: 196px;\n    width: 196px;\n  }\n\n  .gradient-swap {\n    background: linear-gradient(\n        195deg,\n        rgba(255, 218, 85, 0.8) 0%,\n        rgba(255, 0, 138, 0.8) 100%\n      ),\n      linear-gradient(\n        171deg,\n        rgba(255, 255, 255, 0.15) 36.08%,\n        rgba(255, 255, 255, 0.12) 86.19%\n      );\n    opacity: 0.9;\n    backdrop-filter: blur(46.1721px);\n    top: 12.5px;\n    left: 12.5px;\n    height: 171px;\n    width: 171px;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #a6a2a2;\n    }\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid #fff;\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n  }\n\n  /* .bg-nft img {\n    height: 70%;\n  } */\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 30px;\n    line-height: 40px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0.5rem;\n    left: 8px;\n    width: 389px;\n    background: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  /* .modal-xl {\n    width: 1140px;\n  } */\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n`;\n\nexport const ModalCongrat = styled(ModalComponent)`\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #a6a2a2;\n    }\n  }\n\n  .modal-header {\n    display: block;\n  }\n\n  .to-dashboard {\n    padding: 14px;\n    border-radius: 15px;\n    font-weight: bold;\n    background-color: #00f9ab;\n    color: #000;\n    font-weight: 700;\n    font-size: 20px;\n    transition-duration: 0.3s;\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .coin video {\n    border: 1px solid #565656;\n    border-radius: 30px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .bg-lg-social-medias {\n    background: #0c0d0d;\n    backdrop-filter: blur(5px);\n    border-radius: 60px;\n  }\n\n  .social-medias {\n    width: auto;\n  }\n\n  .social-medias img {\n    width: 90px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .social-medias img {\n      width: 75px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 42px;\n    }\n    .social-medias img {\n      width: 85px;\n    }\n\n    .bg-mobile-social-medias {\n      background: #0c0d0d;\n      backdrop-filter: blur(5px);\n      border-radius: 60px;\n    }\n\n    .bg-lg-social-medias {\n      background: transparent;\n      backdrop-filter: none;\n      border-radius: unset;\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport bgNft from '~/assets/banners/bg-modal.png';\n\nexport const Button = styled.button`\n  background-color: #00f9ab;\n  color: #000;\n  border-radius: 20px;\n  font-size: 24px;\n  padding: 16px;\n  transition-duration: 0.3s;\n\n  :hover {\n    background-color: ${darken(0.1, '#00f9ab')};\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background-image: url(${bgNft});\n    background-position: center;\n    background-size: cover;\n    background-color: #17171a;\n    box-shadow: 19px 49px 112px rgba(0, 0, 0, 0.4),\n      inset 1px 1px 2px rgba(107, 107, 107, 0.3),\n      inset -1px -1px 2px rgba(43, 43, 43, 0.5);\n    border-radius: 30px;\n  }\n\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #a6a2a2;\n    }\n  }\n\n  .header img {\n    height: 52px;\n    width: 52px;\n  }\n\n  .bg-main {\n    background: rgba(23, 23, 25, 0.46);\n    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.265139);\n    backdrop-filter: blur(5px);\n    border-radius: 37px 37px 0px 0px;\n  }\n\n  .bg-main p {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    font-size: 20px;\n    color: #f2f2f2;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid #fff;\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n  }\n\n  /* .bg-nft img {\n    height: 70%;\n  } */\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 35px;\n    line-height: 50px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0.5rem;\n    left: 8px;\n    width: 512px;\n    background: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    width: 1140px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n`;\n","import React, { useCallback, useEffect } from 'react';\n\nimport { useHistory } from 'react-router-dom';\nimport { Button, Modal } from './styles';\nimport logo from '~/assets/logo/logo-p-purple.svg';\n\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport { web3store } from '~/store';\n\ninterface IModalNft {\n  show?: boolean;\n  setShow?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const ModalNft: React.FC<IModalNft> = ({ show, setShow }) => {\n  const history = useHistory();\n  const [imgURL] = web3store.useState('imgURL');\n  const [nftimg] = web3store.useState('nftimg');\n\n  const handleClose = useCallback(() => {\n    if (setShow) {\n      setShow(false);\n    }\n\n    history.push(`${process.env.PUBLIC_URL}/earn-even-more`);\n  }, [history, setShow]);\n\n  return (\n    <Modal\n      className=\"modal-claim-nft text-white d-flex\"\n      size=\"xl\"\n      show={show}\n      onHide={handleClose}\n    >\n      <Modal.Header className=\"border-0 p-3 pb-0\">\n        <div className=\"d-flex justify-content-between w-100 header\">\n          <img src={logo} alt=\"Logo\" className=\"\" />\n          <button\n            type=\"button\"\n            className=\"h4 modal-close mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n        </div>\n      </Modal.Header>\n      <Modal.Body className=\"pb-0\">\n        <div className=\"container\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-sm-6\">\n              <div className=\"bg-nft p-2 position-relative\">\n                <img\n                  src={nftimg || imgURL}\n                  alt=\"NFT Generated\"\n                  className=\"w-100 nft\"\n                />\n                <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode justify-content-center align-items-center\">\n                  <div className=\"w-60\">\n                    <span>\n                      Serial #<br />\n                      <span className=\"fw-bold\">0000123</span>\n                    </span>\n                  </div>\n                  <div className=\"w-30 text-end\">\n                    <img\n                      src={qrCode}\n                      alt=\"Qr Code\"\n                      className=\"w-75 qr-code bg-qrcode p-3\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"row justify-content-center\">\n            <div className=\"col-sm-6 col-lg-7 pt-4 mt-5\">\n              <div className=\"d-flex mt-5 py-4 justify-content-around bg-main\">\n                <p className=\"mb-0\">\n                  Your NFT has been Minted and added to your wallet!\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Modal.Body>\n    </Modal>\n  );\n};\n\ninterface IModalNftWallet {\n  showNft?: boolean;\n  setShowNft?: React.Dispatch<React.SetStateAction<boolean>>;\n  onActivate?(): void;\n}\n\nconst ModalNftWallet: React.FC<IModalNftWallet> = ({\n  showNft,\n  setShowNft,\n  onActivate,\n}) => {\n  const [cartPurchaseTX] = web3store.useState('cartPurchaseTX');\n\n  useEffect(() => {\n    if (cartPurchaseTX) {\n      if (\n        typeof cartPurchaseTX === 'string' &&\n        !cartPurchaseTX.toLowerCase().includes('error')\n      ) {\n        if (setShowNft) {\n          setShowNft(true);\n        }\n      }\n    }\n  }, [cartPurchaseTX, setShowNft]);\n\n  const handleShow = useCallback(() => {\n    if (onActivate) {\n      onActivate();\n    }\n  }, [onActivate]);\n\n  return (\n    <>\n      <Button type=\"button\" onClick={handleShow} className=\"w-100 mt-4 fw-bold\">\n        ACTIVATE & MINT MY UNIQUE NFT\n      </Button>\n      <ModalNft show={showNft} setShow={setShowNft} />\n    </>\n  );\n};\n\nexport default ModalNftWallet;\n","export default __webpack_public_path__ + \"static/media/thumb-congratulations.b711f941.png\";","/* eslint-disable react/button-has-type */\nimport React, { useCallback } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nimport { Button, Modal, ModalCongrat } from './styles';\nimport ModalNftWallet from '../ModalNftWallet';\nimport Player from '~/components/Player';\n\nimport thumb from '~/assets/defaults/thumb-congratulations.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport telegram from '~/assets/defaults/telegram.svg';\nimport discord from '~/assets/defaults/discord.svg';\nimport twitter from '~/assets/defaults/twitter.svg';\nimport tikTok from '~/assets/defaults/tik-tok.svg';\nimport facebook from '~/assets/defaults/facebook.svg';\nimport instagram from '~/assets/defaults/instagram.svg';\nimport youtube from '~/assets/defaults/youtube.svg';\nimport reddit from '~/assets/defaults/reddit.svg';\nimport { web3store } from '~/store';\n\ninterface IModalYouGotUsdpi {\n  show: boolean;\n  setShow: React.Dispatch<React.SetStateAction<boolean>>;\n  showCongrats: boolean;\n  setShowCongrat: React.Dispatch<React.SetStateAction<boolean>>;\n  onClickActivated(): void;\n}\n\nexport const ModalYouGotUsdpi: React.FC<IModalYouGotUsdpi> = ({\n  show,\n  setShow,\n  showCongrats,\n  setShowCongrat,\n  onClickActivated,\n}) => {\n  const [imgURL] = web3store.useState('imgURL');\n  const [nftimg] = web3store.useState('nftimg');\n\n  const handleActivate = useCallback(() => {\n    onClickActivated();\n  }, [onClickActivated]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, [setShow]);\n\n  return (\n    <Modal\n      size=\"xl\"\n      show={show}\n      onHide={handleClose}\n      className=\"modal-signin\"\n      backdrop=\"static\"\n    >\n      <button\n        type=\"button\"\n        className=\"h4 modal-close mt-3 mb-0 mx-3 ms-auto border-0 bg-transparent\"\n        onClick={handleClose}\n      >\n        x\n      </button>\n\n      <Modal.Header className=\"container border-0\">\n        <div className=\"row w-100 justify-content-center\">\n          <div className=\"col-7 text-center\">\n            <h2 className=\"fw-bold mb-4\">Congrats! You got USDPI</h2>\n            <h3 className=\"px-5\">\n              You are now ready to Mint your FREE NFT!\n              <br />\n              Click below to Mint now.\n            </h3>\n          </div>\n        </div>\n      </Modal.Header>\n\n      <Modal.Body className=\"container\">\n        <div className=\"row px-4 px-sm-5 justify-content-center\">\n          <div className=\"col-sm-6 col-lg-5\">\n            <div className=\"bg-nft p-2 position-relative\">\n              <img\n                src={nftimg || imgURL}\n                alt=\"NFT Generated\"\n                className=\"w-100 nft\"\n              />\n              <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode justify-content-center align-items-center\">\n                <div className=\"w-60\">\n                  <span>\n                    Serial #<br />\n                    <span className=\"fw-bold\">0000123</span>\n                  </span>\n                </div>\n                <div className=\"w-30 text-end\">\n                  <img\n                    src={qrCode}\n                    alt=\"Qr Code\"\n                    className=\"w-75 qr-code bg-qrcode p-3\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-9\">\n            <ModalNftWallet\n              showNft={showCongrats}\n              setShowNft={setShowCongrat}\n              onActivate={handleActivate}\n            />\n          </div>\n        </div>\n      </Modal.Body>\n      <Modal.Footer className=\"border-0 px-4 pb-5\" />\n    </Modal>\n  );\n};\n\ninterface ICongratsModal {\n  show: boolean;\n  onHide(): void;\n}\n\nexport const CongratsModal: React.FC<ICongratsModal> = ({ show, onHide }) => {\n  const history = useHistory();\n\n  return (\n    <ModalCongrat\n      size=\"xl\"\n      show={show}\n      onHide={onHide}\n      className=\"modal-signin\"\n    >\n      <button\n        type=\"button\"\n        className=\"h4 modal-close m-3 ms-auto border-0 bg-transparent\"\n        onClick={onHide}\n      >\n        x\n      </button>\n\n      <Modal.Header className=\"container border-0\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-10 col-xl-9 text-center\">\n            <h2 className=\"fw-bold mb-4\">Congratulations!</h2>\n            <h3 className=\"px-5\">\n              Your account has been successfully activated, you can log in to\n              your dashboard by clicking the button below\n            </h3>\n          </div>\n        </div>\n      </Modal.Header>\n\n      <Modal.Body className=\"container\">\n        <div className=\"row px-4 px-lg-3 px-xl-5 justify-content-center\">\n          <div className=\"col-10 col-xl-9 coin\">\n            <Player\n              src=\"https://prfti.s3.amazonaws.com/5.mov\"\n              thumbnail={thumb}\n            />\n          </div>\n          <div className=\"col-10 col-xl-9\">\n            <button\n              type=\"button\"\n              className=\"w-100 to-dashboard mt-4 fw-bold\"\n              onClick={() =>\n                history.push(`${process.env.PUBLIC_URL}/dashboard`)\n              }\n            >\n              GO TO DASHBOARD\n            </button>\n          </div>\n          <div className=\"col-xl-11 mt-4 overflow-auto bg-lg-social-medias\">\n            <div className=\"d-lg-flex justify-content-sm-around justify-content-lg-center social-medias  px-0 px-lg-5\">\n              <div className=\"bg-mobile-social-medias text-center px-2 px-lg-0\">\n                <a\n                  target=\"_blank\"\n                  href=\"https://t.me/ProfitiAi\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={telegram} alt=\"Telegram\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://discord.gg/KxdwygBsKk\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={discord} alt=\"Discord\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://twitter.com/profitiai\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={twitter} alt=\"Twitter\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://www.tiktok.com/@profitiai\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={tikTok} alt=\"Tik-Tok\" />\n                </a>\n              </div>\n              <div className=\"bg-mobile-social-medias text-center px-2 px-lg-0 mt-3 mt-lg-0\">\n                <a\n                  target=\"_blank\"\n                  href=\"https://www.facebook.com/profitiai\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={facebook} alt=\"Facebook\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://www.instagram.com/profitiai/\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={instagram} alt=\"Instagram\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://www.youtube.com/@profitiai/channels\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={youtube} alt=\"Youtube\" />\n                </a>\n                <a\n                  target=\"_blank\"\n                  href=\"https://www.reddit.com/r/profitiai/\"\n                  rel=\"noreferrer\"\n                >\n                  <img src={reddit} alt=\"Reddit\" />\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Modal.Body>\n    </ModalCongrat>\n  );\n};\n\ninterface IModalConfirmation {\n  showCongrat: boolean;\n  setShowCongrat: React.Dispatch<React.SetStateAction<boolean>>;\n  type?: 'button' | 'submit' | 'reset';\n  disabled?: boolean;\n}\n\nconst ModalConfirmation: React.FC<IModalConfirmation> = ({\n  type,\n  disabled,\n  showCongrat,\n  setShowCongrat,\n}) => {\n  const handleClose = useCallback(() => {\n    setShowCongrat(false);\n  }, [setShowCongrat]);\n\n  return (\n    <>\n      <Button className=\"position-absolute\" disabled={disabled}>\n        <div className=\"gradient-swap rounded-circle position-absolute\" />\n        <div className=\"transparent rounded-circle position-absolute\" />\n        <div className=\"white rounded-circle position-absolute\" />\n        <button\n          type={type}\n          className=\"h5 h-100 w-100 border-0 text-black fw-bold rounded-circle position-absolute\"\n          disabled={disabled}\n        >\n          Exchange\n        </button>\n      </Button>\n      <CongratsModal show={showCongrat} onHide={handleClose} />\n    </>\n  );\n};\n\nexport default ModalConfirmation;\n","export default __webpack_public_path__ + \"static/media/logo-busd.ed38f7a5.svg\";","export default __webpack_public_path__ + \"static/media/logo-usdpi.37572878.svg\";","export default __webpack_public_path__ + \"static/media/logo-eth.401a8869.svg\";","export default __webpack_public_path__ + \"static/media/logo-usdt.13ff7f0c.svg\";","export default __webpack_public_path__ + \"static/media/arrows-swap.80407b3d.svg\";","import React, { useCallback, useState, useEffect } from 'react';\nimport { web3store } from '../../store';\n\nimport { Modal } from './styles';\n\nimport aiverifyGif from '~/assets/animations/aiverify.gif';\n\nconst ModalNetworkSwitch: React.FC = () => {\n  return null;\n};\n\nexport const networkSwitch = async (newNetwork: string): Promise<boolean> => {\n  return new Promise((resolve, reject) => {\n    let nativeCurrency: any;\n    let network: any;\n    let buttonTxt: any;\n    const provider = (window as any).ethereum;\n\n    provider\n      .request({\n        method: 'eth_chainId',\n      })\n      .then((currentNetworkId: string) => {\n        if (newNetwork === 'PAY') {\n          nativeCurrency = {\n            name: process.env.REACT_APP_PAY_CURRENCY_NAME as string,\n            symbol: process.env.REACT_APP_PAY_CURRENCY_SYMBOL as string,\n            decimals: parseInt(\n              process.env.REACT_APP_PAY_CURRENCY_DECIMALS as string,\n              10\n            ),\n          };\n          network = {\n            chainId: process.env.REACT_APP_PAY_CHAIN_ID as string,\n            chainName: process.env.REACT_APP_PAY_CHAIN_NAME as string,\n            rpcUrls: [process.env.REACT_APP_PAY_RPC_URLS as string],\n            blockExplorerUrls: [\n              process.env.REACT_APP_PAY_BLOCK_EXPLORER_URLS as string,\n            ],\n            nativeCurrency,\n          };\n          buttonTxt = process.env.REACT_APP_PAY_BUTTON_TEXT;\n        } else {\n          nativeCurrency = {\n            name: process.env.REACT_APP_NATIVE_CURRENCY_NAME as string,\n            symbol: process.env.REACT_APP_NATIVE_CURRENCY_SYMBOL as string,\n            decimals: parseInt(\n              process.env.REACT_APP_NATIVE_CURRENCY_DECIMALS as string,\n              10\n            ),\n          };\n          network = {\n            chainId: process.env.REACT_APP_NETWORK_CHAIN_ID as string,\n            chainName: process.env.REACT_APP_NETWORK_CHAIN_NAME as string,\n            rpcUrls: [process.env.REACT_APP_NETWORK_RPC_URLS as string],\n            blockExplorerUrls: [\n              process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS as string,\n            ],\n            nativeCurrency,\n          };\n          buttonTxt = process.env.REACT_APP_NETWORK_BUTTON_TEXT;\n        }\n        // console.log('++++++++++++++++++++++++++++++++++++++++++');\n        // console.log('++++++++++++++++++++++++++++++++++++++++++');\n        // console.log('++++++++++++++++++++++++++++++++++++++++++');\n        // console.log('++++++++++++++++++++++++++++++++++++++++++');\n        // console.log('++++++++++++++++++++++++++++++++++++++++++');\n        // console.log('newNetwork: %s', newNetwork);\n        // console.log('currentNetworkId: %s', currentNetworkId);\n        // console.log('nativeCurrency:');\n        // console.log(nativeCurrency);\n        // console.log('network:');\n        // console.log(network);\n        // console.log('buttonTxt: %s', buttonTxt);\n        if (currentNetworkId === network.chainId) {\n          // Network is already correct, no need to switch\n          resolve(true);\n        }\n\n        // const provider = (window as any).ethereum;\n\n        provider\n          .request({\n            method: 'wallet_switchEthereumChain',\n            params: [{ chainId: network.chainId }],\n          })\n          .then(() => {\n            console.log('Network switch complete');\n            resolve(true);\n          })\n          .catch((neterror: any) => {\n            console.error('Failed to switch network:', neterror);\n            provider\n              .request({\n                method: 'wallet_addEthereumChain',\n                params: [network],\n              })\n              .then(() => {\n                console.log('New network added successfully!');\n                resolve(true);\n              })\n              .catch((error: any) => {\n                console.error('Failed to add new network:', error);\n                reject(error);\n              });\n          });\n        // reject(new Error('ERROR'));\n      }) // Get current network Id\n      .catch((error: Error) => {\n        reject(error);\n      });\n  });\n};\n\nexport default ModalNetworkSwitch;\n","import React, {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ethers } from 'ethers';\nimport { Form } from '@unform/web';\nimport { useLocation } from 'react-router-dom';\nimport { FormHandles } from '@unform/core';\nimport * as Yup from 'yup';\nimport { HiOutlineInformationCircle, HiArrowNarrowRight } from 'react-icons/hi';\n// import InputMask from 'react-input-mask';\nimport { NumericFormat } from 'react-number-format';\n// import { PatternFormat } from 'react-number-format';\n\nimport Swal from 'sweetalert2';\nimport getValidationErros from '~/utils/getValidationsErrors';\n\nimport api from '~/services/api';\nimport swalError from '~/utils/swalError';\n\nimport { Button, Card, Modal, SelectCoin } from './styles';\n// import InputMask from '~/components/InputMask';\nimport ModalConfirmation from '~/pages/Sales/ModalConfirmation';\nimport Loading from '~/components/Loading';\n\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport logoBusd from '~/assets/logo/logo-busd.svg';\nimport logoUsdpi from '~/assets/logo/logo-usdpi.svg';\nimport logoEth from '~/assets/logo/logo-eth.svg';\nimport logoBnb from '~/assets/logo/logo-bnb.svg';\nimport logoUsdt from '~/assets/logo/logo-usdt.svg';\nimport logoUsdc from '~/assets/logo/logo-usdc.svg';\nimport logoGusd from '~/assets/logo/logo-gusd.svg';\nimport arrows from '~/assets/icons/arrows-swap.svg';\nimport { web3store } from '~/store';\nimport { formatPrice, formatEthValue } from '~/utils/format';\n\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface IProps {\n  btnText: string;\n  className?: string;\n  onExchangeFinished?(): void;\n  showNft?: boolean;\n  disabled?: boolean;\n}\n\ninterface IToken {\n  logo: string;\n  name: string;\n  balance: string;\n  balanceWei: string;\n  cardStyle: string;\n  decimalPlaces: number;\n  wei: number;\n}\n\ninterface INetwork {\n  logo: string;\n  name: string;\n}\n\nconst ModalSwap: React.FC<IProps> = ({\n  btnText,\n  className,\n  onExchangeFinished,\n  disabled,\n}) => {\n  const location = useLocation();\n  const formRef = useRef<FormHandles>(null);\n  const [show, setShow] = useState(false);\n  const [totalNeeded, setTotalNeeded] = useState(0);\n  const [invertCard, setInvertCard] = useState(false);\n  const [balbusd] = web3store.useState('balbusd');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [baleth] = web3store.useState('baleth');\n  const [balusdt] = web3store.useState('balusdt');\n  const [exchangeValue, setExchangeValue] = useState('0,00');\n  const [feeValue, setFeeValue] = useState('0,00');\n  const [receiveValue, setReceiveValue] = useState('0,00');\n  const [error, setError] = useState('');\n  const [showCongrat, setShowCongrat] = useState(false);\n  const [, setCartPurchase] = web3store.useState('cartPurchase');\n  const [, setUsdpiPurchaseAmt] = web3store.useState('usdpiPurchaseAmt');\n  const [, setUsdpiPurchaseAmtEth] = web3store.useState('usdpiPurchaseAmtEth');\n  const [, setUsdpiPurchaseAmtUsdt] = web3store.useState(\n    'usdpiPurchaseAmtUsdt'\n  );\n  const [, setUsdpiSaleAmt] = web3store.useState('usdpiSaleAmt');\n  const [, setUsdpiPurchaseFee] = web3store.useState('usdpiPurchaseFee');\n  const [isAlertOpen, setIsAlertOpen] = useState(true);\n  const [cartAmt] = web3store.useState('cartAmt');\n  const [buyStakingAmt] = web3store.useState('buyStakingAmt');\n  const [usdpiPurchaseTX, setUsdpiPurchaseTX] =\n    web3store.useState('usdpiPurchaseTX');\n  const [debouncedValue, setDebouncedValue] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [errorExchange, setErrorExchange] = useState('');\n  const [intervalId, setIntervalId] = useState<number | undefined>(undefined);\n  const [refBalances, setRefBalances] = web3store.useState('refBalances');\n  const [tokenChain, setTokenChain] = web3store.useState('tokenChain');\n  const [chainMode, setChainMode] = web3store.useState('chainMode');\n  const [holdChainMode, setHoldChainMode] = useState(chainMode);\n  const [skipModal, setSkipModal] = web3store.useState('skipModal');\n  const [inputValue, setInputValue] = useState('');\n  const [inputMask, setInputMask] = useState('999.99');\n  const [decimalPlaces, setDecimalPlaces] = useState(6);\n  // Balance polling\n  const [balanceInterval, setBalanceInterval] =\n    web3store.useState('balanceInterval');\n  const [balanceId, setBalanceId] = web3store.useState('balanceId');\n\n  const busd = useMemo(\n    () =>\n      formatPrice(parseFloat((parseInt(balbusd, 10) / 10 ** 18).toFixed(2))),\n    [balbusd]\n  );\n\n  const usdpi = useMemo(\n    () =>\n      formatPrice(parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2))),\n    [balusdpi]\n  );\n\n  const eth = useMemo(\n    () => parseFloat((parseInt(baleth, 10) / 10 ** 18).toFixed(6)).toString(),\n    [baleth]\n  );\n\n  const usdt = useMemo(\n    () => formatPrice(parseFloat((parseInt(balusdt, 10) / 10 ** 6).toFixed(2))),\n    [balusdt]\n  );\n\n  const [tokens, setTokens] = useState<IToken[]>([\n    {\n      logo: logoEth,\n      name: 'ETH',\n      balance: eth,\n      balanceWei: baleth,\n      cardStyle: 'linear-gradient(84.9deg, #0554BB 10.36%, #0B65DB 97.55%);',\n      decimalPlaces: 6,\n      wei: 18,\n    },\n    {\n      logo: logoUsdt,\n      name: 'USDT',\n      balance: usdt,\n      balanceWei: balusdt,\n      cardStyle: 'linear-gradient(84.9deg, #26A183 10.36%, #25A07A 97.55%)',\n      decimalPlaces: 2,\n      wei: 6,\n    },\n    {\n      logo: logoBusd,\n      name: 'BUSD',\n      balance: busd,\n      balanceWei: balbusd,\n      cardStyle: 'linear-gradient(84.9deg, #F7951B 10.36%, #F8A642 97.55%)',\n      decimalPlaces: 2,\n      wei: 18,\n    },\n  ]);\n\n  // UPDATE TOKEN BALANCE LIST\n  useEffect(() => {\n    setTokens((prevTokens) => {\n      const updatedTokens = prevTokens.map((token) => {\n        switch (token.name) {\n          case 'ETH':\n            console.log('++++++++++++ Eth balance changed to %s', baleth);\n            console.log('++++++++++++ Eth balance changed to %s', eth);\n            return { ...token, balance: eth, balanceWei: baleth };\n          case 'USDT':\n            return { ...token, balance: usdt, balanceWei: balusdt };\n          case 'BUSD':\n            return { ...token, balance: busd, balanceWei: balbusd };\n          default:\n            return token;\n        }\n      });\n      return updatedTokens;\n    });\n  }, [eth, baleth, usdt, balusdt, busd, balbusd]);\n\n  const [tokenSelected, setTokenSelected] = useState<IToken>({\n    logo: logoEth,\n    name: 'ETH',\n    balance: eth,\n    balanceWei: baleth,\n    cardStyle: 'linear-gradient(84.9deg, #0554BB 10.36%, #0B65DB 97.55%);',\n    decimalPlaces: 6,\n    wei: 18,\n  });\n\n  // ON OPEN\n  useEffect(() => {\n    console.log('===== totalNeeded: %s', totalNeeded);\n    if (show) {\n      setInvertCard(false);\n      // setSkipModal(true);\n      // setChainMode('PAY');\n      // setTokenChain('PAY');\n      setExchangeValue(tokenSelected.balance);\n      const newTokenSelected: IToken = {\n        logo: logoEth,\n        name: 'ETH',\n        balance: eth,\n        balanceWei: baleth,\n        cardStyle: 'linear-gradient(84.9deg, #0554BB 10.36%, #0B65DB 97.55%);',\n        decimalPlaces: 6,\n        wei: 18,\n      };\n      setTokenSelected(newTokenSelected);\n      // setExchangeValue(newTokenSelected.balance);\n      setExchangeValue('0');\n      setDebouncedValue('0');\n      setInputValue('');\n    }\n  }, [show]);\n\n  // BALANCE CHANGE\n  useEffect(() => {\n    console.log('NEW BALANCE DETECTED');\n    switch (tokenSelected.name) {\n      case 'ETH':\n        setTokenSelected((prevToken) => ({\n          ...prevToken,\n          balanceWei: baleth,\n        }));\n        break;\n      case 'USDT':\n        setTokenSelected((prevToken) => ({\n          ...prevToken,\n          balanceWei: balusdt,\n        }));\n        break;\n      case 'BUSD':\n        setTokenSelected((prevToken) => ({\n          ...prevToken,\n          balanceWei: balbusd,\n        }));\n        break;\n      case 'USDPI':\n        setTokenSelected((prevToken) => ({\n          ...prevToken,\n          balanceWei: balusdpi,\n        }));\n        break;\n      default:\n        break;\n    }\n  }, [baleth, balusdt, balbusd, balusdpi, tokenSelected.name]);\n\n  useEffect(() => {\n    // update the display whenever tokenSelected.balance changes\n  }, [tokenSelected.balance]);\n\n  // console.log('cartAmt: %s', cartAmt);\n  // console.log('buyStakingAmt: %s', buyStakingAmt);\n\n  useEffect(() => {\n    console.log('exchangeValue: %s', exchangeValue);\n    const handler = setTimeout(() => {\n      if (!Number.isNaN(parseFloat(exchangeValue))) {\n        setDebouncedValue(exchangeValue);\n      }\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [exchangeValue]);\n\n  // FORM CHANGE\n  useEffect(() => {\n    if (debouncedValue) {\n      let value = parseFloat(debouncedValue.replaceAll(',', ''));\n      if (Number.isNaN(value)) {\n        value = 0;\n      }\n      const amt = BigInt(value * 10 ** tokenSelected.wei);\n      let token2Use = tokenSelected.name;\n\n      if (invertCard) {\n        token2Use = 'USDPI';\n      }\n      api\n        .get(`v1/usdpi/fee/estimate/${token2Use}/${amt.toString()}`)\n        .then((response) => {\n          const fee = response.data.estimate.fee / 10 ** 18;\n          const wei =\n            tokenSelected.name === 'USDT' || tokenSelected.name === 'ETH'\n              ? 6\n              : 18;\n          const net = response.data.estimate.net / 10 ** wei;\n\n          setFeeValue(formatPrice(fee));\n          setUsdpiPurchaseFee(fee);\n          setReceiveValue(formatPrice(net));\n        });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue, tokenSelected]);\n\n  // RECEIVED VALUE CHANGE\n  useEffect(() => {\n    console.log('+++++ Received value change to: %s', receiveValue);\n    console.log('+++++ Total needed: %s', totalNeeded);\n    if (parseFloat(receiveValue.replaceAll(',', '')) === 0) {\n      setError('Amounts must be greater than zero');\n    } else if (\n      totalNeeded > 0 &&\n      parseFloat(receiveValue.replaceAll(',', '')) +\n        parseFloat(usdpi.replaceAll(',', '')) <\n        totalNeeded\n    ) {\n      setError(\n        'The value plus your balance must be greater than or equal to the amount needed.'\n      );\n    } else {\n      console.log('FAILED');\n    }\n  }, [receiveValue, totalNeeded]);\n\n  //\n\n  // INVERT CARD\n  const handleInvertCard = useCallback(() => {\n    console.log('===== tokenSelected.name: %s', tokenSelected.name);\n    console.log('===== invertCard: %s', invertCard);\n    if (!invertCard && tokenSelected.name === 'BUSD') {\n      // Only allow invert if using BUSD (for now)\n      setError('');\n      const value = balusdpi;\n      setExchangeValue(usdpi);\n      console.log('===== value: %s', value);\n      setInvertCard(!invertCard);\n    } else if (invertCard) {\n      setInvertCard(!invertCard);\n      setExchangeValue(tokenSelected.balance);\n    }\n  }, [busd, invertCard, usdpi, tokenSelected]);\n\n  // ON CLOSE\n  const handleClose = useCallback(() => {\n    setDebouncedValue('');\n    setExchangeValue('');\n    setUsdpiPurchaseTX('');\n    setTotalNeeded(0);\n    // setChainMode(holdChainMode);\n    setShow(false);\n  }, []);\n\n  // SHOW BUTTON\n  const handleShow = useCallback(() => {\n    console.log('+-+-+ btnText: %s', btnText);\n    console.log('+-+-+ buyStakingAmt: %s', buyStakingAmt);\n    if (btnText === 'FINALIZE ORDER') {\n      setTotalNeeded(parseFloat(buyStakingAmt) + parseFloat('1.60'));\n    } else if (btnText === 'Buy Now') {\n      setTotalNeeded(parseFloat(buyStakingAmt) + parseFloat('1.50'));\n    } else if (btnText === 'Get more') {\n      // console.log('===============Get more================');\n      setTotalNeeded(0);\n    } else if (tokenSelected.name === 'ETH') {\n      setTotalNeeded(0);\n    } else if (cartAmt > 0) {\n      setTotalNeeded(cartAmt + 10); // Activation\n    } else {\n      setTotalNeeded(0);\n    }\n    setShow(true);\n  }, [btnText, buyStakingAmt, cartAmt]);\n\n  const handleInputChange = useCallback(\n    (floatValue, formattedValue) => {\n      console.log('----- floatValue: %s', floatValue);\n      setError('');\n      let value = 0;\n      if (floatValue !== undefined) {\n        value = floatValue;\n      }\n      const coinBusd = parseFloat(busd.replaceAll(',', ''));\n      const coinUsdpi = parseFloat(usdpi.replaceAll(',', ''));\n      const coinEth = parseFloat(eth.replaceAll(',', ''));\n      if (!invertCard) {\n        if (tokenSelected.name === 'BUSD') {\n          if (value > coinBusd) {\n            setError(\n              'The value must be less than or equal to your amount of coins BUSD'\n            );\n          }\n        } else if (tokenSelected.name === 'ETH') {\n          if (value > coinEth) {\n            setError(\n              'The value must be less than or equal to your amount of coins ETH'\n            );\n          }\n        }\n      } else if (value > coinUsdpi) {\n        setError(\n          'The value must be less than or equal to your amount of coins USDPI'\n        );\n      }\n      setExchangeValue(formattedValue);\n    },\n    [busd, invertCard, usdpi, usdt, eth, totalNeeded, tokenSelected]\n  );\n\n  // MAX BUTTON\n  const handleMax = useCallback(() => {\n    console.log('totalNeeded: %s', totalNeeded);\n    console.log(typeof totalNeeded);\n    let maxValue = '';\n    console.log('invertCard: %s', invertCard);\n    if (invertCard) {\n      maxValue = usdpi;\n    } else if (tokenSelected.name === 'ETH') {\n      maxValue = eth;\n    } else if (tokenSelected.name === 'BUSD') {\n      maxValue = busd;\n    } else if (tokenSelected.name === 'USDT') {\n      console.log('444');\n      maxValue = usdt;\n    }\n    console.log('maxValue: %s', maxValue);\n    setError('');\n    if (parseFloat(maxValue) === 0) {\n      setError('Exchange value must be greater than zero');\n    } else if (\n      totalNeeded > 0 &&\n      !invertCard &&\n      totalNeeded < parseFloat(busd.replaceAll(',', ''))\n    ) {\n      // console.log(totalNeeded.toFixed(2));\n      setExchangeValue(totalNeeded.toFixed(2));\n    } else if (\n      totalNeeded > 0 &&\n      !invertCard &&\n      totalNeeded > parseFloat(busd.replaceAll(',', ''))\n    ) {\n      setExchangeValue(busd);\n      // console.log('TOO LITTLE');\n      // setError('The value must be greater than or equal to the amount needed');\n    } else if (invertCard) {\n      setExchangeValue(usdpi);\n    } else {\n      console.log('catch all');\n      setExchangeValue(maxValue);\n    }\n    setExchangeValue(maxValue);\n  }, [busd, invertCard, usdpi, totalNeeded, tokenSelected]);\n\n  const handleShowCongrat = useCallback(() => {\n    if (location.pathname === '/activate-your-profit-centers') {\n      setCartPurchase(true);\n    } else {\n      setShowCongrat(true);\n    }\n  }, [location.pathname, setCartPurchase]);\n\n  // POST PROCESS\n  useEffect(() => {\n    if (usdpiPurchaseTX) {\n      setLoading(false);\n      if (typeof usdpiPurchaseTX === 'object' && usdpiPurchaseTX.reason) {\n        if (JSON.stringify(usdpiPurchaseTX) !== errorExchange) {\n          swalError({\n            message: usdpiPurchaseTX.reason,\n            textButton: 'Try Again',\n          }).then(() => {\n            setErrorExchange(JSON.stringify(usdpiPurchaseTX));\n          });\n        }\n      } else if (\n        typeof usdpiPurchaseTX === 'string' &&\n        usdpiPurchaseTX.toLowerCase().includes('error')\n      ) {\n        swalError({\n          message: usdpiPurchaseTX,\n          textButton: 'Try Again',\n        }).then(() => {\n          setUsdpiPurchaseTX('');\n        });\n      } else if (!isAlertOpen) {\n        setIsAlertOpen(true);\n        setUsdpiPurchaseTX('');\n        if (onExchangeFinished) {\n          onExchangeFinished();\n        } else {\n          handleClose();\n        }\n      }\n      setUsdpiPurchaseTX('');\n    }\n  }, [\n    errorExchange,\n    handleShowCongrat,\n    isAlertOpen,\n    onExchangeFinished,\n    setUsdpiPurchaseTX,\n    usdpiPurchaseTX,\n  ]);\n\n  // SUBMIT\n  // setTokenSelected\n  const handleSubmitExchange = useCallback(\n    async (data) => {\n      console.log('handleSubmitExchange');\n      console.log(data);\n      let netNeeded = 'PAY';\n\n      if (invertCard) {\n        netNeeded = 'NETWORK';\n      } else if (tokenSelected.name === 'ETH') {\n        netNeeded = 'PAY';\n      } else if (tokenSelected.name === 'USDT') {\n        netNeeded = 'PAY';\n      } else if (tokenSelected.name === 'BUSD') {\n        netNeeded = 'NETWORK';\n      }\n\n      networkSwitch(netNeeded)\n        .then((response) => {\n          try {\n            setIsAlertOpen(false);\n            formRef.current?.setErrors({});\n            setLoading(true);\n\n            if (invertCard) {\n              setUsdpiSaleAmt(\n                // parseFloat(data.price.replaceAll(',', ''))\n                parseFloat(debouncedValue.replaceAll(',', ''))\n              );\n            } else {\n              // console.log('tokenSelected.name: %s', tokenSelected.name);\n              const xx = 0;\n              if (tokenSelected.name === 'BUSD') {\n                setUsdpiPurchaseAmt(\n                  // parseFloat(data.price.slice(1).replaceAll(',', ''))\n                  // parseFloat(data.price.replaceAll(',', ''))\n                  parseFloat(debouncedValue.replaceAll(',', ''))\n                );\n              } else if (tokenSelected.name === 'ETH') {\n                // console.log('===== Calling web3stats');\n                // console.log(parseFloat(data.price.replaceAll(',', '')));\n                // setUsdpiPurchaseAmtEth(parseFloat(data.price.replaceAll(',', '')));\n                console.log('debouncedValue: %s', debouncedValue);\n                setUsdpiPurchaseAmtEth(\n                  parseFloat(debouncedValue.replaceAll(',', ''))\n                );\n              } else if (tokenSelected.name === 'USDT') {\n                // setUsdpiPurchaseAmtUsdt(parseFloat(data.price.replaceAll(',', '')));\n                setUsdpiPurchaseAmtUsdt(\n                  parseFloat(debouncedValue.replaceAll(',', ''))\n                );\n              }\n            }\n          } catch (err) {\n            setIsAlertOpen(true);\n            if (err instanceof Yup.ValidationError) {\n              const errors = getValidationErros(err);\n              formRef.current?.setErrors(errors);\n            }\n          }\n        })\n        .catch((switchError) => {\n          console.log(switchError);\n        });\n    },\n    [\n      invertCard,\n      setUsdpiPurchaseAmt,\n      setUsdpiSaleAmt,\n      setTokenSelected,\n      debouncedValue,\n    ]\n  );\n\n  // CHANGE TOKEN\n  const handleSelectToken = useCallback((token) => {\n    setTokenSelected(token);\n    console.log('CHANGE TOKEN - token.balance: %s', token.balance);\n    if (token.name === 'ETH') {\n      // setSkipModal(true);\n      // setChainMode('PAY');\n      setInvertCard(false);\n      setDecimalPlaces(6);\n    } else if (token.name === 'USDT') {\n      // setSkipModal(true);\n      // setChainMode('PAY');\n      setInvertCard(false);\n      setDecimalPlaces(2);\n    } else {\n      // setSkipModal(true);\n      // setChainMode('NETWORK');\n      setDecimalPlaces(2);\n    }\n    // setExchangeValue(token.balance);\n    setExchangeValue('0');\n    // setDebouncedValue(token.balance);\n    setDebouncedValue('0');\n    // eslint-disable-next-line quotes\n    setInputValue('0.0');\n  }, []);\n\n  // SET POLLING\n  useEffect(() => {\n    if (show) {\n      setBalanceInterval(15000);\n      // setBalanceInterval(0);\n    } else {\n      setBalanceInterval(60000);\n    }\n    return () => {\n      setBalanceInterval(60000);\n    };\n  }, [show]);\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        onClick={handleShow}\n        className={`${className}`}\n        disabled={disabled}\n      >\n        {btnText}\n        {/* {location.pathname === '/token-vault' && (\n          <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n        )} */}\n      </Button>\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-signin\"\n        loading={loading}\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n\n        <Modal.Header className=\"container py-0 border-0\">\n          <div className=\"row w-100 justify-content-center\">\n            <div className=\"col-10 d-flex justify-content-center\">\n              <img src={logoSwap} alt=\"Logo USDPI\" className=\"logo-usdpi\" />\n              <h2 className=\"ms-3 fw-bold mb-0\">USDPI Swap</h2>\n            </div>\n          </div>\n        </Modal.Header>\n\n        <Modal.Body className=\"container\">\n          <div className=\"row px-4 px-sm-5 justify-content-center\">\n            <div className=\"col-11 d-flex bd-bottom align-items-end px-0\">\n              <div className=\"w-50\">\n                <button type=\"button\" className=\"btn-swap px-4 py-3\">\n                  SWAP\n                </button>\n              </div>\n              <div className=\"w-50 text-end\">\n                USDPI Balance\n                <br />\n                <span className=\"value\">${usdpi}</span>\n              </div>\n            </div>\n\n            <div className=\"col-11 px-0\">\n              <SelectCoin className=\"d-flex justify-content-between my-4\">\n                {tokens.map((token) => (\n                  <Fragment key={token.name}>\n                    <button\n                      type=\"button\"\n                      className={`${\n                        token.name === tokenSelected.name && 'active'\n                      } rounded-pill p-2 d-flex align-items-center coin`}\n                      onClick={() => handleSelectToken(token)}\n                    >\n                      <img src={token.logo} alt={token.name} />\n                      <p className=\"mb-0 coin-name me-2 text-end\">\n                        <span className=\"me-1\" title={token.balance}>\n                          {/* {token.balance.slice(0, -3)} */}\n                          {token.balance}\n                        </span>\n                        {token.name}\n                      </p>\n                    </button>\n                  </Fragment>\n                ))}\n              </SelectCoin>\n            </div>\n          </div>\n          <div className=\"row px-5 mt-3 justify-content-center\">\n            <div className=\"col-7 d-flex flex-column px-0\">\n              <div className=\"d-flex justify-content-between\">\n                <div className=\"w-45 order-0\">\n                  <h4 className=\"ps-3 mb-4\">Send</h4>\n                </div>\n                <div className=\"w-45 order-1\">\n                  <h4 className=\"ps-3 mb-4\">Receive</h4>\n                </div>\n              </div>\n              <div className=\"d-flex align-items-center cards-shadow\">\n                <div className={`w-45 ${!invertCard ? 'order-2' : 'order-4'}`}>\n                  <Card\n                    background={tokenSelected.cardStyle}\n                    className=\"yellow-card p-4\"\n                  >\n                    <div className=\"text-end\">\n                      <img src={tokenSelected.logo} alt=\"Logo BUSD\" />\n                    </div>\n                    <h2>{tokenSelected.name}</h2>\n                    <div className=\"d-flex mt-4\">\n                      <div className=\"w-25 h6 text-white\">$1</div>\n                      <div className=\"w-75 h6 text-white text-end pe-4\">\n                        {tokenSelected.balance} {tokenSelected.name}\n                      </div>\n                    </div>\n                  </Card>\n                </div>\n                <div\n                  className=\"w-10 text-center order-3\"\n                  style={{\n                    visibility:\n                      totalNeeded > 0 ||\n                      (tokenSelected.name !== 'BUSD' &&\n                        tokenSelected.name !== 'USDPI')\n                        ? 'hidden'\n                        : undefined, // setting to undefined lets the default behavior (visible) take over\n                  }}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={handleInvertCard}\n                    className=\"rounded-circle border-0 arrows\"\n                  >\n                    <img src={arrows} alt=\"Arrows\" />\n                  </button>\n                </div>\n                <div className={`w-45 ${!invertCard ? 'order-4' : 'order-2'}`}>\n                  <Card\n                    background=\"linear-gradient(84.9deg, #2fbf7f 10.36%, #3cc9ad 97.55%);\"\n                    className=\"green-card p-4\"\n                  >\n                    <div className=\"text-end\">\n                      <img src={logoUsdpi} alt=\"Logo USDPI\" />\n                    </div>\n                    <h2>USDPI</h2>\n                    <div className=\"d-flex mt-4\">\n                      <div className=\"w-25 h6 text-white\">$1</div>\n                      <div className=\"w-75 h6 text-white text-end pe-4\">\n                        {usdpi} USDPI\n                      </div>\n                    </div>\n                  </Card>\n                </div>\n              </div>\n            </div>\n            <div className=\"col-4 pe-0 pad-left mt-2\">\n              <div className=\"d-flex align-items-center justify-content-between text-end mt-4\">\n                <span className=\"text-table\">Amount Needed</span>\n                <h3 className=\"text-table mb-0\">\n                  {totalNeeded === 0 ||\n                  btnText === 'GET USDPI HERE' ||\n                  btnText === 'Buy/Sell USDPI'\n                    ? '--'\n                    : `$${formatPrice(totalNeeded)}`}\n                </h3>\n              </div>\n              <div className=\"d-flex justify-content-between mt-3\">\n                <div>\n                  <span\n                    className=\"wm-tooltip text-table\"\n                    data-tooltip=\"Transaction fees can fluctuate based on network conditions such as demand and congestion. Higher demand can lead to higher fees, while lower demand can result in lower fees. The fees are not fixed, but rather vary based on network conditions at any given time.\"\n                  >\n                    Network Fees{' '}\n                    <HiOutlineInformationCircle\n                      className=\"ms-3\"\n                      size={25}\n                      color=\"#4F89FF\"\n                    />\n                    <br />\n                    <span className=\"estimate\">\n                      Estimate only, fees will vary\n                    </span>\n                  </span>\n                </div>\n                <h3 className=\"values text-end\">\n                  ${feeValue}\n                  <br />\n                  <span>\n                    {feeValue} {invertCard ? 'USDPI' : tokenSelected.name}\n                  </span>\n                </h3>\n              </div>\n              <div className=\"d-flex justify-content-between text-end mt-2\">\n                <span className=\"text-table\">Send</span>\n                <h3 className=\"values color-negative\">\n                  {tokenSelected.name === 'ETH' ? '-' : '-$'}\n                  {exchangeValue}\n                  <br />\n                  <span>\n                    -{exchangeValue} {invertCard ? 'USDPI' : tokenSelected.name}\n                  </span>\n                </h3>\n              </div>\n              <div className=\"d-flex justify-content-between text-end mt-2\">\n                <span className=\"text-table\">Receive</span>\n                <div>\n                  <h3 className=\"values color-positive mb-0\">\n                    ${receiveValue}\n                  </h3>\n                </div>\n              </div>\n            </div>\n          </div>\n          <Form\n            ref={formRef}\n            onSubmit={handleSubmitExchange}\n            className=\"row px-5 mt-5 justify-content-center\"\n          >\n            <div className=\"col-11 px-0\">\n              <div className=\"text-center bg-number py-3 position-relative\">\n                {/* <button\n                  onClick={handleMax}\n                  type=\"button\"\n                  className=\"position-absolute\"\n                >\n                  Max\n                </button> */}\n                <div className=\"input-mask border-0 bg-transparent px-4\">\n                  <NumericFormat\n                    value={inputValue}\n                    name=\"price\"\n                    allowLeadingZeros\n                    thousandSeparator=\",\"\n                    decimalScale={decimalPlaces}\n                    onValueChange={(values, sourceInfo) => {\n                      handleInputChange(\n                        values.floatValue,\n                        values.formattedValue\n                      );\n                      console.log(values, sourceInfo);\n                    }}\n                    onChange={(ev) => {\n                      setInputValue(ev.currentTarget.value);\n                    }}\n                  />\n                </div>\n                <span className=\"h4 color pt-3\">\n                  {exchangeValue} {invertCard ? 'USDPI' : tokenSelected.name}\n                </span>\n              </div>\n\n              {error && (\n                <span className=\"small text-danger error text-center w-100 d-block mt-1\">\n                  {error}\n                </span>\n              )}\n            </div>\n            <div className=\"col-11 text-end mt-4 mb-n4 pe-0\">\n              <span className=\"buy-text\">Don’t have Crypto?</span>{' '}\n              <a\n                href=\"https://bit.ly/getbusd\"\n                target=\"_blank\"\n                className=\"btn buy-here ms-4 py-2 px-3\"\n                rel=\"noreferrer\"\n              >\n                BUY IT HERE\n              </a>\n            </div>\n            <div className=\"col-11 position-relative\">\n              <ModalConfirmation\n                type=\"submit\"\n                disabled={debouncedValue === '0,00' || !!error}\n                showCongrat={showCongrat}\n                setShowCongrat={setShowCongrat}\n              />\n            </div>\n          </Form>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 px-4 py-5\" />\n      </Modal>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"SWAPPING TOKENS\"\n        className=\"zoom-1-3\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default ModalSwap;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Button = styled.button`\n  padding: 16px;\n  border-radius: 20px;\n  font-weight: bold;\n  background-color: #00f9ab;\n  color: #000;\n  font-weight: 700;\n  font-size: 20px;\n  transition-duration: 0.3s;\n  :hover {\n    background-color: ${darken(0.1, '#00f9ab')};\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #ddd;\n    }\n    span {\n      color: #ddd;\n      font-weight: 500;\n    }\n  }\n\n  .btn-swap {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .coin video {\n    border: 1px solid #565656;\n    border-radius: 30px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 40px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/thumb-need-usdpi.ef95f09a.png\";","import React, { useCallback, useState } from 'react';\nimport Player from '~/components/Player';\nimport ModalSwap from '~/components/ModalSwap';\nimport { Button, Modal } from './styles';\nimport thumb from '~/assets/defaults/thumb-need-usdpi.png';\n\ninterface IButton {\n  btnText: string;\n  onExchangeFinished?(): void;\n  showNft?: boolean;\n}\n\nconst ModalNeedUsdpi: React.FC<IButton> = ({\n  btnText,\n  showNft,\n  onExchangeFinished,\n}) => {\n  const [show, setShow] = useState(false);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleShow = useCallback(() => setShow(true), []);\n\n  return (\n    <>\n      <Button type=\"button\" onClick={handleShow} className=\"w-100 mt-4\">\n        {btnText}\n      </Button>\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-signin\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n\n        <Modal.Header className=\"container border-0\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-sm-11 col-md-12 col-xl-9 text-center\">\n              <h2 className=\"fw-bold mb-4\">You Need USDPI To Mint Your NFT</h2>\n              <h3 className=\"px-4 px-sm-5\">\n                Profiti uses the stable token <b>USDPI</b> to record\n                transactions on the blockchain but your connected wallet{' '}\n                <span>doesn’t have enough</span>. Below you can see how you can\n                easily convert BUSD to USDPI and generate your{' '}\n                <span>FREE NFT</span>\n              </h3>\n            </div>\n          </div>\n        </Modal.Header>\n\n        <Modal.Body className=\"container\">\n          <div className=\"row px-4 px-sm-5 justify-content-center\">\n            <div className=\"col-sm-11 col-md-12 col-xl-9 coin\">\n              <Player\n                src=\"https://prfti.s3.amazonaws.com/4.mov\"\n                thumbnail={thumb}\n              />\n            </div>\n            <div className=\"col-sm-11 col-md-12 col-xl-9\">\n              <ModalSwap\n                btnText=\"GET USDPI NOW\"\n                className=\"btn-swap w-100 btn mt-4 fw-bold\"\n                onExchangeFinished={onExchangeFinished}\n                showNft={showNft}\n              />\n            </div>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 px-4 pb-5\" />\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalNeedUsdpi;\n","export default \"data:image/png;base64,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\"","import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Swal from 'sweetalert2';\nimport { useHistory } from 'react-router-dom';\n\nimport { formatPrice } from '~/utils/format';\nimport { web3store } from '~/store';\n\nimport { Container } from './styles';\nimport WalletAvatar from '../WalletAvatar';\nimport ModalSwap from '../ModalSwap';\nimport { ModalNft } from '~/pages/Sales/ModalNftWallet';\nimport ModalNeedUsdpi from '~/pages/Sales/ModalNeedUsdpi';\nimport { ModalYouGotUsdpi } from '~/pages/Sales/ModalConfirmation';\nimport Loading from '~/components/Loading';\n\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport product from '~/assets/defaults/product.png';\nimport swalError from '~/utils/swalError';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface IResumProps {\n  qtd: number;\n  multiple: number;\n  activeResum?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent): void;\n  onSubmit?(qtd: number): void;\n  onClearCart?(qtd: number): void;\n}\n\nconst Resum: React.FC<IResumProps> = ({\n  activeResum,\n  qtd,\n  multiple,\n  disabled,\n  onChange,\n  onClearCart,\n}) => {\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n\n  const [cartAmt, setCartAmt] = web3store.useState('cartAmt');\n  const [, setCartPurchase] = web3store.useState('cartPurchase');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [connectedMember] = web3store.useState('connectedMember');\n  const [cartPurchaseTX, setCartPurchaseTX] =\n    web3store.useState('cartPurchaseTX');\n  const [loading, setLoading] = useState(false);\n  const [showNft, setShowNft] = useState(false);\n  const [showCongrats, setShowCongrat] = useState(false);\n  const [purchaseComplete, setPurchaseComplete] = useState(false);\n  const [chainMode, setChainMode] = web3store.useState('chainMode');\n\n  const usdpi = useMemo(\n    () => parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2)),\n    [balusdpi]\n  );\n\n  const btnMessage = useMemo(() => {\n    if (connectedMember) {\n      return 'ACTIVATE';\n    }\n    if (qtd > 0) {\n      return 'MINT NFT & ACTIVATE';\n    }\n\n    return 'MINT NFT ONLY';\n  }, [connectedMember, qtd]);\n\n  useEffect(() => {\n    if (cartPurchaseTX) {\n      setLoading(false);\n      if (typeof cartPurchaseTX === 'object' && cartPurchaseTX.reason) {\n        swalError({\n          message: cartPurchaseTX.reason,\n          textButton: 'Try Again',\n        });\n      } else if (\n        typeof cartPurchaseTX === 'string' &&\n        cartPurchaseTX.toLowerCase().includes('error')\n      ) {\n        swalError({\n          message:\n            'Your activation didn’t work, this could be for different reasons, but possibly not enough funds to cover activation and transaction fees, please try again.',\n          textButton: 'Try Again',\n        }).then(() => {\n          setCartPurchaseTX('');\n        });\n      } else {\n        setShowCongrat(true);\n        setPurchaseComplete(true);\n        setCartPurchaseTX('');\n      }\n    }\n  }, [cartPurchaseTX, history, setCartPurchaseTX]);\n\n  useEffect(() => {\n    if (!purchaseComplete) {\n      // console.log('******************RESUM*******************88');\n      setCartAmt(qtd * 25 + qtd * multiple);\n    } else {\n      setCartAmt(0);\n    }\n  }, [multiple, qtd, setCartAmt]);\n\n  const handleChange = useCallback(\n    (e) => {\n      if (onChange) {\n        onChange(e);\n      }\n    },\n    [onChange]\n  );\n\n  const handleClearCart = useCallback(\n    (e) => {\n      if (onClearCart) {\n        onClearCart(e);\n      }\n    },\n    [onClearCart]\n  );\n\n  const handleClickPayOld = useCallback(() => {\n    setChainMode('NETWORK');\n    if (usdpi >= cartAmt) {\n      setLoading(true);\n      setCartPurchase(true);\n    } else {\n      setShowNft(false);\n      swalError({\n        message: 'Insufficient balance',\n        textButton: 'Try Again',\n      });\n    }\n  }, [cartAmt, setCartPurchase, usdpi]);\n\n  const handleClickPay = useCallback(() => {\n    const handleNetworkSwitch = async () => {\n      networkSwitch('NETWORK')\n        .then((response) => {\n          // console.log(response);\n          if (usdpi >= cartAmt) {\n            setLoading(true);\n            setCartPurchase(true);\n          } else {\n            setShowNft(false);\n            swalError({\n              message: 'Insufficient balance',\n              textButton: 'Try Again',\n            });\n          }\n        })\n        .catch((error) => {\n          console.log(error);\n        });\n    };\n    handleNetworkSwitch();\n  }, [cartAmt, setCartPurchase, usdpi]);\n\n  useEffect(() => {\n    if (connectedMember && Object.keys(connectedMember).length > 0) {\n      if (connectedMember.nft.is_active) {\n        setLoading(false);\n        setShow(true);\n\n        if (balusdpi > 0) {\n          setChainMode('NETWORK');\n        }\n      }\n    }\n  }, [connectedMember]);\n\n  const handleExchangeFinished = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      setLoading(false);\n      setShowNft(true);\n    }, 3000);\n  }, []);\n\n  return (\n    <>\n      <Container\n        active={activeResum}\n        className=\"mt-4 mt-lg-0 h-100 zoom-resum bg-gray p-4 text-center text-lg-start overflow-auto\"\n        id=\"resum\"\n      >\n        <div className=\"d-flex justify-content-center mt-2 mt-xxl-4 mb-5\">\n          <WalletAvatar />\n        </div>\n        <div className=\"\">\n          <h4 className=\"mb-4\">Summary</h4>\n          <div className=\"d-flex items justify-content-between mb-4\">\n            <span>\n              {qtd + qtd + 1} {qtd > 0 ? 'Items' : 'Item'}\n            </span>\n            <button type=\"button\" onClick={handleClearCart}>\n              Clear Cart\n            </button>\n          </div>\n          <div className=\"d-flex flex-wrap flex-sm-nowrap align-items-center justify-content-between mb-4 ps-3 pr-2 px-lg-0\">\n            <div className=\"d-flex justify-content-between justify-content-sm-start align-items-center w-100 w-sm-auto\">\n              <img src={product} alt=\"Logo\" />\n              <p className=\"resum-width small normal-xxl mb-0 ms-3\">Free NFT</p>\n            </div>\n            <div className=\"d-flex w-100 w-lg-auto justify-content-between justify-content-sm-end align-items-center\">\n              <div className=\"input-border\">\n                <input\n                  type=\"number\"\n                  name=\"qtd\"\n                  value={1}\n                  min={0}\n                  max={5}\n                  disabled\n                />\n              </div>\n              <p className=\"h6 h5-xxl text-end text-green mb-0\">$0</p>\n            </div>\n          </div>\n\n          <div className=\"d-flex flex-wrap flex-sm-nowrap align-items-center justify-content-between mb-4 ps-3 pr-2 px-lg-0\">\n            <div className=\"d-flex justify-content-between justify-content-sm-start align-items-center w-100 w-sm-auto\">\n              <img src={product} alt=\"Logo\" />\n              <p className=\"resum-width small normal-xxl mb-0 ms-3\">\n                Profit <br className=\"d-none d-lg-block\" />\n                Centers\n              </p>\n            </div>\n            <div className=\"d-flex w-100 w-lg-auto justify-content-between justify-content-sm-end align-items-center\">\n              <div className=\"input-border\">\n                <input\n                  type=\"number\"\n                  name=\"qtd\"\n                  value={qtd}\n                  min={0}\n                  max={5}\n                  onChange={handleChange}\n                  disabled\n                />\n              </div>\n              <p className=\"h6 h5-xxl text-end text-green mb-0\">\n                ${formatPrice(qtd * multiple).slice(0, -3)}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"d-flex flex-wrap flex-sm-nowrap align-items-center justify-content-between mb-4 ps-3 pr-2 px-lg-0\">\n            <div className=\"d-flex justify-content-between justify-content-sm-start align-items-center w-100 w-sm-auto\">\n              <img src={product} alt=\"Logo\" />\n              <p className=\"resum-width small normal-xxl mb-0 ms-3\">\n                Activation\n              </p>\n            </div>\n            <div className=\"d-flex w-100 w-lg-auto justify-content-between justify-content-sm-end align-items-center\">\n              <div className=\"input-border\">\n                <input\n                  type=\"number\"\n                  name=\"qtd\"\n                  value={qtd}\n                  min={0}\n                  max={5}\n                  onChange={handleChange}\n                  disabled\n                />\n              </div>\n              <p className=\"h6 h5-xxl text-end text-green mb-0\">${qtd * 25}</p>\n            </div>\n          </div>\n\n          <div className=\"d-flex align-items-center justify-content-between box-dark-gray p-3\">\n            <p className=\"mb-0\">Total to pay today:</p>\n            <p className=\"h3 text- mb-0\">\n              ${formatPrice(cartAmt).slice(0, -3)}\n            </p>\n          </div>\n          <div className=\"ps me-3 mt-1\">*Blockchain/network fees apply</div>\n          {usdpi < cartAmt ? (\n            <ModalNeedUsdpi\n              btnText={btnMessage}\n              showNft={showNft}\n              onExchangeFinished={handleExchangeFinished}\n            />\n          ) : (\n            <button\n              type=\"button\"\n              onClick={handleClickPay}\n              className=\"payment w-100 mt-4\"\n              disabled={disabled}\n            >\n              {btnMessage}\n            </button>\n          )}\n          {/* <button\n            type=\"button\"\n            onClick={handleClickPayTest}\n            className=\"payment w-100 mt-4\"\n          >\n            {btnMessage}\n          </button> */}\n          <span className=\"get-usdpi-title text-center d-block mt-5 mb-3\">\n            Don’t have USDPI on your wallet?\n          </span>\n          <div className=\"position-relative btn-get-usdpi d-flex\">\n            <ModalSwap btnText=\"GET USDPI HERE\" className=\"w-100 py-3 px-4\" />\n          </div>\n        </div>\n        <ModalNft show={show} setShow={setShow} />\n        <ModalYouGotUsdpi\n          show={showNft}\n          setShow={setShowNft}\n          onClickActivated={handleClickPay}\n          showCongrats={showCongrats}\n          setShowCongrat={setShowCongrat}\n        />\n      </Container>\n      <ModalNetworkSwitch />\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"WAITING FOR BLOCKCHAIN...\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default Resum;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport ReactApexChart from 'react-apexcharts';\n\nimport { ApexOptions } from 'apexcharts';\nimport {\n  Banner,\n  Card,\n  Modal,\n  RangeCentersYearly,\n  RangeCentersMonthly,\n  RangeNetworkYearly,\n  RangeNetworkMonthly,\n} from './styles';\nimport Timeline from '~/components/Timeline';\nimport Resum from '~/components/Resum';\nimport { formatPrice } from '~/utils/format';\n\nimport api from '~/services/api';\nimport { useResize } from '~/hooks/Resize';\nimport { web3store } from '~/store';\nimport ButtonBack from '~/components/ButtonBack';\n\ninterface IDemoEarning {\n  5: string;\n  30: string;\n  155: string;\n  780: string;\n  3905: string;\n  19530: string;\n  FINAL: string;\n}\n\ninterface IDemoEarnings {\n  earnings: {\n    annual: IDemoEarning[];\n    monthly: IDemoEarning[];\n  };\n}\n\ninterface IParams {\n  slug: string;\n}\n\nconst Order: React.FC = () => {\n  const history = useHistory();\n  const params = useParams<IParams>();\n  const { width } = useResize();\n  const [activePayment, setActivePayment] = useState(false);\n  const [percentage, setPercentage] = useState(200);\n  const [btnYearlyMonthly, setBtnYearlyMonthly] = useState('yearly');\n  const [cartProfitCenters, setCartProfitCenters] =\n    web3store.useState('cartProfitCenters');\n  const [cartPrepayMonths, setCartPrepayMonths] =\n    web3store.useState('cartPrepayMonths');\n  const [show, setShow] = useState(false);\n  const [percentageBarCenterYearly, setPercentageBarCenterYearly] = useState(1);\n  const [percentageBarNetworkYearly, setPercentageBarNetworkYearly] =\n    useState(0);\n\n  const [percentageBarCenterMonthly, setPercentageBarCenterMonthly] =\n    useState(1);\n  const [percentageBarNetworkMonthly, setPercentageBarNetworkMonthly] =\n    useState(0);\n\n  const [multiple, setMultiple] = useState(12);\n  const [demoEarnings, setDemoEarnings] = useState({} as IDemoEarnings);\n  const [demoEarningPrice, setDemoEarningPrice] = useState('$0');\n  const [connectedMember] = web3store.useState('connectedMember');\n\n  const options = useMemo(() => {\n    const data: ApexOptions = {\n      chart: {\n        toolbar: {\n          show: false,\n        },\n      },\n\n      fill: {\n        type: 'solid',\n        colors: ['#9DF3FF', '#884BFD'],\n      },\n\n      dataLabels: {\n        enabled: false,\n      },\n      legend: {\n        show: false,\n      },\n      stroke: {\n        width: 0,\n      },\n      tooltip: {\n        enabled: false,\n      },\n    };\n\n    return data;\n  }, []);\n\n  const series = useMemo(() => {\n    let total = 0;\n    let costPercent = 0;\n    let earningPercent = 0;\n    const demoEarning = parseFloat(\n      demoEarningPrice.replace('$', '').replaceAll(',', '')\n    );\n    if (btnYearlyMonthly === 'yearly') {\n      total = percentageBarCenterYearly * 50 * 12 + demoEarning;\n      costPercent = (percentageBarCenterYearly * 50 * 12 * 100) / total;\n      earningPercent = (demoEarning * 100) / total;\n    } else {\n      total = percentageBarCenterMonthly * 50 + demoEarning;\n      costPercent = (percentageBarCenterMonthly * 50 * 100) / total;\n      earningPercent = (demoEarning * 100) / total;\n    }\n    costPercent = costPercent <= 5 ? 5 : costPercent;\n    costPercent = costPercent >= 95 ? 95 : costPercent;\n    earningPercent = earningPercent <= 5 ? 5 : earningPercent;\n    earningPercent = earningPercent >= 95 ? 95 : earningPercent;\n\n    return [costPercent, earningPercent];\n  }, [\n    btnYearlyMonthly,\n    demoEarningPrice,\n    percentageBarCenterMonthly,\n    percentageBarCenterYearly,\n  ]);\n\n  useEffect(() => {\n    api.get('v1/demo/earnings').then((response) => {\n      setDemoEarnings(response.data);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (Object.keys(demoEarnings).length > 0) {\n      let networkSize: 5 | 30 | 155 | 780 | 3905 | 19530 | 'FINAL' = 5;\n      let data = '0';\n      if (btnYearlyMonthly === 'yearly') {\n        switch (percentageBarNetworkYearly) {\n          case 1:\n            networkSize = 30;\n            break;\n\n          case 2:\n            networkSize = 155;\n            break;\n\n          case 3:\n            networkSize = 780;\n            break;\n\n          case 4:\n            networkSize = 3905;\n            break;\n\n          case 5:\n            networkSize = 19530;\n            break;\n\n          case 6:\n            networkSize = 'FINAL';\n            break;\n\n          default:\n            networkSize = 5;\n            break;\n        }\n\n        data =\n          demoEarnings.earnings.annual[percentageBarCenterYearly][networkSize];\n      } else {\n        switch (percentageBarNetworkMonthly) {\n          case 1:\n            networkSize = 30;\n\n            break;\n          case 2:\n            networkSize = 155;\n\n            break;\n          case 3:\n            networkSize = 780;\n\n            break;\n          case 4:\n            networkSize = 3905;\n\n            break;\n          case 5:\n            networkSize = 19530;\n            break;\n\n          case 6:\n            networkSize = 'FINAL';\n            break;\n\n          default:\n            networkSize = 5;\n            break;\n        }\n\n        data =\n          demoEarnings.earnings.monthly[percentageBarCenterMonthly][\n            networkSize\n          ];\n      }\n      setDemoEarningPrice(data || '$0');\n    }\n  }, [\n    btnYearlyMonthly,\n    demoEarnings,\n    percentageBarCenterMonthly,\n    percentageBarCenterYearly,\n    percentageBarNetworkMonthly,\n    percentageBarNetworkYearly,\n  ]);\n\n  useEffect(() => {\n    if (params.slug === 'skip') {\n      if (connectedMember) {\n        setCartProfitCenters(1);\n      } else {\n        setCartProfitCenters(0);\n      }\n    } else {\n      setCartProfitCenters(6);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [params.slug, connectedMember]);\n\n  useEffect(() => {\n    setActivePayment(true);\n    setTimeout(() => {\n      if (width <= 991) {\n        const element = document.getElementById('resum');\n        if (element) {\n          element.scrollIntoView({\n            behavior: 'smooth',\n          });\n        }\n      }\n    }, 50);\n  }, [width]);\n\n  useEffect(() => {\n    switch (percentage) {\n      case 200: {\n        setMultiple(600);\n        break;\n      }\n      case 175: {\n        setMultiple(300);\n        break;\n      }\n      case 150: {\n        setMultiple(150);\n        break;\n      }\n      case 133: {\n        setMultiple(50);\n        break;\n      }\n      default:\n      // console.log('multiple');\n    }\n  }, [cartPrepayMonths, cartProfitCenters, percentage]);\n\n  const handleBtnYearly = useCallback((e) => {\n    setBtnYearlyMonthly(e);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleShow = useCallback(() => setShow(true), []);\n\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Get Your Free NFT',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: true,\n      },\n      {\n        value: 'Activate Your Profit Centers',\n        active: true,\n      },\n      {\n        value: 'Earn Even More!',\n        active: false,\n        semi: true,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n      },\n    ],\n    []\n  );\n\n  const handleClearCart = useCallback(() => {\n    if (connectedMember) {\n      setCartProfitCenters(1);\n    } else {\n      setCartProfitCenters(0);\n    }\n  }, [connectedMember, setCartProfitCenters]);\n\n  const handleChangePeriod = useCallback(\n    (period, percent) => {\n      setCartPrepayMonths(period);\n      setPercentage(percent);\n    },\n    [setCartPrepayMonths]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      let valueSelected = 0;\n      if (e.target.value > 5) {\n        valueSelected = 5;\n      } else if (e.target.value) {\n        valueSelected = e.target.value;\n      }\n      setCartProfitCenters(valueSelected);\n    },\n    [setCartProfitCenters]\n  );\n\n  const handleSubmit = useCallback(async () => {\n    // const user_id = localStorage.getItem('hash_user');\n    // const responseUser = await api.get(`users/${user_id}`);\n    // const formData = {\n    //   user_id,\n    //   volume_centers: e,\n    // };\n    // if (responseUser.data.order) {\n    //   if (responseUser.data.order.status !== 'finished') {\n    //     const response = await api.put(\n    //       `orders/${responseUser.data.order.id}`,\n    //       formData\n    //     );\n    //     if (response.data) {\n    //       localStorage.setItem('hash_order', response.data.id);\n    //       history.push(`${process.env.PUBLIC_URL}/efetuar-pagamento`);\n    //     }\n    //   } else {\n    //     Swal.fire({\n    //       title: 'Opa!',\n    //       icon: 'info',\n    //       html: 'Não foi possível alterar pedido, pagamento já realizado.',\n    //       confirmButtonText: 'Fechar',\n    //     }).then(() => {\n    //       history.push(`${process.env.PUBLIC_URL}/finalizar-cadastro`);\n    //     });\n    //   }\n    // } else {\n    //   const response = await api.post('orders', formData);\n    //   if (response.data) {\n    //     localStorage.setItem('hash_order', response.data.id);\n    //     history.push(`${process.env.PUBLIC_URL}/efetuar-pagamento`);\n    //   }\n    // }\n\n    history.push(`${process.env.PUBLIC_URL}/efetuar-pagamento`);\n  }, [history]);\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n            <div\n              className={`col-lg-7 col-xl-8 col-xxl-8 py-lg-4 py-xxl-5 ${\n                !activePayment && 'mx-auto'\n              }`}\n            >\n              <div className=\"d-none d-lg-flex ps-4 mb-n5\">\n                <ButtonBack\n                  onClick={() => {\n                    history.push(\n                      `${process.env.PUBLIC_URL}/how-to-participate`\n                    );\n                  }}\n                />\n              </div>\n              <div className=\"row justify-content-center px-xl-5 mb-4 transition\">\n                <div className=\"col-xxl-9 zoom-resum text-center d-flex justify-content-center\">\n                  <div className=\"w-100\">\n                    <h1 className=\"display-lg-4 fw-bold\">\n                      <span>\n                        <span>Start Earning Today</span>\n                      </span>\n                    </h1>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-11 col-xxl-9\">\n                        <p className=\"gradient-parts\">\n                          <span>Choose the best option for you and get</span>{' '}\n                          <b>generous token bonus!</b>\n                          <br />\n                          <span>Keep in mind that these options are</span>{' '}\n                          <b>only available during your registration.</b>\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row overflow-small justify-content-sm-center mb-4 mb-xxl-5\">\n                <div className=\"col-lg-10 col-xxl-8 zoom-resum d-flex justify-content-center btn-percentage px-4\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(12, 200)}\n                    className={`${\n                      percentage === 200 && 'active'\n                    } mx-2 w-25 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                      Yearly\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(6, 175)}\n                    className={`${\n                      percentage === 175 && 'active'\n                    } mx-2 w-25 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                      6&nbsp;Months\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(3, 150)}\n                    className={`${\n                      percentage === 150 && 'active'\n                    } mx-2 w-25 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                      3&nbsp;Months\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(1, 133)}\n                    className={`${\n                      percentage === 133 && 'active'\n                    } mx-2 w-25 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                      Monthly\n                    </span>\n                  </button>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center pb-3 pb-lg-0 px-sm-5 px-xl-2 px-xxl-5 transition\">\n                <Card className=\"col-sm-11 col-md-7 col-lg-6 col-xl-4 col-xxl-5 zoom-resum mt-3 mt-lg-0 px-4 px-lg-2 mb-5 mb-lg-0\">\n                  <div className=\"h-100 card-price max-wid best-price ms-auto\">\n                    <div className=\"p-3 w-100\">\n                      <h2 className=\"h3 text-center text-white mb-4\">\n                        PROFIT CENTERS\n                      </h2>\n                      <div className=\"text-center value position-relative text-center justify-content-center\">\n                        <p className=\"mb-0\">{percentage}%</p>\n                        <span>Token Bonus</span>\n                      </div>\n                      <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                        <p className=\"mb-0 d-flex align-items-center\">\n                          <span className=\"pe-3\">$</span>\n                          {formatPrice(cartProfitCenters * multiple).slice(\n                            0,\n                            -3\n                          )}\n                        </p>\n                      </div>\n                      <div className=\"d-flex align-items-center justify-content-center mb-5\">\n                        <input\n                          type=\"range\"\n                          name=\"teste\"\n                          min={connectedMember ? 1 : 0}\n                          max={6}\n                          onChange={(e) => {\n                            setCartProfitCenters(parseInt(e.target.value, 10));\n                          }}\n                          value={cartProfitCenters}\n                          className=\"slider-pic\"\n                        />\n                        <span className=\"thumb\" />\n                        <span className=\"py-0 text-white h5 mb-0\">\n                          &nbsp;{cartProfitCenters}\n                        </span>\n                      </div>\n                      <ul className=\"ps-2\">\n                        <li>\n                          <small>\n                            Exclusive and UNIQUE opportunity to have access to\n                            up to 5 additional profit centers to multiply your\n                            earnings.\n                          </small>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </Card>\n                <Card className=\"col-sm-11 col-md-7 col-lg-6 col-xl-4 col-xxl-5 zoom-resum mt-3 mt-lg-0 px-4 px-lg-2\">\n                  <div className=\"h-100 card-price max-wid best-price\">\n                    <div className=\"p-3 w-100 h-100\">\n                      <h2 className=\"h3 text-center text-white mb-4\">\n                        ACTIVATION\n                      </h2>\n                      <div className=\"text-center value position-relative text-center justify-content-center\">\n                        <p className=\"mb-0\">{percentage}%</p>\n                        <span>Token Bonus</span>\n                      </div>\n                      <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                        <p className=\"mb-0 d-flex align-items-center\">\n                          <span className=\"pe-3\">$</span>\n                          {cartProfitCenters * 25}\n                        </p>\n                      </div>\n                      <div className=\"d-flex align-items-center justify-content-center mt-3\">\n                        <p className=\"color-p\">\n                          Activation per PC:{' '}\n                          <span className=\"py-0 text-white h5\">\n                            &nbsp;{cartProfitCenters}\n                          </span>\n                        </p>\n                      </div>\n                      <ul className=\"ps-2 mt-3\">\n                        <li>\n                          <small>\n                            Each Profit center must be activated with your NFT.\n                            You will earn a unique NFT per profit center you\n                            purchase\n                          </small>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </Card>\n                <div className=\"col-sm-11 col-md-7 col-lg-12 col-xl-8 col-xxl-10 text-center padding-btn zoom-resum\">\n                  <button\n                    type=\"button\"\n                    className=\"btn-calculator w-100 mt-4 fw-bold\"\n                    onClick={handleShow}\n                  >\n                    <span className=\"\">OPEN EARNINGS CALCULATOR</span>\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <Resum\n              activeResum={activePayment}\n              qtd={cartProfitCenters}\n              multiple={multiple}\n              onChange={handleChange}\n              onSubmit={handleSubmit}\n              onClearCart={handleClearCart}\n            />\n          </div>\n        </div>\n        <Modal\n          size=\"xl\"\n          show={show}\n          onHide={handleClose}\n          className=\"modal-signin\"\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n\n          <Modal.Header className=\"container py-0 border-0\">\n            <div className=\"row w-100 justify-content-center\">\n              <div className=\"col-12 text-center\">\n                <h2 className=\"fw-bold mb-0\">Earnings Potential</h2>\n              </div>\n            </div>\n          </Modal.Header>\n\n          <Modal.Body className=\"container\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-lg-8 col-xl-6 btn-calculator text-center mt-4\">\n                <button\n                  type=\"button\"\n                  className={`${\n                    btnYearlyMonthly === 'yearly' && 'active'\n                  } mx-3 border-0 rounded-pill`}\n                  onClick={() => handleBtnYearly('yearly')}\n                >\n                  <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                    Yearly\n                  </span>\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${\n                    btnYearlyMonthly === 'monthly' && 'active'\n                  } mx-3 border-0 rounded-pill`}\n                  onClick={() => handleBtnYearly('monthly')}\n                >\n                  <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                    Monthly\n                  </span>\n                </button>\n              </div>\n            </div>\n            {btnYearlyMonthly === 'yearly' && (\n              <div className=\"row px-4 px-lg-5 mt-5 justify-content-center\">\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">1. Profit Centers</h3>\n                      <RangeCentersYearly\n                        percentage={\n                          percentageBarCenterYearly >= 4\n                            ? (percentageBarCenterYearly - 1) * 19.7\n                            : (percentageBarCenterYearly - 1) * 20.2\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={1}\n                            max={6}\n                            value={percentageBarCenterYearly}\n                            onChange={(e) =>\n                              setPercentageBarCenterYearly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarCenterYearly > 1 && (\n                            <div\n                              className=\"progress-bar-centers\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeCentersYearly>\n\n                      <div className=\"values-total-members d-flex justify-content-between px-2 mt-3\">\n                        <span className=\"\">1</span>\n                        <span className=\"\">2</span>\n                        <span className=\"\">3</span>\n                        <span className=\"\">4</span>\n                        <span className=\"\">5</span>\n                        <span className=\"\">6</span>\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Subscription Cost\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">\n                            $\n                            {formatPrice(\n                              percentageBarCenterYearly * 50 * 12\n                            ).slice(0, -3)}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">2. Network Size</h3>\n                      <RangeNetworkYearly\n                        percentage={\n                          percentageBarCenterYearly === 1\n                            ? percentageBarNetworkYearly * 20\n                            : percentageBarNetworkYearly * 16.7\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={0}\n                            max={percentageBarCenterYearly === 1 ? 5 : 6}\n                            value={percentageBarNetworkYearly}\n                            onChange={(e) =>\n                              setPercentageBarNetworkYearly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarNetworkYearly > 0 && (\n                            <div\n                              className=\"progress-bar-network\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeNetworkYearly>\n\n                      <div\n                        className={`${\n                          percentageBarCenterYearly === 1 &&\n                          'justify-content-between'\n                        } network values-total-members ps-2 d-flex mt-3`}\n                      >\n                        <span className=\"\">5</span>\n                        <span className=\"\">30</span>\n                        <span className=\"\">155</span>\n                        <span className=\"\">780</span>\n                        <span className=\"\">3,905</span>\n                        <span className=\"\">19,530</span>\n                        {percentageBarCenterYearly > 1 && (\n                          <span className=\"\">\n                            {formatPrice(\n                              19530 + (percentageBarCenterYearly - 1) * 15625\n                            ).replace('.00', '')}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Earnings\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">{demoEarningPrice}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-0 mt-lg-5\">\n                  <div className=\"row bg-number py-3 justify-content-center\">\n                    <div className=\"col-lg-8\">\n                      <div className=\"row justify-content-evenly align-items-center\">\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block cost mb-1 mx-auto\">\n                            Your Cost\n                          </span>\n                          <span className=\"d-block value-cost\">\n                            $\n                            {formatPrice(\n                              percentageBarCenterYearly * 50 * 12\n                            ).slice(0, -3)}\n                          </span>\n                        </div>\n                        <div className=\"col-3 col-lg-4 px-0 px-lg-3 pe-none text-center\">\n                          <ReactApexChart\n                            options={options}\n                            series={series}\n                            type=\"donut\"\n                            height={140}\n                          />\n                        </div>\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block earning mb-1 mx-auto\">\n                            Your Earnings\n                          </span>\n                          <span className=\"d-block value-earnings\">\n                            {demoEarningPrice}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {btnYearlyMonthly === 'monthly' && (\n              <div className=\"row px-4 px-lg-5 mt-5 justify-content-center\">\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">1. Profit Centers</h3>\n                      <RangeCentersMonthly\n                        percentage={\n                          percentageBarCenterMonthly >= 4\n                            ? (percentageBarCenterMonthly - 1) * 19.7\n                            : (percentageBarCenterMonthly - 1) * 20.2\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={1}\n                            max={6}\n                            value={percentageBarCenterMonthly}\n                            onChange={(e) =>\n                              setPercentageBarCenterMonthly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarCenterMonthly > 1 && (\n                            <div\n                              className=\"progress-bar-centers\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeCentersMonthly>\n\n                      <div className=\"values-total-members d-flex justify-content-between px-2 mt-3\">\n                        <span className=\"\">1</span>\n                        <span className=\"\">2</span>\n                        <span className=\"\">3</span>\n                        <span className=\"\">4</span>\n                        <span className=\"\">5</span>\n                        <span className=\"\">6</span>\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Subscription Cost\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">\n                            $\n                            {formatPrice(percentageBarCenterMonthly * 50).slice(\n                              0,\n                              -3\n                            )}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">2. Network Size</h3>\n                      <RangeNetworkMonthly\n                        percentage={\n                          percentageBarCenterMonthly === 1\n                            ? percentageBarNetworkMonthly * 20\n                            : percentageBarNetworkMonthly * 16.7\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={0}\n                            max={percentageBarCenterMonthly === 1 ? 5 : 6}\n                            value={percentageBarNetworkMonthly}\n                            onChange={(e) =>\n                              setPercentageBarNetworkMonthly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarNetworkMonthly > 0 && (\n                            <div\n                              className=\"progress-bar-network\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeNetworkMonthly>\n\n                      <div\n                        className={`${\n                          percentageBarCenterMonthly === 1 &&\n                          'justify-content-between'\n                        } network values-total-members ps-2 d-flex mt-3`}\n                      >\n                        <span className=\"\">5</span>\n                        <span className=\"\">30</span>\n                        <span className=\"\">155</span>\n                        <span className=\"\">780</span>\n                        <span className=\"\">3,905</span>\n                        <span className=\"\">19,530</span>\n                        {percentageBarCenterMonthly > 1 && (\n                          <span className=\"\">\n                            {formatPrice(\n                              19530 + (percentageBarCenterMonthly - 1) * 15625\n                            ).replace('.00', '')}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Earnings\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">{demoEarningPrice}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-0 mt-lg-5\">\n                  <div className=\"row bg-number py-3 justify-content-center\">\n                    <div className=\"col-lg-8\">\n                      <div className=\"row justify-content-evenly align-items-center\">\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block cost mb-1 mx-auto\">\n                            Your Cost\n                          </span>\n                          <span className=\"d-block value-cost\">\n                            $\n                            {formatPrice(percentageBarCenterMonthly * 50).slice(\n                              0,\n                              -3\n                            )}\n                          </span>\n                        </div>\n                        <div className=\"col-3 col-lg-4 px-0 px-lg-3 pe-none text-center\">\n                          <ReactApexChart\n                            options={options}\n                            series={series}\n                            type=\"donut\"\n                            height={140}\n                          />\n                        </div>\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block earning mb-1 mx-auto\">\n                            Your Earnings\n                          </span>\n                          <span className=\"d-block value-earnings\">\n                            {demoEarningPrice}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )}\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 px-4\" />\n        </Modal>\n      </Banner>\n    </>\n  );\n};\n\nexport default Order;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nimport { lighten } from 'polished';\nimport background from '~/assets/banners/background.png';\nimport thumb from '~/assets/icons/thumb.svg';\nimport check from '~/assets/icons/check-icon.svg';\n\ninterface IRangePercentage {\n  percentage: number;\n}\n\nexport const Banner = styled.div`\n  background-color: #18191a;\n  min-height: 100vh;\n\n  .transition {\n    transition-duration: 0.3s;\n  }\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  .btn-example {\n    color: #f2f2f2;\n    font-weight: 300;\n    font-style: italic;\n    font-size: 14px;\n    :hover {\n      text-decoration: underline;\n    }\n  }\n\n  .gradient-parts span {\n    color: #f2f2f2;\n    font-weight: 300 !important;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  b {\n    font-weight: bold;\n  }\n\n  .text-gradient {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .video-container {\n    > div {\n      width: 80px;\n      height: 50%;\n      background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.1) 0%,\n        rgba(255, 255, 255, 0.096) 100%\n      );\n      opacity: 0.3;\n      box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0.5),\n        inset 6px 1px 1px -4px #ffffff, inset -6px -7px 8px -4px #ffffff,\n        inset 0px 7px 3px -4px #ffffff,\n        inset 51px -73px 72px -60px rgba(255, 255, 255, 0.3),\n        inset 0px 98px 100px -48px rgba(255, 255, 255, 0.3),\n        inset 0px 4px 18px rgba(255, 255, 255, 0.3),\n        inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(2px);\n      border-radius: 30px;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: -1;\n    }\n\n    div.left {\n      left: -10px;\n    }\n\n    video {\n      width: 100%;\n      border-radius: 50px;\n    }\n\n    div.right {\n      right: -10px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom-resum {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom-resum {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 524px) {\n    h1 {\n      > span {\n        background: unset;\n        background-clip: unset;\n        -webkit-background-clip: unset;\n\n        span {\n          background: linear-gradient(\n            239.23deg,\n            #9df3ff 7.84%,\n            #bcffe5 28.62%,\n            #deefd1 38.94%,\n            #ffe0be 49.96%,\n            #fbc2d3 64.82%,\n            #fabcd6 67.63%,\n            #f281ff 91.88%\n          );\n          background-clip: text;\n          -webkit-background-clip: text;\n          color: transparent;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 399px) {\n    h1 {\n      font-size: 9vw;\n    }\n  }\n`;\n\nexport const Card = styled.div`\n  .border-grad {\n    cursor: pointer;\n    border: none;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(269.95deg, #e323ff 0.02%, #6a9aae 97.45%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n    color: #fff;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  .mg-bottom {\n    margin-bottom: 38px;\n  }\n\n  button.border-grad {\n    transition-duration: 0.3;\n    height: 50px;\n\n    :hover {\n      opacity: 0.7;\n    }\n  }\n\n  .color-p {\n    color: #828282;\n  }\n\n  .card-price {\n    background: #282828;\n    border: 5px solid #4f4f4f;\n    border-radius: 30px;\n\n    h2 {\n      font-weight: bold;\n    }\n\n    ul {\n      list-style: none;\n\n      li {\n        display: flex;\n        align-items: center;\n        justify-content: space-around;\n        margin: 10px 0;\n\n        :before {\n          content: '';\n          background: #f2f2f2;\n          background-image: url(${check});\n          background-position: center;\n          background-size: 13px;\n          background-repeat: no-repeat;\n          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          display: block;\n        }\n\n        small {\n          color: #f2f2f2;\n          width: 85%;\n        }\n      }\n    }\n  }\n\n  .commom-price {\n    .value {\n      margin: 0 auto;\n\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 1.6rem;\n      }\n      p {\n        font-size: 8rem;\n        font-weight: bold !important;\n      }\n    }\n  }\n\n  .best-price {\n    padding: 5px;\n\n    .value {\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 2rem;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n      }\n\n      p {\n        font-size: 100px;\n        line-height: 90px;\n        font-weight: bold !important;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: #fff;\n        -webkit-text-fill-color: transparent;\n      }\n    }\n    .value-token {\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 2rem;\n        color: #e9e9e9;\n      }\n      input {\n        background: transparent;\n        font-size: 72px;\n        font-weight: bold !important;\n        color: #e9e9e9;\n      }\n    }\n  }\n\n  .slider-pic {\n    position: relative;\n    z-index: 1;\n    -webkit-appearance: none;\n    height: 2px;\n    border-radius: 2px;\n    background: #595757;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-pic::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 50px;\n    height: 50px;\n    border: 0;\n    background: url(${thumb});\n    background-position: center;\n    background-size: cover;\n    cursor: pointer;\n  }\n\n  .btn-gradient-light {\n    border: 2px solid #ffffff;\n  }\n\n  .btn-gradient-light,\n  .btn-gradient-gray {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border-radius: 20px;\n    padding: 16px 20px;\n    color: #000;\n    font-size: 20px;\n    font-weight: 700;\n    transition: 0.3s;\n  }\n\n  .btn-gradient-light:hover {\n    background: linear-gradient(\n      239.23deg,\n      #f281ff 7.84%,\n      #fabcd6 28.62%,\n      #fbc2d3 38.94%,\n      #ffe0be 49.96%,\n      #deefd1 64.82%,\n      #bcffe5 67.63%,\n      #9df3ff 91.88%\n    );\n  }\n\n  .btn-gradient-gray {\n    background: #bdbcbc !important;\n    :hover {\n      background-color: ${lighten(0.1, '#bdbcbc')}!important;\n    }\n  }\n\n  input[type='number']::-webkit-inner-spin-button,\n  input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  @media screen and (min-width: 1400px) {\n    .max-width {\n      max-width: 315px;\n    }\n\n    .max-wid {\n      max-width: 450px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .commom-price {\n      .value {\n        width: 55%;\n\n        span {\n          font-size: 1.4rem;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n  }\n  @media screen and (max-width: 500px) {\n    .best-price .value .input-text {\n      font-size: 22vw;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    color: #dadada;\n    font-size: 64px;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 24px;\n    color: #dadada;\n  }\n\n  h6 {\n    font-weight: 400;\n    font-size: 12px;\n    color: #dadada;\n  }\n\n  .h-main-progress {\n    height: 54px;\n  }\n\n  .progress {\n    background: rgba(34, 34, 34, 30%);\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n  }\n\n  .selector {\n    position: absolute;\n    width: 22px;\n    height: 54px;\n    left: calc(45% - 11px);\n    top: -2px;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.08),\n      inset 1px 1px 2px rgba(255, 255, 255, 0.3),\n      inset -1px -1px 2px rgba(200, 199, 199, 0.5);\n    border-radius: 20px;\n  }\n\n  .slider-progress-bar {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    -webkit-appearance: none;\n    background: rgba(34, 34, 34, 0%);\n\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-progress-bar::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 25px;\n    height: 54px;\n    border: 0;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n\n    cursor: pointer;\n    border-radius: 20px;\n  }\n\n  .progress-bar {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n  }\n\n  .values-total-members {\n    font-weight: 400;\n    font-size: 14px;\n    color: #6e6e6e;\n  }\n\n  .bg-value-revenue {\n    background: #1d1c1c;\n    height: 54px;\n    border-radius: 40px;\n    margin-top: 1.25rem;\n  }\n\n  .value-revenue {\n    width: 100%;\n    border: none;\n    padding: 2px;\n    font-size: 18px;\n    color: #fff;\n    height: 42px;\n    font-weight: 700;\n    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #1d1c1c, #1d1c1c),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n  }\n\n  .bg-number {\n    background: rgba(34, 37, 39, 0.3);\n    border: 1px solid #393c3d;\n    border-radius: 20px;\n  }\n\n  .number {\n    font-size: 64px;\n    color: #dadada;\n    border-bottom: 1px solid #393c3d;\n  }\n\n  .color {\n    color: #5e5e5e;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .network {\n    span:nth-child(2) {\n      padding-left: 8%;\n    }\n\n    span:nth-child(3) {\n      padding-left: 8%;\n    }\n\n    span:nth-child(4) {\n      padding-left: 8%;\n    }\n\n    span:nth-child(5) {\n      padding-left: 8%;\n    }\n\n    span:nth-child(6) {\n      padding-left: 5%;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    h2 {\n      font-size: 45px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h6 {\n      font-size: 18px;\n    }\n\n    .number {\n      font-size: 53px;\n    }\n\n    .value-revenue {\n      width: 97%;\n      font-size: 26px;\n      height: 55px;\n      border-radius: 50px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n  }\n`;\n\nexport const Range = styled.div<IRangePercentage>`\n  .progress-bar-centers {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\n\ninterface IContainerProps {\n  active?: boolean;\n}\n\nexport const Container = styled.div<IContainerProps>`\n  background: #282828;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25),\n    inset 6px 28px 35px rgba(21, 21, 21, 0.25);\n  right: ${(props) => (props.active ? '0px' : '-1000px')};\n  top: 0;\n  z-index: 900;\n  transition-duration: 0.3s;\n\n  p u {\n    color: #a6a3a3;\n  }\n\n  h4,\n  p {\n    color: #f2f2f2;\n  }\n\n  .payment,\n  .btn-swap {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n      color: #000;\n    }\n  }\n\n  .ps {\n    font-weight: 300;\n    font-size: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    color: #a6a3a3;\n  }\n\n  .width {\n    width: 70px;\n    height: 70px;\n  }\n\n  .text-green {\n    color: #6fcf97;\n  }\n\n  .input-border {\n    background: #323336;\n    border: 1px solid #626262;\n    box-sizing: border-box;\n    border-radius: 6px;\n    width: 40px;\n    height: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    margin-right: 20px;\n\n    input {\n      width: 40px;\n      border: none;\n      background: transparent;\n      margin-left: 30px;\n      color: #bdbdbd;\n    }\n  }\n\n  .box-dark-gray {\n    background: #222222;\n    border-radius: 20px;\n\n    p {\n      color: #f2f2f2;\n    }\n\n    p.h3 {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-fill-color: transparent;\n      font-weight: 900 !important;\n    }\n  }\n\n  button {\n    padding: 16px;\n    border-radius: 20px;\n    font-weight: bold;\n    background: #00f9ab;\n    color: #000;\n    font-weight: 700;\n    font-size: 20px;\n    transition-duration: 0.3s;\n    :hover {\n      background: ${darken(0.1, '#00f9ab')};\n      color: #c4c4c4;\n    }\n  }\n\n  .btn-skip {\n    background: transparent;\n    border: none;\n    u {\n      color: #a6a3a3;\n    }\n  }\n\n  .btn-skip:hover {\n    background: transparent;\n    u {\n      color: ${lighten(0.1, '#a6a3a3')};\n    }\n  }\n\n  .get-usdpi-title {\n    font-weight: 400;\n    font-size: 16px;\n    color: #f2f2f2;\n  }\n\n  .btn-get-usdpi {\n    background: linear-gradient(90deg, #2fbf7f, #3cc9ad);\n\n    border-radius: 15px;\n    button {\n      background: #282828;\n      margin: 2px;\n      border: none;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 20px;\n      color: #ffffff;\n      transition: all 0.2s ease;\n    }\n\n    button:hover {\n      opacity: 0.9;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 1;\n    }\n\n    .zoom-resum {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom-resum {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    display: ${(props) => (props.active ? 'block' : 'none')} !important;\n    border-radius: 40px 40px 0px 0px;\n\n    .input-border {\n      width: 69px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    max-width: 334px;\n    width: 34%;\n    position: absolute;\n  }\n\n  @media screen and (min-width: 1200px) {\n    width: 25%;\n  }\n\n  @media screen and (min-width: 1399px) {\n    max-width: 360px;\n  }\n`;\n\nexport const LoadingDiscover = styled.div`\n  z-index: 2000;\n  position: fixed;\n\n  .loading-box {\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.25) -38.97%,\n      rgba(0, 0, 0, 0.25) 75.53%\n    );\n    backdrop-filter: blur(25px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #fff;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: rgba(0, 0, 0);\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport Swal from 'sweetalert2';\nimport { useHistory } from 'react-router-dom';\n\nimport { formatPrice } from '~/utils/format';\nimport { web3store } from '~/store';\n\nimport { Container } from './styles';\nimport { CongratsModal } from '~/pages/Sales/ModalConfirmation';\nimport Loading from '~/components/Loading';\nimport ModalSwap from '~/components/ModalSwap';\nimport WalletAvatar from '~/components/WalletAvatar';\n\nimport product from '~/assets/defaults/product.png';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport swalError from '~/utils/swalError';\n\ninterface IResumProps {\n  qtd: number;\n  activeResum?: boolean;\n  disabled?: boolean;\n}\n\nconst Resum: React.FC<IResumProps> = ({ activeResum, qtd, disabled }) => {\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n  const [, setBuyStakingAmt] = web3store.useState('buyStakingAmt');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [, setCartPurchaseStake] = web3store.useState('cartPurchaseStake');\n  const [cartPurchaseStakeTX, setCartPurchaseStakeTX] = web3store.useState(\n    'cartPurchaseStakeTX'\n  );\n  const [loading, setLoading] = useState(false);\n  const [exchangeFinished, setExchangeFinished] = useState(false);\n\n  const usdpi = useMemo(\n    () => parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2)),\n    [balusdpi]\n  );\n\n  useEffect(() => {\n    setBuyStakingAmt(qtd.toString().slice(0, 4));\n  }, [qtd, setBuyStakingAmt]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleClickPay = useCallback(() => {\n    if (usdpi >= qtd) {\n      console.log('**************'); // ToDo: Remove this line after debug\n      // ToDo: Display Mask\n      setLoading(true);\n      setCartPurchaseStake(true);\n      // setShow(true);\n    } else {\n      swalError({\n        message: 'Insufficient balance',\n        textButton: 'Try Again',\n      });\n    }\n    setExchangeFinished(false);\n  }, [qtd, setCartPurchaseStake, usdpi]);\n\n  const handleExchangeFinished = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      setLoading(false);\n      setExchangeFinished(true);\n    }, 3000);\n  }, []);\n\n  useEffect(() => {\n    if (exchangeFinished) {\n      handleClickPay();\n    }\n  }, [exchangeFinished, handleClickPay, usdpi]);\n\n  const handleNoWish = useCallback(() => {\n    localStorage.setItem('wasNoWish', 'noWish');\n    history.push(`${process.env.PUBLIC_URL}/dashboard`);\n  }, [history]);\n\n  useEffect(() => {\n    if (cartPurchaseStakeTX !== '') {\n      // ToDo: Close mask\n      setLoading(false);\n      localStorage.setItem('wasNoWish', 'noWish');\n      history.push(`${process.env.PUBLIC_URL}/dashboard`);\n      setCartPurchaseStakeTX('');\n    }\n  }, [cartPurchaseStakeTX, history, setCartPurchaseStakeTX]);\n\n  return (\n    <Container\n      active={activeResum}\n      className=\"zoom-resum mt-4 mt-lg-0 h-100 bg-gray p-4 text-center text-lg-start\"\n      id=\"resum\"\n    >\n      <div className=\"d-flex justify-content-center mt-4 mb-5\">\n        <WalletAvatar />\n      </div>\n      <div className=\"\">\n        <h4 className=\"mb-4\">Summary</h4>\n        <div className=\"d-flex flex-nowrap align-items-center justify-content-between mb-5 mb-xxl-4 px-3 px-lg-0\">\n          <div className=\"d-flex align-items-center w-100 w-sm-auto\">\n            <img src={product} alt=\"Logo\" />\n            <p className=\"small normal-xxl mb-0 ms-3 me-xxl-5\">\n              Staking <br />\n              Contract\n            </p>\n          </div>\n          <div className=\"d-flex w-100 w-lg-auto justify-content-between justify-content-lg-start align-items-center\">\n            <div />\n            <p className=\"h5 mb-0 text-green\">\n              ${formatPrice(qtd).slice(0, -3)}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"d-flex align-items-center justify-content-between box-dark-gray p-3\">\n          <p className=\"mb-0\">Total to pay today:</p>\n          <p className=\"h3 text- mb-0\">${formatPrice(qtd).slice(0, -3)}</p>\n        </div>\n        <div className=\"ps me-3 mt-1\">*Blockchain/network fees apply</div>\n        {usdpi < qtd ? (\n          <ModalSwap\n            btnText=\"FINALIZE ORDER\"\n            className=\"btn-swap w-100 mt-4 fw-bold\"\n            onExchangeFinished={handleExchangeFinished}\n          />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={handleClickPay}\n            className=\"payment w-100 mt-4\"\n            disabled={disabled}\n          >\n            FINALIZE ORDER\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={handleNoWish}\n          className=\"btn-skip h5 text-center mt-4\"\n        >\n          <u>\n            No, I want to <b>miss out on this once in a lifetime opportunity</b>{' '}\n            even though I might never be able to get tokens and at this price\n            ever again and miss the revenue distribution from the\n            PROFITi&nbsp;Pool\n          </u>\n        </button>\n        <span className=\"get-usdpi-title text-center d-block mt-5 mb-3\">\n          Don’t have USDPI on your wallet?\n        </span>\n        <div className=\"position-relative btn-get-usdpi d-flex\">\n          <ModalSwap btnText=\"GET USDPI HERE\" className=\"w-100 py-3 px-4\" />\n        </div>\n      </div>\n      <CongratsModal show={show} onHide={handleClose} />\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"WAITING FOR BLOCKCHAIN...\"\n        className=\"zoom-1-3\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default Resum;\n","export default __webpack_public_path__ + \"static/media/attention-icon.17d866d0.svg\";","import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nimport { Banner, Card, Modal, Range } from './styles';\nimport Timeline from '~/components/Timeline';\nimport ResumContract from './ResumContract';\nimport ButtonBack from '~/components/ButtonBack';\n\nimport { formatPrice } from '~/utils/format';\n\nimport attention from '~/assets/icons/attention-icon.svg';\n\nconst Payment: React.FC = () => {\n  const history = useHistory();\n  const [value, setValue] = useState(100);\n  const [activePayment] = useState(true);\n  const [show, setShow] = useState(false);\n  const [percentageBar, setPercentageBar] = useState(1);\n  const [valueExample, setvalueExample] = useState(10000);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n  const handleShow = useCallback(() => setShow(true), []);\n\n  if (Number.isNaN(value)) {\n    setValue(100);\n  }\n\n  if (value > 5000) {\n    setValue(5000);\n  }\n\n  useEffect(() => {\n    // const user_id = localStorage.getItem('hash_user');\n    // api.get(`users/${user_id}`).then(async (response) => {\n    //   if (response.data.step === 'como-fazer-parte') {\n    //     await api.patch(`users/${user_id}`, {\n    //       step: 'como-fazer-parte',\n    //     });\n    //   }\n    // });\n\n    switch (percentageBar) {\n      case 1: {\n        setvalueExample(10000);\n        break;\n      }\n      case 2: {\n        setvalueExample(50000);\n        break;\n      }\n      case 3: {\n        setvalueExample(100000);\n        break;\n      }\n      case 4: {\n        setvalueExample(250000);\n        break;\n      }\n      case 5: {\n        setvalueExample(500000);\n        break;\n      }\n      case 6: {\n        setvalueExample(1000000);\n        break;\n      }\n      default: {\n        // console.log('values');\n      }\n    }\n  }, [percentageBar]);\n\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Get Your Free NFT',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: true,\n      },\n\n      {\n        value: 'Activate Your Profit Centers',\n        active: true,\n      },\n      {\n        value: 'Earn Even More!',\n        active: true,\n      },\n      {\n        value: 'Final Step',\n        active: true,\n      },\n    ],\n    []\n  );\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n            <div\n              className={`col-lg-7 col-xl-8 py-lg-5 ${\n                !activePayment && 'mx-auto'\n              }`}\n            >\n              <div className=\"d-none d-lg-flex ps-4 mb-n5\">\n                <ButtonBack\n                  onClick={() => {\n                    history.push(`${process.env.PUBLIC_URL}/earn-even-more`);\n                  }}\n                />\n              </div>\n              <div className=\"row justify-content-center px-xl-5 mb-4 transition\">\n                <div className=\"col-xxl-9 zoom-resum text-center d-flex justify-content-center\">\n                  {/* <div className=\"align-items-center d-none d-lg-flex\">\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/earn-even-more`)\n                      }\n                      className=\"arrow d-flex align-items-center\"\n                    >\n                      <BsArrowLeftShort size={30} />\n                      <span className=\"mr-2 d-block\">Back</span>\n                    </button>\n                  </div> */}\n                  <div>\n                    <h1 className=\"display-lg-4 fw-bold\">\n                      <span>\n                        <span>Earn Even More!</span>\n                      </span>\n                    </h1>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-11 col-xl-9 col-xxl-8\">\n                        <p className=\"gradient-parts\">\n                          <span>When you purchase a</span>{' '}\n                          <b>staking contract</b>{' '}\n                          <span>you earn a passive</span>{' '}\n                          <b>60% APY from minting new tokens</b>{' '}\n                          <span>as well as you qualify for</span>{' '}\n                          <b>PROFITI Pool</b> <span>and participate in a</span>{' '}\n                          <b>20% Revenue Share</b>{' '}\n                          <span>from subscriptions</span>\n                        </p>\n                        <button\n                          type=\"button\"\n                          className=\"border-0 bg-transparent btn-example\"\n                          onClick={handleShow}\n                        >\n                          <img src={attention} alt=\"Attention icon\" /> See\n                          Revenue Share Pool Example\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center pb-3 pb-lg-0 px-lg-5 transition\">\n                <Card className=\"col-sm-11 col-md-8 col-lg-7 col-xl-5  col-xxl-8 zoom-resum mt-3 mt-lg-0 px-4 px-lg-2 mb-5 mb-xl-0\">\n                  <div className=\"h-100 card-price max-wid best-price mx-auto\">\n                    <div className=\"p-3 py-4 w-100\">\n                      <h2 className=\"h3 h2-lg text-center text-white mb-4\">\n                        STAKING CONTRACT\n                      </h2>\n                      <div className=\"text-center value position-relative text-center justify-content-center\">\n                        <p className=\"mb-0\">60%</p>\n                        <span>APY</span>\n                      </div>\n                      <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                        <span className=\"px-0 pt-4\">$</span>\n                        <input\n                          type=\"number\"\n                          name=\"teste\"\n                          min={100}\n                          max={5000}\n                          onChange={(e) =>\n                            setValue(parseInt(e.target.value, 10))\n                          }\n                          value={value}\n                          className=\"input-text text-center w-75 w-sm-50 border-0\"\n                        />\n                      </div>\n                      <div className=\"d-flex align-items-center justify-content-center mt-sm-n2 mb-5\">\n                        <input\n                          type=\"range\"\n                          name=\"teste\"\n                          step={100}\n                          min={100}\n                          max={5000}\n                          onChange={(e) =>\n                            setValue(parseInt(e.target.value, 10))\n                          }\n                          value={value}\n                          className=\"slider-pic w-75\"\n                        />\n                      </div>\n                      <ul className=\"ps-2\">\n                        <li>\n                          <small>\n                            Staking contracts mints new tokens to your wallet at\n                            a rate of 5% per month, minimum contract amount is\n                            $100\n                          </small>\n                        </li>\n                      </ul>\n                      {/* <button\n                        type=\"button\"\n                        onClick={handleClick}\n                        className=\"btn-gradient-light w-100 fw-bold\"\n                      >\n                        BUY STAKING CONTRACT\n                      </button> */}\n                    </div>\n                  </div>\n                </Card>\n              </div>\n            </div>\n\n            <ResumContract activeResum={activePayment} qtd={value} />\n          </div>\n        </div>\n        <Modal\n          size=\"xl\"\n          show={show}\n          onHide={handleClose}\n          className=\"modal-signin\"\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n\n          <Modal.Header className=\"container justify-content-center py-0 border-0\">\n            <div className=\"row\">\n              <div className=\"col-12 text-center\">\n                <h2 className=\"fw-bold mb-0\">\n                  Revenue Share Pool&nbsp;Example\n                </h2>\n              </div>\n            </div>\n          </Modal.Header>\n\n          <Modal.Body className=\"container\">\n            <div className=\"row px-3 px-lg-5 mt-5 justify-content-center\">\n              <div className=\"col-lg-11 col-xl-8 mb-4\">\n                <div className=\"row\">\n                  <div className=\"col-lg-9\">\n                    <h3 className=\"mb-3\">1. Total Subscribers</h3>\n                    <Range\n                      percentage={\n                        percentageBar >= 4\n                          ? (percentageBar - 1) * 19.7\n                          : (percentageBar - 1) * 20.2\n                      }\n                      className=\"position-relative\"\n                    >\n                      <>\n                        <input\n                          type=\"range\"\n                          name=\"teste\"\n                          min={1}\n                          max={6}\n                          value={percentageBar}\n                          onChange={(e) =>\n                            setPercentageBar(parseInt(e.target.value, 10))\n                          }\n                          className=\"slider-progress-bar\"\n                        />\n                        <span className=\"thumb-progress-bar\" />\n                        {percentageBar > 1 && (\n                          <div\n                            className=\"progress-bar-centers\"\n                            role=\"progressbar\"\n                          />\n                        )}\n                      </>\n                    </Range>\n                    <div className=\"values-total-members network d-flex justify-content-between mt-3\">\n                      <span className=\"d-flex\">\n                        10<span className=\"d-flex d-lg-none\">K</span>\n                        <span className=\"d-none d-lg-flex\">,000</span>\n                      </span>\n                      <span className=\"d-flex\">\n                        50<span className=\"d-flex d-lg-none\">K</span>\n                        <span className=\"d-none d-lg-flex\">,000</span>\n                      </span>\n                      <span className=\"d-flex\">\n                        100<span className=\"d-flex d-lg-none\">K</span>\n                        <span className=\"d-none d-lg-flex\">,000</span>\n                      </span>\n                      <span className=\"d-flex\">\n                        250<span className=\"d-flex d-lg-none\">K</span>\n                        <span className=\"d-none d-lg-flex\">,000</span>\n                      </span>\n                      <span className=\"d-flex\">\n                        500<span className=\"d-flex d-lg-none\">K</span>\n                        <span className=\"d-none d-lg-flex\">,000</span>\n                      </span>\n                      <span className=\"d-flex\">\n                        1<span className=\"d-flex d-lg-none\">M</span>\n                        <span className=\"d-none d-lg-flex\">,000,000</span>\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"col-lg-3 mt-5 mt-lg-0\">\n                    <h6 className=\"mb-0 w-lg-100 text-center mt-lg-2\">\n                      Revenue at $50\n                    </h6>\n                    <div className=\"bg-value-revenue w-lg-100 d-flex align-items-center justify-content-center\">\n                      <div className=\"value-revenue text-center d-flex align-items-center justify-content-center\">\n                        <span className=\"mx-3\">\n                          ${formatPrice(valueExample * 50).slice(0, -3)}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"col-lg-11 col-xl-8 my-5\">\n                <h3>2. Revenue Share Distribution to Members at&nbsp;20%</h3>\n              </div>\n              <div className=\"col-12 px-0 mt-lg-5\">\n                <div className=\"text-center bg-number py-3\">\n                  <span className=\"h1 fw-bold px-4 py-3 number\">\n                    ${formatPrice(valueExample * 10).slice(0, -3)}\n                  </span>\n                  <br />\n                  <span className=\"h6 h4-lg d-block mt-4 color\">\n                    Distributed to members every month!\n                  </span>\n                </div>\n              </div>\n            </div>\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 px-4 py-5\" />\n        </Modal>\n      </Banner>\n    </>\n  );\n};\n\nexport default Payment;\n","import styled from 'styled-components';\n\nimport background from '~/assets/banners/background.png';\nimport check from '~/assets/icons/check-icon.svg';\n\nexport const Banner = styled.div`\n  background-image: url(${background});\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h2 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    span {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #6a9aae 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #6a9aae 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n\n    b {\n      font-weight: 600;\n    }\n  }\n\n  .border-gradient {\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%) !important;\n  }\n\n  .color-code {\n    color: #828282;\n  }\n\n  .bg-gray {\n    background-color: #17171a;\n    border-radius: 30px;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .arrow-pos {\n    right: 100px;\n  }\n\n  .pos-30 {\n    top: 35px;\n    left: -106px;\n  }\n\n  span:not(.error, .title) {\n    background: linear-gradient(\n      239.23deg,\n      #fff 7.84%,\n      #fff 28.62%,\n      #fff 38.94%,\n      #fff 49.96%,\n      #fff 64.82%,\n      #fff 67.63%,\n      #fff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  b {\n    font-weight: bold;\n  }\n\n  .text-gradient {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .video-container {\n    > div {\n      width: 80px;\n      height: 50%;\n      background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.1) 0%,\n        rgba(255, 255, 255, 0.096) 100%\n      );\n      opacity: 0.3;\n      box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0.5),\n        inset 6px 1px 1px -4px #ffffff, inset -6px -7px 8px -4px #ffffff,\n        inset 0px 7px 3px -4px #ffffff,\n        inset 51px -73px 72px -60px rgba(255, 255, 255, 0.3),\n        inset 0px 98px 100px -48px rgba(255, 255, 255, 0.3),\n        inset 0px 4px 18px rgba(255, 255, 255, 0.3),\n        inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(2px);\n      border-radius: 30px;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: -1;\n    }\n\n    div.left {\n      left: -10px;\n    }\n\n    video {\n      width: 100%;\n      border-radius: 50px;\n    }\n\n    div.right {\n      right: -10px;\n    }\n  }\n\n  form {\n    .input {\n      border: 1.5px solid #333333;\n      box-sizing: border-box;\n      border-radius: 15px;\n      background-color: transparent;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      color: #efefef;\n\n      input {\n        color: #efefef;\n      }\n    }\n\n    label {\n      color: #bdbdbd;\n    }\n\n    div.checkbox {\n      width: 20px;\n      padding: 0;\n      background-color: none;\n      border: none;\n      margin-right: 10px;\n\n      > div {\n        display: none;\n      }\n\n      :before {\n        content: '';\n        width: 20px;\n        height: 20px;\n        border: 1px solid #aeaeae;\n        box-sizing: border-box;\n        border-radius: 5px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    }\n\n    div.checkbox.checked {\n      :before {\n        content: url(${check});\n      }\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .pos-30 {\n      top: -60px;\n      left: 0;\n    }\n  }\n\n  @media screen and (max-width: 524px) {\n    h1 {\n      > span {\n        background: unset;\n        background-clip: unset;\n        -webkit-background-clip: unset;\n\n        span {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #6a9aae 97.45%);\n          background-clip: text;\n          -webkit-background-clip: text;\n          color: transparent;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n  }\n`;\n\nexport const AvatarInput = styled.label`\n  width: 125px;\n  height: 125px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  span {\n    padding: 0px !important;\n    > img {\n      width: 125px;\n      height: 125px;\n      padding: 3px !important;\n      border-radius: 40px !important;\n    }\n  }\n\n  .camera {\n    right: 10px;\n    bottom: -15px;\n    background-color: #1b1b1b;\n    border-radius: 50%;\n    padding: 10px;\n  }\n`;\n","import React, { useCallback, useState } from 'react';\nimport DatePicker, { registerLocale } from 'react-datepicker';\nimport ptBR from 'date-fns/locale/pt-BR';\nimport Input from '~/components/Input';\n\ninterface InputDateProps {\n  name?: string;\n  onChange(date: Date | [Date, Date] | null): void;\n  selected?: Date | null;\n  className?: string;\n  dateFormat?: string | string[];\n  isError?: boolean;\n}\n\nconst InputDate: React.FC<InputDateProps> = ({\n  name,\n  onChange,\n  selected,\n  className,\n  dateFormat,\n  isError,\n}) => {\n  registerLocale('pt-BR', ptBR);\n  const [value, setValue] = useState('');\n\n  const handleChange = useCallback(\n    (e) => {\n      setValue(e);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  return (\n    <>\n      <DatePicker\n        onChange={handleChange}\n        selected={selected}\n        className={`${className} ${isError ? 'error-input' : ''}`}\n        dateFormat={dateFormat || 'dd/MM/yyyy'}\n        locale=\"pt-BR\"\n        showMonthDropdown\n        showYearDropdown\n        dropdownMode=\"select\"\n      />\n      {name && (\n        <Input type=\"hidden\" name={name} className=\"d-none\" value={value} />\n      )}\n    </>\n  );\n};\n\nexport default InputDate;\n","import styled, { css } from 'styled-components';\n\ninterface IContainerProps {\n  active: boolean;\n  statusConfirm: boolean;\n  paymentConclude: boolean;\n}\n\nexport const Container = styled.div<IContainerProps>`\n  width: 100%;\n  display: ${(props) => (props.paymentConclude ? 'none' : 'block')};\n\n  > div {\n    transition-duration: 0.3s;\n    opacity: ${(props) => (props.active ? 1 : 0)};\n    visibility: ${(props) => (props.active ? 'visible' : 'hidden')};\n  }\n\n  .bg-status {\n    background: #222527;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25),\n      inset 6px 28px 35px rgba(21, 21, 21, 0.25);\n    border-radius: 0px 0px 20px 20px;\n    width: 35%;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1001;\n  }\n\n  .text-gradient-status {\n    ${(props) =>\n      props.statusConfirm\n        ? css`\n            background: linear-gradient(\n              239.23deg,\n              #00f9ab 7.84%,\n              #00f9ab 28.62%,\n              #00f9ab 38.94%,\n              #00f9ab 49.96%,\n              #00f9ab 64.82%,\n              #00f9ab 67.63%,\n              #00f9ab 91.88%\n            );\n          `\n        : css`\n            background: linear-gradient(\n              239.23deg,\n              #9df3ff 7.84%,\n              #bcffe5 28.62%,\n              #deefd1 38.94%,\n              #ffe0be 49.96%,\n              #fbc2d3 64.82%,\n              #fabcd6 67.63%,\n              #f281ff 91.88%\n            );\n          `}\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .status-payment-page {\n    height: 120px;\n  }\n\n  > div > div:not(.animation) {\n    pointer-events: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n  }\n\n  .point-none > div {\n    pointer-events: none;\n  }\n\n  span:not(.status) {\n    font-size: 80%;\n    width: 80px;\n    text-align: center;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n  }\n\n  @media screen and (max-width: 991px) {\n    .bg-status {\n      width: 60%;\n    }\n  }\n\n  @media screen and (max-width: 727px) {\n    .bg-status {\n      width: 95%;\n\n      .loading-animation {\n        > div {\n          width: 45px !important;\n          height: 45px !important;\n        }\n      }\n\n      span {\n        font-size: 90%;\n        width: 60%;\n      }\n    }\n  }\n`;\n","import React, { useEffect, useState } from 'react';\n// import { io } from 'socket.io-client';\n\nimport Lottie from 'react-lottie';\nimport { useLocation } from 'react-router-dom';\nimport { Container } from './styles';\n\nimport statusLoading from '~/assets/animations/status-loading.json';\nimport api from '~/services/api';\n\ninterface IStatusPaymentProps {\n  activeInPage?: boolean;\n}\n\n// const socket = io(\n//   process.env.NODE_ENV === 'development'\n//     ? 'http://localhost:3000'\n//     : 'https://api.livplus.io',\n//   { reconnection: true }\n// );\n\nconst StatusPayment: React.FC<IStatusPaymentProps> = ({ activeInPage }) => {\n  const location = useLocation();\n  const [status, setStatus] = useState('Esperando confirmação de pagamento');\n  const [active, setActive] = useState(false);\n  const [paymentConclude, setPaymentConclude] = useState(true);\n\n  useEffect(() => {\n    const order_id = localStorage.getItem('hash_order');\n    // socket.emit('connectRoom', 'payment');\n    // socket.on(`order-${order_id}`, (data: any) => {\n    //   if (data === 'finished') {\n    //     setStatus('Pagamento Confirmado');\n    //     localStorage.setItem(`payment-${order_id}`, 'finished');\n    //     setActive(true);\n    //     setTimeout(() => {\n    //       setActive(false);\n    //     }, 1500);\n    //   }\n    // });\n  }, []);\n\n  useEffect(() => {\n    const order_id = localStorage.getItem('hash_order');\n    if (order_id) {\n      // api.get(`orders/${order_id}`).then((response) => {\n      //   if (response.data.status !== 'finished') {\n      //     setPaymentConclude(false);\n      //   }\n      // });\n    }\n  }, []);\n\n  useEffect(() => {\n    setActive(location.pathname !== '/efetuar-pagamento');\n  }, [location.pathname]);\n\n  return (\n    <Container\n      active={\n        (status === 'Pagamento Confirmado' &&\n          location.pathname === '/efetuar-pagamento') ||\n        activeInPage ||\n        active\n      }\n      statusConfirm={status === 'Pagamento Confirmado'}\n      paymentConclude={paymentConclude}\n    >\n      {location.pathname !== '/efetuar-pagamento' ? (\n        <div className=\"fixed-top d-flex align-items-center justify-content-center flag-status bg-status py-2 px-4 w-75 w-sm-50 w-xxl-25\">\n          <div className=\"animation h-100 point-none loading-animation\">\n            <Lottie\n              options={{\n                animationData: statusLoading,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={62}\n              width={62}\n            />\n          </div>\n          <span className=\"mb-0 ml-2 text-gradient-status font-weight-bold status text-center\">\n            {status}\n          </span>\n        </div>\n      ) : (\n        <div className=\"position-relative status-payment-page point-none loading-animation\">\n          <Lottie\n            options={{\n              animationData: statusLoading,\n              autoplay: true,\n              loop: true,\n              rendererSettings: {\n                preserveAspectRatio: 'xMidYMid slice',\n              },\n            }}\n            height={120}\n            width={120}\n          />\n          <span className=\"position-absolute mb-0 text-gradient-status font-weight-bold\">\n            {status}\n          </span>\n        </div>\n      )}\n    </Container>\n  );\n};\n\nexport default StatusPayment;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAB5CAYAAAD700UNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA37SURBVHgB7Z3Xstw4D4R1nHOOZV/5Dfz+72L70rmcsz3/fir3+dtYkNLZXWmGI3WVSolUagIEQZA6ePTo0aZbsRgc61YsCivhC8NK+MKwEr4wrIQvDCvhC8NK+MKwEr4wrIQvDCvhC8NK+MKwEr4wrIQvDCvhC8OJbs+x2Wy6g4OD7vjx492xY8f65devX/3xnz9/9tvfv3/vjyvdPmNvCYe406dPd2fOnOlOnDjRkylEwn/8+NGT/vXr1+7z5899XvJQCPYNe0U4JJ46dao7d+5cTzTEQTQL55RGUs5xrTlGevJ/+/atJx9QaLywtI69IRxSLl261J0/f/5QokUUJDvhUvMZkQe/rwX5EP/hw4eedArCPmAvCD958mR39erVnhjVxRGSZm2LdKltFYQNdf1fa0k75798+dKrfApT62i6koIgSL5x40Z39uzZw3pX0uvES8JjfkHke15JOtUD2+/fv0+v0xKaJhySr1+/fiiJY5GpeBYZczouQLbu8e7du65lNEs4BFy7dq1X5yWynVjtZ+dlsWOts8iQ8zzscy/WLZPeZB2Omh0iW4gS6yS7ZEM0RL5586Y/duHChb7O9rofcM+PHz/2S4t1epMSjjU+pMZLajuqb21jkb98+bJ79uxZ9/r1636NsaZ7uMHHvanP0QqtoTkJx4CinT2G7Iz0SDSksUA4+w8ePOiNP5pjnz596u/HvUijfOwj6a9evepu3brVtYSmJBzpunjx4qFDJUMmzfKo+doXmlxIM5ILkRB+5cqVfi2QT4tIxytHVdASmiIcQliGyHZyIrlyo7LIo4Yko6IpSJxXwYB89tVuj6TzLC+eP+9aQjMqnQ+MkVRyrDjBTorv+3lZ5Eg2BhikQ6DOy/0qv3qsDuS4+fBXXm23gGYIhwBJd/y4IhLi5AN3qXRVLgn2DhMWqgr5zVUgyE8a2vtRumUb8FwYezdv3uxaQDOEy3gCkig3yFDJfHgcMRAXVXBJxbuzxQlV3bz57Wb167m08xzU5a2gGcKzDhGtIYem1OXLl3tJdWMtriEvkq7F2+QiVxY69/U0WoOWHDFNEM7HlZcr85ahklG9OGOkkuUtK3nX4rFYx/uaJlokHLidwDOgWXYdTVjpagZFiBDUubxiMV/WHvdzUU1nVQASLMIl/V4dcA6LvwU0QXi0zJ0cJAsS5ADJPGoxz5i63RcIx5pX+z+qdWmZFtAE4TGQQfU2VjkGE92jMqyy5pMf8+tk6bL2Nvd//Phxr0mwJRT35tdsxc3ajEr3epcPjZGmKBfqdx2PJCp/vFYkP1P/npcqg44VfOzAgx1baoc3R7ikGyPNfeo1kkvXyQpC3Jf9gA+AwsU+6t0hB00LaIrwkvqM1ngmcUOGW6zzdV1dhzXqHH8ABpqHRwH3u+8ymvGly/MFJFEekVpSyzXJjUZdSTvoPuol8+Nqp9N/3gKasdKxgr1tfMo+fIYx9bQXoFJhETzOjfa2B1+g6ltR6c142qg3schRqRBBlGrNKPP90vEauaoWMltAPW2qWu7fv9+1gmYIV12KVEmiMjKESHB6brNJrXq/XyRdx2mbo3UePnzYtYTmAiCQLNXnmRGWoSTJm+5PaXaSa9tS361Fu4DmQpzkt45jv2rSXkNPtu27dR+1iG/zHK10iTqaIxxCCFaQ4RQRiR9qrv2+6N8GL5TqbwDZd+7caXL4UZNRq9S7uDnVkVGrgx2xCRfPaThxVOFx5Clp6JlrEU0Srrocy92jSR0lo03HDgpSnREvqDrBKm91HHmzgwk1AgSJIwSpVJ8PWfJ+PVf57nGTgwayb9++3TcNW0XTo0eRMoITIMRHjpakfahjJeb1LlC0CUYa7f+W0fxwYZGuYEMnXWRlS1YAskhX7ASqD7pgWycb7MX4cJpoqtPpQfNABSfdY9N930n282rvU2e3rMYdezMDhCbtwXr3kZ5AxHukqg848Ml9PJQZqcYa36e5XvZqjhcIRhIhC7+7BgOyOOlR2iFaqpu2NaHORMC2EJR4VOzlLE5IOxEqLBAvdU9IlDo9RDrVgYYGU0djB+wz9n6eNghkQWLBJkSytBKa9F9h7wmPyIYqLQl7STjSS52MowQjDnWOKtcYcFfrcrZg5KHacayg3vex/gYH+/JnQkh8+/bt4Zhtd6G6ha5Ro26Nu+Wu7ldFxNJJcu/evWZCmIbQLOGQqMgT+dSxsH2aTSczjiFTtErmoPGhxPTMsTBBwN27d/sCkI1yaQXNEQ45UskKH/b51aLnLBtKFD1rteFGIl/j17g3hKP6cbW2RnwzhEuiqWtdkrOx4pm7NNsXqcqXFQZtx6pAY8lwzOCgacU5s/NGm+pi2tYMBY4zI3s67xCJS4nYrFCU8mdVBGr/yZMnfRsetb/rEr/ThPOhkeY4YW6pnzsS7kRSYBS8MJbsCHfJRres1/X483eV+J0knI8tD1htwlxPny2xTs/q+FgAdD1f+z1UcOKwYaoatmkpIPUaq75r2EnCIRopUQeId4I4sr7smlr38xq9UpLqWiHSopkhVHg0ARC2xtOnT3tp3zVX7U4Rrnqaj1Sbi83hkusFYyimLRuEGCU7G8YkreDpNNuEh0dBPBE5GHe053dF2neGcKQZiVAzqxaC7IRovxZlqrSxUPg5rUXe3+4D4V0+17qndS2AlkK9M7R5V1T8TrQlNA22/k/i7WoQ10PwdCXfebQLskjVP/JWgh11LX9u/VKDd2P/+fPnf8TJbQtbJxwLXJLtI0KFkmqOiFIfj8dzWfrMWMvy+ggU/1tSVljkHML4ZDKBbc8UsVXCIZtuS9S5k12U5E19SFHpXDTkSudcgmsGotJoLeJdzft51eloMCR9m6RvjXBUHZItskv4w3IOxzPLegglI61krQ/BJVnVUSRd25xH2iH9KPf4L7EVwlFveKbG/husROqm0F6uTuqzqXvUsjzZcT8neL2eGYeaUIDlxYsX3TYwO+GQPER2iUjfLklpTBOvW9MSGdFDpMfpO0E0OOM5COcYkwTNjVmbZbysG2hjUCK1dCxT06X97F7xvmMWf7+s4Km5pzSAb0CMHdpuTufMbBLOi8upMuanNKl0buquzyxtln5IkksDFD3vYbok3j3roOnC9SAespkQOCt8U2E2wnk5XKZjPGglqfRjMW3MF9MOSbrWksRMfae2QUjj8e6ldIIMPUifC7OpdNyLpa5NUCPJj5fSDZFdktbSulTQYkEoncuW7N4IAL1seOTmGN0yi4TzIj7feUSJYK3HkOnbQxphiMh4TTfKopr+NTBurdT/Lqi5NpeUzyLhqPIxZNdIjh+9lGdsYRgjiVGKY75fhfyxyVaTcMC30d8cpo6WnVzCaz+miR85c6lGiTiqZP+bZSg8Km6rmRbz1Jp2emaknL70qTEp4bxMDGCIL535sj1dtl8jO6rcoTRjJLumkmPolOeJWqmk/ln075SpMalK5yVEeIR/iOy4tofI8mNjztcMLZ2vFYxIsB8vFaRYoLL3Exg4QfN1KkxKuAwSIGnOXlznozRsBiR8UOJZd0erv0vLUdV7jexS4cNif//uXbuEq+6OZPsHGApN8mP/9vxYSR9Ldo3oTJ3HAu/Pouf5NPEfkiZX6YKTnr10/DhRQkEkybfH7JfOxeu62q4R7Wulz4iOz9yFd/JrTf3vlFkIzyQ7FoCMeCe82BY+4n6U8lKBqEn4UY6V3r2UhgDIKTEp4SWChZrE9ttd3oYduk88Fz9sN+K6Q+Rn6WrP4O8cm6jeuTI1JiXcS3xWh6ckb8qSGs/7NRxZvng+u14mcWOJdGS9Y0qvOHid03dRP/rU03lOSrg7IWJAQO0jg6ESXyJn6Ljnd9Ta2iVp/yf3EQ4K0bNTe9omJVyzIulPvSUpH5KooQ87RIZfq9QbVrru2LraUSM8K/weMNE04bwQpGfRqCXiSyTHNDUCxxQG5S2dH9vOzjSBP7MXcv8GIj42W6eetHfyzhNmZCgFKpaI0f7YNBnpcX/scpS2tUtvrIIyYv2Zs74FTUA0JSYnnB4g9fVmc6GOkWjfztRt6fxYgsemj8/s+y6pDo9ti+8WrzHHhPuTE86LanZE7zUred4y0nz7n+wPkXi4/6sc2uTvE8+VSPVjjnhf7BwCROaIbZst4gXS6Rf3oUTCEOElErM8Wbqh/If5uhwxbTbE2NNmUp5pAXnmMNTmmnB/FsL1ovT3MtpE//yqDQsaI+ml81m6oQLQFQrBUMhx6fmz94/vBtl8izl/ljObhCtIn6muNewmjsfKpKVEZHZsSKKr2iM8q0tkdBErjT9nPJa9v9+T1gsaD1U+J2aPS4dsSjZB+Bpkp8JQQk3y/dhRCkCW3+9RIrQWhFkzSLWmc4QWC1K9jf+VbmV8OOQi4bLg+QBxQGFEJv2l9ZjtUh7g0lhS5xFZN7CurdAn3nvbs0JsdUIAeZUo9YTq8mEo9dGwK6l8EMnTdonc2rYjOkV0LLt39iw+8Y9+Rb0Lk+zvxAwQCnSUykPyNX2mDDwfkVmrK0GJiKFzQ9cRskhWn9WJ59McNaqydgU7NceLOg8k+XxAVL4mwovGkQ/V9WuMQYnMIY2RhUtrtgfF3+/yL652ep42PiSS4kCCsHAlTb6u1d1DtoH3U3vLQfuqYuQ80rDf1n6P0dz02ZptoQRv4woxLNhxcPDnXC1CnGdmX7B386Vnan7F/7F+lYVhJXxhWAlfGFbCF4aV8IVhJXxhWAlfGFbCF4aV8IVhJXxhWAlfGFbCF4aV8IVhJXxhWAlfGP4HFJ8W7k4bpmAAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/camera-icon.3b2c75f7.svg\";","/* eslint-disable import/no-duplicates */\nimport { parseISO, format } from 'date-fns';\nimport ptBR from 'date-fns/locale/pt-BR';\n\n/* eslint-disable no-bitwise */\nexport const convertHoursToSeconds = (hour: string): number => {\n  const hourParts = hour.split(':');\n  const seconds = +hourParts[0] * 60 * 60 + +hourParts[1] * 60 + +hourParts[2];\n\n  return seconds;\n};\n\nexport const convertSecondsToHours = (seconds: number): string => {\n  const hrs = `0${~~(seconds / 3600)}`.slice(-2);\n  const mins = `0${~~((seconds % 3600) / 60)}`.slice(-2);\n  const secs = `0${~~(seconds % 60)}`.slice(-2);\n\n  return `${hrs}:${mins}:${secs}`;\n};\n\nexport const formatToAmericanDate = (date: string): Date => {\n  const day = date.split('/')[0];\n  const month = date.split('/')[1];\n  const year = date.split('/')[2];\n  const dateFormated = `${year}-${`0${month}`.slice(-2)}-${`0${day}`.slice(\n    -2\n  )}`;\n  return new Date(dateFormated);\n};\n\nexport const formatToBrazilianDate = (date: string | Date | null): string => {\n  if (date) {\n    const parsedDate = date instanceof Date ? date : parseISO(date);\n    const dateFormated = format(parsedDate, 'dd/MM/yyyy', {\n      locale: ptBR,\n    });\n    return dateFormated;\n  }\n  return '';\n};\nexport const formatToCommonDate = (dateIn: number): string => {\n  const date = new Date(dateIn * 1000);\n  const day = date.getDate().toString().padStart(2, '0');\n  const month = (date.getMonth() + 1).toString().padStart(2, '0'); // Months are 0-based, so add 1\n  const year = date.getFullYear().toString().slice(-2); // Get the last two digits of the year\n\n  // Define an array of month abbreviations\n  const monthAbbreviations = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n\n  const formattedDate = `${day}-${\n    monthAbbreviations[parseInt(month, 10) - 1]\n  }-${year}`;\n  return formattedDate;\n};\n","import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Form } from '@unform/web';\nimport { FormHandles } from '@unform/core';\nimport * as Yup from 'yup';\nimport Swal from 'sweetalert2';\nimport { BsArrowLeftShort } from 'react-icons/bs';\n\nimport { Banner, AvatarInput } from './styles';\nimport Timeline from '~/components/Timeline';\nimport Input from '~/components/Input';\nimport InputDate from '~/components/InputDate';\nimport StatusPayment from '~/components/StatusPayment';\n\nimport defaultAvatar from '~/assets/defaults/default-avatar.png';\nimport camera from '~/assets/icons/camera-icon.svg';\nimport api from '~/services/api';\nimport { useResize } from '~/hooks/Resize';\nimport getValidationErros from '~/utils/getValidationsErrors';\nimport { formatToBrazilianDate } from '~/utils/convertTime';\nimport swalError from '~/utils/swalError';\n\ninterface IUser {\n  id: string;\n  avatar_id: string;\n  name: string;\n  email: string;\n  phone: string;\n  birthdate: Date;\n  referral_code: string;\n}\n\ninterface userFormData {\n  name: string;\n  email: string;\n  phone: string;\n  birthdate: string;\n  referral_code: string;\n}\n\nconst Register: React.FC = () => {\n  const formRef = useRef<FormHandles>(null);\n  const history = useHistory();\n  const { width } = useResize();\n  const [confirmData, setConfirmData] = useState(false);\n  const [phone, setPhone] = useState('');\n  const [user, setUser] = useState<IUser>({} as IUser);\n  const [userData, setUserData] = useState<userFormData>({} as userFormData);\n  const [checked, setChecked] = useState(false);\n  const [birthdate, setBirthdate] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [avatar, setAvatar] = useState('');\n  const [avatarSelected, setAvatarSelected] = useState<File | null>(null);\n  const [referralCode, setReferralCode] = useState('@');\n  const [dateError, setDateError] = useState(false);\n\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Entenda a Oportunidade',\n        active: width > 991,\n      },\n      {\n        value: 'Como fazer parte',\n        active: width > 991,\n      },\n      {\n        value: 'Efetuar Pagamento',\n        active: true,\n      },\n      {\n        value: 'Finalizar Cadastro',\n        active: true,\n      },\n    ],\n    [width]\n  );\n\n  useEffect(() => {\n    // setLoading(true);\n    // const user_id = localStorage.getItem('hash_user');\n    // api\n    //   .get(`users/${user_id}`)\n    //   .then(async (responseUser) => {\n    //     if (\n    //       responseUser.data.step === 'como-fazer-parte' ||\n    //       responseUser.data.step === 'efetuar-pagamento' ||\n    //       responseUser.data.step === 'finalizar-cadastro'\n    //     ) {\n    //       // await api.patch(`users/${user_id}`, {\n    //       //   step: 'finalizar-cadastro',\n    //       // });\n    //     }\n    //     // const response = await api.get(`users/${user_id}`);\n    //     // if (response.data) {\n    //     //   setUser(response.data);\n    //     //   setReferralCode(response.data.referral_code);\n    //     // }\n    //   })\n    //   .finally(() => setLoading(false));\n  }, []);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [confirmData]);\n\n  const handleBlurName = useCallback((e) => {\n    const value = e.target.value.toLowerCase();\n    const nameParts = value.split(' ');\n    const firstName = nameParts[0];\n    const lastName = nameParts[nameParts.length - 1];\n    setReferralCode(`@${firstName}-${lastName}`);\n  }, []);\n\n  const handleChangeReferralCode = useCallback((e) => {\n    const value = e.target.value.toLowerCase();\n    if (value.charAt(0) !== '@') {\n      setReferralCode(`@${value}`);\n    } else {\n      setReferralCode(value);\n    }\n  }, []);\n\n  const handleChange = useCallback((e) => {\n    setChecked(e.target.checked);\n  }, []);\n\n  const handleSelectAvatar = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const file = e.target.files[0];\n      if (file) {\n        setAvatar(URL.createObjectURL(file));\n        setAvatarSelected(file);\n      } else {\n        setAvatar('');\n        setAvatarSelected(null);\n      }\n    }\n  }, []);\n\n  const handleNext = useCallback(\n    async (data: userFormData) => {\n      try {\n        formRef.current?.setErrors({});\n        const schema = Yup.object().shape({\n          name: Yup.string().required('O nome é obrigatório'),\n          email: Yup.string()\n            .email('Deve ser um e-mail válido')\n            .required('O e-mail é obrigatório'),\n          phone: Yup.string().required('O telefone é obrigatório'),\n          referral_code: Yup.string().required(\n            'O codigo de referencia é obrigatório'\n          ),\n          birthdate: Yup.string().required('O nascimento é obrigatório'),\n        });\n\n        await schema.validate(data, {\n          abortEarly: false,\n        });\n        const newData = data;\n        newData.birthdate = formatToBrazilianDate(birthdate);\n        newData.referral_code = referralCode;\n        setUserData(newData);\n        setConfirmData(true);\n      } catch (error) {\n        if (error instanceof Yup.ValidationError) {\n          const errors = getValidationErros(error);\n          if (errors.birthdate) {\n            setDateError(true);\n          } else {\n            setDateError(false);\n          }\n          formRef.current?.setErrors(errors);\n          setLoading(false);\n        } else {\n          const err: any = error;\n          swalError({\n            message: err.response.data.message,\n            textButton: 'Close',\n          }).then(() => setLoading(false));\n        }\n      }\n    },\n    [birthdate, referralCode]\n  );\n\n  const handleChangeBirthday = useCallback((e) => {\n    setBirthdate(e);\n  }, []);\n\n  const handleChangePhone = useCallback((e) => {\n    const phoneNumber = e.target.value.replace(/\\D/gim, '');\n    setPhone(phoneNumber);\n  }, []);\n\n  const handleSubmit = useCallback(async () => {\n    setLoading(true);\n    try {\n      const responseAvatar = {\n        data: {\n          id: user.avatar_id,\n        },\n      };\n\n      if (avatarSelected) {\n        const avatarData = new FormData();\n        avatarData.append('avatar', avatarSelected as File);\n        // responseAvatar = await api.post('avatars', avatarData);\n      }\n\n      if (responseAvatar.data) {\n        const { name, email, referral_code } = userData;\n\n        const formData = {\n          avatar_id: responseAvatar.data.id,\n          name,\n          email,\n          phone: phone.replace(/\\D/gim, ''),\n          birthdate,\n          referral_code,\n        };\n        // const response = await api.put(`users/${user?.id}`, formData);\n        // if (response.data) {\n        setLoading(false);\n        history.push(`${process.env.PUBLIC_URL}/verifique-seu-email`);\n        // }\n      }\n    } catch (error) {\n      const err: any = error;\n      swalError({\n        message: err.response.data.message,\n        textButton: 'Close',\n      }).then(() => setLoading(false));\n    }\n  }, [avatarSelected, birthdate, history, phone, user.avatar_id, userData]);\n\n  return (\n    <>\n      <StatusPayment />\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row\">\n            <div className=\"col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n            <div\n              className={`col-lg-9 pb-3 py-lg-5 ${\n                !confirmData ? 'd-block' : 'd-none'\n              }`}\n            >\n              <div className=\"row justify-content-center px-lg-5 mb-4\">\n                <div className=\"col-lg-10 text-center justify-content-center d-flex\">\n                  <div className=\"align-items-center position-relative d-none d-lg-flex\">\n                    <button\n                      type=\"button\"\n                      onClick={() => history.goBack()}\n                      className=\"position-absolute arrow d-flex align-items-center pos-30\"\n                    >\n                      <BsArrowLeftShort size={30} />\n                      <span className=\"mr-2 d-block\">Voltar</span>\n                    </button>\n                  </div>\n                  <div>\n                    <h1 className=\"display-lg-4 my-lg-4 font-weight-bold\">\n                      <span className=\"title\">\n                        <span className=\"title\">Informações</span>{' '}\n                        <span className=\"title\">pessoais</span>\n                      </span>\n                    </h1>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-9\">\n                        <p>\n                          <span>\n                            Preencha os dados abaixo para finalizar seu cadastro\n                          </span>\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center align-items-center px-lg-5\">\n                <div className=\"col-11 col-md-10 col-lg-11 col-xxl-9 bg-gray py-5 px-md-5\">\n                  <Form ref={formRef} initialData={user} onSubmit={handleNext}>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-3 d-flex flex-column align-items-center text-center\">\n                        <AvatarInput\n                          htmlFor=\"avatar\"\n                          className=\"position-relative mb-3\"\n                        >\n                          <span>\n                            <img\n                              src={avatar || defaultAvatar}\n                              alt=\"Avatar\"\n                              className=\"border-gradient\"\n                            />\n                          </span>\n                          <div className=\"camera position-absolute\">\n                            <img src={camera} alt=\"Camera\" />\n                          </div>\n                        </AvatarInput>\n                        <Input\n                          type=\"file\"\n                          name=\"avatar\"\n                          id=\"avatar\"\n                          className=\"d-none\"\n                          onChange={handleSelectAvatar}\n                        />\n                      </div>\n                      <div className=\"col-12 mt-4\">\n                        <label htmlFor=\"name\">Nome Completo</label>\n                        <Input\n                          name=\"name\"\n                          id=\"name\"\n                          className=\"input\"\n                          onBlur={handleBlurName}\n                        />\n                      </div>\n                      <div className=\"col-md-6 mt-3\">\n                        <label htmlFor=\"email\">E-mail</label>\n                        <Input\n                          type=\"email\"\n                          name=\"email\"\n                          id=\"email\"\n                          className=\"input\"\n                        />\n                      </div>\n                      <div className=\"col-md-6 mt-3\">\n                        <label htmlFor=\"referral_code\">\n                          Criar Código de indicação\n                        </label>\n                        <Input\n                          name=\"referral_code\"\n                          id=\"referral_code\"\n                          className=\"input\"\n                          onChange={handleChangeReferralCode}\n                          value={referralCode}\n                        />\n                      </div>\n                      <div className=\"col-md-6 mt-3\">\n                        <label htmlFor=\"phone\">Número de Telefone</label>\n                        <Input\n                          name=\"phone\"\n                          id=\"phone\"\n                          className=\"input\"\n                          onChange={handleChangePhone}\n                          value={phone}\n                        />\n                      </div>\n                      <div className=\"col-md-6 mt-3 d-flex flex-column\">\n                        <label htmlFor=\"birthdate\">Data de Nascimento</label>\n                        <InputDate\n                          name=\"birthdate\"\n                          onChange={handleChangeBirthday}\n                          selected={birthdate}\n                          className=\"input px-2 w-100\"\n                          isError={dateError}\n                        />\n                      </div>\n                      <div className=\"col-12 mt-5\">\n                        <button\n                          type=\"submit\"\n                          className=\"btn btn-gradient w-100 font-weight-bold\"\n                        >\n                          Próximo\n                        </button>\n                      </div>\n                    </div>\n                  </Form>\n                </div>\n              </div>\n            </div>\n            <div\n              className={`col-lg-9 py-5 ${confirmData ? 'd-block' : 'd-none'}`}\n            >\n              <div className=\"row justify-content-center px-lg-5 mb-4\">\n                <div className=\"col-lg-10 text-center\">\n                  <div className=\"align-items-center p.relative d-none d-lg-flex\">\n                    <button\n                      type=\"button\"\n                      onClick={() => history.goBack()}\n                      className=\"position-absolute arrow d-flex align-items-center pos-30\"\n                    >\n                      <BsArrowLeftShort size={30} />\n                      <span className=\"mr-2 d-block\">Voltar</span>\n                    </button>\n                  </div>\n                  <h2 className=\"h1 mt-lg-4 display-lg-4 font-weight-bold\">\n                    <span className=\"title\">Confirmar dados</span>\n                  </h2>\n                  <div className=\"row justify-content-center\">\n                    <div className=\"col-lg-10\">\n                      <p className=\"text-gradient\">\n                        <span>\n                          Verifique se tudo está correto antes de finalizar\n                        </span>\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center align-items-center px-lg-5\">\n                <div className=\"col-11 col-md-10 col-lg-11 col-xxl-9 bg-gray py-5 px-md-5\">\n                  <Form onSubmit={handleSubmit}>\n                    <div className=\"row justify-content-center\">\n                      <div className=\"col-lg-3 d-flex justify-content-center text-center\">\n                        <AvatarInput htmlFor=\"avatar\">\n                          <span>\n                            <img\n                              src={avatar || defaultAvatar}\n                              alt=\"Avatar\"\n                              className=\"border-gradient\"\n                            />\n                          </span>\n                        </AvatarInput>\n                      </div>\n                      <div className=\"col-12 mt-4 text-center\">\n                        <p className=\"h5\">\n                          <b>{userData.name}</b>\n                        </p>\n                        <p className=\"h5 mb-5 color-code\">\n                          <b>{userData.referral_code}</b>\n                        </p>\n                        <div className=\"mb-0 mt-3 d-lg-flex w-100 w-lg-75 mx-auto justify-content-around\">\n                          <p className=\"mb-0 text-break\">{userData.email}</p>\n                          <p className=\"mb-0 d-none d-lg-block\">|</p>\n                          <p className=\"mb-0\">{userData.phone}</p>\n                          <p className=\"mb-0 d-none d-lg-block\">|</p>\n                          <p className=\"mb-0\">{userData.birthdate}</p>\n                        </div>\n                        <hr />\n                        <label\n                          htmlFor=\"accept\"\n                          className=\"w-100 w-md-75 w-xxl-50 d-flex align-items-center justify-content-center mx-auto checkbox\"\n                        >\n                          <Input\n                            type=\"checkbox\"\n                            name=\"accept\"\n                            id=\"accept\"\n                            className={`checkbox ${checked ? 'checked' : ''}`}\n                            onChange={handleChange}\n                          />\n                          <span>\n                            Aceito e concordo com os{' '}\n                            <br className=\"d-block d-md-none\" />\n                            <a href=\"#/\" className=\"font-weight-bold\">\n                              termos de uso\n                            </a>\n                          </span>\n                        </label>\n                      </div>\n                      <div className=\"col-md-6 mt-2 mt-lg-5\">\n                        <button\n                          type=\"button\"\n                          className=\"btn border-gradient w-100\"\n                          onClick={() => setConfirmData(false)}\n                        >\n                          <span>CORRIGIR DADOS</span>\n                        </button>\n                      </div>\n                      <div className=\"col-md-6 mt-2 mt-lg-5\">\n                        <button\n                          type=\"submit\"\n                          className=\"btn btn-gradient w-100\"\n                          disabled={!checked}\n                        >\n                          <b>FINALIZAR</b>\n                        </button>\n                      </div>\n                    </div>\n                  </Form>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        {loading && (\n          <div className=\"loading-box\">\n            <div className=\"spinner-border text-light\" role=\"status\">\n              <span className=\"sr-only\">Loading...</span>\n            </div>\n          </div>\n        )}\n      </Banner>\n    </>\n  );\n};\n\nexport default Register;\n","export default __webpack_public_path__ + \"static/media/slick-prev.a8f8f290.svg\";","export default __webpack_public_path__ + \"static/media/slick-next.251d4f40.svg\";","export default __webpack_public_path__ + \"static/media/bg-dashboard.31a33f12.png\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport prev from '~/assets/icons/slick-prev.svg';\nimport next from '~/assets/icons/slick-next.svg';\nimport bgProfile from '~/assets/banners/bg-dashboard.png';\n\ninterface CopyAlertProps {\n  active: boolean;\n}\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Container = styled.div`\n  .desk-small {\n    p {\n      font-size: 18px;\n    }\n  }\n  .pad-earnings {\n    padding-bottom: 1.8rem !important;\n    padding-top: 1.8rem !important;\n  }\n  .text-color {\n    color: #e4e4e4;\n  }\n\n  .slick-dots {\n    display: flex !important;\n    justify-content: end !important;\n    z-index: 100;\n    padding-right: 30px;\n  }\n\n  .slick-dots li.slick-active button:before {\n    color: #cbccce !important;\n  }\n\n  .slick-dots li button:before {\n    color: #4f4f4f !important;\n  }\n\n  .slick-dots li {\n    margin: 0 !important;\n  }\n\n  .slick-prev {\n    right: 80px;\n    left: auto;\n  }\n\n  .slick-next {\n    right: 5px;\n  }\n\n  .slick-prev,\n  .slick-next {\n    top: calc(100% + 15px);\n    z-index: 200;\n  }\n\n  .slick-prev:before {\n    content: url(${prev}) !important;\n  }\n\n  .slick-next:before {\n    content: url(${next}) !important;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    color: #8a8a8a;\n    font-size: 0;\n  }\n\n  @media (min-width: 992px) and (max-width: 1300px) {\n    .height-mob {\n      font-size: 0.9vw;\n    }\n\n    .img-search {\n      height: 20px !important;\n    }\n\n    .img-small {\n      height: 2vw !important;\n    }\n\n    .desk-small {\n      img {\n        height: 3vw;\n      }\n      p,\n      input {\n        font-size: 1vw;\n      }\n      small {\n        font-size: 1vw;\n      }\n    }\n\n    .btn-small {\n      font-size: 1vw !important;\n    }\n  }\n\n  @media screen and (max-width: 340px) {\n    .slick-dots {\n      justify-content: center !important;\n      padding-right: 0px;\n    }\n\n    .slick-prev {\n      right: 200px;\n      left: auto;\n    }\n\n    .slick-next {\n      right: 0px;\n    }\n  }\n`;\n\nexport const AllCourses = styled.div``;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const Content = styled.div`\n  background: #1d2023;\n  border-radius: 20px;\n  padding: 20px;\n  .btn-view {\n    position: absolute;\n    bottom: 1.25rem;\n    right: 1.25rem;\n  }\n  .min-h {\n    min-height: 350px;\n  }\n\n  .click {\n    font-weight: 300;\n    font-size: 15px !important;\n    line-height: 18px;\n    border-radius: 12px !important;\n    color: #dadada !important;\n    small {\n      font-size: 15px !important;\n      color: #dadada !important;\n    }\n  }\n\n  .padding-copy {\n    padding-top: 13.5px !important;\n    padding-bottom: 13.5px !important;\n  }\n\n  .box-profile {\n    background: #222527;\n    border-radius: 15px;\n    padding: 20px;\n  }\n\n  .box-profile p {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #8d8f90;\n  }\n\n  .bg-dashboard {\n    background-image: url(${bgProfile});\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    border-radius: 16px;\n    height: 117px;\n  }\n\n  .avatar-position {\n    left: calc(50% - 30px);\n    bottom: -30px;\n  }\n\n  .nft-name,\n  .new-member {\n    color: #dadada;\n    padding: 8px 22px;\n    border-radius: 10px;\n    background: rgba(13, 13, 13, 0.28);\n    backdrop-filter: blur(2px);\n  }\n\n  .nft-name {\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 18px;\n  }\n  .new-member {\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 15px;\n  }\n  .title-chart {\n    h3,\n    p {\n      color: #cbccce;\n    }\n  }\n\n  .input-members input {\n    height: 34px;\n  }\n\n  input {\n    color: #cbccce;\n  }\n\n  .bg-gray {\n    background: #222527;\n    border-radius: 15px;\n    padding: 10px 20px;\n\n    h3,\n    p {\n      color: #cbccce;\n    }\n\n    div {\n      border-color: #474848 !important;\n    }\n  }\n\n  .volume-centers {\n    width: 70px;\n  }\n\n  .icons {\n    width: 30px;\n    height: 30px;\n  }\n\n  .text-green {\n    color: #37c694 !important;\n  }\n\n  .text-red {\n    color: #ff1a50 !important;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n  }\n\n  .text-blue {\n    color: #10c3fc;\n  }\n\n  .border-gray {\n    border: 1px solid #4f4f4f;\n    border-radius: 15px;\n    span {\n      font-size: 20px !important;\n    }\n    p {\n      font-size: 11px;\n    }\n  }\n\n  .avatar-user {\n    height: 60px;\n    width: 60px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .my-avatar {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.24));\n    border-radius: 15px;\n    padding: 3px;\n  }\n\n  .btn-default {\n    border: 1px solid #333333;\n    color: #8d8f90;\n    padding: 3px 0;\n    border-radius: 8px;\n    width: 125px;\n    transition-duration: 0.3s;\n\n    :hover {\n      border-color: #fff;\n      color: #fff;\n    }\n\n    :focus {\n      outline: none;\n      box-shadow: none;\n    }\n  }\n\n  .bg-light-gray {\n    background: #333638;\n  }\n\n  .border-light-gray {\n    border: 1px solid #7e7e7e;\n  }\n\n  @media screen and (max-width: 575px) {\n    .img-height {\n      height: 46px;\n    }\n  }\n`;\n\nexport const Graph = styled.div`\n  background: #222527;\n  border-radius: 20px;\n  padding: 20px;\n\n  .btn-dropdown {\n    background: #1d2023;\n    border: 1px solid #2b2e31;\n    border-radius: 100px;\n    font-weight: 300;\n    font-size: 14px;\n    color: #747474;\n    padding: 0px 20px;\n    height: 40px;\n  }\n\n  .Dropdown-menu {\n    background: #1d2023;\n    color: #747474;\n    font-weight: 300;\n    font-size: 14px;\n    border: 1px solid #2b2e31;\n  }\n\n  .Dropdown-option.is-selected,\n  .Dropdown-option:hover {\n    background-color: #222527;\n  }\n\n  .Dropdown-option {\n    color: #747474;\n  }\n\n  .Dropdown-control {\n    background: #1d2023;\n    color: #747474;\n    border: none;\n    font-weight: 300;\n    font-size: 14px;\n    padding: 8px 25px 8px 10px;\n    width: 109px;\n  }\n\n  .Dropdown-arrow {\n    top: 17px;\n    right: 2px;\n  }\n\n  .total span:nth-child(1) {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 24px;\n    color: #dadada;\n  }\n\n  .total span:nth-child(3) {\n    font-weight: 300;\n    font-size: 59px;\n    line-height: 60px;\n    color: #00f9ab;\n  }\n\n  @media screen and (max-width: 991px) {\n    padding: 10px 0;\n  }\n`;\n\nexport const CopyAlert = styled.div<CopyAlertProps>`\n  background: #37c694;\n  position: fixed;\n  transition-duration: 0.3s;\n  bottom: 10px;\n  right: ${(props) => (props.active ? '10px' : '-1000px')};\n  opacity: ${(props) => (props.active ? '1' : '0')};\n\n  p {\n    color: #fdfdfd;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-body {\n    h2 {\n      font-size: 48px;\n    }\n\n    p {\n      color: #9f9f9f;\n      font-weight: 300;\n      font-size: 18px;\n      line-height: 27px;\n    }\n\n    .coin img {\n      width: 100%;\n      max-width: 745px;\n    }\n  }\n\n  .modal-close {\n    position: absolute;\n    right: 15px;\n    top: 5px;\n    z-index: 10000;\n    color: #dadada;\n    height: 50px;\n    width: 50px;\n  }\n\n  .border-gradient-light {\n    cursor: unset;\n    .padding {\n      padding: 1px;\n    }\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","import styled from 'styled-components';\n\ninterface CopyAlertProps {\n  active: boolean;\n}\n\nexport const CopyButton = styled.button`\n  .bg-light-gray {\n    background: #333638;\n  }\n\n  @media screen and (max-width: 400px) {\n    .size-mobile {\n      font-size: 3vw;\n    }\n  }\n\n  @media (min-width: 992px) and (max-width: 1350px) {\n    .height-mob {\n      font-size: 0.8vw;\n    }\n  }\n`;\n\nexport const CopyAlert = styled.div<CopyAlertProps>`\n  background: #37c694;\n  position: fixed;\n  transition-duration: 0.3s;\n  bottom: 10px;\n  right: ${(props) => (props.active ? '10px' : '-1000px')};\n  opacity: ${(props) => (props.active ? '1' : '0')};\n  z-index: 100;\n\n  p {\n    color: #fdfdfd !important;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/copy-highter.9c2c5525.svg\";","import React, { useCallback, useState } from 'react';\n\nimport { CopyButton, CopyAlert } from './styles';\n\nimport copyHighter from '~/assets/icons/copy-highter.svg';\n\ninterface ICopyProps {\n  content: string;\n  className?: string;\n}\n\nconst Copy: React.FC<ICopyProps> = ({ content, className }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleClickCopy = useCallback((url) => {\n    const el = document.createElement('textarea');\n    el.value = url;\n    document.body.appendChild(el);\n    el.select();\n    document.execCommand('copy');\n    document.body.removeChild(el);\n    setCopied(true);\n    setTimeout(() => {\n      setCopied(false);\n    }, 800);\n  }, []);\n\n  return (\n    <>\n      <CopyButton\n        type=\"button\"\n        className={`d-flex justify-content-between align-items-center bg-light-gray border-0 rounded-pill px-3 py-2 my-lg-2 ${className}`}\n        onClick={() => handleClickCopy(content)}\n      >\n        <small className=\"text-white size-mobile height-mob\">{content}</small>\n        <div className=\"border-0 bg-transparent\">\n          <img src={copyHighter} alt=\"Copy\" />\n        </div>\n      </CopyButton>\n      <CopyAlert active={copied} className=\"card card-success\">\n        <p className=\"h4 m-2\">Copied!</p>\n      </CopyAlert>\n    </>\n  );\n};\n\nexport default Copy;\n","export default __webpack_public_path__ + \"static/media/members-icon.09a26c83.svg\";","export default __webpack_public_path__ + \"static/media/total-members-icon.0a193623.svg\";","export default __webpack_public_path__ + \"static/media/coin-icon.aae75be4.svg\";","export default __webpack_public_path__ + \"static/media/rain-icon.966d247b.svg\";","export default __webpack_public_path__ + \"static/media/search-icon.c6412d35.svg\";","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Button = styled.button`\n  background-color: transparent;\n  color: #fff;\n  border-radius: 20px;\n  font-size: 20px;\n  padding: 16px;\n  border: none;\n  :hover {\n    color: #fff;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #a6a2a2;\n    }\n  }\n\n  .modal-header {\n    display: block;\n  }\n\n  .to-dashboard {\n    padding: 14px;\n    border-radius: 15px;\n    font-weight: bold;\n    background-color: #00f9ab;\n    color: #000;\n    font-weight: 700;\n    font-size: 20px;\n    transition-duration: 0.3s;\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .coin video {\n    border: 1px solid #565656;\n    border-radius: 30px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .bg-lg-social-medias {\n    background: #0c0d0d;\n    backdrop-filter: blur(5px);\n    border-radius: 60px;\n  }\n\n  .social-medias {\n    width: auto;\n  }\n\n  .social-medias img {\n    width: 90px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .social-medias img {\n      width: 75px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 42px;\n    }\n    .social-medias img {\n      width: 85px;\n    }\n\n    .bg-mobile-social-medias {\n      background: #0c0d0d;\n      backdrop-filter: blur(5px);\n      border-radius: 60px;\n    }\n\n    .bg-lg-social-medias {\n      background: transparent;\n      backdrop-filter: none;\n      border-radius: unset;\n    }\n  }\n`;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Player from '~/components/Player';\n\nimport { Button, Modal } from './styles';\n\nimport thumb from '~/assets/defaults/thumb-congratulations.png';\nimport telegram from '~/assets/defaults/telegram.svg';\nimport discord from '~/assets/defaults/discord.svg';\nimport twitter from '~/assets/defaults/twitter.svg';\nimport tikTok from '~/assets/defaults/tik-tok.svg';\nimport facebook from '~/assets/defaults/facebook.svg';\nimport instagram from '~/assets/defaults/instagram.svg';\nimport youtube from '~/assets/defaults/youtube.svg';\nimport reddit from '~/assets/defaults/reddit.svg';\n\ninterface IModalCongratulations {\n  showModal: boolean;\n}\n\nconst ModalCongratulations: React.FC<IModalCongratulations> = ({\n  showModal,\n}) => {\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    localStorage.removeItem('wasNoWish');\n  }, []);\n\n  useEffect(() => {\n    if (showModal) {\n      setShow(true);\n    }\n  }, [showModal]);\n\n  return (\n    <>\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-signin\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n\n        <Modal.Header className=\"container border-0\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-11 col-sm-10 col-xl-9 text-center\">\n              <h2 className=\"fw-bold mb-4\">Congratulations!</h2>\n              <h3 className=\"px-3 px-lg-5\">\n                Your account has been successfully activated, you can log in to\n                your dashboard by clicking the button&nbsp;below\n              </h3>\n            </div>\n          </div>\n        </Modal.Header>\n\n        <Modal.Body className=\"container\">\n          <div className=\"row px-4 pb-4 px-lg-3 px-xl-5 justify-content-center\">\n            <div className=\"col-11 col-lg-10 col-xl-9 coin\">\n              <Player\n                src=\"https://prfti.s3.amazonaws.com/5.mov\"\n                thumbnail={thumb}\n              />\n            </div>\n            <div className=\"col-11 col-lg-10 col-xl-9\">\n              <button\n                type=\"button\"\n                className=\"w-100 btn to-dashboard mt-4 fw-bold\"\n                onClick={handleClose}\n              >\n                GO TO DASHBOARD\n              </button>\n            </div>\n            <div className=\"col-xl-11 mt-4 overflow-auto bg-lg-social-medias\">\n              <div className=\"d-lg-flex justify-content-sm-around justify-content-lg-center social-medias  px-0 px-lg-5\">\n                <div className=\"bg-mobile-social-medias text-center px-2 px-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://t.me/ProfitiAi\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={telegram} alt=\"Telegram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://discord.gg/KxdwygBsKk\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={discord} alt=\"Discord\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://twitter.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={twitter} alt=\"Twitter\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.tiktok.com/@profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={tikTok} alt=\"Tik-Tok\" />\n                  </a>\n                </div>\n                <div className=\"bg-mobile-social-medias text-center px-2 px-lg-0 mt-3 mt-lg-0\">\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.facebook.com/profitiai\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={facebook} alt=\"Facebook\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.instagram.com/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={instagram} alt=\"Instagram\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.youtube.com/@profitiai/channels\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={youtube} alt=\"Youtube\" />\n                  </a>\n                  <a\n                    target=\"_blank\"\n                    href=\"https://www.reddit.com/r/profitiai/\"\n                    rel=\"noreferrer\"\n                  >\n                    <img src={reddit} alt=\"Reddit\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalCongratulations;\n","/* eslint-disable import/no-duplicates */\nimport React, {\n  useState,\n  useMemo,\n  useEffect,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport ReactApexChart from 'react-apexcharts';\nimport Slider from 'react-slick';\nimport Dropdown from 'react-dropdown';\nimport { Link } from 'react-router-dom';\nimport { MdFindInPage } from 'react-icons/md';\nimport { RxCalendar } from 'react-icons/rx';\n\nimport { eachMonthOfInterval, format } from 'date-fns';\nimport ptBR from 'date-fns/locale/pt-BR';\n\nimport { ApexOptions } from 'apexcharts';\nimport { render } from 'react-dom';\nimport { web3store } from '../../store';\nimport { formatPrice } from '~/utils/format';\nimport { useAuth } from '~/hooks/Auth';\nimport abbreviate from '~/utils/abbreviate';\n\nimport { Container, Welcome, Content, Graph } from './styles';\nimport Copy from '~/components/Copy';\nimport WalletRow from '~/components/WalletRow';\nimport membersIcon from '~/assets/icons/members-icon.svg';\nimport totalMembersIcon from '~/assets/icons/total-members-icon.svg';\nimport coin from '~/assets/icons/coin-icon.svg';\nimport rain from '~/assets/icons/rain-icon.svg';\n\nimport search from '~/assets/icons/search-icon.svg';\nimport news from '~/assets/defaults/news.png';\n\nimport api from '~/services/api';\nimport ModalCongratulations from '~/components/ModalCongratulations';\nimport swalError from '~/utils/swalError';\nimport { Avatar } from '~/components/WalletAvatar/styles';\n\ninterface ICommission {\n  id: string;\n  earning: string;\n  created_at: string;\n}\n\ninterface IAvatar {\n  id: string;\n  avatar_url: string;\n}\n\ninterface IUser {\n  id: string;\n  name: string;\n  created_at: string;\n  avatar?: IAvatar;\n}\n\ninterface IOrder {\n  id: string;\n  user: IUser;\n}\n\ninterface IReferrer {\n  id: string;\n  order: IOrder;\n}\n\ninterface IMember {\n  id: string;\n  avatar: string;\n  name: string;\n  created_at: string;\n}\n\ninterface IReferrer {\n  id: string;\n  name: string;\n  nft_img: string;\n  rank: string;\n  status: string;\n  date_registered: number;\n}\n\ninterface IVolumeCenter {\n  idx: number;\n  center: number;\n  amount: string;\n}\n\ninterface IEarningResponse {\n  earnings: {\n    id: string;\n    total_count: number;\n    profit_centers: IVolumeCenter[];\n  };\n}\n\nconst Dashboard: React.FC = () => {\n  const { user } = useAuth();\n  const [loading, setLoading] = useState(false);\n  const [volumeCenters, setVolumeCenters] = useState<IVolumeCenter[]>([]);\n\n  const [show, setShow] = useState(false);\n  const [referrers, setRefferers] = useState<IReferrer[]>([]);\n  const [dataPointindex, setDataPointindex] = useState<number | undefined>(\n    undefined\n  );\n  const [totalEarned, setTotalEarned] = useState('0.00');\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n\n  const months = useMemo<string[]>(() => {\n    return eachMonthOfInterval({\n      start: new Date(2022, 0),\n      end: new Date(2022, 11),\n    }).map((date) => {\n      return format(date, 'MMM');\n    }, []);\n  }, []);\n\n  const settings = useMemo(\n    () => ({\n      dots: true,\n      infinite: true,\n      arrows: true,\n      speed: 500,\n      slidesToShow: 3,\n      slidesToScroll: 3,\n    }),\n    []\n  );\n\n  // const teste = [\n  //   {\n  //     id: '1',\n  //     name: 'teste1',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  //   {\n  //     id: '2',\n  //     name: 'teste2',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  //   {\n  //     id: '3',\n  //     name: 'teste1',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  //   {\n  //     id: '4',\n  //     name: 'teste2',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  //   {\n  //     id: '5',\n  //     name: 'teste1',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  //   {\n  //     id: '6',\n  //     name: 'teste1',\n  //     nft_img: coin,\n  //     rank: '1',\n  //     status: 'new',\n  //     date_registered: '01122023',\n  //   },\n  // ];\n\n  useEffect(() => {\n    if (connectedMember !== null) {\n      api\n        .get(`/v1/member/referrals/${connectedMember.memberId}`)\n        .then(async (response) => {\n          const responseEarnings = await api.get<IEarningResponse>(\n            `/v1/member/earnings/${user?.id}`\n          );\n\n          const data =\n            responseEarnings.data.earnings.profit_centers.map<IVolumeCenter>(\n              (profitCenter) => ({\n                idx: profitCenter.idx,\n                center: profitCenter.idx,\n                // center: profitCenter.center,\n                amount: formatPrice(\n                  parseFloat(\n                    (parseInt(profitCenter.amount, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n              })\n            );\n\n          setRefferers(response.data.referrals.referrals);\n          setVolumeCenters(data);\n        });\n    }\n  }, [user]);\n\n  useLayoutEffect(() => {\n    if (localStorage.getItem('wasNoWish') === 'noWish') {\n      setShow(true);\n    } else {\n      setShow(false);\n    }\n  }, [show]);\n\n  const name = useMemo(() => user?.screen_name, [user]);\n\n  const gradientToColors = useMemo(() => {\n    const data: string[] = [];\n    for (let index = 0; index < 12; index += 1) {\n      data.push(\n        index === dataPointindex\n          ? 'rgba(0, 249, 171, 0.15)'\n          : 'rgba(51, 54, 56, 0.15)'\n      );\n    }\n\n    return data;\n  }, [dataPointindex]);\n\n  const options = useMemo(() => {\n    const data: ApexOptions = {\n      chart: {\n        height: 250,\n        type: 'bar',\n        toolbar: {\n          show: false,\n        },\n\n        events: {\n          dataPointSelection: (e, chart, { dataPointIndex }) => {\n            if (dataPointIndex === dataPointindex) {\n              setDataPointindex(undefined);\n            } else {\n              setDataPointindex(dataPointIndex);\n            }\n          },\n        },\n\n        foreColor: '#747474',\n        selection: {\n          enabled: false,\n        },\n        zoom: {\n          enabled: false,\n        },\n      },\n      dataLabels: {\n        enabled: false,\n      },\n\n      plotOptions: {\n        bar: {\n          distributed: true,\n          borderRadius: 6,\n        },\n      },\n\n      xaxis: {\n        type: 'category',\n        categories: months,\n        crosshairs: { show: false },\n        axisTicks: { show: false },\n      },\n      yaxis: {\n        labels: {\n          formatter: (value: any) => {\n            return formatPrice(value);\n          },\n        },\n      },\n      tooltip: {\n        x: {\n          format: 'dd/MM/yy HH:mm',\n        },\n        theme: 'dark',\n      },\n\n      colors: [\n        ({ dataPointIndex }: any) => {\n          if (dataPointIndex === dataPointindex) {\n            return '#00f9ab';\n          }\n          return '#333638';\n        },\n      ],\n\n      fill: {\n        opacity: 1,\n        type: 'gradient',\n        gradient: {\n          gradientToColors,\n          type: 'vertical',\n          shadeIntensity: 1,\n          opacityFrom: 1,\n          opacityTo: 1,\n          stops: [0, 100],\n        },\n      },\n\n      states: {\n        hover: {\n          filter: {\n            type: 'lighten',\n            value: 0.05,\n          },\n        },\n      },\n\n      grid: {\n        show: false,\n      },\n      legend: {\n        show: false,\n      },\n    };\n\n    return data;\n  }, [months, gradientToColors, dataPointindex]);\n\n  const series = useMemo(\n    () => [\n      {\n        name: 'Earnings',\n        data: [10, 20, 5, 30, 60, 20, 55, 40, 10, 60, 70, 30],\n      },\n    ],\n    []\n  );\n\n  // ? 'https://app.autoaffiliate.ai/promotional-material'\n  const referralCode = useMemo(() => {\n    return user?.aa_username !== '' ? 'AA' : user?.referral_link;\n  }, [user]);\n  // ? 'https://app.autoaffiliate.ai/promotional-material'\n\n  const dropOptions = useMemo(\n    () => [\n      {\n        value: '',\n        label: 'Lifetime',\n      },\n      {\n        value: 'TODAY',\n        label: 'Today',\n      },\n      {\n        value: 'WTD',\n        label: 'This week',\n      },\n      {\n        value: 'MTD',\n        label: 'This month',\n      },\n      {\n        value: 'YTD',\n        label: 'This year',\n      },\n    ],\n    []\n  );\n\n  useEffect(() => {\n    // console.log('connectedMember');\n    // console.log(connectedMember);\n    if (connectedMember !== null) {\n      //\n      api\n        .get(`v1/member/dashboard/earnings/${connectedMember.memberId}/YTD`)\n        .then((response) => {\n          setTotalEarned(\n            formatPrice(\n              parseFloat((parseInt(response.data, 10) / 10 ** 18).toFixed(2))\n            )\n          );\n        });\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    async (e) => {\n      if (user) {\n        const response = await api.get(\n          `v1/member/dashboard/earnings/${connectedMember.memberId}/${e.value}`\n        );\n        setTotalEarned(\n          formatPrice(\n            parseFloat((parseInt(response.data, 10) / 10 ** 18).toFixed(2))\n          )\n        );\n      }\n    },\n    [user]\n  );\n\n  return (\n    <Container>\n      {user && Object.keys(user).length > 0 && (\n        <>\n          <div className=\"container-fluid container-xxl\">\n            <div className=\"row mt-4\">\n              <div className=\"col-12 mb-2\">\n                <Welcome>\n                  <div className=\"container-fluid\">\n                    <div className=\"row justify-content-center justify-content-lg-start align-items-center mb-lg-4\">\n                      <div className=\"col-sm-11 col-lg-6 px-0\">\n                        <h1 className=\"h3 h2-lg text-center text-sm-start mt-4 mb-0 mt-lg-0 fw-bold\">\n                          Hi, {name}!\n                        </h1>\n                      </div>\n                      <div className=\"col-lg-6 px-0\">\n                        <WalletRow />\n                      </div>\n                    </div>\n                  </div>\n                </Welcome>\n              </div>\n              <div className=\"col\">\n                <div className=\"row justify-content-center\">\n                  <div className=\"col-sm-11 col-lg-7 ps-lg-0 my-2 my-lg-0\">\n                    <Content className=\"h-100\">\n                      <Graph className=\"position-relative\">\n                        <div className=\"d-flex justify-content-between ps-3\">\n                          <div className=\"total\">\n                            <span>Total Earned</span>\n                            <br />\n                            <span>$ {totalEarned}</span>\n                          </div>\n                          <div className=\"d-flex align-items-center btn-dropdown\">\n                            <RxCalendar\n                              className=\"\"\n                              color=\"#747474\"\n                              size={20}\n                            />\n                            <Dropdown\n                              className=\"\"\n                              options={dropOptions}\n                              placeholder=\"This year\"\n                              onChange={handleChange}\n                            />\n                          </div>\n                        </div>\n\n                        <ReactApexChart\n                          type=\"bar\"\n                          options={options}\n                          series={series}\n                        />\n                      </Graph>\n                      <div className=\"row\">\n                        <div className=\"col-md-6 col-lg-12 col-xl-6 pe-xl-2 my-2 my-xl-3\">\n                          <div className=\"bg-gray d-flex align-items-center justify-content-between py-3 px-3 px-sm-4\">\n                            <div className=\"d-flex align-items-center desk-small\">\n                              <img\n                                src={membersIcon}\n                                alt=\"Members\"\n                                className=\"w-25 w-sm-100\"\n                              />\n                              <p className=\"mb-0 px-3\">\n                                NFT <br />\n                                Referrals\n                              </p>\n                            </div>\n                            <div className=\"d-flex flex-column text-end desk-small\">\n                              <small className=\"font-weight-300 text-green\">\n                                {'\\u00A0'}\n                                {/* +{user?.nft_referrals.new} New */}\n                              </small>\n                              <span className=\"h3 h1-sm text-blue font-weight-300 mb-0\">\n                                {user?.nft_referrals.current}\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"col-md-6 col-lg-12 col-xl-6 ps-xl-2 my-2 my-xl-3\">\n                          <div className=\"bg-gray d-flex align-items-center justify-content-between py-3 px-3 px-sm-4\">\n                            <div className=\"d-flex align-items-center desk-small\">\n                              <img\n                                src={totalMembersIcon}\n                                alt=\"Total Members\"\n                                className=\"w-25 w-sm-100\"\n                              />\n                              <p className=\"mb-0 px-3\">\n                                Matrix <br />\n                                Referrals\n                              </p>\n                            </div>\n                            <div className=\"d-flex flex-column text-end desk-small\">\n                              <small className=\"text-green font-weight-300\">\n                                {'\\u00A0'}\n                                {/* +{user?.matrix_referrals.new} New */}\n                              </small>\n                              <span className=\"h3 h1-sm mb-0 text-color font-weight-300\">\n                                {user?.matrix_referrals.current}\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"col-12 mt-2 mt-xl-0\">\n                          <div className=\"row bg-gray align-items-center justify-content-between pad-earnings mx-0 pt-3 pt-lg-2 pt-xl-3 ps-3 pe-3 ps-sm-4 pe-sm-4 \">\n                            <div className=\"col-md-3 d-flex align-items-center px-0 mb-4 mb-lg-0 mt-3 mt-lg-0 desk-small\">\n                              <img\n                                src={coin}\n                                alt=\"Coin\"\n                                className=\"img-height\"\n                              />\n                              <p className=\"mb-0 px-2 px-lg-3\">\n                                Profit Centers\n                              </p>\n                            </div>\n                            <div className=\"col-md-9 px-0 px-sm-4 ps-md-4 pe-md-2\">\n                              <Slider {...settings}>\n                                {volumeCenters.map((volume, index) => (\n                                  <div key={index.toString()} className=\"px-1\">\n                                    <div className=\"w-100 d-flex flex-column text-end py-2 ps-2 pe-2 border-gray volume-centers my-3 my-lg-0\">\n                                      <p className=\"mb-3 font-weight-400\">\n                                        Center {volume.center} Earnings\n                                      </p>\n                                      <span className=\"h3 font-weight-300 text-blue mb-0\">\n                                        ${volume.amount}\n                                      </span>\n                                    </div>\n                                  </div>\n                                ))}\n                              </Slider>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </Content>\n                  </div>\n                  <div className=\"col-sm-11 col-lg-5 px-lg-0 my-2 my-lg-0\">\n                    <Content className=\"w-100 p-2\">\n                      <div className=\"bg-gray position-relative bg-transparent min-h\">\n                        {referrers.length > 0 && (\n                          <div className=\"text-center btn-view text-sm-end\">\n                            <Link\n                              to={`${process.env.PUBLIC_URL}/business/referrals`}\n                              className=\"btn btn-default\"\n                            >\n                              View More\n                            </Link>\n                          </div>\n                        )}\n                        <div className=\"row mb-3 align-items-center\">\n                          <div className=\"col-sm-6 col-lg-5\">\n                            <h3 className=\"h6 h5-xxl mt-2 mb-3\">\n                              My Referrals\n                            </h3>\n                          </div>\n                          <div className=\"col-sm-6 col-lg-7\">\n                            <div className=\"border-gray input-members\">\n                              <div className=\"d-flex py-1 px-3 desk-small\">\n                                <input\n                                  type=\"text\"\n                                  className=\"border-0 bg-transparent w-100\"\n                                  placeholder=\"Search members\"\n                                  onChange={handleChange}\n                                />\n                                <button\n                                  type=\"submit\"\n                                  className=\"border-0 bg-transparent\"\n                                >\n                                  <img\n                                    src={search}\n                                    alt=\"Search\"\n                                    className=\"img-search\"\n                                  />\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"row px-2\">\n                          {referrers.length > 0 ? (\n                            <>\n                              {referrers.map((member, index) => (\n                                <>\n                                  {index < 6 && (\n                                    <div\n                                      key={member.id}\n                                      className=\"col-lg-6 my-1 px-0\"\n                                    >\n                                      <div className=\"d-flex align-items-center my-2\">\n                                        <img\n                                          src={member.nft_img}\n                                          alt={member.nft_img}\n                                          className=\"avatar ms-3\"\n                                        />\n                                        <p className=\"mb-0 mx-3\">\n                                          {index + 1}.\n                                        </p>\n                                        <p className=\"mb-0\">{member.name}</p>\n                                      </div>\n                                      {index < 4 && (\n                                        <hr className=\"mt-3 mb-2\" />\n                                      )}\n                                    </div>\n                                  )}\n                                </>\n                              ))}\n                            </>\n                          ) : (\n                            <div className=\"col-12 py-5 mb-2 text-center\">\n                              <MdFindInPage\n                                className=\"mt-5\"\n                                size={35}\n                                color=\"#8D8D8D\"\n                              />\n                              <p className=\"mb-5 mt-lg-2\">\n                                No records to display\n                              </p>\n                            </div>\n                          )}\n                        </div>\n                      </div>\n                    </Content>\n                    <Content className=\"w-100 mt-3\">\n                      <div className=\"row\">\n                        <div className=\"col-12\">\n                          <div className=\"box-profile\">\n                            <div className=\"bg-dashboard d-flex flex-column p-4 justify-content-center position-relative\">\n                              <Link\n                                to={`${process.env.PUBLIC_URL}/dashboard`}\n                                // to={`${process.env.PUBLIC_URL}/user-profile`}\n                                className=\"position-absolute avatar-position\"\n                              >\n                                <div className=\"avatar-user d-flex align-items-center text-center\">\n                                  <Avatar\n                                    src={user.nft_img}\n                                    className=\"my-avatar\"\n                                  />\n                                </div>\n                              </Link>\n                              <div className=\"d-flex justify-content-between my-2 my-lg-0\">\n                                <span className=\"nft-name mb-0 text-center text-start\">\n                                  {name}\n                                </span>\n                                <span className=\"new-member mb-0 text-center text-start\">\n                                  New Member\n                                  <img\n                                    src={rain}\n                                    alt=\"Rain icon\"\n                                    className=\"ms-2\"\n                                  />\n                                </span>\n                              </div>\n                            </div>\n                            <div className=\" d-flex align-items-center justify-content-between mt-5 pt-4 px-3\">\n                              <p className=\"mb-0 w-25 height-mob \">\n                                PDF <br />\n                                Presentation\n                              </p>\n                              <Link\n                                to={`${process.env.PUBLIC_URL}/business/resources`}\n                                className=\"bg-light-gray w-65 click text-center py-3\"\n                              >\n                                Click Here\n                              </Link>\n                            </div>\n                            {referralCode === 'AA' ? (\n                              <div className=\" d-flex align-items-center justify-content-between mt-4 px-3\">\n                                <p className=\"mb-0 w-25 height-mob \">\n                                  Main Site\n                                  <br />\n                                  Invitation Link\n                                </p>\n                                <a\n                                  href=\"https://app.autoaffiliate.ai/promotional-material\"\n                                  className=\"bg-light-gray w-65 click text-center py-3\"\n                                  target=\"_blank\"\n                                  rel=\"noopener noreferrer\"\n                                >\n                                  Click for AutoAffiliate\n                                </a>\n                              </div>\n                            ) : (\n                              <div className=\" d-flex align-items-center justify-content-between mt-4 px-3\">\n                                <p className=\"mb-0 w-25 height-mob \">\n                                  Main Site\n                                  <br />\n                                  Invitation Link\n                                </p>\n                                <Copy\n                                  className=\"w-65 padding-copy click\"\n                                  content={`${referralCode}`}\n                                />\n                              </div>\n                            )}\n                            <div className=\" d-flex align-items-center justify-content-between mt-4 px-3\">\n                              <p className=\"mb-0 w-25 height-mob \">\n                                Webinar <br />\n                                Invitation Link\n                              </p>\n\n                              <div className=\"bg-light-gray w-65 click text-center py-3\">\n                                Coming soon\n                              </div>\n\n                              {/* <Copy\n                              className=\"w-65 padding-copy click\"\n                              content=\"https://link.webinar/i/@nft012\"\n                            /> */}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </Content>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <ModalCongratulations showModal={show} />\n\n          {loading && (\n            <>\n              <div className=\"loading-box\">\n                <div className=\"spinner-border text-light\" role=\"status\">\n                  <span className=\"sr-only\">Loading...</span>\n                </div>\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default Dashboard;\n","import styled from 'styled-components';\n\ninterface IProps {\n  src: string;\n}\n\nexport const Container = styled.div`\n  h2 {\n    color: #cbccce;\n  }\n`;\n\nexport const BgImage = styled.a<IProps>`\n  background-image: url(${(props) => props.src});\n  background-position: top;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 20px;\n  height: 400px;\n\n  .title {\n    font-family: 'Barlow';\n    padding: 2.5rem 1.5rem;\n    font-weight: 400;\n    font-size: 19px;\n    line-height: 19px;\n\n    color: #000000;\n    span {\n      font-weight: 700;\n      font-size: 30px;\n      line-height: 34px;\n      background: transparent;\n      border-radius: 0px;\n      color: #000000;\n      display: block;\n      padding-right: 2rem;\n      margin-top: 0.75rem;\n    }\n  }\n\n  .title-products {\n    font-family: 'Bebas Neue';\n    font-weight: 400;\n    font-size: 44px;\n    line-height: 46px;\n    letter-spacing: -0.04em;\n    color: #cdcdcd;\n    padding: 2.5rem 1.5rem;\n    span {\n      font-family: 'Expletus Sans' !important;\n    }\n  }\n\n  .bg-stamp {\n    background: rgba(255, 255, 255, 0.1);\n    border-top: 1px solid #cdcdcd;\n    backdrop-filter: blur(5px);\n    height: 6rem;\n    img {\n      margin-top: -45px;\n      margin-left: 1.5rem;\n    }\n  }\n\n  .text-presentation {\n    font-weight: 600;\n    color: #cbccce;\n    background: rgba(0, 0, 0, 0.7);\n    border-radius: 0px 0px 20px 20px;\n  }\n\n  @media screen and (max-width: 400px) {\n    height: 300px;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/presentations.723be3b5.png\";","export default __webpack_public_path__ + \"static/media/products.6384c0d3.png\";","export default __webpack_public_path__ + \"static/media/stamp.3eab1a34.png\";","import React from 'react';\nimport { FiDownload } from 'react-icons/fi';\nimport { Container, BgImage } from './styles';\n\nimport banner from '~/assets/banners/presentations.png';\nimport bannerProd from '~/assets/banners/products.png';\nimport stamp from '~/assets/defaults/stamp.png';\n\ninterface IProps {\n  className: string;\n}\n\nconst AllResources: React.FC<IProps> = ({ className }) => {\n  const franchise = [\n    {\n      h3Title: 'Discover How To Profit From The Most Lucrative',\n      spanTitle: 'Opportunity of The Decade',\n      language: 'English',\n      link: 'https://prfti.s3.amazonaws.com/PROFITi+Overview.pdf',\n    },\n    {\n      h3Title: 'Descubra Como Lucrar Com a Melhor e Mais Lucrativa',\n      spanTitle: 'Oportunidade Da Década',\n      language: 'Portuguese',\n      link: 'https://prfti.s3.amazonaws.com/Apresentac%CC%A7a%CC%83o+PROFITi.pdf',\n    },\n    {\n      h3Title: 'Descubra Cómo Beneficiarse de la Mejor y Mas Rentable',\n      spanTitle: 'Oportunidad de la Década',\n      language: 'Spanish',\n      link: 'https://prfti.s3.amazonaws.com/Presentacio%CC%81n+PROFITi.pdf',\n    },\n    {\n      h3Title: 'Scopri come trarre profitto dalle più redditizie',\n      spanTitle: 'Opportunità del Decennio',\n      language: 'Italian',\n      link: 'https://prfti.s3.amazonaws.com/it_presentazione_profiti.pdf',\n    },\n  ];\n\n  const products = [\n    {\n      h3Title: '',\n\n      link: '',\n    },\n  ];\n\n  return (\n    <Container className={`container-fluid container-xl ${className}`}>\n      <div className=\"row\">\n        <div className=\"h2\">\n          <div className=\"col-xxl-9\">\n            <div className=\"row\">\n              <div className=\"col-12\">\n                <h2 className=\"h5 fw-bold mb-4\">Presentations</h2>\n              </div>\n              {franchise.map((item) => (\n                <div className=\"col-sm-6 col-md-4 mb-4\">\n                  <BgImage\n                    href={item.link}\n                    target=\"_blank\"\n                    src={banner}\n                    className=\"d-flex flex-column text-start justify-content-between border-0 w-100\"\n                  >\n                    <span className=\"title\">\n                      {item.h3Title}\n                      <br />\n                      <span>{item.spanTitle}</span>\n                    </span>\n                    <span className=\"h6 text-presentation mb-0 py-3 px-4 w-100 d-flex align-items-center justify-content-between\">\n                      {item.language} Presentation{' '}\n                      <FiDownload size={25} color=\"#cbccce\" />\n                    </span>\n                  </BgImage>\n                </div>\n              ))}\n            </div>\n\n            <div className=\"row\">\n              <div className=\"col-12\">\n                <h2 className=\"h5 fw-bold mb-4 mt-5\">Products</h2>\n              </div>\n\n              <div className=\"col-sm-6 col-md-4 mb-4\">\n                <BgImage\n                  href=\"https://prfti.s3.amazonaws.com/Profiti+Product+Roadmap.pdf\"\n                  target=\"_blank\"\n                  src={bannerProd}\n                  className=\"d-flex flex-column text-start justify-content-between border-0 w-100\"\n                >\n                  <span className=\"title-products\">\n                    PROFIT<span>i</span> PRODUCT ROADMAP\n                  </span>\n                  <div>\n                    <div className=\"bg-stamp\">\n                      <img src={stamp} alt=\"Stamp\" />\n                    </div>\n                    <span className=\"h6 text-presentation mb-0 py-3 px-4 w-100 d-flex align-items-center justify-content-between\">\n                      Product Roadmap\n                      <FiDownload size={25} color=\"#cbccce\" />\n                    </span>\n                  </div>\n                </BgImage>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AllResources;\n","import styled from 'styled-components';\n\ninterface IProps {\n  src: string;\n}\n\nexport const Container = styled.div`\n  h2 {\n    color: #cbccce;\n  }\n`;\n\nexport const BgImage = styled.button<IProps>`\n  background-image: url(${(props) => props.src});\n  border-radius: 20px;\n  height: 400px;\n\n  span {\n    font-weight: 600;\n    color: #cbccce;\n    background: rgba(0, 0, 0, 0.7);\n    border-radius: 0px 0px 20px 20px;\n  }\n\n  @media screen and (max-width: 400px) {\n    height: 300px;\n  }\n`;\n","import React from 'react';\nimport { FiDownload } from 'react-icons/fi';\nimport { Container, BgImage } from './styles';\n\ninterface IProps {\n  className: string;\n}\n\nconst Downloads: React.FC<IProps> = ({ className }) => {\n  const downloads = [\n    { background: 'https://placeimg.com/1140/350/animals' },\n    { background: 'https://placeimg.com/1140/350/animals' },\n    { background: 'https://placeimg.com/1140/350/animals' },\n    { background: 'https://placeimg.com/1140/350/animals' },\n    { background: 'https://placeimg.com/1140/350/animals' },\n    { background: 'https://placeimg.com/1140/350/animals' },\n  ];\n\n  return (\n    <Container className={`container-fluid container-xl ${className}`}>\n      <div className=\"row\">\n        <div className=\"h2\">\n          <div className=\"col-xxl-9\">\n            <div className=\"row\">\n              <div className=\"col-12\">\n                <h2 className=\"h5 fw-bold mb-4\">Downloads</h2>\n              </div>\n              {downloads.map((downloadsSrc) => (\n                <div className=\"col-sm-6 col-md-4 mb-4\">\n                  <BgImage\n                    type=\"button\"\n                    src={downloadsSrc.background}\n                    className=\"border-0 w-100 d-flex align-items-end\"\n                  >\n                    <span className=\"h6 mb-0 py-3 px-4 w-100 d-flex align-items-center justify-content-between\">\n                      Download now <FiDownload size={25} color=\"#cbccce\" />\n                    </span>\n                  </BgImage>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Downloads;\n","import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  button {\n    color: #8c8c8c;\n    font-size: 13px;\n  }\n\n  hr {\n    border-bottom: solid 1px #333;\n  }\n\n  a {\n    border: none;\n    background: none;\n    color: #cbccce;\n    font-weight: 400;\n\n    :hover {\n      color: #e4e4e4;\n      font-weight: 600;\n      text-decoration: none;\n    }\n  }\n\n  .zoom {\n    zoom: 0.9;\n  }\n\n  a.active {\n    color: #e4e4e4;\n    font-weight: 600;\n  }\n\n  .border-gradient-light {\n    max-width: 200px;\n    padding: 1px;\n\n    button {\n      padding-top: 12px;\n      padding-bottom: 12px;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .border-gradient-light {\n      margin: auto;\n    }\n  }\n`;\n\nexport const Search = styled.div`\n  padding: 5px;\n  border-radius: 100px;\n  border: 1px solid #242526;\n  background-color: transparent;\n\n  input {\n    margin: 5px 0;\n    padding: 0 10px;\n    border: none;\n    border-radius: 100px;\n    background-color: transparent;\n    color: #cbccce !important;\n\n    ::placeholder {\n      color: #cbccce !important;\n    }\n  }\n\n  img {\n    height: 25px;\n    width: 25px;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/magnifier.b9466d9b.svg\";","import React from 'react';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport { BiPlus } from 'react-icons/bi';\n\nimport AllResources from './AllResources';\nimport Downloads from './Downloads';\nimport FutureResources from './FutureResources';\nimport { Container, Welcome, Search } from './styles';\n\nimport magnifier from '~/assets/icons/magnifier.svg';\nimport WalletRow from '~/components/WalletRow';\n\nconst Resources: React.FC = () => {\n  const location = useLocation();\n  return (\n    <Container>\n      <div className=\"container-fluid container-xl\">\n        <div className=\"row\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid mt-4 \">\n                <div className=\"row align-items-center justify-content-end justify-content-sm-between\">\n                  <div className=\"col-sm-6 col-lg-3 px-0\">\n                    <h1 className=\"h3 h2-lg ps-3 mb-0 mt-2 mt-sm-0\">\n                      Resources\n                    </h1>\n                  </div>\n                  <div className=\"col-12 col-sm-6 col-lg-4 mt-5 mt-sm-0\">\n                    <Search className=\"d-flex align-items-center\">\n                      <input className=\"w-100\" placeholder=\"Search\" />\n                      <img src={magnifier} alt=\"Search\" className=\"mx-2\" />\n                    </Search>\n                  </div>\n                  <div className=\"col-lg-5 px-0\">\n                    <div className=\"zoom\">\n                      <WalletRow />\n                    </div>\n                  </div>\n                </div>\n                <div className=\"row align-items-center mt-5\">\n                  <div className=\"col-sm-9 px-0 text-center text-sm-start\">\n                    <NavLink\n                      to={`${process.env.PUBLIC_URL}/business/resources`}\n                      activeClassName=\"active pb-1\"\n                      exact\n                    >\n                      All Resources\n                    </NavLink>\n                  </div>\n                  {/* <div className=\"col-sm-3 col-lg-9 px-0 text-center text-sm-start my-3 my-sm-0\">\n                    <NavLink\n                      to={`${process.env.PUBLIC_URL}/business/resources/downloads`}\n                      activeClassName=\"active pb-1\"\n                    >\n                      Downloads\n                    </NavLink>\n                  </div> */}\n\n                  {/* <div className=\"col-sm-3 px-0 text-center text-sm-start\">\n                    <NavLink\n                      to={`${process.env.PUBLIC_URL}/business/resources/future-resources`}\n                      activeClassName=\"active pb-1\"\n                    >\n                      Future Resources\n                    </NavLink>\n                  </div> */}\n                  <hr className=\"d-none d-sm-block d-md-none w-100 w-sm-50 my-5\" />\n\n                  {/* <div className=\"col-sm-5 col-md-3 ms-auto my-5 my-sm-0\">\n                    <div className=\"ms-sm-auto border-gradient-light rounded-pill text-center\">\n                      <button\n                        type=\"button\"\n                        className=\"w-100 border-0 bg-transparent d-flex align-items-center justify-content-center\"\n                      >\n                        add New resource\n                        <BiPlus size={20} color=\"#8c8c8c\" className=\"ms-2\" />\n                      </button>\n                    </div>\n                  </div> */}\n                  <hr className=\"d-none d-md-block w-100 w-sm-50 my-5\" />\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n      </div>\n\n      <AllResources\n        className={`${\n          location.pathname === '/business/resources' ? 'd-block' : 'd-none'\n        }`}\n      />\n\n      <Downloads\n        className={`${\n          location.pathname === '/business/resources/downloads'\n            ? 'd-block'\n            : 'd-none'\n        }`}\n      />\n\n      {/* <FutureResources\n        className={`${\n          location.pathname === '/business/resources/future-resources'\n            ? 'd-block'\n            : 'd-none'\n        }`}\n      /> */}\n    </Container>\n  );\n};\nexport default Resources;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .search {\n      border-radius: 20px;\n      padding: 5px 10px;\n    }\n\n    .search input {\n      background-color: transparent;\n      border: none;\n    }\n\n    .exportable {\n      border: solid 1px #333;\n      border-radius: 20px;\n    }\n\n    .react-datepicker__input-container {\n      padding: 5px 10px;\n      border: solid 1px #333;\n      border-radius: 20px;\n    }\n\n    .react-datepicker__input-container input {\n      background-color: transparent;\n      border: none;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .rdt_TableRow {\n    border-bottom: 1px solid #383939;\n  }\n\n  .rdt_Table {\n    min-width: 870px;\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const NameTable = styled.div`\n  img {\n    width: 50px;\n    height: 50px;\n    border-radius: 15px;\n  }\n`;\n","import styled from 'styled-components';\nimport { darken } from 'polished';\n\ninterface TableContentProps {\n  showHeader: boolean;\n  rowIsClickable: boolean;\n}\n\nexport const TableContent = styled.div<TableContentProps>`\n  border-radius: 10px;\n  /* overflow: hidden; */\n  background-color: #1d2023;\n\n  h2 {\n    color: #dadada;\n  }\n\n  .height {\n    height: 20px;\n  }\n  .border-gray {\n    border: solid 1px #333;\n  }\n  .menu-table {\n    z-index: 100;\n    top: 15px;\n    left: 15px;\n    right: 15px;\n\n    .search {\n      padding: 1px;\n      border-radius: 100px;\n\n      div {\n        background: #1d2023;\n        border-radius: 100px;\n      }\n\n      input {\n        margin: 5px 0;\n        padding: 0 10px;\n        border: none;\n        border-radius: 100px;\n        background-color: #1d2023;\n        color: #fdfdfd;\n      }\n    }\n\n    .inputDate {\n      border: 1px solid #333333;\n      background: #1d2023;\n      color: #828282;\n      padding: 5px 10px;\n      border-radius: 100px;\n    }\n  }\n\n  div.tableData {\n    min-height: 350px;\n    .rdt_TableHeader {\n      display: ${(props) => (props.showHeader ? 'block' : 'none')};\n    }\n\n    div {\n      background-color: #1d2023;\n    }\n\n    .rdt_TableRow {\n      cursor: ${(props) => (props.rowIsClickable ? 'pointer' : 'default')};\n      transition-duration: 0.3s;\n\n      div {\n        transition-duration: 0.3s;\n      }\n\n      :hover {\n        background-color: ${darken(0.03, '#1D2023')};\n\n        div {\n          background-color: ${darken(0.03, '#1D2023')};\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    div.tableData {\n      max-width: 1200px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .react-datepicker-wrapper {\n      width: 100%;\n    }\n  }\n\n  @media screen and (max-width: 355px) {\n    .size-xxs {\n      font-size: 12px;\n      padding: 8px 10px !important;\n    }\n\n    .svg-xxs {\n      img {\n        width: 16px !important;\n      }\n    }\n  }\n`;\n\nexport const Pagination = styled.div`\n  p,\n  button {\n    color: #828282;\n  }\n\n  button {\n    min-width: 35px;\n    min-height: 35px;\n    border-radius: 50%;\n    font-weight: bold;\n\n    :first-child,\n    :last-child {\n      width: auto;\n      border-radius: 5px;\n    }\n  }\n\n  button.active,\n  button:hover:not(:disabled) {\n    color: #000;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n  }\n\n  @media screen and (max-width: 991px) {\n    .btn-page:not(.active) {\n      display: none;\n    }\n  }\n`;\n\nexport const NotFound = styled.div`\n  display: flex;\n  width: 100%;\n  height: 350px;\n  justify-content: center;\n  align-items: center;\n  color: #8d8d8d;\n`;\n","export default __webpack_public_path__ + \"static/media/table-icon.18cfe564.svg\";","/* eslint-disable react/jsx-wrap-multilines */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport DataTable, {\n  IDataTableColumn,\n  IDataTableStyles,\n} from 'react-data-table-component';\nimport { useLocation } from 'react-router-dom';\n\nimport { MdFindInPage } from 'react-icons/md';\nimport { CSVLink } from 'react-csv';\n\nimport { TableContent, Pagination, NotFound } from './styles';\nimport InputDate from '~/components/InputDate';\n\nimport magnifier from '~/assets/icons/magnifier.svg';\nimport table from '~/assets/icons/table-icon.svg';\n\ninterface IData {\n  [key: string]: any;\n}\ninterface ITableProps {\n  title?: string;\n  className?: string;\n  data: IData[];\n  totalValueData?: number;\n  columns: IDataTableColumn[];\n  style?: IDataTableStyles;\n  searchable?: boolean;\n  onSearch?(value: string): void;\n  date?: boolean;\n  initialDate?: Date;\n  finalDate?: Date;\n  onChangeStartDate?(date: Date): void;\n  onChangeLastDate?(date: Date): void;\n  exportable?: boolean;\n  pagination?: boolean;\n  onRowClicked?(e: IData): void;\n}\n\nconst Table: React.FC<ITableProps> = ({\n  title,\n  className,\n  data,\n  totalValueData,\n  columns,\n  style,\n  searchable,\n  onSearch,\n  date,\n  initialDate,\n  finalDate,\n  onChangeStartDate,\n  onChangeLastDate,\n  exportable,\n  pagination,\n  onRowClicked,\n}) => {\n  const [startDate, setStartDate] = useState(\n    initialDate || new Date(new Date().getFullYear(), 0, 1)\n  );\n  const [lastDate, setLastDate] = useState(\n    finalDate || new Date(new Date().getFullYear(), 11, 31)\n  );\n  const [totalData, setTotalData] = useState(0);\n  const [partialData, setPartialData] = useState(0);\n  const [selectedPage, setSelectedPage] = useState(1);\n  const [firstButton, setFirstButton] = useState(2);\n  const [centerButton, setCenterButton] = useState(3);\n  const [lastButton, setLastButton] = useState(4);\n\n  const location = useLocation();\n\n  const customStyles: IDataTableStyles = useMemo(() => {\n    return {\n      noData: {\n        style: {\n          backgroundColor: '#202020',\n          color: '#dadada',\n          fontWeigth: 'bold',\n          fontSize: '2rem',\n        },\n      },\n      header: {\n        style: {\n          backgroundColor: '#202020',\n          color: '#dadada',\n        },\n      },\n      headRow: {\n        style: {\n          border: 'none',\n        },\n      },\n      rows: {\n        style: {\n          backgroundColor: '#202020',\n          '&:not(:last-of-type)': {\n            border: 'none',\n          },\n        },\n      },\n      headCells: {\n        style: {\n          backgroundColor: '#202020',\n          color: '#dadada',\n        },\n        activeSortStyle: {\n          color: '#dadada',\n          '&:focus': {\n            outline: 'none',\n          },\n          '&:hover:not(:focus)': {\n            color: '#dadada',\n          },\n        },\n        inactiveSortStyle: {\n          color: '#dadada',\n          '&:focus': {\n            outline: 'none',\n            color: '#dadada',\n          },\n          '&:hover': {\n            color: '#dadada',\n          },\n        },\n      },\n      cells: {\n        style: {\n          color: '#8c8c8c',\n          backgroundColor: '#202020',\n        },\n      },\n      contextMenu: {\n        style: {\n          color: '#dadada',\n        },\n      },\n      action: {\n        button: '#8c8c8c',\n        hover: '#8c8c8c',\n        disabled: '#8c8c8c',\n      },\n    };\n  }, []);\n\n  const tableData = useMemo(() => {\n    setTotalData(data.length);\n    return data;\n  }, [data]);\n\n  const tableDataShow = useMemo(() => {\n    const newDataList = tableData.filter(\n      (_, index) =>\n        index >= (selectedPage - 1) * 10 && index < selectedPage * 10\n    );\n    if (partialData === 0) {\n      setPartialData(newDataList.length);\n    }\n    return newDataList;\n  }, [partialData, selectedPage, tableData]);\n\n  const dataToExport = useMemo(() => {\n    const datasExport: IData[] = [];\n    tableDataShow.forEach((dataExport: IData) => {\n      const datas = {\n        '#': dataExport.id,\n        Nome: dataExport.name,\n        'E-mail': dataExport.email,\n        'Telefone/Celular': dataExport.contact,\n        Cidade: dataExport.city,\n        'Data de registro': dataExport.created_at,\n      };\n      datasExport.push(datas);\n    });\n\n    return datasExport;\n  }, [tableDataShow]);\n\n  const totalPages = useMemo(() => {\n    const pages = totalValueData\n      ? Math.ceil(totalValueData / 10)\n      : Math.ceil(tableData.length / 10);\n    return pages;\n  }, [totalValueData, tableData]);\n\n  const onChangePage = useCallback(\n    (page) => {\n      setSelectedPage(page);\n      if (page >= 3) {\n        if (page <= totalPages - 2) {\n          setFirstButton(page - 1);\n        } else if (page === totalPages) {\n          if (totalPages === 3) {\n            setFirstButton(page - 1);\n          } else if (totalPages === 4) {\n            setFirstButton(page - 2);\n          } else {\n            setFirstButton(page - 3);\n          }\n        } else if (totalPages === 4) {\n          setFirstButton(page - 1);\n        } else {\n          setFirstButton(page - 2);\n        }\n      } else if (page === 1) {\n        setFirstButton(page + 1);\n      } else {\n        setFirstButton(page);\n      }\n\n      if (page >= 3) {\n        if (page <= totalPages - 2) {\n          setCenterButton(page);\n        } else if (page === totalPages) {\n          if (totalPages === 4) {\n            setCenterButton(page - 1);\n          } else {\n            setCenterButton(page - 2);\n          }\n        } else if (totalPages === 4) {\n          setCenterButton(page);\n        } else {\n          setCenterButton(page - 1);\n        }\n      } else if (page === 1) {\n        setCenterButton(page + 2);\n      } else {\n        setCenterButton(page + 1);\n      }\n\n      if (page >= 3) {\n        if (page <= totalPages - 2) {\n          setLastButton(page + 1);\n        } else if (page === totalPages) {\n          setLastButton(page - 1);\n        } else {\n          setLastButton(page);\n        }\n      } else if (page === 1) {\n        setLastButton(page + 3);\n      } else {\n        setLastButton(page + 2);\n      }\n\n      setPartialData(10 * page);\n    },\n    [totalPages]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      if (onSearch) {\n        setSelectedPage(1);\n        onSearch(e.target.value);\n      }\n    },\n    [onSearch]\n  );\n\n  const handleChangeStartDate = useCallback(\n    (e) => {\n      setStartDate(e);\n      if (onChangeStartDate) {\n        onChangeStartDate(e);\n      }\n    },\n    [onChangeStartDate]\n  );\n\n  const handleChangeLastDate = useCallback(\n    (e) => {\n      setLastDate(e);\n      if (onChangeLastDate) {\n        onChangeLastDate(e);\n      }\n    },\n    [onChangeLastDate]\n  );\n\n  return (\n    <TableContent\n      className={`${className} position-relative h-100 d-flex flex-column justify-content-between`}\n      showHeader={!!(title || searchable || date || exportable)}\n      rowIsClickable={!!onRowClicked}\n    >\n      <div className=\"row w-100 align-items-center justify-content-between px-3 mt-3 header-tab\">\n        {title && (\n          <>\n            <div\n              className={\n                !searchable && !date && !exportable ? 'col-12' : 'col-lg-2'\n              }\n            >\n              <h2 className=\"h5 mb-0\">{title}</h2>\n            </div>\n            <div\n              className={`col-lg-1 spacer ${\n                location.pathname === '/atividades/carteira' ||\n                location.pathname === '/atividades/ganhos' ||\n                location.pathname === '/atividades/indicados'\n                  ? 'd-none'\n                  : ''\n              } `}\n            />\n          </>\n        )}\n        {searchable && (\n          <div className=\"col-lg-4 my-2 my-lg-0\">\n            <div className=\"border-gray search\">\n              <div className=\"w-100 d-flex align-items-center pe-2\">\n                <input\n                  className=\"w-100\"\n                  placeholder=\"Search\"\n                  onChange={handleChange}\n                />\n                <img src={magnifier} alt=\"Magnifier\" className=\"height\" />\n              </div>\n            </div>\n          </div>\n        )}\n        {(date || exportable) && (\n          <div\n            className={`date-and-export ${\n              location.pathname === '/atividades/carteira'\n                ? 'col-lg-12 col-xl-7 mt-4 mt-xl-0'\n                : 'col-lg-5'\n            } ${\n              location.pathname === '/atividades/ganhos'\n                ? 'col-lg-7 mt-4 mt-lg-0'\n                : 'col-lg-5'\n            }`}\n          >\n            <div className=\"d-flex w-100\">\n              {date && (\n                <>\n                  <div className=\"col-5 my-2 my-lg-0 px-1\">\n                    <InputDate\n                      onChange={handleChangeStartDate}\n                      selected={startDate}\n                      className=\"w-100 text-center inputDate size-xxs\"\n                      dateFormat=\"MM/dd/yyyy\"\n                    />\n                  </div>\n                  <div className=\"col-5 my-2 my-lg-0 px-1\">\n                    <InputDate\n                      onChange={handleChangeLastDate}\n                      selected={lastDate}\n                      className=\"w-100 text-center inputDate size-xxs\"\n                      dateFormat=\"MM/dd/yyyy\"\n                    />\n                  </div>\n                </>\n              )}\n              {exportable && (\n                <div className=\"col-2 d-flex align-items-center exportable text-center px-1 px-lg-0 mx-lg-1 my-2 my-lg-0\">\n                  <CSVLink\n                    data={dataToExport}\n                    separator=\";\"\n                    filename={`${\n                      title ? title.replace(/\\s/g, '-') : 'data-of-table'\n                    }.csv`}\n                    className=\"d-block w-100 inputDate svg-xxs\"\n                  >\n                    <img src={table} alt=\"Table\" />\n                  </CSVLink>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n      <div className=\"tableData my-2 mt-lg-0\">\n        <DataTable\n          data={tableDataShow}\n          columns={columns}\n          customStyles={style || customStyles}\n          onRowClicked={onRowClicked}\n          noDataComponent={\n            <NotFound className=\"pt-5\">\n              <p className=\"mb-0 ms-0 ms-lg-3 text-center text-lg-center h5 h4-lg\">\n                <MdFindInPage size={35} color=\"#8D8D8D\" />\n                &nbsp;&nbsp;\n                <br className=\"d-block d-lg-none\" />\n                There are no records to&nbsp;display\n              </p>\n            </NotFound>\n          }\n        />\n      </div>\n      {pagination && (\n        <Pagination className=\"row pb-1 pt-3 w-100 align-items-center justify-content-center menu-table mx-0\">\n          <div\n            className={`${\n              location.pathname === '/products/cube'\n                ? 'col-12'\n                : 'col-lg-6  text-lg-start'\n            } px-lg-4 text-center`}\n          >\n            <p className=\"mb-lg-0\">\n              Showing {partialData < 10 ? 1 : partialData - 9}-\n              {partialData > totalData ? totalData : partialData} of {totalData}\n            </p>\n          </div>\n          <div\n            className={`${\n              location.pathname === '/products/cube' ? 'col-12' : 'col-lg-6'\n            }`}\n          >\n            <div\n              className={`${\n                location.pathname !== '/products/cube' &&\n                'justify-content-lg-end'\n              } d-flex w-100 justify-content-center `}\n            >\n              <button\n                type=\"button\"\n                className=\"border-0 bg-transparent mx-1 px-1\"\n                onClick={() => onChangePage(1)}\n                disabled={selectedPage === 1}\n              >\n                First\n              </button>\n              <button\n                type=\"button\"\n                className={`border-0 bg-transparent mx-0 mx-sm-0 px-1 btn-page ${\n                  selectedPage === 1 ? 'active' : ''\n                }`}\n                onClick={() => onChangePage(1)}\n              >\n                01\n              </button>\n              {totalPages > 1 && (\n                <>\n                  {totalPages > 5 && (\n                    <>\n                      {selectedPage > 3 && (\n                        <span className=\"border-0 bg-transparent mx-1 px-1 btn-page\">\n                          ...\n                        </span>\n                      )}\n                    </>\n                  )}\n                  {totalPages > 2 && (\n                    <button\n                      type=\"button\"\n                      className={`border-0 bg-transparent mx-1 px-1 btn-page ${\n                        selectedPage === firstButton ? 'active' : ''\n                      }`}\n                      onClick={() => onChangePage(firstButton)}\n                    >\n                      {`0${firstButton}`.slice(-2)}\n                    </button>\n                  )}\n                  {totalPages > 3 && (\n                    <button\n                      type=\"button\"\n                      className={`border-0 bg-transparent mx-1 px-1 btn-page ${\n                        selectedPage === centerButton ? 'active' : ''\n                      }`}\n                      onClick={() => onChangePage(centerButton)}\n                    >\n                      {`0${centerButton}`.slice(-2)}\n                    </button>\n                  )}\n                  {totalPages > 4 && (\n                    <button\n                      type=\"button\"\n                      className={`border-0 bg-transparent mx-1 px-1 btn-page ${\n                        selectedPage === lastButton ? 'active' : ''\n                      }`}\n                      onClick={() => onChangePage(lastButton)}\n                    >\n                      {`0${lastButton}`.slice(-2)}\n                    </button>\n                  )}\n                  {totalPages > 5 && (\n                    <>\n                      {selectedPage < totalPages - 2 && (\n                        <span className=\"border-0 bg-transparent mx-1 px-1 btn-page\">\n                          ...\n                        </span>\n                      )}\n                    </>\n                  )}\n                </>\n              )}\n              {totalPages > 1 && (\n                <button\n                  type=\"button\"\n                  className={`border-0 bg-transparent mx-1 px-1 btn-page ${\n                    selectedPage === totalPages ? 'active' : ''\n                  }`}\n                  onClick={() => onChangePage(totalPages)}\n                >\n                  {`0${totalPages}`.slice(-2)}\n                </button>\n              )}\n              <button\n                type=\"button\"\n                className=\"border-0 bg-transparent mx-1 px-1\"\n                onClick={() => onChangePage(totalPages)}\n                disabled={selectedPage === totalPages}\n              >\n                Last\n              </button>\n            </div>\n          </div>\n        </Pagination>\n      )}\n    </TableContent>\n  );\n};\n\nexport default Table;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { format } from 'date-fns';\nimport { Container, Welcome, NameTable } from './styles';\nimport Table from '~/components/Table';\n\nimport api from '~/services/api';\nimport WalletRow from '~/components/WalletRow';\nimport { useAuth } from '~/hooks/Auth';\nimport Loading from '~/components/Loading';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\n\ninterface IReferralResponse {\n  referrals: {\n    total_count: number;\n    referrals: {\n      id: number;\n      name: string;\n      nft_img: string;\n      rank: string;\n      status: string;\n      date_registered: number;\n    }[];\n  };\n}\n\ninterface IReferral {\n  id: number;\n  name: string;\n  nft_img: string;\n  rank: string;\n  status: string;\n  date_registered: string;\n}\n\nconst Referrers: React.FC = () => {\n  const { user } = useAuth();\n  const [loading, setLoading] = useState(true);\n  const [name, setName] = useState('');\n  const [startDate, setStartDate] = useState(\n    new Date(new Date().getFullYear(), 0, 1)\n  );\n  const [endDate, setEndDate] = useState(\n    new Date(new Date().getFullYear(), 11, 31)\n  );\n  const [members, setMembers] = useState<IReferral[]>([]);\n\n  useEffect(() => {\n    api\n      .get<IReferralResponse>(`/v1/member/referrals/${user?.id}`)\n      .then((response) => {\n        const data = response.data.referrals.referrals.map<IReferral>(\n          (referral) => ({\n            ...referral,\n            date_registered: format(\n              referral.date_registered * 1000,\n              'MMM dd, yyyy'\n            ),\n          })\n        );\n        setMembers(data);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [user]);\n\n  const columns = useMemo(\n    () => [\n      {\n        name: 'Member',\n        selector: 'member',\n        sortable: true,\n        cell: (row: IReferral) => (\n          <NameTable\n            data-tag=\"allowRowEvents\"\n            className=\"d-flex align-items-center\"\n          >\n            <img src={row.nft_img} alt=\"teste\" className=\"me-2 my-2\" />\n            <p className=\"mb-0\">{row.name}</p>\n          </NameTable>\n        ),\n      },\n      {\n        name: 'Member ID',\n        selector: 'id',\n        sortable: true,\n        cell: (row: IReferral) => <p className=\"mb-0\">{row.id}</p>,\n      },\n      {\n        name: 'Rank',\n        selector: 'rank',\n        sortable: true,\n      },\n      {\n        name: 'Status',\n        selector: 'status',\n        sortable: true,\n      },\n      {\n        name: 'Date Registered',\n        selector: 'date_registered',\n        sortable: true,\n      },\n    ],\n    []\n  );\n\n  const handleSearch = useCallback((value) => {\n    setName(value);\n  }, []);\n\n  const handleChangeStartDate = useCallback((value) => {\n    setStartDate(value);\n  }, []);\n\n  const handleChangeLastDate = useCallback((value) => {\n    setEndDate(value);\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-sm-11 col-lg-12 mb-2 mt-4\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row align-items-center mb-4\">\n                  <div className=\"col-lg-6 px-0\">\n                    <h1 className=\"h3 h2-lg font-weight-bold mb-lg-0\">\n                      Referrals\n                    </h1>\n                  </div>\n                  <div className=\"col-lg-6 px-0\">\n                    <WalletRow />\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n          <div className=\"col-sm-11 col-lg-12\">\n            <div className=\"bg-gray table p-2 p-lg-4\">\n              <Table\n                title=\"My Referrals\"\n                columns={columns}\n                data={members}\n                searchable\n                onSearch={handleSearch}\n                date\n                initialDate={startDate}\n                finalDate={endDate}\n                onChangeStartDate={handleChangeStartDate}\n                onChangeLastDate={handleChangeLastDate}\n                exportable\n                pagination\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default Referrers;\n","import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #cbccce;\n  }\n`;\n\nexport const Places = styled.div`\n  a {\n    text-decoration: none;\n    pointer-events: none;\n  }\n  .placing {\n    img {\n      width: 50px;\n      height: 50px;\n    }\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .first {\n    p {\n      color: #dadada;\n    }\n  }\n\n  .second {\n    p {\n      color: #afafaf;\n    }\n  }\n\n  .third {\n    p {\n      color: #4f4f4f;\n    }\n  }\n\n  .your-position {\n    .font-weight-semibold {\n      font-weight: 600;\n    }\n\n    .text-light-gray {\n      color: #cbccce;\n    }\n\n    .text-green {\n      color: #37c694;\n    }\n  }\n\n  .box {\n    height: 290px;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(269.95deg, #1d2023 0.02%, #1d2023 97.45%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n\n    h2,\n    .text-light-gray {\n      color: #dadada;\n    }\n\n    .text-gray {\n      color: #8e8f8f;\n    }\n\n    img {\n      width: 70px;\n      height: 70px;\n      border-radius: 50%;\n    }\n\n    hr {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      width: 80px;\n      height: 1px;\n      border: none;\n    }\n  }\n\n  .first-place {\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n  }\n\n  .second-place {\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(269.95deg, #afafaf 0.02%, #afafaf 97.45%) !important;\n  }\n\n  .third-place {\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(269.95deg, #4f4f4f 0.02%, #4f4f4f 97.45%) !important;\n  }\n\n  .details-box {\n    height: 290px;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(269.95deg, #1d2023 0.02%, #1d2023 97.45%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n\n    p {\n      color: #dadada;\n    }\n\n    .thumb {\n      filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.2));\n      border-radius: 15px;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .box {\n      height: 360px;\n    }\n\n    .height {\n      height: 360px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n  }\n`;\n\nexport const RankingTable = styled.div`\n  .ranking > div:nth-child(2) {\n    margin-top: 3rem;\n  }\n  .ranking {\n    background-color: #1d2023;\n    border-radius: 20px;\n    overflow: hidden;\n\n    h3 {\n      color: #cbccce;\n    }\n\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div {\n        text-align: center;\n        max-width: 180px;\n        width: 180px;\n\n        div {\n          width: 100%;\n        }\n      }\n\n      > div:first-child {\n        max-width: 300px;\n        width: 300px;\n      }\n    }\n\n    .rdt_TableHeadRow {\n      div {\n        font-size: 1rem;\n        font-weight: 500;\n      }\n    }\n\n    .rdt_TableRow {\n      height: 90px;\n    }\n\n    @media screen and (min-width: 1400px) {\n      .rdt_TableHeadRow,\n      .rdt_TableRow {\n        > div:first-child {\n          max-width: 400px;\n          width: 400px;\n        }\n      }\n    }\n\n    @media screen and (max-width: 1199px) {\n      .rdt_TableHeadRow,\n      .rdt_TableRow {\n        > div {\n          text-align: center;\n          max-width: 100px;\n          width: 100px;\n        }\n\n        > div:first-child {\n          max-width: 290px;\n          width: 290px;\n        }\n      }\n    }\n  }\n`;\n\nexport const Ranking = styled.div`\n  img.profile {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n  }\n\n  .name {\n    text-align: left;\n    width: 135px;\n  }\n\n  .hidden {\n    opacity: 0;\n  }\n\n  .visible {\n    opacity: 1;\n  }\n`;\n","import React, { useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport ReactApexChart from 'react-apexcharts';\nimport { ApexOptions } from 'apexcharts';\n\ninterface IProgressBarProps {\n  percentage: number;\n}\n\nconst ProgressBar: React.FC<IProgressBarProps> = ({ percentage }) => {\n  const options = useMemo(() => {\n    const data: ApexOptions = {\n      colors: [`${percentage >= 0 ? '#00F9AB' : '#f9000f'}`],\n      plotOptions: {\n        radialBar: {\n          startAngle: 0,\n          endAngle: 360,\n          hollow: {\n            size: '50%',\n          },\n          track: {\n            show: true,\n            background: '#fff',\n            strokeWidth: '97%',\n            opacity: 1,\n          },\n          dataLabels: {\n            name: {\n              show: false,\n            },\n            value: {\n              show: true,\n              offsetY: 5,\n              color: 'white',\n            },\n          },\n        },\n      },\n      stroke: {\n        lineCap: 'round',\n      },\n      labels: [`${percentage >= 0 ? 'Lucros' : 'Perdas'}`],\n      tooltip: {\n        enabled: true,\n        custom: ({ series, seriesIndex, w }) => {\n          return `<div class=\"arrow_box\">\n              <span>${w.globals.labels[0]}: ${series[seriesIndex]}%</span>\n            </div>`;\n        },\n      },\n    };\n\n    return data;\n  }, [percentage]);\n\n  const series = useMemo(\n    () => [percentage >= 0 ? percentage : percentage * -1],\n    [percentage]\n  );\n\n  const location = useLocation();\n\n  return (\n    <ReactApexChart\n      options={options}\n      series={series}\n      type=\"radialBar\"\n      height={location.pathname === '/trader/trading' ? 140 : 110}\n    />\n  );\n};\n\nexport default ProgressBar;\n","export default __webpack_public_path__ + \"static/media/info-icon.d3cba0b2.svg\";","export default __webpack_public_path__ + \"static/media/details_new.6662c4a9.png\";","export default __webpack_public_path__ + \"static/media/first-place.dc9b898c.svg\";","export default __webpack_public_path__ + \"static/media/second-place.046c8acd.svg\";","export default __webpack_public_path__ + \"static/media/third-place.1b4840b0.svg\";","export default __webpack_public_path__ + \"static/media/badge.5621e8be.svg\";","/* eslint-disable react/no-unused-prop-types */\nimport React, { useState, useMemo, useEffect } from 'react';\nimport { BiChevronDown } from 'react-icons/bi';\n\nimport { useAuth } from '~/hooks/Auth';\nimport { formatPrice } from '~/utils/format';\nimport api from '~/services/api';\nimport abbreviate from '~/utils/abbreviate';\n\nimport { Container, Welcome, Places, RankingTable, Ranking } from './styles';\nimport ProgressBar from '~/components/ProgressBar';\nimport Table from '~/components/Table';\n\nimport avatarDefault from '~/assets/defaults/default-avatar.png';\nimport info from '~/assets/icons/info-icon.svg';\nimport details from '~/assets/defaults/details_new.png';\nimport first from '~/assets/icons/first-place.svg';\nimport second from '~/assets/icons/second-place.svg';\nimport third from '~/assets/icons/third-place.svg';\nimport badge from '~/assets/icons/badge.svg';\nimport WalletRow from '~/components/WalletRow';\n\ninterface ILearderboard {\n  id: number;\n  name: string;\n  referral_code: string;\n  indication: number;\n  team: number;\n  avatar?: {\n    avatar_url: string;\n  };\n}\n\ninterface ITableData {\n  id: number;\n  avatar: string;\n  name: string;\n  referral_code: string;\n  indication: number;\n  team: number;\n  next_bonus: string;\n  percentage: number;\n}\n\nconst Learderboard: React.FC = () => {\n  const { user } = useAuth();\n  const [loading, setLoading] = useState(false);\n  const [firstPlace, setFirstPlace] = useState<ITableData>({} as ITableData);\n  const [secondPlace, setSecondPlace] = useState<ITableData>({} as ITableData);\n  const [thirdPlace, setThirdPlace] = useState<ITableData>({} as ITableData);\n  const [myPlace, setMyPlace] = useState<ITableData>({} as ITableData);\n  // const [learderboards, setLearderboards] = useState<ITableData[]>([]);\n\n  const learderboards = [\n    {\n      id: 1,\n      avatar: avatarDefault,\n      name: 'Name user',\n      referral_code: ' @user',\n      indication: 10,\n      team: 15,\n      next_bonus: 500,\n      percentage: 30,\n    },\n    {\n      id: 2,\n      avatar: avatarDefault,\n      name: 'Name user',\n      referral_code: ' @user',\n      indication: 10,\n      team: 15,\n      next_bonus: 1000,\n      percentage: 50,\n    },\n  ];\n\n  useEffect(() => {\n    // setLoading(true);\n    // api\n    //   .get('learderboards')\n    //   .then((response) => {\n    //     const datas: ITableData[] = response.data.map(\n    //       (learderboard: ILearderboard, index: number) => ({\n    //         id: index + 1,\n    //         avatar: learderboard.avatar\n    //           ? learderboard.avatar.avatar_url\n    //           : avatarDefault,\n    //         name: abbreviate(learderboard.name),\n    //         referral_code: learderboard.referral_code,\n    //         indication: learderboard.indication,\n    //         team: learderboard.team,\n    //         next_bonus:\n    //           learderboard.indication > 4 ? formatPrice(1000) : formatPrice(50),\n    //         percentage:\n    //           learderboard.indication > 4\n    //             ? Math.ceil((learderboard.team * 100) / 750)\n    //             : Math.ceil((learderboard.indication * 100) / 5),\n    //       })\n    //     );\n    //     const myPlaceData = datas.find(\n    //       (data) => data.referral_code === user.referral_code\n    //     );\n    //     const firstPlaceData: ITableData = {\n    //       id: datas[0] ? datas[0].id : 0,\n    //       avatar: datas[0] ? datas[0].avatar : avatarDefault,\n    //       name: datas[0] ? abbreviate(datas[0].name) : 'A Definir',\n    //       referral_code: datas[0] ? datas[0].referral_code : '@a-definir',\n    //       indication: datas[0] ? datas[0].indication : 0,\n    //       team: datas[0] ? datas[0].team : 0,\n    //       next_bonus: datas[0] ? datas[0].next_bonus : formatPrice(50),\n    //       percentage: datas[0] ? datas[0].percentage : 0,\n    //     };\n    //     const secondPlaceData: ITableData = {\n    //       id: datas[1] ? datas[1].id : 0,\n    //       avatar: datas[1] ? datas[1].avatar : avatarDefault,\n    //       name: datas[1] ? abbreviate(datas[1].name) : 'A Definir',\n    //       referral_code: datas[1] ? datas[1].referral_code : '@a-definir',\n    //       indication: datas[1] ? datas[1].indication : 0,\n    //       team: datas[1] ? datas[1].team : 0,\n    //       next_bonus: datas[1] ? datas[1].next_bonus : formatPrice(50),\n    //       percentage: datas[1] ? datas[1].percentage : 0,\n    //     };\n    //     const thirdPlaceData: ITableData = {\n    //       id: datas[2] ? datas[2].id : 0,\n    //       avatar: datas[2] ? datas[2].avatar : avatarDefault,\n    //       name: datas[2] ? abbreviate(datas[2].name) : 'A Definir',\n    //       referral_code: datas[2] ? datas[2].referral_code : '@a-definir',\n    //       indication: datas[2] ? datas[2].indication : 0,\n    //       team: datas[2] ? datas[2].team : 0,\n    //       next_bonus: datas[2] ? datas[2].next_bonus : formatPrice(50),\n    //       percentage: datas[2] ? datas[2].percentage : 0,\n    //     };\n    //     const myPlaceObject: ITableData = {\n    //       id: myPlaceData ? myPlaceData.id : 0,\n    //       avatar: user.avatar.avatar_url,\n    //       name: abbreviate(user.name),\n    //       referral_code: user.referral_code,\n    //       indication: myPlaceData ? myPlaceData.indication : 0,\n    //       team: myPlaceData ? myPlaceData.team : 0,\n    //       next_bonus: myPlaceData ? myPlaceData.next_bonus : formatPrice(50),\n    //       percentage: myPlaceData ? myPlaceData.percentage : 0,\n    //     };\n    //     setMyPlace(myPlaceObject);\n    //     setFirstPlace(firstPlaceData);\n    //     setSecondPlace(secondPlaceData);\n    //     setThirdPlace(thirdPlaceData);\n    //     setLearderboards(datas);\n    //   })\n    //   .finally(() => setLoading(false));\n  }, [user]);\n\n  const columns = useMemo(\n    () => [\n      {\n        name: 'Ranking',\n        selector: 'id',\n        sortable: false,\n        cell: ({ id, avatar, name, indication }: ITableData) => (\n          <Ranking\n            data-tag=\"allowRowEvents\"\n            className=\"d-flex align-items-center justify-content-center\"\n          >\n            <p className=\"mb-0 fw-bold\">{id}º</p>\n            <img src={avatar} alt={name} className=\"profile mx-3\" />\n            <p className=\"mb-0 name\">{name}</p>\n            <img\n              src={badge}\n              alt=\"Badge\"\n              className={`badge-icon ms-2 ${\n                indication >= 5 ? 'visible' : 'hidden'\n              }`}\n            />\n          </Ranking>\n        ),\n      },\n      {\n        name: 'Indication',\n        selector: 'indication',\n        sortable: false,\n      },\n      {\n        name: 'Total team',\n        selector: 'team',\n        sortable: false,\n      },\n      {\n        name: 'Next bonus',\n        selector: 'next_bonus',\n        sortable: false,\n      },\n      {\n        name: 'For qualification',\n        selector: 'percentage',\n        sortable: false,\n        cell: ({ percentage }: ITableData) => (\n          <ProgressBar percentage={percentage} />\n        ),\n      },\n    ],\n    []\n  );\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-12 mb-3 mt-4\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row align-items-center my-4 mt-lg-0\">\n                  <div className=\"col-md-6 col-lg-6 px-0\">\n                    <h1 className=\"h3 h2-xl text-center text-sm-start mb-0 fw-bold\">\n                      Learderboard\n                    </h1>\n                  </div>\n                  {/* <div className=\"col-md-6 col-lg-4 d-flex my-4 my-md-0 align-items-center justify-content-center\">\n                    <p className=\"h6 fw-bold mb-0 me-3\">\n                      Overall leaders podium\n                    </p>\n                    <button\n                      type=\"button\"\n                      className=\"btn-filter rounded-pill bg-tranparent d-flex align-items-center\"\n                    >\n                      <span className=\"d-block me-3\">All team</span>\n                      <BiChevronDown size={25} />\n                    </button>\n                  </div> */}\n                  <div className=\"col-lg-6 px-0\">\n                    <WalletRow />\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n          <Places className=\"col-12\">\n            <div className=\"row align-items-end justify-content-center\">\n              <div className=\"mb-2 mb-xl-0 col-11 col-sm-6 col-md-4 col-xl px-lg-2\">\n                <div className=\"d-flex flex-column align-items-center placing first\">\n                  <img src={first} alt=\"First\" />\n                  <p>1st Place</p>\n                </div>\n                <div className=\"box first-place w-100\">\n                  <div className=\"px-3 w-100 h-100 d-flex flex-column align-items-center justify-content-center\">\n                    <img\n                      src={\n                        Object.keys(firstPlace).length > 0\n                          ? firstPlace.avatar\n                          : avatarDefault\n                      }\n                      alt={\n                        Object.keys(firstPlace).length > 0\n                          ? firstPlace.name\n                          : 'To Define'\n                      }\n                      className=\"mb-2\"\n                    />\n                    <h2 className=\"h4 text-center\">\n                      {Object.keys(firstPlace).length > 0\n                        ? firstPlace.name\n                        : 'To Define'}\n                    </h2>\n                    <p className=\"mb-0\">\n                      {Object.keys(firstPlace).length > 0\n                        ? firstPlace.referral_code\n                        : '@to-define'}\n                    </p>\n                    <hr />\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-2 me1 text-light-gray\">\n                        Personal Referral:\n                      </p>\n                      <p className=\"mb-2 big fw-bold text-gray\">\n                        {Object.keys(firstPlace).length > 0\n                          ? firstPlace.indication\n                          : 0}\n                      </p>\n                    </div>\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-0 me1 text-light-gray\">\n                        Total Team:\n                      </p>\n                      <p className=\"mb-0 big fw-bold text-gray\">\n                        {Object.keys(firstPlace).length > 0\n                          ? firstPlace.team\n                          : 0}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"mb-2 mb-xl-0 col-11 col-sm-6 col-md-4 col-xl px-lg-2\">\n                <div className=\"d-flex flex-column align-items-center placing second\">\n                  <img src={second} alt=\"Second\" />\n                  <p>2nd Place</p>\n                </div>\n                <div className=\"box second-place w-100\">\n                  <div className=\"px-3 w-100 h-100 d-flex flex-column align-items-center justify-content-center\">\n                    <img\n                      src={\n                        Object.keys(secondPlace).length > 0\n                          ? secondPlace.avatar\n                          : avatarDefault\n                      }\n                      alt={\n                        Object.keys(secondPlace).length > 0\n                          ? secondPlace.name\n                          : 'To Define'\n                      }\n                      className=\"mb-2\"\n                    />\n                    <h2 className=\"h4 text-center\">\n                      {Object.keys(secondPlace).length > 0\n                        ? secondPlace.name\n                        : 'To Define'}\n                    </h2>\n                    <p className=\"mb-0\">\n                      {Object.keys(secondPlace).length > 0\n                        ? secondPlace.referral_code\n                        : '@to-define'}\n                    </p>\n                    <hr />\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-2 me1 text-light-gray\">\n                        Personal Referral:\n                      </p>\n                      <p className=\"mb-2 big fw-bold text-gray\">\n                        {Object.keys(secondPlace).length > 0\n                          ? secondPlace.indication\n                          : 0}\n                      </p>\n                    </div>\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-0 me1 text-light-gray\">\n                        Total Team:\n                      </p>\n                      <p className=\"mb-0 big fw-bold text-gray\">\n                        {Object.keys(secondPlace).length > 0\n                          ? secondPlace.team\n                          : 0}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"mb-0 mb-md-2 mb-xl-0 col-11 col-sm-6 col-md-4 col-xl px-lg-2\">\n                <div className=\"d-flex flex-column align-items-center placing third\">\n                  <img src={third} alt=\"Third\" />\n                  <p>3rd Placer</p>\n                </div>\n                <div className=\"box third-place w-100\">\n                  <div className=\"px-3 w-100 h-100 d-flex flex-column align-items-center justify-content-center\">\n                    <img\n                      src={\n                        Object.keys(thirdPlace).length > 0\n                          ? thirdPlace.avatar\n                          : avatarDefault\n                      }\n                      alt={\n                        Object.keys(thirdPlace).length > 0\n                          ? thirdPlace.name\n                          : 'To Define'\n                      }\n                      className=\"mb-2\"\n                    />\n                    <h2 className=\"h4 text-center\">\n                      {Object.keys(thirdPlace).length > 0\n                        ? thirdPlace.name\n                        : 'To Define'}\n                    </h2>\n                    <p className=\"mb-0\">\n                      {Object.keys(thirdPlace).length > 0\n                        ? thirdPlace.referral_code\n                        : '@to-define'}\n                    </p>\n                    <hr />\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-2 me1 text-light-gray\">\n                        Personal Referral:\n                      </p>\n                      <p className=\"mb-2 big fw-bold text-gray\">\n                        {Object.keys(thirdPlace).length > 0\n                          ? thirdPlace.indication\n                          : 0}\n                      </p>\n                    </div>\n                    <div className=\"d-flex align-items-center justify-content-center w-100 text-center\">\n                      <p className=\"me-2 mb-0 me1 text-light-gray\">\n                        Total Team:\n                      </p>\n                      <p className=\"mb-0 big fw-bold text-gray\">\n                        {Object.keys(thirdPlace).length > 0\n                          ? thirdPlace.team\n                          : 0}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"col-11 col-sm-6 col-xl px-lg-2\">\n                <div className=\"d-flex flex-column align-items-center your-position\">\n                  <p className=\"mb-0 text-light-gray fw-semibold\">\n                    Your Position{' '}\n                  </p>\n                  <p className=\"h4 mb-3\">\n                    {myPlace.id ? `${myPlace.id} ° Place` : 'to define'}\n                  </p>\n                </div>\n                <div className=\"box w-100\">\n                  <div className=\"w-100 h-100 d-flex flex-column align-items-center justify-content-center\">\n                    <img\n                      src={myPlace.avatar || avatarDefault}\n                      alt=\"avatar\"\n                      className=\"mb-2 border-gradient\"\n                    />\n                    <h2 className=\"h4 text-center\">\n                      {myPlace.name || 'To Define'}\n                    </h2>\n                    <p className=\"mb-0\">\n                      {myPlace.referral_code || '@to-define'}\n                    </p>\n                    <hr />\n                    <div className=\"d-flex align-items-center justify-content-center text-center w-100 px-xxl-4\">\n                      <p className=\"me-2 mb-2 me1 text-light-gray\">\n                        Personal Referral:\n                      </p>\n                      <p className=\"mb-2 big fw-bold text-gray\">\n                        {myPlace.indication || 0}\n                      </p>\n                    </div>\n                    <div className=\"d-flex align-items-center justify-content-center text-center w-100 px-xxl-4\">\n                      <p className=\"me-2 mb-0 me1 text-light-gray\">\n                        Total Team:\n                      </p>\n                      <p className=\"mb-0 big fw-bold text-gray\">\n                        {myPlace.team || 0}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <a\n                href=\"/\"\n                className=\"col-11 col-sm-12 col-md-6 col-xl-2 px-lg-2 mt-3 mt-lg-0\"\n              >\n                <div className=\"details-box w-lg-100 height\">\n                  <div className=\"d-flex flex-column justify-content-around align-items-center py-3 px-3 px-xxl-3 w-100 h-100\">\n                    <img src={info} alt=\"Details about the Promotion\" />\n                    <p className=\"h5 h6-xxl text-center my-3\">\n                      Details about <br className=\"d-none d-xxl-block\" />\n                      the Promotion\n                    </p>\n                    <img\n                      src={details}\n                      alt=\"Details about the Promotion\"\n                      className=\"w-75 w-sm-50 w-md-75 w-xl-100 thumb\"\n                    />\n                  </div>\n                </div>\n              </a>\n            </div>\n          </Places>\n          <RankingTable className=\"col-11 col-sm-12 px-lg-2 mt-3 mt-lg-5\">\n            <div className=\"ranking p-3 pt-5\">\n              <div className=\"d-flex align-items-center px-3\">\n                <h3 className=\"h6 h5-md mb-0 me-4\">Ranking</h3>\n                {/* <button\n                  type=\"button\"\n                  className=\"btn-filter rounded-pill bg-tranparent d-flex align-items-center\"\n                >\n                  <span className=\"d-block me-3\">Today</span>\n                  <BiChevronDown size={25} />\n                </button> */}\n              </div>\n              <Table data={learderboards} columns={columns} pagination />\n            </div>\n          </RankingTable>\n        </div>\n      </div>\n      {loading && (\n        <>\n          <div className=\"loading-box\">\n            <div className=\"spinner-border text-light\" role=\"status\">\n              <span className=\"sr-only\">Loading...</span>\n            </div>\n          </div>\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default Learderboard;\n","import { darken } from 'polished';\nimport styled from 'styled-components';\n\nexport const Container = styled.div`\n  .container-fluid {\n    max-width: 1650px;\n  }\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 30px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  .bg-earning-gray {\n    > div {\n      background: #1d2023;\n      border-radius: 30px;\n    }\n  }\n\n  div.tableData div {\n    background-color: transparent !important;\n  }\n\n  .rdt_TableHeader {\n    display: none !important;\n  }\n\n  .line-side {\n    border-right: solid 1px #393c3d;\n  }\n\n  .share-pool h2 {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 29px;\n    color: #cdcecf;\n    span {\n      display: block;\n      font-weight: 700;\n      font-size: 29px;\n      line-height: 46px;\n    }\n  }\n\n  .share-pool h6 {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 150%;\n    color: #828282;\n  }\n\n  .share-pool button {\n    background: #00f9ab;\n    border-radius: 20px;\n    border: none;\n    padding: 12px;\n    font-weight: 700;\n    font-size: 20px;\n    color: #000000;\n    transition-duration: 0.3s;\n    :hover {\n      background: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .share-pool .bg-border {\n    background: #171719;\n    border: 1px solid #3a3a3a;\n    border-radius: 30px;\n  }\n\n  .share-pool .bg-value-revenue {\n    background: #1d1c1c;\n    height: 68px;\n    border-radius: 40px;\n  }\n\n  .share-pool .value-revenue {\n    border: none;\n    padding: 1px;\n    font-size: 18px;\n    color: #fff;\n    height: 52px;\n    font-weight: 700;\n    //filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #1d1c1c, #1d1c1c),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 30px;\n    width: 93%;\n  }\n\n  .bg-box {\n    background: rgba(34, 37, 39, 60%);\n    border-radius: 24px;\n    //height: 210px;\n  }\n\n  .bg-grad-blur {\n    background-image: linear-gradient(\n        262.29deg,\n        rgba(227, 35, 255, 0.6) 2.98%,\n        rgba(54, 109, 250, 0.6) 184.94%\n      ),\n      linear-gradient(\n        265.14deg,\n        rgba(227, 35, 255, 0.6) -104.79%,\n        rgba(54, 109, 250, 0.6) 129.19%\n      );\n\n    filter: blur(50px);\n    width: 40%;\n    height: 40%;\n    top: 30%;\n    left: 30%;\n    z-index: 0;\n  }\n\n  .index1 {\n    z-index: 1;\n  }\n\n  .paragraph {\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 140%;\n    color: #dadada;\n    span {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 140%;\n      color: #f0eeee;\n    }\n  }\n\n  .size {\n    font-size: 15px !important;\n  }\n\n  .btns-history {\n    z-index: 1000;\n    background: #18191a;\n    border-radius: 38px;\n    left: 130px;\n    top: 7px;\n  }\n\n  .btns-history button {\n    font-weight: 400;\n    font-size: 12px;\n    color: #828282;\n    transition: all 0.3s ease;\n    background: #18191a;\n    border-radius: 38px;\n    border: 2px solid #18191a;\n    opacity: 0.7;\n\n    :hover {\n      opacity: 9;\n    }\n  }\n\n  .active-usdpi,\n  .active-prfti {\n    background: #17171a !important;\n    border: 2px solid #bebebe !important;\n    opacity: 9 !important;\n  }\n\n  @media screen and (max-width: 991px) {\n    .padding-x {\n      padding-left: 1rem !important;\n      padding-right: 1rem !important;\n    }\n\n    .padding-y {\n      padding: 1.5rem !important;\n    }\n\n    .rdt_TableHeader {\n      display: block !important;\n    }\n  }\n\n  @media screen and (max-width: 850px) {\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const Option = styled.div`\n  .Link:hover {\n    text-decoration: none;\n  }\n\n  .Active {\n    color: #dadada;\n    font-weight: bold;\n  }\n\n  .Disable {\n    color: #484848;\n  }\n`;\n","// configUtils.ts\n\n// Import any necessary dependencies, such as axios for making API requests\nimport api from '~/services/api';\n\n// Function to fetch configuration values from an API endpoint\nconst fetchConfigValue = async (key: string): Promise<any> => {\n  try {\n    const response = await api.get(`/v1/config/get?key=${key}`);\n    return response.data; // Adjust this based on your API response structure\n  } catch (error) {\n    console.error(`Error fetching config value for key \"${key}\":`, error);\n    return null; // Handle the error gracefully\n  }\n};\n\n// Function to get an Ethereum address configuration\nexport const getConfigAddress = async (key: string): Promise<string | null> => {\n  const value = await fetchConfigValue(key);\n  return value;\n};\n\n// Function to get a number configuration\nexport const getConfigNumber = async (key: string): Promise<number | null> => {\n  const value = await fetchConfigValue(key);\n  return parseFloat(value); // Adjust as needed\n};\n\n// Function to get a string configuration\nexport const getConfigString = async (key: string): Promise<string | null> => {\n  const value = await fetchConfigValue(key);\n  return value;\n};\n","import { darken } from 'polished';\nimport styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Container = styled.div`\n  background: #222527;\n  border-radius: 20px;\n\n  .error-message {\n    margin-top: 10px;\n    margin-left: 10px;\n    color: white;\n  }\n\n  .bd-input {\n    border: 1px solid #4f4f4f;\n    border-radius: 15px;\n  }\n\n  .bg-box-input {\n    background: transparent;\n    border-radius: 20px;\n  }\n\n  .bd-input input {\n    background: transparent;\n    border: none;\n    font-weight: 300;\n    font-size: 16px;\n    color: #828282;\n\n    ::placeholder {\n      font-weight: 300;\n      font-size: 12px;\n      color: #4b4848;\n    }\n  }\n\n  .bd-input button {\n    background: #1d2023;\n    border: 1px solid #2f2f2f;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 10px;\n    color: #797979;\n  }\n\n  .TitleBox {\n    color: white;\n    display: table;\n    margin: 0 auto;\n    font-weight: 500;\n    font-size: 24px;\n    color: #f5f6f8;\n  }\n\n  .ValueBox {\n    display: table;\n    margin: 0 auto;\n    color: white;\n    font-weight: 500;\n    margin-bottom: 5%;\n    font-size: 48px;\n  }\n\n  .TimeBox {\n    color: #828282;\n    margin-top: 1%;\n    margin-bottom: 5%;\n  }\n\n  .Active {\n    color: white;\n    font-weight: bold;\n  }\n\n  .MonthBox {\n    margin-top: 1.5em;\n    margin-bottom: 4em;\n  }\n\n  .ItemMonthBox {\n    background-color: #20202000 !important;\n    border: none;\n    padding: 10px 5px;\n    background-image: linear-gradient(180deg, #24252600, #24252600),\n      linear-gradient(269.95deg, #e323ff00 0.02%, #79d1f800 97.45%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    color: #c7c7c7;\n    font-size: 14px;\n    min-width: 88px;\n    font-weight: 400;\n    height: 35px;\n  }\n\n  .border-gradient-light {\n    padding: 1px;\n  }\n\n  .ItemMonthBox.Active {\n    background-color: #202020 !important;\n    border: none;\n    padding: 1px;\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    color: #c7c7c7;\n    font-weight: 600;\n  }\n\n  .WithDrawBox {\n    background: linear-gradient(0deg, #18191a, #18191a);\n    box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n    border-radius: 40px;\n  }\n\n  .WithDrawBox .TitleWithDrawBox {\n    color: #828282;\n  }\n\n  .WithDrawBox .ValueWithDrawBox {\n    color: white;\n    font-weight: bolder;\n    font-size: 20px;\n  }\n\n  .border-rad {\n    border-radius: 20px;\n  }\n\n  .WithDrawBox .ButtonWithDrawBox {\n    background-color: #242526;\n    color: white;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 12px;\n    transition-duration: 0.3s;\n  }\n\n  .ButtonWithDrawBox:hover {\n    opacity: 0.8;\n  }\n\n  .WithDrawBox .ButtonBox {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .WithDrawBox .ButtonBox .ButtonWithDrawBox {\n  }\n\n  .ItemTimeBox {\n    transition-duration: 0.3s;\n  }\n\n  .ItemTimeBox:hover,\n  .ItemTimeBox.Active {\n    color: #f5f6f8;\n  }\n\n  .slick-dots li.slick-active button:before {\n    color: #cbccce !important;\n  }\n\n  .slick-dots li button:before {\n    color: #4f4f4f !important;\n  }\n\n  .slick-dots {\n    bottom: -35px;\n  }\n\n  .slick-dots li {\n    margin: 0 !important;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    color: #cbccce;\n  }\n\n  input[type='number']::-webkit-inner-spin-button,\n  input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  @media screen and (max-width: 400px) {\n    .ItemMonthBox {\n      font-size: 12px;\n      min-width: 70px;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    img {\n      width: 750px;\n      margin: -4rem;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n      color: #8767ed;\n      padding: 23px;\n    }\n\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .btn-add-usdpi {\n      background: #01c2c5;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-add-prfti {\n      background: #6d50d0;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const ModalFinish = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    img {\n      width: 750px;\n      margin: -4rem;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n      color: #8767ed;\n      padding: 23px;\n    }\n\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .btn-add-usdpi {\n      background: #01c2c5;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-add-prfti {\n      background: #6d50d0;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n","import React, {\n  useState,\n  useCallback,\n  useEffect,\n  useMemo,\n  ChangeEvent,\n} from 'react';\nimport { useLocation } from 'react-router-dom';\nimport {\n  ethers,\n  utils,\n  ContractReceipt,\n  ContractTransaction,\n  BigNumber,\n} from 'ethers';\nimport Swal from 'sweetalert2';\nimport Slider from 'react-slick';\nimport Lottie from 'react-lottie';\nimport { useAuth } from '~/hooks/Auth';\nimport api from '~/services/api';\nimport {\n  getConfigAddress,\n  getConfigNumber,\n  getConfigString,\n} from '~/utils/configContract';\nimport { web3store } from '../../store';\nimport earningsDone from '~/assets/animations/earnings-done.json';\n\nimport { Container, Modal, ModalFinish } from './styles';\nimport ModalRetireMoney, {\n  IFormData as ModalRetireMoneyFormData,\n} from '../ModalRetireMoney';\nimport { formatPrice } from '~/utils/format';\nimport swalError from '~/utils/swalError';\nimport aiverifyGif from '~/assets/animations/aiverify.gif';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport Loading from '~/components/Loading';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface IWallet {\n  id: string;\n  amount: number;\n  cripto_address: string;\n}\n\ninterface ICenter {\n  id: number;\n  earnings: string;\n}\n\ninterface IEarning {\n  total: string;\n  centers: ICenter[];\n}\n\ninterface IEarningResponse {\n  earnings: {\n    day: IEarning;\n    wtd: IEarning;\n    mtd: IEarning;\n    ytd: IEarning;\n    available: string;\n  };\n}\n\ninterface WithdrawalRequest {\n  nftId: number;\n  userAddress: string;\n  message: string;\n  deadline: number;\n  transaction_fee: BigNumber;\n}\n\n/* eslint no-underscore-dangle: 0 */\nconst MyEarnings: React.FC = () => {\n  const { user } = useAuth();\n  const location = useLocation();\n  const [showModal, setShowModal] = useState(false);\n  const [show, setShow] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [active, setActive] = useState('Day');\n  const [activeCenter, setActiveCenter] = useState(0);\n  const [userChanged, setUserChanged] = useState(false);\n  // const [runWithdrawal, setRunWithdrawal] = web3store.useState('runWithdrawal');\n  const [withdrawalResult, setWithdrawalResult] =\n    web3store.useState('withdrawalResult');\n  const [walletAddPRFTI, setWalletAddPRFTI] =\n    web3store.useState('walletAddPRFTI');\n  const [walletAddUSDPI, setWalletAddUSDPI] =\n    web3store.useState('walletAddUSDPI');\n  const [addPRFTI, setAddPRFTI] = useState(false);\n  const [addUSDPI, setAddUSDPI] = useState(false);\n  const [fetchData, setFetchData] = useState(false);\n  const explorerURL = process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS;\n  const [chainMode, setChainMode] = web3store.useState('chainMode');\n  const [earningsDay, setEarningsDay] = useState<IEarning>({\n    total: '0.00',\n    centers: [],\n  });\n  const [earningsWtd, setEarningsWtd] = useState<IEarning>({\n    total: '0.00',\n    centers: [],\n  });\n  const [earningsMtd, setEarningsMtd] = useState<IEarning>({\n    total: '0.00',\n    centers: [],\n  });\n  const [earningsYtd, setEarningsYtd] = useState<IEarning>({\n    total: '0.00',\n    centers: [],\n  });\n  const [earnings, setEarnings] = useState<IEarning>({\n    total: '0.00',\n    centers: [],\n  });\n  const [showFinish, setShowFinish] = useState(false);\n  const [depositTX, setDepositTX] = useState('');\n  const [available, setAvailable] = useState('0.00');\n  const [wallet, setWallet] = useState<IWallet>({} as IWallet);\n  const [account, setAccount] = web3store.useState('account');\n  const [isValid, setIsValid] = useState(true);\n  const [errorTextClaim, setErrorTextClaim] = useState('');\n\n  const filterCalendar = useMemo(() => ['Day', 'Week', 'Month', 'Year'], []);\n\n  const settings = useMemo(\n    () => ({\n      dots: true,\n      infinite: false,\n      arrows: false,\n      speed: 500,\n      slidesToShow: 4,\n      slidesToScroll: 2,\n    }),\n    []\n  );\n\n  const [inputValue, setInputValue] = useState('');\n\n  useEffect(() => {\n    if (user && (fetchData || userChanged)) {\n      api\n        .get<IEarningResponse>(`/v3/member/earningtotals/${user?.id}`)\n        .then((response) => {\n          console.log(response.data);\n          const centersDay = response.data.earnings.day.centers.map<ICenter>(\n            (center) => ({\n              id: center.id,\n              earnings: formatPrice(\n                parseFloat(\n                  (parseInt(center.earnings, 10) / 10 ** 18).toFixed(2)\n                )\n              ),\n            })\n          );\n          setEarnings({\n            total: formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.day.total, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            centers: centersDay,\n          });\n          setEarningsDay({\n            total: formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.day.total, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            centers: centersDay,\n          });\n\n          const centersWtd = response.data.earnings.wtd.centers.map<ICenter>(\n            (center) => ({\n              id: center.id,\n              earnings: formatPrice(\n                parseFloat(\n                  (parseInt(center.earnings, 10) / 10 ** 18).toFixed(2)\n                )\n              ),\n            })\n          );\n          setEarningsWtd({\n            total: formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.wtd.total, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            centers: centersWtd,\n          });\n\n          const centersMtd = response.data.earnings.mtd.centers.map<ICenter>(\n            (center) => ({\n              id: center.id,\n              earnings: formatPrice(\n                parseFloat(\n                  (parseInt(center.earnings, 10) / 10 ** 18).toFixed(2)\n                )\n              ),\n            })\n          );\n          setEarningsMtd({\n            total: formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.mtd.total, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            centers: centersMtd,\n          });\n\n          const centersYtd = response.data.earnings.ytd.centers.map<ICenter>(\n            (center) => ({\n              id: center.id,\n              earnings: formatPrice(\n                parseFloat(\n                  (parseInt(center.earnings, 10) / 10 ** 18).toFixed(2)\n                )\n              ),\n            })\n          );\n          setEarningsYtd({\n            total: formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.ytd.total, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            centers: centersYtd,\n          });\n\n          setAvailable(\n            formatPrice(\n              parseFloat(\n                (\n                  parseInt(response.data.earnings.available, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            )\n          );\n        })\n        .finally(() => {\n          setFetchData(false);\n          setUserChanged(false);\n        });\n    }\n  }, [user, fetchData, userChanged]);\n\n  useEffect(() => {\n    setUserChanged(true);\n  }, [user]);\n\n  const handleActiveCalendar = useCallback(\n    (calendar: string) => {\n      if (calendar === 'Day') {\n        setEarnings(earningsDay);\n      }\n\n      if (calendar === 'Week') {\n        setEarnings(earningsWtd);\n      }\n\n      if (calendar === 'Month') {\n        setEarnings(earningsMtd);\n      }\n\n      if (calendar === 'Year') {\n        setEarnings(earningsYtd);\n      }\n\n      setActive(calendar);\n    },\n    [earningsDay, earningsMtd, earningsWtd, earningsYtd]\n  );\n\n  const handleActiveCenter = (center_id: number) => {\n    setActiveCenter(center_id);\n  };\n\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    let inputValueClaim = e.target.value;\n    // Check if there are extra decimal places\n    const parts = inputValueClaim.split('.');\n    if (parts.length === 2 && parts[1].length > 2) {\n      // Truncate the extra decimal places\n      parts[1] = parts[1].substring(0, 2);\n      inputValueClaim = parts.join('.');\n    }\n\n    // Remove leading zeros before the integer part\n    if (!inputValueClaim.startsWith('.') && inputValueClaim !== '0') {\n      inputValueClaim = inputValueClaim.replace(/^0+/, '');\n    }\n\n    // Check if the input matches the USD format\n    const usdRegex = /^(?:\\$?\\d{1,5}(?:,\\d{3})*(\\.\\d{1,2})?|\\$?99999.99)/;\n\n    let isValidInput = true;\n    if (inputValueClaim !== '') {\n      isValidInput = usdRegex.test(inputValueClaim);\n    }\n\n    const inputValueFloat = parseFloat(inputValueClaim);\n\n    // Add one leading zero if the float amount is less than 1 and not already present\n    if (\n      inputValueFloat < 1 &&\n      !inputValueClaim.startsWith('0') &&\n      inputValueClaim.startsWith('.')\n    ) {\n      inputValueClaim = '0'.concat(inputValueClaim);\n    }\n\n    const availableFloat = parseFloat(available.replace(/,/g, ''));\n    let errorTextValidate = '';\n\n    if (usdRegex.test(inputValueClaim)) {\n      if (inputValueFloat === 0) {\n        errorTextValidate = '';\n        isValidInput = true;\n      } else if (inputValueFloat < 5) {\n        errorTextValidate = 'Minimum amount is $5.00';\n        isValidInput = false;\n      } else if (inputValueFloat > availableFloat) {\n        errorTextValidate = 'Amount is greater than balance.';\n        isValidInput = false;\n      }\n    } else {\n      errorTextValidate = 'Please enter a valid USD amount.';\n    }\n    // Set the error text conditionally\n    // const errorTextValidate =\n    //   inputValueClaim === ''\n    //     ? ''\n    //     : 'Please enter a valid USD amount (e.g., $1,234.56)';\n\n    // Update the state and show validation feedback\n    setIsValid(isValidInput);\n    if (inputValueClaim === '0') {\n      setInputValue('');\n    } else {\n      setInputValue(inputValueClaim);\n    }\n    setErrorTextClaim(errorTextValidate);\n    // You can perform any action here or pass the new value to another function/component\n    // For example, you can call a function like handleValueChange(newValue);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleWithdraw = useCallback(async () => {\n    const amt2Claim = parseFloat(inputValue.replace(/,/g, ''));\n    if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, ''))) {\n      if (user) {\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const amtFloat = parseFloat(inputValue.replace(/,/g, ''));\n            console.log('amtFloat: %s', amtFloat);\n            if (amtFloat > 1) {\n              setProcessText('Preparing withdrawal transaction');\n              setLoading(true);\n              // setRunWithdrawal(true);\n              // GET FEE ESTIMATE\n              api\n                .get('/v1/net/feeWithdrawal/estimate')\n                .then(function (feeresponse) {\n                  console.log(feeresponse.data);\n                  // const fee = feeresponse.data.estimate.fee;\n                  const { fee } = feeresponse.data.estimate;\n                  // processOrder(response.data.estimate.fee);\n                  // const purser = process.env.REACT_APP_BSC_PURSER;\n                  getConfigAddress('contract_purser_v2')\n                    .then((purserresult) => {\n                      const purser = purserresult?.toString();\n                      // console.log('purser: %s', purser);\n                      // console.log('verifyingContract: %s', purser);\n                      const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                      console.log('deadline: %s', deadline);\n                      const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                      const chainInt = parseInt(chainNo || '0', 16);\n                      console.log(chainInt);\n                      // const purserold = process.env.REACT_APP_BSC_PURSER;\n                      // console.log(purserold, typeof purserold);\n                      const domain = {\n                        name: 'Purser',\n                        version: '2',\n                        chainId: chainInt,\n                        verifyingContract: purser,\n                      };\n                      console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      console.log(domain);\n                      console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      const types = {\n                        Request: [\n                          { name: 'nftId', type: 'uint256' },\n                          { name: 'userAddress', type: 'address' },\n                          { name: 'message', type: 'string' },\n                          { name: 'deadline', type: 'uint256' },\n                          { name: 'transaction_fee', type: 'uint256' },\n                        ],\n                      };\n                      const transaction_fee = BigNumber.from(fee);\n                      const transaction_fee_in_ether = parseFloat(\n                        ethers.utils.formatEther(transaction_fee)\n                      );\n                      const message = `I authorize this withdrawal of $${amtFloat.toFixed(\n                        2\n                      )}, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n                        2\n                      )}`;\n                      console.log(message);\n                      const request: WithdrawalRequest = {\n                        nftId: parseInt(user.id, 10),\n                        userAddress: account,\n                        message,\n                        deadline,\n                        transaction_fee: BigNumber.from(fee),\n                      };\n                      const tprovider = new ethers.providers.Web3Provider(\n                        window.ethereum\n                      );\n                      // console.log('+++++ Wei Value +++++ ');\n                      // console.log((amtFloat * 1e18).toString());\n                      // console.log(\n                      //   ethers.utils.parseEther(amtFloat.toString()).toString()\n                      // );\n                      // console.log('+++++ Wei Value +++++ ');\n                      setProcessText('Waiting for signature from wallet.');\n                      const tsigner = tprovider.getSigner();\n                      tsigner\n                        ._signTypedData(domain, types, request)\n                        .then((sig) => {\n                          // Handle the result (sig) here\n                          // console.log('signature: %s', sig);\n                          setProcessText(\n                            'Sending transaction to the blockchain.'\n                          );\n                          api\n                            .post('/v2/member/withdraw', {\n                              nftId: user.id,\n                              userAddress: account,\n                              message,\n                              deadline,\n                              signature: sig,\n                              transaction_fee: fee,\n                              amount_requested: ethers.utils\n                                .parseEther(amtFloat.toString())\n                                .toString(),\n                            })\n                            .then(function (withdrawalresponse) {\n                              console.log(withdrawalresponse);\n                              setLoading(false);\n                              setDepositTX(withdrawalresponse.data.tx);\n                              setShowFinish(true);\n                              // processOrder(response.data.estimate.fee);\n                              // setWithdrawalResult(response.data.tx);\n                            })\n                            .catch(function (withdrawalerror) {\n                              console.log('============ ERROR ==============');\n                              console.log(withdrawalerror);\n                              setLoading(false);\n                              // setWithdrawalResult('ERROR');\n                              swalError({\n                                message:\n                                  'Sorry, there was a problem processing your withdrawal',\n                                textButton: 'Close',\n                              });\n                            });\n                        })\n                        .catch((sigerror) => {\n                          // Handle any errors that occur during the function call\n                          console.log(sigerror);\n                          setLoading(false);\n                        });\n                    })\n                    .catch((purserError) => {\n                      console.log(purserError);\n                      setLoading(false);\n                      swalError({\n                        message:\n                          'Sorry, there was a problem processing your withdrawal',\n                        textButton: 'Close',\n                      });\n                    });\n                })\n                .catch(function (feeerror) {\n                  console.log('================= ERROR ===================');\n                  console.log(feeerror);\n                  setLoading(false);\n                  swalError({\n                    message:\n                      'Sorry, there was a problem getting network fees for this transaction',\n                    textButton: 'Close',\n                  });\n                });\n            }\n          })\n          .catch((error) => {\n            console.log(error);\n            setLoading(false);\n          });\n      }\n      //  if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, '')))\n    } else {\n      console.log('Invalid withdrawal value');\n    }\n  }, [available, inputValue]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleMaxBtn = useCallback(async () => {\n    console.log('+++++ available: %s +++++', available);\n    setInputValue(available.replace(/,/g, ''));\n    setIsValid(true);\n  }, [available]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleClearBtn = useCallback(async () => {\n    console.log('+++++ available: %s +++++', available);\n    setInputValue('');\n    setIsValid(true);\n  }, [available]);\n\n  useEffect(() => {\n    setLoading(false);\n    if (withdrawalResult.length > 0 && withdrawalResult !== 'ERROR') {\n      handleShow();\n      setFetchData(true);\n    } else {\n      setWithdrawalResult('');\n    }\n  }, [withdrawalResult]);\n\n  const handleClose = useCallback(() => {\n    setShowModal(false);\n    setShow(false);\n    setShowFinish(false);\n  }, []);\n\n  const handleClickPRFTIYes = useCallback(() => {\n    setWalletAddPRFTI(true);\n    setAddPRFTI(false);\n  }, [setWalletAddPRFTI]);\n\n  const handleClickUSDPIYes = useCallback(() => {\n    setWalletAddUSDPI(true);\n    setAddUSDPI(false);\n  }, [setWalletAddUSDPI]);\n\n  const handleSubmit = useCallback(\n    async (data: ModalRetireMoneyFormData) => {\n      try {\n        // const response = await api.post('wallets/withdraw', data);\n        Swal.fire(\n          'Tudo certo!',\n          'Saque realizado com sucesso.',\n          'success'\n        ).then(() => {\n          // setWallet(response.data);\n          handleClose();\n        });\n      } catch (error) {\n        const err: any = error;\n        swalError({\n          message: err.response.data.message,\n          textButton: 'Close',\n        });\n      }\n    },\n    [handleClose]\n  );\n\n  return (\n    <Container className=\"p-3 py-5 h-100\">\n      <div className=\"row justify-content-center\">\n        <div className=\"col-lg-12\">\n          <small className=\"TitleBox font-weight-bold\">Total Earnings</small>\n        </div>\n        <div className=\"col-lg-12\">\n          <span className=\"ValueBox\">${earnings.total}</span>\n        </div>\n        <div className=\"col-lg-12 TimeBox\">\n          <div className=\"d-flex justify-content-around\">\n            {filterCalendar.map((calendar) => (\n              <button\n                type=\"button\"\n                onClick={() => handleActiveCalendar(calendar)}\n                className={`border-0 bg-transparent ItemTimeBox ${\n                  active === calendar && 'Active'\n                }`}\n              >\n                {calendar}\n              </button>\n            ))}\n          </div>\n        </div>\n        <div className=\"col-lg-12 text-center MonthBox\">\n          <Slider {...settings}>\n            {earnings.centers.map((center) => (\n              <button\n                type=\"button\"\n                className={`border-0 bg-transparent rounded-pill ItemMonthBox w-25 ${\n                  activeCenter === center.id && 'Active'\n                }`}\n                onClick={() => handleActiveCenter(center.id)}\n              >\n                {`Center ${center.id}`}\n              </button>\n            ))}\n          </Slider>\n        </div>\n        <div className=\"col-11 col-sm-10 p-3 py-5 mt-5 WithDrawBox\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-12 text-center\">\n              <div className=\"row\">\n                <div className=\"col-sm-12 col-lg-12 TitleWithDrawBox\">\n                  <small>Available&nbsp;Earnings</small>\n                </div>\n              </div>\n              <div className=\"ValueWithDrawBox mt-3 mb-4\">\n                <span className=\"h3 font-weight-400\">${available}</span>\n              </div>\n            </div>\n\n            {/* david asked not to climb this part yet /david pediu para deixar essa parte oculta */}\n\n            <div className=\"col-12 px-5 mb-3\">\n              <div className=\"bg-box-input amount-stake\">\n                <div className=\"bd-input d-flex justify-content-between mt-3 p-3\">\n                  <button\n                    type=\"button\"\n                    className=\"btn-max px-3\"\n                    onClick={handleClearBtn}\n                  >\n                    Clear\n                  </button>\n                  <input\n                    type=\"number\"\n                    placeholder=\"Enter amount\"\n                    className=\"w-90 text-center\"\n                    name=\"\"\n                    id=\"\"\n                    value={inputValue}\n                    onChange={handleInputChange}\n                  />\n                  <button\n                    type=\"button\"\n                    className=\"btn-max px-3 ms-3\"\n                    onClick={handleMaxBtn}\n                  >\n                    Max\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className=\"col-12 px-3 px-5 mt-3 ButtonBox\">\n              <div className=\"border-gradient-light w-100 border-rad\">\n                {isValid ? (\n                  <button\n                    className=\"btn ButtonWithDrawBox w-100\"\n                    type=\"button\"\n                    onClick={() => {\n                      handleWithdraw();\n                      // handleShow();\n                    }}\n                  >\n                    Claim\n                  </button>\n                ) : (\n                  <p className=\"error-message text-center pt-1\">\n                    {errorTextClaim}\n                  </p>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: earningsDone,\n                autoplay: true,\n                loop: false,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Earnings Successfully Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-5\">\n              Your earnings were successfully claimed from the smart contract to\n              your MetaMask&nbsp;wallet.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${withdrawalResult}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {withdrawalResult}\n              </a>\n            </div>\n            <p className=\"mb-4\">\n              Use the buttons below to add the Token contract to your MetaMask\n              if you have not done it yet.\n            </p>\n            <button\n              type=\"button\"\n              className=\"btn-add-usdpi w-100 mb-4\"\n              onClick={handleClickUSDPIYes}\n            >\n              <span className=\"\">Add USDPI To Wallet</span>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn-add-prfti w-100 mb-3\"\n              onClick={handleClickPRFTIYes}\n            >\n              <span className=\"\">Add PRFTI To Wallet</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n      <ModalFinish\n        size=\"xl\"\n        show={showFinish}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalFinish.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: earningsDone,\n                autoplay: true,\n                loop: false,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </ModalFinish.Header>\n        <ModalFinish.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Withdrawal Complete!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-5\">\n              Your USDPI should arrive in your wallet in a few moments.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${depositTX}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {depositTX}\n              </a>\n            </div>\n            {/* <p className=\"mb-4\">\n              * Unpaid subscription invoices are automatically paid once your\n              account has enough funds from commissions and deposits.\n            </p> */}\n          </div>\n        </ModalFinish.Body>\n        <ModalFinish.Footer className=\"border-0 py-4\" />\n      </ModalFinish>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default MyEarnings;\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { format, parseISO } from 'date-fns';\n\nimport Table from '~/components/Table';\nimport api from '~/services/api';\nimport { formatPrice } from '~/utils/format';\nimport { useAuth } from '~/hooks/Auth';\n\n// interface ITransactionResponse {\n//   transactions: {\n//     total_count: number;\n//     transactions: {\n//       id: number;\n//       type: string;\n//       date: number;\n//       amount: string;\n//       txid: string;\n//     }[];\n//   };\n// }\n\ninterface ITransactionResponse {\n  transactions: {\n    total_count: number;\n    transactions: ITransaction[];\n  };\n}\n\ninterface ITransaction {\n  id: number;\n  type: string;\n  date: number;\n  amount: string;\n}\n\nconst TransactionHistory: React.FC = () => {\n  const [coin, setCoin] = useState('usdpi');\n  const { user } = useAuth();\n  const [transactions, setTransactions] = useState<ITransaction[]>([]);\n\n  // useEffect(() => {\n  //   api\n  //     .get<ITransactionResponse>(`/v2/member/transaction/history/${user?.id}`)\n  //     .then(async (response) => {\n  //       const data = response.data.transactions.transactions.map<ITransaction>(\n  //         (transaction) => ({\n  //           id: transaction.id,\n  //           type: transaction.type,\n  //           // date: format(new Date(transaction.date), 'dd-MMM-yy'),\n  //           date: new Date(transaction.date * 1000).toLocaleDateString(),\n  //           amount: formatPrice(\n  //             parseFloat(\n  //               (parseInt(transaction.amount, 10) / 10 ** 18).toFixed(2)\n  //             )\n  //           ),\n  //         })\n  //       );\n  //       setTransactions(data);\n  //     });\n  // }, [user]);\n\n  useEffect(() => {\n    if (user && user.id !== undefined) {\n      api\n        .get<ITransactionResponse>(`/v2/member/transaction/history/${user?.id}`)\n        .then(async (response) => {\n          const data =\n            response.data.transactions.transactions.map<ITransaction>(\n              (transaction) => ({\n                id: transaction.id,\n                type: transaction.type,\n                date: transaction.date, // Keep the date as a number\n                amount: formatPrice(\n                  parseFloat(\n                    (parseInt(transaction.amount, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n              })\n            );\n          setTransactions(data);\n        });\n    }\n  }, [user]);\n\n  const transactionsTest = [\n    { type: 'Profit Cycle 3', date: '02/25/2022', amount: '$500.00' },\n    { type: 'Profit Cycle 4', date: '02/25/2022', amount: '$300.00' },\n  ];\n\n  const columns = useMemo(\n    () => [\n      {\n        name: 'Type',\n        selector: 'type',\n        sortable: true,\n      },\n      {\n        name: 'Date',\n        selector: 'date',\n        sortable: true,\n      },\n      {\n        name: 'Amount',\n        selector: 'amount',\n        sortable: true,\n      },\n    ],\n    []\n  );\n\n  const handleCoin = useCallback((e) => {\n    setCoin(e);\n  }, []);\n\n  // A function to format the date as \"dd-mon-yy\"\n  function formatDateAsDDMonYY(timestamp: number) {\n    const date = new Date(timestamp * 1000); // Convert Unix timestamp to milliseconds\n    const day = date.getDate().toString().padStart(2, '0');\n    const months = [\n      'Jan',\n      'Feb',\n      'Mar',\n      'Apr',\n      'May',\n      'Jun',\n      'Jul',\n      'Aug',\n      'Sep',\n      'Oct',\n      'Nov',\n      'Dec',\n    ];\n    const month = months[date.getMonth()];\n    const year = date.getFullYear().toString().slice(-2);\n    return `${day}-${month}-${year}`;\n  }\n\n  return (\n    <>\n      <div className=\"position-relative d-flex flex-column h-100 justify-content-between\">\n        <div className=\"position-absolute btns-history\">\n          <button\n            type=\"button\"\n            className={`py-2 px-5 active-${coin === 'usdpi' ? 'usdpi' : ''}`}\n            onClick={() => handleCoin('usdpi')}\n          >\n            USDPI\n          </button>\n          {/* <button\n            type=\"button\"\n            className={`py-2 px-5 active-${coin === 'prfti' ? 'prfti' : ''}`}\n            onClick={() => handleCoin('prfti')}\n          >\n            PRFTI\n          </button> */}\n        </div>\n\n        {/* <Table\n          columns={columns}\n          data={coin === 'usdpi' ? transactions : transactionsTest}\n          pagination\n          title=\"History\"\n        /> */}\n        <Table\n          columns={columns}\n          data={transactions.map((transaction) => ({\n            ...transaction,\n            date: formatDateAsDDMonYY(transaction.date),\n          }))}\n          pagination\n          title=\"History\"\n        />\n      </div>\n    </>\n  );\n};\n\nexport default TransactionHistory;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\n\nimport Swal from 'sweetalert2';\n\nimport { format } from 'date-fns';\nimport { useAuth } from '~/hooks/Auth';\nimport api from '~/services/api';\n\nimport { Container, Welcome, Option } from './styles';\nimport MyEarnings from '~/components/MyEarnings';\nimport ModalWalletAddAddress, {\n  IFormData as ModalWalletAddAddressFormData,\n} from '~/components/ModalWalletAddAddress';\nimport TransactionHistory from '~/components/TransactionHistory';\n\nimport letter from '~/assets/icons/letter-icon.svg';\nimport WalletRow from '~/components/WalletRow';\nimport { formatPrice } from '~/utils/format';\nimport swalError from '~/utils/swalError';\n\ninterface IWallet {\n  id: string;\n  amount: number;\n}\n\ninterface IPool {\n  accounts: number;\n  mtdRevenueShare: string;\n  totalRevenueShare: string;\n  mtdPerformanceReferrals: number;\n  mtdPerformanceValue: string;\n  // members: number;\n  // revenue: string;\n}\n\ninterface IPoolResponse {\n  pool: IPool;\n}\n\nconst Wallet: React.FC = () => {\n  const { user } = useAuth();\n  const [showModal, setShowModal] = useState(false);\n  const [wallet, setWallet] = useState<IWallet>({} as IWallet);\n  const [pool, setPool] = useState({} as IPool);\n  const history = useHistory();\n\n  useEffect(() => {\n    api.get<IPoolResponse>('v3/pool/totals').then((response) => {\n      console.log(response.data.pool.mtdPerformanceValue);\n      setPool({\n        accounts: response.data.pool.accounts,\n        mtdRevenueShare: formatPrice(\n          parseFloat(\n            (\n              parseInt(response.data.pool.mtdRevenueShare, 10) /\n              10 ** 18\n            ).toFixed(2)\n          )\n        ),\n        totalRevenueShare: formatPrice(\n          parseFloat(\n            (\n              parseInt(response.data.pool.totalRevenueShare, 10) /\n              10 ** 18\n            ).toFixed(2)\n          )\n        ),\n        mtdPerformanceReferrals: response.data.pool.mtdPerformanceReferrals,\n        mtdPerformanceValue: formatPrice(\n          parseFloat(\n            (\n              parseInt(response.data.pool.mtdPerformanceValue, 10) /\n              10 ** 18\n            ).toFixed(2)\n          )\n        ),\n      });\n    });\n  }, []);\n\n  const handleShow = useCallback(async () => {\n    // await api.post(`users/2fa/${user?.id}`);\n    setShowModal(true);\n  }, [user]);\n\n  const handleClose = useCallback(() => {\n    setShowModal(false);\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (data: ModalWalletAddAddressFormData) => {\n      try {\n        // await api.patch(`wallets/${wallet.id}`, data);\n        Swal.fire(\n          'Tudo certo!',\n          'Endereço cadastrado com sucesso.',\n          'success'\n        ).then(() => {\n          handleClose();\n        });\n      } catch (error) {\n        const err: any = error;\n        swalError({\n          message: err.response.data.message,\n          textButton: 'Close',\n        });\n      }\n    },\n    [handleClose]\n  );\n\n  return (\n    <Container>\n      <div className=\"container-fluid\">\n        <div className=\"row mb-4 mt-4 align-items-center\">\n          <div className=\"col-lg-6\">\n            <Welcome>\n              <div className=\"d-flex justify-content-center justify-content-lg-start\">\n                <div className=\"ms-2\">\n                  <span className=\"h6-xs h4 h2-lg font-weight-bold\">\n                    <Option>\n                      <h1 className=\"h2 mb-0 Link Active\">Wallet</h1>\n                    </Option>\n                  </span>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n          <div className=\"col-lg-6\">\n            <WalletRow />\n          </div>\n        </div>\n        <div className=\"row flex-column-reverse flex-lg-row\">\n          <div className=\"col-lg-7 col-xxl-5 pe-1\">\n            <div className=\"h-100 bg-gray p-5\">\n              <TransactionHistory />\n            </div>\n          </div>\n          <div className=\"col-lg-5 col-xxl-4 mb-4 mb-lg-0\">\n            <div className=\"row h-100\">\n              <div className=\"col-12 order-0 order-lg-1 px-1\">\n                <div className=\"h-100 w-100 bg-earning-gray px-2\">\n                  <MyEarnings />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-xxl-3 d-flex px-1 share-pool\">\n            <div className=\"bg-border d-flex flex-column justify-content-between h-lg-100 p-2\">\n              <div className=\"d-flex justify-content-between px-4\">\n                <h2 className=\"mt-4\">\n                  PROFITi Revenue <span>Share Pool</span>\n                </h2>\n                <div className=\"line-side my-4\" />\n                <h2 className=\"text-end mt-4\">\n                  Performance <span>Share Pool</span>\n                </h2>\n              </div>\n              <div>\n                <h6 className=\"mb-0 text-center mt-4\">\n                  Total PROFITi Accounts\n                </h6>\n                <div className=\"bg-value-revenue d-flex align-items-center justify-content-center mx-3\">\n                  <div className=\"value-revenue text-center d-flex justify-content-center align-items-center\">\n                    <span className=\"mx-3\">{pool.accounts}</span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"d-flex justify-content-between mt-4\">\n                <div className=\"w-100\">\n                  <h6 className=\"mb-0 text-center\">\n                    Revenue Shared\n                    <br />\n                    This Month\n                  </h6>\n                  <div className=\"bg-value-revenue d-flex align-items-center justify-content-center mx-3\">\n                    <div className=\"value-revenue text-center d-flex justify-content-center align-items-center\">\n                      <span className=\"mx-3\">${pool.mtdRevenueShare}</span>\n                    </div>\n                  </div>\n                  <h6 className=\"mb-0 text-center mt-4\">\n                    Lifetime Revenue\n                    <br />\n                    Shared\n                  </h6>\n                  <div className=\"bg-value-revenue d-flex align-items-center justify-content-center mx-3\">\n                    <div className=\"value-revenue text-center d-flex justify-content-center align-items-center\">\n                      <span className=\"mx-3\">${pool.totalRevenueShare}</span>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"line-side my-3\" />\n                <div className=\"w-100\">\n                  <h6 className=\"mb-0 text-center\">\n                    New Referrals\n                    <br />\n                    This Month\n                  </h6>\n                  <div className=\"bg-value-revenue d-flex align-items-center justify-content-center mx-3\">\n                    <div className=\"value-revenue text-center d-flex justify-content-center align-items-center\">\n                      <span className=\"mx-3\">\n                        {pool.mtdPerformanceReferrals}\n                      </span>\n                    </div>\n                  </div>\n                  <h6 className=\"mb-0 text-center mt-4\">\n                    Bonus Per Referral <br />\n                    This Month\n                  </h6>\n                  <div className=\"bg-value-revenue d-flex align-items-center justify-content-center mx-3\">\n                    <div className=\"value-revenue text-center d-flex justify-content-center align-items-center\">\n                      <span className=\"mx-3\">${pool.mtdPerformanceValue}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"position-relative bg-box overflow-hidden mt-4 px-3 py-4\">\n                <div className=\"position-relative text-center index1\">\n                  <p className=\"paragraph mb-4 mt-2 px-4\">\n                    Get your share of the pool by{' '}\n                    <span>holding a staking&nbsp;contract</span> &amp; referring\n                    a new member\n                    {/* Get your share of the pool by{' '}\n                    <span>holding a staking&nbsp;contract</span> */}\n                  </p>\n                  <button\n                    type=\"button\"\n                    className=\"mt-2 w-100\"\n                    onClick={() =>\n                      history.push(`${process.env.PUBLIC_URL}/token-vault`)\n                    }\n                  >\n                    Get Yours Here\n                  </button>\n                </div>\n                <div className=\"position-absolute bg-grad-blur\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Wallet;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .table-xxl {\n      .spacer {\n        display: none;\n      }\n\n      .date-and-export {\n        flex: 0 0 66.666667%;\n        max-width: 66.666667%;\n      }\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const Option = styled.div`\n  .Link:hover {\n    text-decoration: none;\n  }\n\n  .Active {\n    color: white;\n    border-bottom: solid 2px white;\n  }\n\n  .Disable {\n    color: #484848;\n  }\n`;\n\nexport const Cards = styled.div`\n  .Cards {\n    padding: 0;\n  }\n\n  .Card {\n    background-color: #1d2023;\n    border-radius: 20px;\n    height: 133px;\n  }\n\n  .Card .Title {\n    color: #ffffff;\n  }\n\n  .Card .Value {\n    color: #6fcf97;\n    font-size: 20px;\n  }\n\n  .Card .Description {\n    color: #a09999;\n  }\n\n  @media screen and (max-width: 991px) {\n    .Card {\n      width: 158px;\n      height: 133px;\n      margin-right: 5px;\n    }\n\n    .Card .Title {\n      font-size: 11px;\n    }\n    .Card .Description {\n      font-size: 10px;\n    }\n    .Card .Value {\n      font-size: 18px;\n      white-space: nowrap;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .Card .Value {\n      font-size: 25px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .Card .Title {\n      justify-content: start;\n    }\n  }\n`;\n\nexport const CV = styled.div`\n  .CV {\n    background-color: #1d2023;\n    border-radius: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .CV .TitleCv {\n    white-space: nowrap;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .CV .ImgCv {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .CV .CardCV {\n    border: solid 1px #4f4f4f;\n    background-color: #222527;\n    border-radius: 20px;\n  }\n\n  .CV .CardCV .TitleCardCV {\n    color: white;\n    font-size: 14px;\n  }\n\n  .CV .CardCV .ValueCardCV {\n    color: #10c3fc;\n    font-size: 24px;\n  }\n\n  @media screen and (max-width: 576px) {\n    .CV {\n    }\n\n    .CV .CardCV {\n    }\n\n    .CV .ImgCv img {\n      width: 40px;\n    }\n\n    .CV .CardCV .ValueCardCV {\n      font-size: 18px;\n    }\n  }\n\n  @media screen and (max-width: 1200px) {\n    .CV .CardCV .ValueCardCV {\n      font-size: 20px;\n    }\n\n    .CV .CardCV .TitleCardCV {\n      font-size: 12px;\n    }\n  }\n`;\n\nexport const Box = styled.div`\n  .Box {\n    background-color: #222527;\n    margin: 5%;\n    border-radius: 20px;\n    padding: 5%;\n  }\n\n  .Box .TitleBox {\n    color: white;\n    display: table;\n    margin: 0 auto;\n  }\n\n  .Box .ValueBox {\n    display: table;\n    margin: 0 auto;\n    color: white;\n    font-weight: bolder;\n    font-size: 30px;\n    margin-bottom: 5%;\n  }\n\n  .Box .TimeBox {\n    color: #828282;\n    margin-top: 1%;\n    margin-bottom: 5%;\n  }\n\n  .Box .Active {\n    color: white;\n    font-weight: bold;\n  }\n\n  .MonthBox {\n    margin-top: 1%;\n    margin-bottom: 5%;\n  }\n\n  .MonthBox .Active {\n    border-radius: 15px;\n    background-color: #202020;\n    border: solid 2px;\n  }\n\n  .Box .WithDrawBox {\n    background-color: #18191a;\n    border-radius: 20px;\n    margin: 3%;\n  }\n\n  .Box .WithDrawBox .TitleWithDrawBox {\n    color: white;\n    font-weight: bold;\n  }\n\n  .Box .WithDrawBox .ValueWithDrawBox {\n    color: white;\n    font-weight: bolder;\n    font-size: 20px;\n  }\n\n  .Box .WithDrawBox .ButtonWithDrawBox {\n    background-color: #242526;\n    color: white;\n  }\n\n  .Box .WithDrawBox .ButtonBox {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n`;\n\nexport const Board = styled.div`\n  background-color: #222527;\n  border-radius: 20px;\n  width: 100%;\n\n  .BoardImg {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .Title {\n    text-align: center;\n    margin-top: 2%;\n  }\n\n  .Value {\n    text-align: center;\n    color: white;\n  }\n\n  @media screen and (max-width: 576px) {\n    .BoardImg img {\n      width: 20px;\n    }\n\n    .Title {\n      font-size: 10px;\n    }\n\n    .Value {\n      font-size: 13px;\n    }\n  }\n\n  @media screen and (min-width: 576px) {\n    .BoardImg img {\n      width: 30px;\n    }\n\n    .Title {\n      font-size: 12px;\n    }\n\n    .Value {\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .BoardImg img {\n      width: 40px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/dolar-icon.8701f823.svg\";","export default __webpack_public_path__ + \"static/media/calendar-icon.73b1fff1.svg\";","export default __webpack_public_path__ + \"static/media/watch-icon.8f85529e.svg\";","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { Container, Welcome, Option, Cards, CV, Board } from './styles';\nimport TransactionHistory from '~/components/TransactionHistory';\nimport MyEarnings from '~/components/MyEarnings';\n\nimport dolar from '~/assets/icons/dolar-icon.svg';\nimport calendar from '~/assets/icons/calendar-icon.svg';\nimport watch from '~/assets/icons/watch-icon.svg';\n\nconst Winnings: React.FC = () => {\n  return (\n    <Container className=\"h-100 d-flex align-items-center\">\n      <div className=\"container\">\n        <div className=\"row mb-4 mt-4\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"d-flex justify-content-center justify-content-lg-start\">\n                <div className=\"mr-2\">\n                  <span className=\"h6-xs h4 h2-lg font-weight-bold\">\n                    <Option>\n                      <Link\n                        className=\"Link Active\"\n                        to={`${process.env.PUBLIC_URL}/atividades/ganhos`}\n                      >\n                        Ganhos\n                      </Link>\n                    </Option>\n                  </span>\n                </div>\n                <div className=\"ml-2\">\n                  <span className=\"h6-xs h4 h2-lg font-weight-bold\">\n                    <Option>\n                      <Link\n                        to={`${process.env.PUBLIC_URL}/atividades/carteira`}\n                        className=\"Link Disable\"\n                      >\n                        Carteira\n                      </Link>\n                    </Option>\n                  </span>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n\n        <div className=\"row justify-content-around\">\n          <div className=\"d-none d-xxl-block col-lg-3 pl-0\">\n            <Cards>\n              <div className=\"Cards d-flex flex-lg-column mx-0\">\n                <div className=\"\">\n                  <div className=\"mb-3 Card h-75\">\n                    <div className=\"col-12 py-3 px-4\">\n                      <div className=\"d-flex Title\">\n                        <p className=\"h6 mb-1 mt-3\">Matriz Anual 5x4</p>\n                      </div>\n                      <div className=\"d-flex justify-content-end\">\n                        <p className=\"Value mt-xxl-2 mb-xxl-3 py-xxl-1\">\n                          $ 505.50\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </Cards>\n          </div>\n          <div className=\"col-11 col-sm-12 col-xxl-9 mb-3\">\n            <CV>\n              <div className=\"row justify-content-center justify-content-lg-between CV py-5 py-lg-3 pr-xxl-4\">\n                <div className=\"col-12 col-sm-7 col-md-4 col-lg-3\">\n                  <div className=\"row\">\n                    <div className=\"col-5 col-sm-6 ImgCv\">\n                      <img src={dolar} alt=\"Centros de Volume\" />\n                    </div>\n                    <div className=\"col-5 col-sm-3 col-md-6 col-lg-6 h6 TitleCv pl-0 mb-0 mb-lg-2\">\n                      <span>\n                        Centros de <br className=\"d-none d-lg-block\" />\n                        Volume\n                      </span>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 col-lg-9\">\n                  <div className=\"row justify-content-around pt-4 pt-lg-0\">\n                    <div className=\"col-12 col-lg py-2 py-lg-0\">\n                      <div className=\"list-group-item CardCV pr-3 py-3 py-xl-4\">\n                        <div className=\"d-flex TitleCardCV justify-content-end\">\n                          <span>CV 1</span>\n                        </div>\n                        <div className=\"d-flex justify-content-end ValueCardCV\">\n                          <span>$25</span>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-12 col-lg py-2 py-lg-0\">\n                      <div className=\"list-group-item CardCV pr-3 py-3 py-xl-4\">\n                        <div className=\"d-flex TitleCardCV justify-content-end\">\n                          <span>CV 2</span>\n                        </div>\n                        <div className=\"d-flex ValueCardCV justify-content-end\">\n                          <span>$15</span>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-12 col-lg py-2 py-lg-0\">\n                      <div className=\"list-group-item CardCV pr-3 py-3 py-xl-4\">\n                        <div className=\"d-flex TitleCardCV justify-content-end\">\n                          <span>CV 3</span>\n                        </div>\n                        <div className=\"d-flex ValueCardCV justify-content-end\">\n                          <span>$75</span>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-12 col-lg py-2 py-lg-0\">\n                      <div className=\"list-group-item CardCV pr-3 py-3 py-xl-4\">\n                        <div className=\"d-flex TitleCardCV justify-content-end\">\n                          <span>CV 4</span>\n                        </div>\n                        <div className=\"d-flex ValueCardCV justify-content-end\">\n                          <span>$25</span>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-12 col-lg py-2 py-lg-0\">\n                      <div className=\"list-group-item CardCV pr-3 py-3 py-xl-4\">\n                        <div className=\"d-flex TitleCardCV justify-content-end\">\n                          <span>CV 5</span>\n                        </div>\n                        <div className=\"d-flex ValueCardCV justify-content-end\">\n                          <span>$205</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </CV>\n          </div>\n          <div className=\"col-lg-3 pl-lg-0\">\n            <Cards>\n              <div className=\"Cards d-flex flex-lg-column overflow-auto justify-content-between mx-0 mb-3 mb-lg-0\">\n                <div className=\"my-2 mt-lg-0 mb-lg-3 mx-2 mx-lg-0 d-xxl-none\">\n                  <div className=\"Card d-flex flex-column justify-content-between p-3 p-xxl-4\">\n                    <p className=\"Title h6-xl mb-0\">Matriz Anual 5 x 4</p>\n                    <p className=\"Value mb-0 align-self-end\">$ 505.50</p>\n                  </div>\n                </div>\n                <div className=\"my-2 mt-lg-0 mb-lg-3 mx-2 mx-lg-0\">\n                  <div className=\"Card d-flex flex-column justify-content-between p-3 p-xxl-4\">\n                    <p className=\"Title h6-xl mb-0\">Matriz Mensal 5 x 6</p>\n                    <p className=\"Value mb-0 align-self-end\">$ 1,125.66</p>\n                  </div>\n                </div>\n                <div className=\"my-2 mt-lg-0 mb-lg-3 mx-2 mx-lg-0\">\n                  <div className=\"Card d-flex flex-column justify-content-between p-3 p-xxl-4\">\n                    <div>\n                      <p className=\"Title h6-xl mb-0\">\n                        Bônus Trading Performance\n                      </p>\n                      <small className=\"Description\">\n                        10% de Referidos Diretos\n                      </small>\n                    </div>\n                    <p className=\"Value mb-0 align-self-end\">$ 8.00</p>\n                  </div>\n                </div>\n                <div className=\"my-2 mt-lg-0 mb-lg-3 mx-2 mx-lg-0\">\n                  <div className=\"Card d-flex flex-column justify-content-between p-3 p-xxl-4\">\n                    <div>\n                      <p className=\"Title h6-xl mb-0\">Bônus Consultor</p>\n                      <small className=\"Description\">\n                        Licença Anual - 4% Pool\n                      </small>\n                    </div>\n                    <p className=\"Value mb-0 align-self-end\">$ 8.00</p>\n                  </div>\n                </div>\n                <div className=\"my-2 my-lg-0 mx-2 mx-lg-0\">\n                  <div className=\"Card d-flex flex-column justify-content-between p-3 p-xxl-4\">\n                    <div>\n                      <p className=\"Title h6-xl mb-0\">Bônus Gerente</p>\n                      <small className=\"Description\">\n                        Licença Anual - 1.5% Pool\n                      </small>\n                    </div>\n                    <p className=\"Value mb-0 align-self-end\">$ 3.00</p>\n                  </div>\n                </div>\n              </div>\n            </Cards>\n          </div>\n          <div className=\"bg-gray col-11 col-sm-12 col-lg-9 p-2 p-sm-3 p-lg-2 p-xl-3 d-xl-flex align-items-xl-center\">\n            <div className=\"row\">\n              <div className=\"col-12 col-xxl-7 table-xxl order-1 order-sm-0\">\n                <TransactionHistory />\n              </div>\n              <div className=\"col col-xxl-5 order-0 order-sm-1\">\n                <div className=\"Data order-0 order-lg-1 pb-1 pb-xxl-0 px-0 px-lg-2 px-xl-0 px-xxl-3 mb-0 mt-sm-4 mt-lg-0\">\n                  <div className=\"row align-items-xxl-center justify-content-center\">\n                    <div className=\"col-xxl-12 col-sm-9 mt-lg-3 mt-xxl-0 pr-lg-0 px-xxl-2\">\n                      <MyEarnings />\n                    </div>\n                    <div className=\"col-xxl-12 col-sm-3 pl-sm-0 pl-lg-3\">\n                      <div className=\"row mt-lg-3\">\n                        <div className=\"col-6 col-sm-12 col-xxl-6 mt-2 mt-sm-0 mb-3 mb-xxl-0 pl-sm-0 pr-1 px-sm-3 px-xxl-2\">\n                          <Board>\n                            <div className=\"p-3 py-lg-4\">\n                              <div className=\"BoardImg mb-2\">\n                                <img\n                                  src={calendar}\n                                  alt=\"Disponiveis Proxima Semana\"\n                                />\n                              </div>\n                              <p className=\"small text-center Title\">\n                                Disponiveis Proxima <br />\n                                Semana\n                              </p>\n                              <p className=\"Value mb-lg-1 mb-xl-2 h5\">\n                                $3,056.33\n                              </p>\n                            </div>\n                          </Board>\n                        </div>\n                        <div className=\"col-6 col-sm-12 col-xxl-6 mt-2 mt-sm-0 pl-1 pr-sm-1 px-sm-3 px-xxl-2\">\n                          <Board>\n                            <div className=\"p-3 py-lg-4\">\n                              <div className=\"BoardImg mb-0\">\n                                <img src={watch} alt=\"Comissões Pendentes\" />\n                              </div>\n                              <p className=\"small text-center Title\">\n                                Comissões <br />\n                                Pendentes\n                              </p>\n                              <p className=\"Value h5 mb-2 mb-lg-0 mb-xl-3 mb-xxl-2\">\n                                $598.50\n                              </p>\n                            </div>\n                          </Board>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Winnings;\n","import styled from 'styled-components';\n\ninterface IContainerLinksProps {\n  thumbnail: string;\n}\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n  }\n\n  .bg-light-gray {\n    background: #333638;\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const Content = styled.div`\n  width: 100%;\n  background: #1d2023;\n  border-radius: 20px;\n  padding: 0px 20px 20px 20px;\n  margin-top: 40px;\n\n  h2 {\n    color: #dadada;\n  }\n\n  .inputDate {\n    border: 1.5px solid #393c3d;\n    box-sizing: border-box;\n    border-radius: 15px;\n    min-width: 150px;\n    width: 150px;\n    height: 40px;\n    background-color: transparent;\n\n    > div {\n      width: 100%;\n\n      input {\n        height: 35px;\n        font-size: 14px;\n        color: #6f7070 !important;\n        text-align: center;\n        background-color: transparent;\n        padding: 0 10px;\n        border: 0px;\n      }\n    }\n  }\n\n  .btn-date {\n    min-width: 75px;\n    width: 75px;\n\n    cursor: pointer;\n  }\n  .btn-date:hover {\n    background-color: #f7f7f7;\n  }\n  .btn-date > img {\n    position: absolute;\n    top: 0px;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n    margin: auto;\n\n    cursor: pointer;\n  }\n  .btn-date > img:hover {\n  }\n`;\n\nexport const Graph = styled.div`\n  position: relative;\n  display: block;\n\n  width: 100%;\n  background: #222527;\n  border-radius: 20px;\n  padding: 20px;\n`;\n\nexport const ContentInstructions = styled.div`\n  p {\n    color: #ababab;\n  }\n`;\n\nexport const ContainerLinks = styled.div<IContainerLinksProps>`\n  .card-social-media {\n    color: #828282;\n    background: #1d2023;\n\n    .social-media-group {\n      button {\n        opacity: 0.3;\n        transition-duration: 0.3s;\n\n        :hover {\n          opacity: 1;\n        }\n      }\n    }\n\n    .thumbnail {\n      width: 100%;\n      height: 245px;\n      background-image: url(${(props) => props.thumbnail});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center center;\n      border-radius: 20px;\n    }\n\n    .register-name {\n      color: #ffffff;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/facebook-share.d603af6b.svg\";","export default __webpack_public_path__ + \"static/media/twitter-share.160e345a.svg\";","export default __webpack_public_path__ + \"static/media/linkedin-share.dfff799c.svg\";","import React, { useState, useCallback, useEffect } from 'react';\n\nimport InputDate from '~/components/InputDate';\n\nimport { Container, Welcome, Content, Graph, ContainerLinks } from './styles';\nimport Copy from '~/components/Copy';\n\nimport facebookShare from '~/assets/icons/facebook-share.svg';\nimport twitterShare from '~/assets/icons/twitter-share.svg';\nimport linkedinShare from '~/assets/icons/linkedin-share.svg';\nimport dateUpdate from '~/assets/icons/date-update.svg';\nimport api from '~/services/api';\n\ninterface ILinkResponse {\n  id: string;\n  link: string;\n  description: string;\n  thumbnail: {\n    thumbnail_url: string;\n  };\n}\ninterface ILink {\n  id: string;\n  link: string;\n  description: string;\n  thumbnail: string;\n}\n\nconst Links: React.FC = () => {\n  const [dateStart, setDateStart] = useState(new Date());\n  const [dateEnd, setDateEnd] = useState(new Date());\n  // const [links, setLinks] = useState<ILink[]>([]);\n\n  const links = [\n    {\n      id: '1',\n      name: 'Jane Doe',\n      link: 'https://www.nett.ai/james9123',\n      description:\n        'I love how much I learned from this book! And I just found out you can get a free copy',\n      thumbnail: 'https://placeimg.com/800/500/any',\n    },\n    {\n      id: '2',\n      name: 'katerine Zeta',\n      link: 'https://www.nett.ai/james9123',\n      description:\n        'I love how much I learned from this book! And I just found out you can get a free copy',\n      thumbnail: 'https://placeimg.com/800/500/any',\n    },\n    {\n      id: '3',\n      name: 'Jhon Jones',\n      link: 'https://www.nett.ai/james9123',\n      description:\n        'I love how much I learned from this book! And I just found out you can get a free copy',\n      thumbnail: 'https://placeimg.com/800/500/any',\n    },\n  ];\n\n  useEffect(() => {\n    // api.get<ILinkResponse[]>('links/users').then((response) => {\n    //   const data: ILink[] = response.data.map((link) => ({\n    //     id: link.id,\n    //     link: link.link,\n    //     description: link.description,\n    //     thumbnail: link.thumbnail.thumbnail_url,\n    //   }));\n    //   setLinks(data);\n    // });\n  }, []);\n\n  const handleChangeDateStart = useCallback((e) => {\n    setDateStart(e);\n  }, []);\n\n  const handleChangeDateEnd = useCallback((e) => {\n    setDateEnd(e);\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row\">\n                  <div className=\"col-lg-9 px-0\">\n                    <h1 className=\"h3 h2-lg text-center text-lg-start mt-4 mt-lg-0 fw-bold\">\n                      Promotional Links\n                    </h1>\n                    <p className=\"small\">\n                      Below you will find several links to promotional content,\n                      funnels, blogs, etc. Each Link carries your personal\n                      referal code.\n                      <br /> These high converting pages are created to help you\n                      grow your your referral list within our platorm. Enjoy!\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n\n        <div className=\"row\">\n          {links.map((link) => (\n            <ContainerLinks\n              // key={link.id}\n              thumbnail={link.thumbnail}\n              className=\"col-md-6 col-xl-4 my-2\"\n            >\n              <div className=\"bg-gray card-social-media p-4\">\n                <div className=\"row\">\n                  <div className=\"col-7 small\">\n                    <span className=\"register-name\">{link.name}</span>\n                    <br />\n                    Shared a link\n                  </div>\n\n                  <div className=\"col-5 text-end social-media-group\">\n                    <button type=\"button\" className=\"border-0 bg-transparent\">\n                      <img src={facebookShare} alt=\"Facebook\" />\n                    </button>\n\n                    <button\n                      type=\"button\"\n                      className=\"border-0 bg-transparent mx-2\"\n                    >\n                      <img src={twitterShare} alt=\"Twitter\" />\n                    </button>\n\n                    <button type=\"button\" className=\"border-0 bg-transparent\">\n                      <img src={linkedinShare} alt=\"Linkedin\" />\n                    </button>\n                  </div>\n                </div>\n                <p className=\"small my-3\">{link.description}</p>\n                <div className=\"thumbnail mb-3\" />\n                <Copy content={link.link} className=\"w-100\" />\n              </div>\n            </ContainerLinks>\n          ))}\n        </div>\n\n        {false && (\n          <div className=\"row mx-1\">\n            <Content>\n              <div className=\"row mt-4 ml-0 mr-0\">\n                <div className=\"col-md-5\">\n                  <h2 className=\"h4\">Campaigns</h2>\n                </div>\n\n                <div className=\"col-md-7 text-center text-md-right\">\n                  <div className=\"row justify-content-md-end justify-content-center pr-md-3 pr-0\">\n                    <div className=\"col-4 inputDate\">\n                      <InputDate\n                        onChange={handleChangeDateStart}\n                        selected={dateStart}\n                        className=\"input w-100\"\n                        dateFormat=\"dd/MM/yyyy\"\n                      />\n                    </div>\n                    <div className=\"col-4 ml-2 inputDate\">\n                      <InputDate\n                        onChange={handleChangeDateEnd}\n                        selected={dateEnd}\n                        className=\"input w-100\"\n                        dateFormat=\"dd/MM/yyyy\"\n                      />\n                    </div>\n                    <div className=\"col-1 ml-2 inputDate btn-date\">\n                      <img\n                        src={dateUpdate}\n                        alt=\"Date Update\"\n                        className=\"align-self-center\"\n                      />\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row mt-4 ml-0 mr-0\">\n                <div className=\"col-sm-6 mb-2 mb-sm-0\">\n                  <Graph className=\"h-100\">data</Graph>\n                </div>\n\n                <div className=\"col-sm-6 mb-2 mb-sm-0\">\n                  <div className=\"row\">\n                    <div className=\"col-sm-6 mb-2 mb-sm-0\">\n                      <Graph>data</Graph>\n                    </div>\n                    <div className=\"col-sm-6\">\n                      <Graph>data</Graph>\n                    </div>\n                  </div>\n\n                  <div className=\"row mt-2\">\n                    <div className=\"col-sm-6 mb-2 mb-sm-0\">\n                      <Graph>data</Graph>\n                    </div>\n                    <div className=\"col-sm-6\">\n                      <Graph>data</Graph>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </Content>\n          </div>\n        )}\n      </div>\n    </Container>\n  );\n};\nexport default Links;\n","export default __webpack_public_path__ + \"static/media/date-update.94163264.svg\";","import styled from 'styled-components';\nimport { Link } from 'react-router-dom';\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1,\n  button {\n    color: #dadada;\n  }\n\n  .border-gradient-light {\n    max-width: 200px;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const ContainerVideoListing = styled(Link)`\n  transition-duration: 0.3s;\n  color: #828282;\n\n  .thumbnail {\n    overflow: hidden;\n    border-radius: 10px;\n  }\n\n  .details-link {\n    transition-duration: 0.3s;\n    color: #dadada;\n  }\n\n  .duration {\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    width: 72px;\n    height: 33px;\n    color: #ffffff;\n    font-size: 14px;\n  }\n\n  .avatar {\n    width: 30px;\n    height: 30px;\n  }\n\n  :hover {\n    text-decoration: none;\n    color: #828282;\n\n    .details-link {\n      color: #ffffff;\n    }\n  }\n`;\n","/* eslint-disable import/no-duplicates */\nimport React from 'react';\n\nimport { HiOutlineVideoCamera } from 'react-icons/hi';\n\nimport { Container, Welcome, ContainerVideoListing } from './styles';\n\nconst Training: React.FC = () => {\n  const videoListing = [\n    {\n      id: 1,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 2,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 3,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 4,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 5,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 6,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n  ];\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid mt-4 \">\n                <div className=\"row align-items-center justify-content-end justify-content-sm-between\">\n                  <div className=\"col-sm-6 px-0 order-1 order-sm-0 mt-4 mt-sm-0\">\n                    <h1 className=\"h3 h2-lg ps-3 mb-0 mt-2 mt-lg-0 fw-bold\">\n                      Trainings\n                    </h1>\n                  </div>\n                  {/* <div className=\"col-8 col-sm-6 col-md-3 mt-4 mt-sm-0 order-0 order-sm-1\">\n                    <div className=\"ms-auto border-gradient-light rounded-pill text-center\">\n                      <button\n                        type=\"button\"\n                        className=\"w-100 border-0 py-2 bg-transparent d-flex align-items-center justify-content-center\"\n                      >\n                        <HiOutlineVideoCamera\n                          size={30}\n                          color=\"#dadada\"\n                          className=\"me-2\"\n                        />\n                        New training\n                      </button>\n                    </div>\n                  </div> */}\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n\n        <div className=\"row mt-5\">\n          {videoListing.map((video) => (\n            <ContainerVideoListing\n              to={`${process.env.PUBLIC_URL}/learning/${video.title\n                .toLocaleLowerCase()\n                .replaceAll(' ', '-')}`}\n              className=\"col-md-6 col-xl-4 mb-5\"\n            >\n              <div className=\"w-100 position-relative mb-2\">\n                <img\n                  src={video.Thumbnail}\n                  className=\"thumbnail img-fluid w-100\"\n                  alt=\"thumbnail\"\n                />\n                <span className=\"position-absolute duration\">\n                  {video.timer}\n                </span>\n              </div>\n              <p className=\"my-3 details-link h5\">{video.title}</p>\n              <div className=\"d-flex align-items-center\">\n                <img\n                  src={video.avatar}\n                  alt=\"Avatar\"\n                  className=\"rounded-circle avatar me-3\"\n                />\n                <p className=\"mb-0\">{video.legend}</p>\n              </div>\n            </ContainerVideoListing>\n          ))}\n        </div>\n      </div>\n    </Container>\n  );\n};\nexport default Training;\n","import styled from 'styled-components';\nimport { Link } from 'react-router-dom';\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .height {\n      height: 53vw;\n      max-height: 830px;\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1,\n  button {\n    color: #dadada;\n  }\n\n  .border-gradient-light {\n    max-width: 200px;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const ContainerVideoDetails = styled.div`\n  h3 {\n    color: #dadada;\n  }\n\n  p {\n    color: #9b9b9b;\n  }\n\n  .container-video-details {\n    overflow: hidden;\n    border-radius: 20px;\n  }\n\n  textarea {\n    background: #222527;\n    border: 0;\n    border-radius: 7px;\n    padding: 20px;\n    color: #dadada;\n    height: 250px;\n\n    ::placeholder {\n      color: #6c6c6c;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    textarea {\n      height: 150px;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    textarea {\n      height: 18vw;\n      max-height: 250px;\n    }\n  }\n`;\n\nexport const ContainerVideoListing = styled(Link)`\n  transition-duration: 0.3s;\n  color: #828282;\n\n  .thumbnail {\n    overflow: hidden;\n    border-radius: 10px;\n  }\n\n  .details-link {\n    transition-duration: 0.3s;\n    color: #dadada;\n  }\n\n  .duration {\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    width: 72px;\n    height: 33px;\n    color: #ffffff;\n    font-size: 14px;\n  }\n\n  .avatar {\n    width: 30px;\n    height: 30px;\n  }\n\n  :hover {\n    text-decoration: none;\n    color: #828282;\n\n    .details-link {\n      color: #ffffff;\n    }\n  }\n`;\n","/* eslint-disable import/no-duplicates */\nimport React from 'react';\n\nimport { HiOutlineVideoCamera } from 'react-icons/hi';\n\nimport {\n  Container,\n  Welcome,\n  ContainerVideoDetails,\n  ContainerVideoListing,\n} from './styles';\nimport Player from '~/components/Player';\nimport Textarea from '~/components/Textarea';\n\nconst TrainingDetails: React.FC = () => {\n  const videoListing = [\n    {\n      id: 1,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 2,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 3,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 4,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 5,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n    {\n      id: 6,\n      Thumbnail: 'https://placeimg.com/800/500/any',\n      timer: '10:00',\n      title: 'How to connect new partner?',\n      avatar: 'https://placeimg.com/50/50/any',\n      legend: 'by Legacy Video',\n    },\n  ];\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid mt-4\">\n                <div className=\"row align-items-center justify-content-end justify-content-sm-between\">\n                  <div className=\"col-sm-6 px-0 order-1 order-sm-0 mt-4 mt-sm-0\">\n                    <h1 className=\"h3 h2-lg ps-3 mb-0 mt-2 mt-lg-0 fw-bold\">\n                      Trainings\n                    </h1>\n                  </div>\n                  {/* <div className=\"col-8 col-sm-6 col-md-3 mt-4 mt-sm-0 order-0 order-sm-1\">\n                    <div className=\"ms-auto border-gradient-light rounded-pill text-center\">\n                      <button\n                        type=\"button\"\n                        className=\"w-100 border-0 py-2 bg-transparent d-flex align-items-center justify-content-center\"\n                      >\n                        <HiOutlineVideoCamera\n                          size={30}\n                          color=\"#dadada\"\n                          className=\"me-2\"\n                        />\n                        New training\n                      </button>\n                    </div>\n                  </div> */}\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n\n        <div className=\"bg-gray row mt-5 px-2 px-sm-4 py-5\">\n          <ContainerVideoDetails className=\"col-xl-8 col-xxl-9\">\n            <div className=\"container-video-details\">\n              <Player\n                src=\"https://www.w3schools.com/html/mov_bbb.mp4\"\n                thumbnail=\"https://placeimg.com/1000/500/any\"\n              />\n            </div>\n\n            <div className=\"d-flex align-items-center mt-3 mb-4\">\n              <img\n                src=\"https://placeimg.com/70/70/any\"\n                alt=\"Avatar\"\n                className=\"rounded-circle avatar me-3\"\n              />\n              <div>\n                <h3 className=\"h5 mb-1\">Title Example</h3>\n                <p className=\"mb-0 small\">\n                  Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet.\n                </p>\n              </div>\n            </div>\n\n            <textarea\n              className=\"w-100 small mb-4 mb-xl-0\"\n              placeholder=\"Notas\"\n            />\n          </ContainerVideoDetails>\n\n          <div className=\"col-xl-4 col-xxl-3 height overflow-auto\">\n            <div className=\"row\">\n              {videoListing.map((video) => (\n                <div className=\"col-md-6 col-xl-12\">\n                  <ContainerVideoListing\n                    to={`${process.env.PUBLIC_URL}/learning/${video.title\n                      .toLocaleLowerCase()\n                      .replaceAll(' ', '-')}`}\n                    className=\"d-block mb-4\"\n                  >\n                    <div className=\"w-100 position-relative mb-2\">\n                      <img\n                        src={video.Thumbnail}\n                        className=\"thumbnail img-fluid w-100\"\n                        alt=\"thumbnail\"\n                      />\n                      <span className=\"position-absolute duration\">\n                        {video.timer}\n                      </span>\n                    </div>\n                    <p className=\"my-2 details-link\">{video.title}</p>\n                    <div className=\"d-flex align-items-center\">\n                      <img\n                        src={video.avatar}\n                        alt=\"Avatar\"\n                        className=\"rounded-circle avatar me-3\"\n                      />\n                      <p className=\"mb-0\">{video.legend}</p>\n                    </div>\n                  </ContainerVideoListing>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\nexport default TrainingDetails;\n","import styled from 'styled-components';\nimport { lighten } from 'polished';\n\nexport const Container = styled.div`\n  .bg-no-avatar {\n    min-width: 60px;\n    height: 60px;\n    border: solid 1px #5d5b5b;\n    border-radius: 50%;\n    background-color: #1d2023;\n  }\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n    span {\n      color: #606060;\n      font-weight: 500;\n    }\n  }\n\n  p {\n    color: #bdbdbd;\n  }\n\n  button.border-gradient {\n    height: 40px;\n  }\n\n  .dropdown ul {\n    background-color: #242526;\n    min-width: 108px;\n    top: 35px;\n    li a {\n      color: #e9e9e9;\n      text-align: center;\n      :hover {\n        background-color: ${lighten(0.1, '#242526')};\n      }\n    }\n  }\n\n  .bg-dropdown {\n    display: inline-block;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n\n    button {\n      margin: 1px;\n      background-color: #242526;\n      color: #e9e9e9;\n    }\n  }\n\n  .btn-group {\n    background-color: #4b4c4c;\n    position: relative;\n\n    .btn-background {\n      display: block;\n      position: absolute;\n      height: 35px;\n      width: 152px;\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      border: 2px solid #d7d7d7;\n      transition-duration: 0.3s;\n      opacity: 0.8;\n    }\n\n    .btn-background.right {\n      left: 47%;\n    }\n\n    .btn-background.left {\n      left: 0;\n    }\n\n    .btn-check {\n      border: none;\n      background: transparent;\n      color: #222527;\n      height: 35px;\n      width: 152px;\n      position: relative;\n      z-index: 1;\n      transition-duration: 0.3s;\n    }\n\n    .btn-check.active {\n      color: #17171a;\n    }\n  }\n`;\n\nexport const BoxMatrix = styled.div`\n  .text-light-gray {\n    color: #cbccce;\n  }\n\n  .button-group {\n    transition-duration: 0.3s;\n  }\n\n  .button-group.hide {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  .text-green {\n    color: #96ffd9;\n  }\n\n  .text-red {\n    color: #ff1a50;\n  }\n\n  .btn-actions {\n    height: 40px;\n    width: 150px;\n  }\n\n  .size {\n    font-size: 24px;\n    p {\n      font-size: 14px;\n    }\n  }\n\n  .bd-gray {\n    height: 35px;\n    width: 1.5px;\n    background-color: #8c8c8c;\n  }\n\n  .box-top-user {\n    background: #222527;\n    border: 1px solid #5e5b5b;\n    box-sizing: border-box;\n    box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n    border-radius: 50px;\n\n    img {\n      width: 70px;\n      height: 70px;\n    }\n  }\n\n  .box-sub-user {\n    background: #222527;\n    border: 1px solid #5d5b5b;\n    box-sizing: border-box;\n    box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n    font-size: 90%;\n    transition-duration: 0.3s;\n    min-height: 50px;\n\n    .w-custom {\n      width: 100px;\n    }\n\n    img {\n      width: 60px;\n      height: 60px;\n    }\n    p {\n      font-size: 12px;\n    }\n  }\n\n  .box-user {\n    width: 35px;\n    height: 35px;\n    background: #222527;\n    border: 1px solid #5d5b5b;\n    box-sizing: border-box;\n    transition-duration: 0.3s;\n\n    :hover {\n      border: 1px solid #cbccce;\n    }\n  }\n\n  svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  @media screen and (min-width: 1400px) {\n  }\n  @media screen and (min-width: 1200px) {\n    .w-xl-20 {\n      width: 20%;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .box-top-user .size {\n      font-size: 20px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .box-top-user {\n      border-radius: 24px;\n    }\n  }\n`;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport { BsArrowDownShort } from 'react-icons/bs';\nimport { Container, Welcome, BoxMatrix } from './styles';\n\nimport { useAuth } from '~/hooks/Auth';\nimport abbreviate from '~/utils/abbreviate';\n\nimport defaultAvatar from '~/assets/defaults/default-avatar.png';\nimport api from '~/services/api';\nimport { formatPrice } from '~/utils/format';\n\ninterface IReferrer {\n  id: string;\n  user_id: string;\n  owner_id: string;\n  name: string;\n  avatar: string;\n}\n\ninterface IUserMatrix {\n  id: string;\n  avatar: string;\n  status: string;\n  name: string;\n  user_id: string;\n  owner_id: string;\n  referral_code: string;\n  purchased: boolean;\n  referrers: IReferrer[];\n}\n\ninterface IOrder {\n  status: string;\n}\n\ninterface IReferrerResponse {\n  affiliate_id: string;\n  order: IOrder;\n}\n\ninterface IAffiliate {\n  id: string;\n  user_id: string;\n}\n\ninterface IAvatar {\n  id: string;\n  avatar_url: string;\n}\n\ninterface IUser {\n  id: string;\n  name: string;\n  email: string;\n  phone: string;\n  birthdate: string;\n  referral_code: string;\n  avatar: IAvatar;\n  referrer: IReferrer;\n}\n\ninterface IUserDataResponse {\n  id: string;\n  name: string;\n  referral_code: string;\n  avatar: IAvatar;\n  referrer: IReferrerResponse;\n  team: number;\n  indication: number;\n  referrers: IReferrerResponse[];\n  affiliates: IAffiliate[];\n  affiliate: {\n    level: string;\n    slot: number;\n    owner_id: string;\n  };\n}\n\ninterface IUserData {\n  id: string;\n  name: string;\n  team: number;\n  indication: number;\n  week_value: string;\n  month_value: string;\n  referral_code: string;\n  avatar: IAvatar;\n  referrer: IReferrerResponse;\n}\n\ninterface IMatrix {\n  id: string;\n  owner_id: string;\n  user_id: string;\n  level: string;\n  slot: number;\n  user: IUser;\n}\n\nconst Matrix5x4: React.FC = () => {\n  const { user } = useAuth();\n  const [userData, setUserData] = useState<IUserData>({} as IUserData);\n  const [userId, setUserId] = useState(user?.id);\n  const [ownerId, setOwnerId] = useState('');\n  const [usersMatrix, setUsersMatrix] = useState<IUserMatrix[]>([\n    {\n      id: '1',\n      avatar: '',\n      status: '',\n      name: '',\n      owner_id: '',\n      referral_code: '',\n      purchased: false,\n      user_id: '',\n      referrers: [\n        {\n          id: '1',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '2',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '3',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '4',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '5',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n      ],\n    },\n    {\n      id: '2',\n      avatar: '',\n      status: '',\n      name: '',\n      owner_id: '',\n      referral_code: '',\n      purchased: false,\n      user_id: '',\n      referrers: [\n        {\n          id: '1',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '2',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '3',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '4',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '5',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n      ],\n    },\n    {\n      id: '3',\n      avatar: '',\n      status: '',\n      name: '',\n      owner_id: '',\n      referral_code: '',\n      purchased: false,\n      user_id: '',\n      referrers: [\n        {\n          id: '1',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '2',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '3',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '4',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '5',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n      ],\n    },\n    {\n      id: '4',\n      avatar: '',\n      status: '',\n      name: '',\n      owner_id: '',\n      referral_code: '',\n      purchased: false,\n      user_id: '',\n      referrers: [\n        {\n          id: '1',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '2',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '3',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '4',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '5',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n      ],\n    },\n    {\n      id: '5',\n      avatar: '',\n      status: '',\n      name: '',\n      owner_id: '',\n      referral_code: '',\n      purchased: false,\n      user_id: '',\n      referrers: [\n        {\n          id: '1',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '2',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '3',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '4',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n        {\n          id: '5',\n          avatar: '',\n          name: '',\n          user_id: '',\n          owner_id: '',\n        },\n      ],\n    },\n  ]);\n  const [isPurchasedSlot, setIsPurchasedSlot] = useState(false);\n  const [lineSelected, setLineSelected] = useState(0);\n  const [loading, setLoading] = useState(false);\n\n  const [dropToogle, setDropToogle] = useState(false);\n  const location = useLocation();\n  const profitCenterNumber = location.pathname.split('-')[2];\n\n  const profitCenter = [\n    { number: 1 },\n    { number: 2 },\n    { number: 3 },\n    { number: 4 },\n    { number: 5 },\n    { number: 6 },\n    { number: 7 },\n    { number: 8 },\n    { number: 9 },\n    { number: 10 },\n    { number: 11 },\n    { number: 12 },\n    { number: 13 },\n    { number: 14 },\n    { number: 15 },\n    { number: 16 },\n    { number: 17 },\n    { number: 18 },\n    { number: 19 },\n    { number: 20 },\n    { number: 21 },\n    { number: 22 },\n    { number: 23 },\n    { number: 24 },\n    { number: 25 },\n  ];\n\n  const handleDropToogle = () => {\n    setDropToogle(!dropToogle);\n  };\n\n  const reduceReferenceCode = useCallback((str: string) => {\n    return str && str.length > 8 ? `${str.slice(0, 7)}…` : str;\n  }, []);\n\n  useEffect(() => {\n    // setLoading(true);\n    // if (userId.length === 36) {\n    //   api\n    //     .get<IMatrix[]>(`affiliates/matrix/${userId}`)\n    //     .then(async (response) => {\n    //       const levelA: IUserMatrix[] = [];\n    //       const ownersId: string[] = [];\n    //       response.data.forEach((matrixData) => {\n    //         let name: string;\n    //         let referral_code: string;\n    //         let user_id: string;\n    //         if (matrixData.user) {\n    //           if (matrixData.owner_id === matrixData.user_id) {\n    //             name = `Centro de volume ${matrixData.slot}`;\n    //             referral_code = `CV ${matrixData.slot}`;\n    //             user_id = `${matrixData.user_id}CV${matrixData.slot}`;\n    //           } else {\n    //             name = abbreviate(matrixData.user.name);\n    //             referral_code = reduceReferenceCode(\n    //               matrixData.user.referral_code\n    //             );\n    //             user_id = matrixData.user_id;\n    //           }\n    //         } else {\n    //           name = '';\n    //           referral_code = '';\n    //           user_id = '';\n    //         }\n    //         if (matrixData.level === 'A') {\n    //           ownersId.push(user_id);\n    //           const data = {\n    //             id: matrixData.id,\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //             status: 'Ativo',\n    //             name,\n    //             owner_id: matrixData.owner_id,\n    //             user_id,\n    //             referral_code,\n    //             purchased: true,\n    //             referrers: [\n    //               {\n    //                 id: '1',\n    //                 user_id: '1',\n    //                 owner_id: '',\n    //                 name: '',\n    //                 avatar: '',\n    //               },\n    //               {\n    //                 id: '2',\n    //                 user_id: '2',\n    //                 owner_id: '',\n    //                 name: '',\n    //                 avatar: '',\n    //               },\n    //               {\n    //                 id: '3',\n    //                 user_id: '3',\n    //                 owner_id: '',\n    //                 name: '',\n    //                 avatar: '',\n    //               },\n    //               {\n    //                 id: '4',\n    //                 user_id: '4',\n    //                 owner_id: '',\n    //                 name: '',\n    //                 avatar: '',\n    //               },\n    //               {\n    //                 id: '5',\n    //                 user_id: '5',\n    //                 owner_id: '',\n    //                 name: '',\n    //                 avatar: '',\n    //               },\n    //             ],\n    //           };\n    //           levelA.push(data);\n    //         } else if (matrixData.level === 'B' && matrixData.slot <= 5) {\n    //           const data = {\n    //             id: matrixData.id,\n    //             name,\n    //             user_id: matrixData.user_id || '',\n    //             owner_id: ownersId[0],\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //           };\n    //           levelA[0].referrers[matrixData.slot - 1] = data;\n    //         } else if (matrixData.level === 'B' && matrixData.slot <= 10) {\n    //           const data = {\n    //             id: matrixData.id,\n    //             name,\n    //             user_id: matrixData.user_id || '',\n    //             owner_id: ownersId[1],\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //           };\n    //           levelA[1].referrers[matrixData.slot - 6] = data;\n    //         } else if (matrixData.level === 'B' && matrixData.slot <= 15) {\n    //           const data = {\n    //             id: matrixData.id,\n    //             name,\n    //             user_id: matrixData.user_id || '',\n    //             owner_id: ownersId[2],\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //           };\n    //           levelA[2].referrers[matrixData.slot - 11] = data;\n    //         } else if (matrixData.level === 'B' && matrixData.slot <= 20) {\n    //           const data = {\n    //             id: matrixData.id,\n    //             name,\n    //             user_id: matrixData.user_id || '',\n    //             owner_id: ownersId[3],\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //           };\n    //           levelA[3].referrers[matrixData.slot - 16] = data;\n    //         } else if (matrixData.level === 'B' && matrixData.slot <= 25) {\n    //           const data = {\n    //             id: matrixData.id,\n    //             name,\n    //             user_id: matrixData.user_id || '',\n    //             owner_id: ownersId[4],\n    //             avatar: matrixData.user\n    //               ? matrixData.user.avatar.avatar_url\n    //               : '',\n    //           };\n    //           levelA[4].referrers[matrixData.slot - 21] = data;\n    //         }\n    //       });\n    //       setUsersMatrix(levelA);\n    //       // const responseUser = await api.get<IUserDataResponse>(\n    //       //   `users/matrix/${userId}`\n    //       // );\n    //       // if (responseUser.data) {\n    //       //   const data: IUserData = {\n    //       //     id: responseUser.data.id,\n    //       //     name: abbreviate(responseUser.data.name),\n    //       //     avatar: responseUser.data.avatar,\n    //       //     referrer: responseUser.data.referrer,\n    //       //     team: responseUser.data.team,\n    //       //     indication: responseUser.data.indication,\n    //       //     referral_code: responseUser.data.referral_code,\n    //       //     week_value: formatPrice(0),\n    //       //     month_value: formatPrice(0),\n    //       //   };\n    //       //   setUserData(data);\n    //       //   let ownerUserId = responseUser.data.affiliate\n    //       //     ? responseUser.data.affiliate.owner_id\n    //       //     : '';\n    //       //   if (\n    //       //     responseUser.data.affiliate &&\n    //       //     responseUser.data.affiliate.level === 'B'\n    //       //   ) {\n    //       //     if (responseUser.data.affiliate.slot <= 5) {\n    //       //       ownerUserId = `${responseUser.data.affiliate.owner_id}CV1`;\n    //       //     } else if (responseUser.data.affiliate.slot <= 10) {\n    //       //       ownerUserId = `${responseUser.data.affiliate.owner_id}CV2`;\n    //       //     } else if (responseUser.data.affiliate.slot <= 15) {\n    //       //       ownerUserId = `${responseUser.data.affiliate.owner_id}CV3`;\n    //       //     } else if (responseUser.data.affiliate.slot <= 20) {\n    //       //       ownerUserId = `${responseUser.data.affiliate.owner_id}CV4`;\n    //       //     } else if (responseUser.data.affiliate.slot <= 25) {\n    //       //       ownerUserId = `${responseUser.data.affiliate.owner_id}CV5`;\n    //       //     }\n    //       //   }\n    //       //   setOwnerId(ownerUserId);\n    //       // }\n    //     })\n    //     .finally(() => setLoading(false));\n    // } else {\n    //   setLoading(false);\n    // }\n  }, [user?.id, userId, reduceReferenceCode]);\n\n  const handleClick = useCallback(\n    async (\n      userIdSelected,\n      line,\n      isPurchased,\n      matrixSelect?: IUserMatrix | IReferrer\n    ) => {\n      setLoading(true);\n      if (line < 3 || (line === 3 && isPurchased)) {\n        if (matrixSelect) {\n          const userName = matrixSelect.name.slice(0, -2);\n          if (\n            userIdSelected.length > 1 &&\n            userIdSelected.length === 36 &&\n            userName !== 'Centro de volume'\n          ) {\n            setIsPurchasedSlot(isPurchased);\n            setLineSelected(line);\n            setUserId(userIdSelected);\n            setUsersMatrix([]);\n            setOwnerId(matrixSelect.owner_id);\n          } else if (userIdSelected.length > 36) {\n            const slotSelected = parseInt(matrixSelect.name.slice(-2), 10);\n\n            // const response = await api.get<IMatrix[]>(\n            //   `affiliates/matrix/${userIdSelected.slice(0, -3)}`\n            // );\n            const levelA: IUserMatrix[] = [];\n            const ownersId: string[] = [];\n            // response.data.forEach((matrixData) => {\n            //   let name: string;\n            //   let referral_code: string;\n            //   let user_id: string;\n            //   if (matrixData.user) {\n            //     if (matrixData.owner_id === matrixData.user_id) {\n            //       name = `Centro de volume ${matrixData.slot}`;\n            //       referral_code = `CV ${matrixData.slot}`;\n            //       user_id = `${matrixData.user_id}CV${matrixData.slot}`;\n            //     } else {\n            //       name = abbreviate(matrixData.user.name);\n            //       referral_code = reduceReferenceCode(\n            //         matrixData.user.referral_code\n            //       );\n            //       user_id = matrixData.user_id;\n            //     }\n            //   } else {\n            //     name = '';\n            //     referral_code = '';\n            //     user_id = '';\n            //   }\n            //   if (\n            //     matrixData.level === 'B' &&\n            //     matrixData.slot > slotSelected * 5 - 5 &&\n            //     matrixData.slot <= slotSelected * 5\n            //   ) {\n            //     ownersId.push(user_id);\n            //     const data = {\n            //       id: matrixData.id,\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //       status: 'Ativo',\n            //       name,\n            //       owner_id: matrixData.owner_id,\n            //       user_id,\n            //       referral_code,\n            //       purchased: true,\n            //       referrers: [\n            //         {\n            //           id: '1',\n            //           user_id: '1',\n            //           name: '',\n            //           avatar: '',\n            //           owner_id: '',\n            //         },\n            //         {\n            //           id: '2',\n            //           user_id: '2',\n            //           name: '',\n            //           avatar: '',\n            //           owner_id: '',\n            //         },\n            //         {\n            //           id: '3',\n            //           user_id: '3',\n            //           name: '',\n            //           avatar: '',\n            //           owner_id: '',\n            //         },\n            //         {\n            //           id: '4',\n            //           user_id: '4',\n            //           name: '',\n            //           avatar: '',\n            //           owner_id: '',\n            //         },\n            //         {\n            //           id: '5',\n            //           user_id: '5',\n            //           name: '',\n            //           avatar: '',\n            //           owner_id: '',\n            //         },\n            //       ],\n            //     };\n            //     levelA.push(data);\n            //   } else if (\n            //     matrixData.level === 'C' &&\n            //     matrixData.slot > 5 * 5 * slotSelected - 25 &&\n            //     matrixData.slot <= 5 * 5 * slotSelected - 20\n            //   ) {\n            //     const index = matrixData.slot - 1 - 25 * (slotSelected - 1);\n            //     const data = {\n            //       id: matrixData.id,\n            //       name,\n            //       user_id: matrixData.user_id && '',\n            //       owner_id: ownersId[0],\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //     };\n            //     levelA[0].referrers[index] = data;\n            //   } else if (\n            //     matrixData.level === 'C' &&\n            //     matrixData.slot > 5 * 5 * slotSelected - 20 &&\n            //     matrixData.slot <= 5 * 5 * slotSelected - 15\n            //   ) {\n            //     const index = matrixData.slot - 6 - 25 * (slotSelected - 1);\n            //     const data = {\n            //       id: matrixData.id,\n            //       name,\n            //       user_id: matrixData.user_id && '',\n            //       owner_id: ownersId[1],\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //     };\n            //     levelA[1].referrers[index] = data;\n            //   } else if (\n            //     matrixData.level === 'C' &&\n            //     matrixData.slot > 5 * 5 * slotSelected - 15 &&\n            //     matrixData.slot <= 5 * 5 * slotSelected - 10\n            //   ) {\n            //     const index = matrixData.slot - 11 - 25 * (slotSelected - 1);\n\n            //     const data = {\n            //       id: matrixData.id,\n            //       name,\n            //       user_id: matrixData.user_id && '',\n            //       owner_id: ownersId[2],\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //     };\n            //     levelA[2].referrers[index] = data;\n            //   } else if (\n            //     matrixData.level === 'C' &&\n            //     matrixData.slot > 5 * 5 * slotSelected - 10 &&\n            //     matrixData.slot <= 5 * 5 * slotSelected - 5\n            //   ) {\n            //     const index = matrixData.slot - 16 - 25 * (slotSelected - 1);\n            //     const data = {\n            //       id: matrixData.id,\n            //       name,\n            //       user_id: matrixData.user_id && '',\n            //       owner_id: ownersId[3],\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //     };\n            //     levelA[3].referrers[index] = data;\n            //   } else if (\n            //     matrixData.level === 'C' &&\n            //     matrixData.slot > 5 * 5 * slotSelected - 5 &&\n            //     matrixData.slot <= 5 * 5 * slotSelected - 0\n            //   ) {\n            //     const index = matrixData.slot - 21 - 25 * (slotSelected - 1);\n            //     const data = {\n            //       id: matrixData.id,\n            //       name,\n            //       user_id: matrixData.user_id || '',\n            //       owner_id: ownersId[4],\n            //       avatar: matrixData.user\n            //         ? matrixData.user.avatar.avatar_url\n            //         : '',\n            //     };\n            //     levelA[4].referrers[index] = data;\n            //   }\n            // });\n            setUsersMatrix(levelA);\n            const newUserData = { ...userData };\n\n            newUserData.name = `Centro de volume ${slotSelected}`;\n            newUserData.referral_code = `CV ${slotSelected}`;\n            setUserData(newUserData);\n            setOwnerId(userIdSelected.slice(0, -3));\n            setLineSelected(line);\n          }\n        } else if (userIdSelected.length > 1 && userIdSelected.length === 36) {\n          setIsPurchasedSlot(isPurchased);\n          setLineSelected(line);\n          setUserId(userIdSelected);\n          setUsersMatrix([]);\n        } else if (userIdSelected.length > 36) {\n          const slotSelected = parseInt(userIdSelected.slice(-1), 10);\n\n          const userDataId = userIdSelected.slice(0, -3);\n\n          // const response = await api.get<IMatrix[]>(\n          //   `affiliates/matrix/${userDataId}`\n          // );\n          const levelA: IUserMatrix[] = [];\n          const ownersId: string[] = [];\n          // response.data.forEach((matrixData) => {\n          //   let name: string;\n          //   let referral_code: string;\n          //   let user_id: string;\n          //   if (matrixData.user) {\n          //     if (matrixData.owner_id === matrixData.user_id) {\n          //       name = `Centro de volume ${matrixData.slot}`;\n          //       referral_code = `CV ${matrixData.slot}`;\n          //       user_id = `${matrixData.user_id}CV${matrixData.slot}`;\n          //     } else {\n          //       name = abbreviate(matrixData.user.name);\n          //       referral_code = reduceReferenceCode(\n          //         matrixData.user.referral_code\n          //       );\n          //       user_id = matrixData.user_id;\n          //     }\n          //   } else {\n          //     name = '';\n          //     referral_code = '';\n          //     user_id = '';\n          //   }\n          //   if (\n          //     matrixData.level === 'B' &&\n          //     matrixData.slot > slotSelected * 5 - 5 &&\n          //     matrixData.slot <= slotSelected * 5\n          //   ) {\n          //     ownersId.push(user_id);\n          //     const data = {\n          //       id: matrixData.id,\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //       status: 'Ativo',\n          //       name,\n          //       owner_id: matrixData.owner_id,\n          //       user_id,\n          //       referral_code,\n          //       purchased: true,\n          //       referrers: [\n          //         {\n          //           id: '1',\n          //           user_id: '1',\n          //           name: '',\n          //           avatar: '',\n          //           owner_id: '',\n          //         },\n          //         {\n          //           id: '2',\n          //           user_id: '2',\n          //           name: '',\n          //           avatar: '',\n          //           owner_id: '',\n          //         },\n          //         {\n          //           id: '3',\n          //           user_id: '3',\n          //           name: '',\n          //           avatar: '',\n          //           owner_id: '',\n          //         },\n          //         {\n          //           id: '4',\n          //           user_id: '4',\n          //           name: '',\n          //           avatar: '',\n          //           owner_id: '',\n          //         },\n          //         {\n          //           id: '5',\n          //           user_id: '5',\n          //           name: '',\n          //           avatar: '',\n          //           owner_id: '',\n          //         },\n          //       ],\n          //     };\n          //     levelA.push(data);\n          //   } else if (\n          //     matrixData.level === 'C' &&\n          //     matrixData.slot > 5 * 5 * slotSelected - 25 &&\n          //     matrixData.slot <= 5 * 5 * slotSelected - 20\n          //   ) {\n          //     const index = matrixData.slot - 1 - 25 * (slotSelected - 1);\n          //     const data = {\n          //       id: matrixData.id,\n          //       name,\n          //       user_id: matrixData.user_id && '',\n          //       owner_id: ownersId[0],\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //     };\n          //     levelA[0].referrers[index] = data;\n          //   } else if (\n          //     matrixData.level === 'C' &&\n          //     matrixData.slot > 5 * 5 * slotSelected - 20 &&\n          //     matrixData.slot <= 5 * 5 * slotSelected - 15\n          //   ) {\n          //     const index = matrixData.slot - 6 - 25 * (slotSelected - 1);\n          //     const data = {\n          //       id: matrixData.id,\n          //       name,\n          //       user_id: matrixData.user_id && '',\n          //       owner_id: ownersId[1],\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //     };\n          //     levelA[1].referrers[index] = data;\n          //   } else if (\n          //     matrixData.level === 'C' &&\n          //     matrixData.slot > 5 * 5 * slotSelected - 15 &&\n          //     matrixData.slot <= 5 * 5 * slotSelected - 10\n          //   ) {\n          //     const index = matrixData.slot - 11 - 25 * (slotSelected - 1);\n\n          //     const data = {\n          //       id: matrixData.id,\n          //       name,\n          //       user_id: matrixData.user_id && '',\n          //       owner_id: ownersId[2],\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //     };\n          //     levelA[2].referrers[index] = data;\n          //   } else if (\n          //     matrixData.level === 'C' &&\n          //     matrixData.slot > 5 * 5 * slotSelected - 10 &&\n          //     matrixData.slot <= 5 * 5 * slotSelected - 5\n          //   ) {\n          //     const index = matrixData.slot - 16 - 25 * (slotSelected - 1);\n          //     const data = {\n          //       id: matrixData.id,\n          //       name,\n          //       user_id: matrixData.user_id && '',\n          //       owner_id: ownersId[3],\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //     };\n          //     levelA[3].referrers[index] = data;\n          //   } else if (\n          //     matrixData.level === 'C' &&\n          //     matrixData.slot > 5 * 5 * slotSelected - 5 &&\n          //     matrixData.slot <= 5 * 5 * slotSelected - 0\n          //   ) {\n          //     const index = matrixData.slot - 21 - 25 * (slotSelected - 1);\n          //     const data = {\n          //       id: matrixData.id,\n          //       name,\n          //       user_id: matrixData.user_id || '',\n          //       owner_id: ownersId[4],\n          //       avatar: matrixData.user\n          //         ? matrixData.user.avatar.avatar_url\n          //         : '',\n          //     };\n          //     levelA[4].referrers[index] = data;\n          //   }\n          // });\n          setUsersMatrix(levelA);\n\n          // const responseUser = await api.get<IUserDataResponse>(\n          //   `users/matrix/${userId}`\n          // );\n          // if (responseUser.data) {\n          //   const data: IUserData = {\n          //     id: responseUser.data.id,\n          //     name: `Centro de volume ${slotSelected}`,\n          //     avatar: responseUser.data.avatar,\n          //     referrer: responseUser.data.referrer,\n          //     team: responseUser.data.team,\n          //     indication: responseUser.data.indication,\n          //     referral_code: `CV ${slotSelected}`,\n          //     week_value: formatPrice(0),\n          //     month_value: formatPrice(0),\n          //   };\n          //   setUserData(data);\n          // }\n\n          setOwnerId(userIdSelected.slice(0, -3));\n          setLineSelected(line);\n        }\n        setUserId(userIdSelected);\n      }\n      setLoading(false);\n    },\n    [userData, reduceReferenceCode, userId]\n  );\n\n  return (\n    <Container>\n      <div className=\"container-fluid px-lg-0 px-xxl-3 container-xxl\">\n        {/* <div className=\"row mb-4 mt-4\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row justify-content-center justify-content-md-start\">\n                  <div className=\"col-lg-5 px-0 d-flex align-items-center justify-content-center justify-content-lg-start\">\n                    <h1 className=\"h4 h3-xxl mb-0\">\n                      <span className=\"font-weight-bold text-white\">\n                        Matriz 5x4 -\n                      </span>{' '}\n                      Licença Anual\n                    </h1>\n                    <button\n                      type=\"button\"\n                      className=\"border-gradient rounded-pill ml-3\"\n                    >\n                      <span className=\"d-block px-4\">Lista</span>\n                    </button>\n                  </div>\n                  <div className=\"col-lg-7 d-flex flex-column flex-xl-row justify-content-end  align-items-center align-items-lg-end align-items-xl-center mt-4 mt-xl-0 px-0 px-md-3\">\n                    <p className=\"mr-xl-3 mb-2 mb-xl-0\">\n                      Configurar posicionamento na matriz\n                    </p>\n                    <div className=\"position-relative btn-group rounded-pill d-flex\">\n                      <div\n                        className={`btn-background rounded-pill ${\n                          matrixType === 'Alternado' ? 'right' : 'left'\n                        }`}\n                      />\n                      <button\n                        type=\"button\"\n                        className={`btn-check rounded-pill mr-n2 ${\n                          matrixType === 'Sequêncial' ? 'active' : ''\n                        }`}\n                        onClick={() => handleSelectMatrixType('Sequêncial')}\n                      >\n                        Sequêncial\n                      </button>\n                      <button\n                        type=\"button\"\n                        className={`btn-check rounded-pill ml-n2 ${\n                          matrixType === 'Alternado' ? 'active' : ''\n                        }`}\n                        onClick={() => handleSelectMatrixType('Alternado')}\n                      >\n                        Alternado\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div> */}\n        <BoxMatrix className=\"bg-gray py-5 px-4\">\n          {/* <div\n            className={`row justify-content-between button-group ${\n              user?.id === userId ? 'hide my-n5' : ''\n            }`}\n          >\n            <div className=\"col-md-2 my-2 my-md-0 d-flex align-items-center justify-content-center\">\n              <button\n                type=\"button\"\n                className=\"btn-actions border-gradient rounded-pill\"\n                onClick={() => handleClick(user?.id, 0, false)}\n                disabled={user?.id === userId}\n              >\n                <span>Voltar ao topo</span>\n              </button>\n            </div>\n            <div className=\"col-md-2 my-2 my-md-0 d-flex align-items-center justify-content-center\">\n              <button\n                type=\"button\"\n                className=\"btn-actions border-gradient rounded-pill\"\n                onClick={() => handleClick(ownerId, lineSelected - 1, false)}\n                disabled={ownerId.length === 0}\n              >\n                <span>Subir um</span>\n              </button>\n            </div>\n          </div> */}\n          <Welcome className=\"row\">\n            <div className=\"col-12 d-sm-flex\">\n              <h1 className=\"h3 h2-sm fw-bold me-sm-5 mb-4 mb-sm-2\">\n                Profit Center {profitCenterNumber} -{' '}\n                <span>\n                  ${parseInt(profitCenterNumber, 10) * 5}&nbsp;Activation\n                </span>\n              </h1>\n              <div className=\"dropdown d-flex d-sm-block justify-content-end\">\n                <div className=\"bg-dropdown rounded-pill\">\n                  <button\n                    className=\"btn dropdown-toggle rounded-pill py-1 px-5\"\n                    type=\"button\"\n                    id=\"dropdownMenuButton1\"\n                    data-bs-toggle=\"dropdown\"\n                    aria-expanded=\"false\"\n                    onClick={handleDropToogle}\n                  />\n                </div>\n                <ul\n                  className={`dropdown-menu ${dropToogle && 'show'}`}\n                  aria-labelledby=\"dropdownMenuButton1\"\n                >\n                  {profitCenter.map((profit) => (\n                    <li>\n                      <Link\n                        className=\"dropdown-item\"\n                        to={`${process.env.PUBLIC_URL}/atividades/profit-center-${profit.number}`}\n                        onClick={handleDropToogle}\n                      >\n                        {profit.number}\n                      </Link>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </div>\n          </Welcome>\n          <div className=\"row my-5\">\n            <div className=\"col-12 px-1 px-xxl-3\">\n              <div className=\"box-top-user d-flex flex-wrap flex-lg-nowrap justify-content-center justify-content-sm-around align-items-center py-3\">\n                <div className=\"my-2 my-lg-0 order-1 order-lg-0 text-center w-100 w-sm-50 w-md-auto\">\n                  <p className=\"mb-0 text-light-gray size\">5 of 6 Qualified</p>\n                  <p className=\"mb-0 small normal-xl\">Membros Total</p>\n                  <hr className=\"mb-0 mx-auto w-25 d-md-none\" />\n                </div>\n\n                <div className=\"px-auto d-none d-lg-block bd-gray order-lg-1\" />\n\n                <div className=\"my-2 my-lg-0 order-2 order-lg-2 text-center w-100 w-sm-50 w-md-auto\">\n                  <p className=\"mb-0 text-light-gray size\">4</p>\n                  <p className=\"mb-0 small normal-xl\">Referidos Diretos</p>\n                  <hr className=\"mb-0 mx-auto w-25 d-md-none \" />\n                </div>\n                <div className=\"my-2 my-lg-0 order-0 order-lg-3 d-flex justify-content-center align-items-center w-100 w-lg-auto\">\n                  <img\n                    src={defaultAvatar}\n                    alt=\"Avatar\"\n                    className=\"rounded-circle border-gradient mr-3\"\n                  />\n                  <div className=\"ps-3 size\">\n                    <p className=\"mb-0 text-light-gray\">Name</p>\n                    <p className=\"mb-0 text-light-gray\">Major</p>\n                    <p className=\"mb-0 small normal-xl\">@NFT1</p>\n                  </div>\n                </div>\n                <div className=\"my-2 my-lg-0 order-3 order-lg-4 text-center w-100 w-sm-50 w-md-auto\">\n                  <p className=\"mb-0 text-light-gray size\">13</p>\n                  <p className=\"mb-0 small normal-xl\">Volume Esta Semana</p>\n                  <hr className=\"mb-0 mx-auto w-25 d-sm-none\" />\n                </div>\n                <div className=\"px-auto d-none d-lg-block bd-gray order-lg-5\" />\n                <div className=\"my-2 my-lg-0 order-4 order-lg-5 text-center w-100 w-sm-50 w-md-auto\">\n                  <p className=\"mb-0 text-light-gray size\">$275</p>\n                  <p className=\"mb-0 small normal-xl\">Volume Este Mês</p>\n                </div>\n              </div>\n              <div className=\"row px-sm-3\">\n                <div className=\"col-xl-6 ps-xl-0\">\n                  <div className=\"row\">\n                    <div className=\"col-xl-12 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">name</p>\n                          <p className=\"mb-0 text-light-gray\">consultor</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          <img\n                            src={defaultAvatar}\n                            alt=\"Avatar\"\n                            className=\"rounded-circle\"\n                          />\n                        </div>\n                        <div className=\"w-custom ps-2\">\n                          <p className=\"mb-0\">@NFT22</p>\n                          <p className=\"mb-0 text-green\">Active</p>\n                          <p className=\"mb-0\">@NFT22</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-md-6 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">name</p>\n                          <p className=\"mb-0 text-light-gray\">consultor</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          <img\n                            src={defaultAvatar}\n                            alt=\"Avatar\"\n                            className=\"rounded-circle\"\n                          />\n                        </div>\n                        <div className=\"w-custom ps-2\">\n                          <p className=\"mb-0\">@NFT22</p>\n                          <p className=\"mb-0 text-green\">Active</p>\n                          <p className=\"mb-0\">@NFT22</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-md-6 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">name</p>\n                          <p className=\"mb-0 text-light-gray\">consultor</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          <img\n                            src={defaultAvatar}\n                            alt=\"Avatar\"\n                            className=\"rounded-circle\"\n                          />\n                        </div>\n                        <div className=\"w-custom ps-2\">\n                          <p className=\"mb-0\">@NFT22</p>\n                          <p className=\"mb-0 text-green\">Active</p>\n                          <p className=\"mb-0\">@NFT22</p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-xl-6 pe-xl-0\">\n                  <div className=\"row\">\n                    <div className=\"col-xl-12 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">name</p>\n                          <p className=\"mb-0 text-light-gray\">consultor</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          <img\n                            src={defaultAvatar}\n                            alt=\"Avatar\"\n                            className=\"rounded-circle\"\n                          />\n                        </div>\n                        <div className=\"w-custom ps-2\">\n                          <p className=\"mb-0\">@NFT22</p>\n                          <p className=\"mb-0 text-green\">Active</p>\n                          <p className=\"mb-0\">@NFT22</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-md-6 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">name</p>\n                          <p className=\"mb-0 text-light-gray\">consultor</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          <img\n                            src={defaultAvatar}\n                            alt=\"Avatar\"\n                            className=\"rounded-circle\"\n                          />\n                        </div>\n                        <div className=\"w-custom ps-xxl-2\">\n                          <p className=\"mb-0\">@NFT22</p>\n                          <p className=\"mb-0 text-red\">Not Qualified</p>\n                          <p className=\"mb-0\">@NFT22</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-md-6 px-2 mt-4\">\n                      <div className=\"h-100 box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-3\">\n                        <div className=\"w-custom ps-3\">\n                          <p className=\"mb-0 text-light-gray\">&nbsp;</p>\n                          <p className=\"mb-0 text-light-gray\">&nbsp;</p>\n                        </div>\n                        <div className=\"bg-no-avatar mx-2 text-center\">\n                          {false && (\n                            <img\n                              src={defaultAvatar}\n                              alt=\"Avatar\"\n                              className=\"rounded-circle\"\n                            />\n                          )}\n                        </div>\n                        <div className=\"w-custom ps-xxl-2\">\n                          <p className=\"mb-0\">&nbsp;</p>\n                          <p className=\"mb-0 text-red\">&nbsp;</p>\n                          <p className=\"mb-0\">&nbsp;</p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </BoxMatrix>\n      </div>\n      {loading && (\n        <>\n          <div className=\"loading-box\">\n            <div className=\"spinner-border text-light\" role=\"status\">\n              <span className=\"sr-only\">Loading...</span>\n            </div>\n          </div>\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default Matrix5x4;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface Iprops {\n  src: string;\n}\n\nexport const Container = styled.div`\n  .btn-edit {\n    font-size: 12px;\n    color: #8c8c8c;\n    font-weight: 300;\n    border: 1px solid #4a4b4b;\n    background-color: #1d2023;\n    padding: 5px 20px;\n  }\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n  }\n\n  .slick-prev {\n    left: 15px;\n    z-index: 100;\n  }\n  .slick-next {\n    right: 15px;\n    z-index: 100;\n  }\n\n  .slick-dots li.slick-active button:before {\n    color: #cbccce !important;\n    font-size: 13px !important;\n  }\n\n  .slick-dots li button:before {\n    color: #4f4f4f !important;\n    font-size: 13px !important;\n  }\n\n  .slick-dots {\n    bottom: -35px;\n  }\n\n  .slick-dots li {\n    margin: 0 !important;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    color: #cbccce;\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1,\n  button {\n    color: #dadada;\n  }\n\n  .border-gradient-light {\n    max-width: 200px;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const NewsCarousel = styled.button<Iprops>`\n  background-image: url(${(props) => props.src});\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 580px;\n  border-radius: 20px;\n  @media screen and (max-width: 991px) {\n    height: 56vw;\n  }\n`;\n\nexport const TimeLine = styled.div`\n  background-color: #1d2023;\n  border-radius: 20px;\n  h2,\n  h3 {\n    color: #dadada;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 18px;\n  }\n  .timeline {\n    background-color: #1d2023 !important;\n    border: none;\n    padding: 0 0 0 1px;\n    background-image: linear-gradient(180deg, #1d2023, #1d2023),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    list-style: none;\n  }\n\n  .timeline .timeline-item {\n    position: relative;\n  }\n\n  .timeline .timeline-item:after {\n    position: absolute;\n    display: block;\n    top: 0;\n  }\n\n  .timeline .timeline-item:after {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    left: -8px;\n    border-radius: 50%;\n    height: 14px;\n    width: 14px;\n    content: '';\n  }\n\n  .bg-paragraph {\n    background-color: #222527;\n    border-radius: 20px;\n\n    p {\n      color: #929292;\n      font-weight: 400;\n      font-size: 18px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    h2 + div {\n      height: 412px;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-body {\n    h2 {\n      color: #dadada;\n      font-size: 24px;\n      font-weight: 600;\n    }\n    .p-color {\n      color: #828282 !important;\n    }\n    p {\n      color: #c4c4c4;\n    }\n  }\n\n  .modal-close {\n    position: absolute;\n    right: 15px;\n    top: 5px;\n    z-index: 10000;\n    color: #dadada;\n    height: 50px;\n    width: 50px;\n  }\n`;\n\nexport const BgTitle = styled.div<Iprops>`\n  background-image: url(${(props) => props.src});\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  border-radius: 30px 30px 0 0;\n  height: 348px;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);\n  h2 {\n    font-size: 24px;\n  }\n`;\n","import React, { useCallback, useState } from 'react';\nimport Slider from 'react-slick';\n\nimport { BiBookmarkPlus, BiEditAlt } from 'react-icons/bi';\n\nimport {\n  Container,\n  Welcome,\n  NewsCarousel,\n  TimeLine,\n  Modal,\n  BgTitle,\n} from './styles';\n\nconst News: React.FC = () => {\n  const [show, setShow] = useState(false);\n\n  const [slideSelected, setSlideSelected] = useState(0);\n\n  const breakingNews = [\n    {\n      src: 'https://placeimg.com/1140/350/animals',\n      title: 'Mais uma grande noticia!1',\n      date: '12/04/2021',\n      subtitle: 'Mais uma grande noticia!SUB',\n      paragraph: [\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n      ],\n    },\n    {\n      src: 'https://placeimg.com/1140/350/nature',\n      title: 'Mais uma grande noticia!2',\n      date: '12/05/2021',\n      subtitle: 'Mais uma grande noticia!SUB',\n      paragraph: [\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n      ],\n    },\n    {\n      src: 'https://placeimg.com/1140/350/people',\n      title: 'Mais uma grande noticia!3',\n      date: '12/06/2021',\n      subtitle: 'Mais uma grande noticia!SUB',\n      paragraph: [\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n      ],\n    },\n    {\n      src: 'https://placeimg.com/1140/350/tech',\n      title: 'Mais uma grande noticia!4',\n      date: '12/07/2021',\n      subtitle: 'Mais uma grande noticia!SUB',\n      paragraph: [\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n        'Lorem ipsum torquent eros porta magna cursus accumsan inceptos quam congue, curabitur commodo sollicitudin varius suspendisse risus pharetra ad. mauris platea sapien sit aenean sociosqu porta aliquet accumsan placerat, lacinia sociosqu porta maecenas cursus consequat quam lobortis, litora eu volutpat proin porta hendrerit accumsan aliquet.',\n      ],\n    },\n  ];\n\n  const systemUpdates = [\n    {\n      date: '10.30.2020',\n      update: ['Registration via Telegram.', 'Minor bug fixes.'],\n    },\n    {\n      date: '12.30.2020',\n      update: ['Registration via Telegram.', 'Minor bug fixes.'],\n    },\n    {\n      date: '11.18.2020',\n      update: ['Registration via Telegram.', 'Minor bug fixes.'],\n    },\n  ];\n\n  const settings = {\n    dots: true,\n    infinite: true,\n    arrows: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n  };\n\n  const settingsModal = {\n    dots: true,\n    infinite: true,\n    arrows: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    initialSlide: slideSelected,\n  };\n\n  const handleShow = useCallback((slide) => {\n    setShow(true);\n    setSlideSelected(slide);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid mt-4 \">\n                <div className=\"row align-items-center justify-content-end justify-content-sm-between\">\n                  <div className=\"col-sm-6 px-0 order-1 order-sm-0 mt-4 mt-sm-0\">\n                    <h1 className=\"h3 h2-lg ps-3 mb-0 mt-2 mt-lg-0 fw-bold\">\n                      News\n                    </h1>\n                  </div>\n                  {/* <div className=\"col-8 col-sm-6 col-md-3 mt-4 mt-sm-0 order-0 order-sm-1\">\n                    <div className=\"ms-auto border-gradient-light rounded-pill text-center\">\n                      <button\n                        type=\"button\"\n                        className=\"w-100 border-0 py-2 bg-transparent d-flex align-items-center justify-content-center\"\n                      >\n                        <BiBookmarkPlus\n                          size={25}\n                          color=\"#dadada\"\n                          className=\"me-2\"\n                        />\n                        New update\n                      </button>\n                    </div>\n                  </div> */}\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n\n        <div className=\"row my-5\">\n          {/* <div className=\"col-lg-6 text-end mb-4\">\n            <button type=\"button\" className=\"btn-edit rounded-pill me-2\">\n              Edit\n              <BiEditAlt size={13} color=\"#8c8c8c\" className=\"ms-2\" />\n            </button>\n          </div>\n          <div className=\"col-lg-6 d-none d-md-block\" /> */}\n          <div className=\"col-lg-6 mb-5 mb-lg-0\">\n            <Slider {...settings}>\n              {breakingNews.map((news, index) => (\n                <div className=\"px-2\">\n                  <NewsCarousel\n                    type=\"button\"\n                    src={news.src}\n                    className=\"w-100 border-0\"\n                    onClick={() => handleShow(index)}\n                  />\n                </div>\n              ))}\n            </Slider>\n          </div>\n          <div className=\"col-lg-6\">\n            <TimeLine className=\"py-5 px-4 px-sm-5 px-lg-4 px-xl-5\">\n              <h2 className=\"h5 mb-5 fw-bold\">System Updates</h2>\n              <div className=\"px-2 overflow-auto\">\n                <ul className=\"timeline\">\n                  {systemUpdates.map((update) => (\n                    <li className=\"timeline-item ps-4 mb-5\">\n                      <h3 className=\" mb-4\">{update.date}</h3>\n                      <div className=\"bg-paragraph p-4\">\n                        {update.update.map((paragrapf) => (\n                          <p className=\"mb-2\">{paragrapf}</p>\n                        ))}\n                      </div>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </TimeLine>\n          </div>\n        </div>\n      </div>\n      <Modal size=\"xl\" show={show} onHide={handleClose} className=\"modal-news\">\n        <button\n          type=\"button\"\n          className=\"h4 modal-close ms-auto fw-bold border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Slider {...settingsModal}>\n          {breakingNews.map((news) => (\n            <>\n              <BgTitle src={news.src} className=\"d-flex align-items-end\">\n                <h2 className=\"text-white mb-0 px-4 px-sm-5 py-3 bg-title w-100\">\n                  {news.title}\n                </h2>\n              </BgTitle>\n\n              <Modal.Body>\n                <h3 className=\"h6 text-end text-white my-4 px-4 px-sm-5\">\n                  {news.date}\n                </h3>\n                <h2 className=\"mb-4 px-4 px-sm-5\">{news.subtitle}</h2>\n                {news.paragraph.map((paragraph) => (\n                  <p className=\"h6 p-color mb-4 px-4 px-sm-5\">{paragraph}</p>\n                ))}\n                <p className=\"h6 px-4 px-sm-5\">Team</p>\n              </Modal.Body>\n              <Modal.Footer className=\"border-0 py-4\" />\n            </>\n          ))}\n        </Slider>\n      </Modal>\n    </Container>\n  );\n};\nexport default News;\n","import styled from 'styled-components';\nimport { Form } from '@unform/web';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\nexport const Container = styled(Form)`\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 900;\n    }\n  }\n\n  h2 {\n    color: #f2f2f2;\n    font-weight: 500 !important;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 18px;\n    color: #787878;\n  }\n\n  h4 {\n    font-weight: 400;\n    font-size: 20px;\n    color: #c9c9c9;\n  }\n\n  h3,\n  h4,\n  textarea {\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .container {\n    max-width: 1700px;\n  }\n\n  .surprise {\n    p {\n      color: #8c8c8c;\n      font-weight: 400;\n    }\n  }\n\n  .bg-surprise {\n    background-color: #1d2023;\n    color: #dadada;\n    border: none;\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.8;\n      color: ${lighten(0.2, '#dadada')};\n    }\n  }\n\n  .mg-left {\n    margin-left: 17.5%;\n  }\n\n  .history-btn {\n    margin-bottom: 10px;\n    padding: 10px 30px;\n    font-weight: 300;\n    font-size: 14px;\n    background: rgba(31, 32, 32, 0.67);\n    border: 1px solid #282929;\n    backdrop-filter: blur(5px);\n    border-radius: 14px;\n    color: #8d8d8d;\n  }\n\n  .hover div p,\n  .hover div button {\n    font-family: 'Quicksand', sans-serif;\n    opacity: 0;\n    transition: all 0.3s ease;\n    font-size: 16px;\n    color: #d4d4d4;\n    font-weight: 300;\n    margin: 0px;\n  }\n\n  .hover div button {\n    background: rgba(152, 148, 148, 0.1);\n    padding: 15px 20px;\n    backdrop-filter: blur(15px);\n    border-radius: 15px;\n    font-weight: 600;\n  }\n\n  .hover div {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 15px;\n\n    transition: all 0.3s ease;\n    :hover {\n      background-color: rgba(0, 0, 0, 80%);\n      border-radius: 15px;\n      p,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .textarea {\n    height: unset;\n\n    textarea {\n      color: #787878;\n    }\n  }\n\n  .sample img {\n    border-radius: 16.5px;\n  }\n\n  .area-send {\n    bottom: 0px;\n    right: 0px;\n    width: calc(100% - 160px);\n    padding: 25px 10px 10px 25px;\n    background: linear-gradient(180deg, rgba(24, 25, 26, 0) 0%, #18191a 63%);\n  }\n\n  .description button {\n    border: none;\n    background: transparent;\n    font-family: 'Poppins', sans-serif;\n\n    font-weight: 400 !important;\n    font-size: 12px;\n    color: #c4c4c4;\n    text-align: start;\n  }\n\n  .send {\n    border: none;\n    background-color: transparent;\n    transition-duration: 0.3s;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n\n    color: #c4c4c4;\n  }\n\n  .send:focus,\n  .send:hover {\n    color: ${lighten(0.1, '#c4c4c4')}!important;\n  }\n\n  input {\n    resize: none;\n    background-color: transparent;\n    color: #d4d4d4 !important;\n    font-weight: 400 !important;\n    border: none;\n    ::placeholder {\n      color: #5a5b5b !important;\n    }\n  }\n\n  .border-textarea {\n    width: 60%;\n    max-width: 1000px;\n    background: #1f2020;\n    border: 1px solid #282929;\n    box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n    border-radius: 22px;\n    height: 82px;\n  }\n\n  .bg-imgs {\n    background-color: #212122;\n    border-radius: 30px;\n    padding: 34px;\n  }\n\n  .bg-imgs img {\n    border-radius: 24px;\n  }\n\n  .description {\n    bottom: 3%;\n    height: 64px;\n    background: rgba(23, 23, 25, 0.5);\n    border: 2px solid #707070;\n    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.4);\n    backdrop-filter: blur(13.5914px);\n    border-radius: 20px;\n    width: 94%;\n    left: 3%;\n    display: flex;\n    align-items: center;\n  }\n\n  .bg-imgs button {\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n    z-index: 1;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .drop span {\n    font-weight: 400;\n    font-size: 16px;\n\n    color: #8c8c8c;\n  }\n\n  .Dropdown-menu {\n    background: #18191a;\n    color: #dadada;\n    font-weight: 300;\n    font-size: 14px;\n    border: 1px solid #373737;\n    border-radius: 15px;\n    text-align: center;\n  }\n\n  .Dropdown-option.is-selected,\n  .Dropdown-option:hover {\n    background-color: #141313;\n  }\n\n  .Dropdown-option {\n    color: #dadada;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 11px 10px;\n  }\n\n  .Dropdown-control {\n    background: transparent;\n    color: #dadada;\n    border: none;\n    font-weight: 400;\n    font-size: 16px;\n    padding: 8px 25px 8px 10px;\n    width: 110px;\n  }\n\n  .Dropdown-arrow {\n    top: 17px;\n    right: 10px;\n  }\n\n  .z-index {\n    z-index: 1;\n  }\n\n  .values-drop {\n    position: absolute;\n    top: 8px;\n    left: 47px;\n    display: flex;\n    z-index: 0;\n    color: #dadada !important;\n  }\n\n  @media screen and (max-width: 1799px) {\n    /* .zoom {\n      zoom: 0.8;\n    } */\n  }\n\n  @media screen and (max-width: 1399px) {\n    /* .zoom {\n      zoom: 0.7;\n    } */\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  img {\n    border-radius: 25px 25px 0 0;\n  }\n\n  p {\n    font-weight: 400;\n    font-size: 22px;\n    line-height: 27px;\n    color: #dadada;\n  }\n\n  button {\n    background: #18191a;\n    border-radius: 20px;\n    color: #f0ebeb;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  button:hover {\n    background: ${lighten(0.1, '#18191a')};\n  }\n  .modal-close {\n    color: #fff;\n    height: 50px;\n    width: 50px;\n    right: 15px;\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      max-width: 600px;\n      width: 30vw;\n    }\n  }\n`;\n","import React, {\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n  useEffect,\n} from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { SlRefresh } from 'react-icons/sl';\nimport { BsArrowReturnRight } from 'react-icons/bs';\nimport { FormHandles } from '@unform/core';\nimport Dropdown from 'react-dropdown';\nimport { Container } from './styles';\nimport { web3store } from '~/store';\n\nimport Input from '~/components/Input';\n\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport sample2 from '~/assets/defaults/sample_2.png';\nimport sample3 from '~/assets/defaults/sample_3.png';\nimport sample4 from '~/assets/defaults/sample_4.png';\nimport sample5 from '~/assets/defaults/sample_5.png';\nimport sample6 from '~/assets/defaults/sample_6.png';\nimport sample7 from '~/assets/defaults/sample_7.png';\nimport sample8 from '~/assets/defaults/sample_8.png';\nimport sample9 from '~/assets/defaults/sample_9.png';\nimport sample10 from '~/assets/defaults/sample_10.png';\nimport sample11 from '~/assets/defaults/sample_11.png';\nimport sample12 from '~/assets/defaults/sample_12.png';\nimport sample13 from '~/assets/defaults/sample_13.png';\nimport sample14 from '~/assets/defaults/sample_14.png';\nimport sample15 from '~/assets/defaults/sample_15.png';\nimport sample16 from '~/assets/defaults/sample_16.png';\n\ninterface ISearch {\n  onClickSearch(): void;\n}\n\nconst Examples: React.FC<ISearch> = ({ onClickSearch }) => {\n  const formRef = useRef<FormHandles>(null);\n\n  // const [seed, setSeed] = useState('');\n  // const [valueInput, setValueInput] = useState('');\n\n  // AI Image generator - global\n  const [aiigSeed, setAiigSeed] = web3store.useState('aiigSeed');\n  const [aiigPrompt, setAiigPrompt] = web3store.useState('aiigPrompt');\n  const [aiigResult, setAiigResult] = web3store.useState('aiigResult');\n  const [aiigCount, setAiigCount] = web3store.useState('aiigCount');\n  const [aiigCreate, setAiigCreate] = web3store.useState('aiigCreate');\n\n  const sampleImage = useMemo(\n    () => [\n      [\n        {\n          image: sample1,\n          description:\n            'gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n        {\n          image: sample2,\n          description:\n            'wolf knight, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k 16K, professional color grading, soft shadows, high contrast, clean sharp focus, award-winning cinematic photography, 4k up light',\n        },\n        {\n          image: sample3,\n          description:\n            'Goddess of nature, native American Indian, green vines and flowers with black flowing for hair, feathers, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n        {\n          image: sample4,\n          description:\n            'beautiful female warrior wearing Dark Brotherhood armour , beautiful face, glowing eyes, epic war zone, full shot, intricate details, symmetrical, Todd Mcfarlane, Diego Dayer, Anna, Dittmann, Unreal 5, hyperrealistic, dynamic lighting, neon ambience, volumetric lighting, fantasy art',\n        },\n      ],\n      [\n        {\n          image: sample5,\n          description:\n            'robotic goddess, cyborg, ornate translucent glowing sapphire and amethyst and emerald and silver, impressionist painting on canvas, female android, flowers, in the style of Jean-Baptiste Monge:20 , outer space, vanishing point, super highway, high speed, digital render, digital painting, beeple, noah bradley, cyril roland, ross tran, trending on artstation',\n        },\n        {\n          image: sample6,\n          description:\n            'Dark skin, handsome outlaw, futuristic gunslinger, sci-fi, white hero suit, bad boy, HD, dark background,  unreal engine, 8k',\n        },\n        {\n          image: sample7,\n          description:\n            'beautiful horse, portrait, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k long hair, blue eyes, colorful synthwave neon',\n        },\n        {\n          image: sample8,\n          description:\n            'cute dragon holding heart, stunning, not ugly, up lighting',\n        },\n      ],\n      [\n        {\n          image: sample9,\n          description:\n            'Viking, barbarian, warrior, glowing eyes, horned helmet, beard, angry face, high detail, inky',\n        },\n        {\n          image: sample10,\n          description:\n            'A beautiful female super model, mixed media, wet paint, Jewel bug, color background, flowing liquid color down her face, shot by ZHANG JINGNA',\n        },\n        {\n          image: sample11,\n          description:\n            'black woman, gorgeous cyberpunk hacker, wires cybernetic implants, in the style of adrian ghenie esao andrews jenny saville surrealism dark art by james jean takato yamamoto and blii sienkiewicz, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by greg rutkowski',\n        },\n        {\n          image: sample12,\n          description:\n            'White lion, full fur, facing at the camera, very colorful, 8k, highly detailed synth wave neon',\n        },\n      ],\n      [\n        {\n          image: sample13,\n          description:\n            'character design of a handsome young warrior with armor, cel shading, stunning quality, octane render, close-up portrait shot, intricate details, highly detailed, a 70mm portrait, iso 100, focus mode, f/100, locs, blasian, perfect composition, beautiful detailed intricate insanely detailed octane render artistic photography, concept art, cinematic perfect light, masterpiece',\n        },\n        {\n          image: sample14,\n          description:\n            'cyberpunk Trooper warrior portrait, red eyes, Tribal tattoo on face, horn on the head, neon color, realistic pencil drawing, hyper-detailed, cinematic, oil painting style, HD',\n        },\n        {\n          image: sample15,\n          description:\n            'blonde paladin, black and white, old man face, blue eyes, high details, cinematic lighting, moody, wrinkles in the face, uhq',\n        },\n        {\n          image: sample16,\n          description:\n            'An epic portrait of an ancient warrior, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by WLOP, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n        },\n      ],\n    ],\n    []\n  );\n\n  const sampleDescription = useMemo(\n    () => [\n      'gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n\n      'wolf knight, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k 16K, professional color grading, soft shadows, high contrast, clean sharp focus, award-winning cinematic photography, 4k up light',\n\n      'Goddess of nature, native American Indian, green vines and flowers with black flowing for hair, feathers, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n\n      'beautiful female warrior wearing Dark Brotherhood armour , beautiful face, glowing eyes, epic war zone, full shot, intricate details, symmetrical, Todd Mcfarlane, Diego Dayer, Anna, Dittmann, Unreal 5, hyperrealistic, dynamic lighting, neon ambience, volumetric lighting, fantasy art',\n\n      'robotic goddess, cyborg, ornate translucent glowing sapphire and amethyst and emerald and silver, impressionist painting on canvas, female android, flowers, in the style of Jean-Baptiste Monge:20 , outer space, vanishing point, super highway, high speed, digital render, digital painting, beeple, noah bradley, cyril roland, ross tran, trending on artstation',\n\n      'Dark skin, handsome outlaw, futuristic gunslinger, sci-fi, white hero suit, bad boy, HD, dark background,  unreal engine, 8k',\n\n      'beautiful horse, portrait, finely detailed armor, intricate design, silver, silk, cinematic lighting, 4k long hair, blue eyes, colorful synthwave neon',\n\n      'cute dragon holding heart, stunning, not ugly, up lighting',\n\n      'Viking, barbarian, warrior, glowing eyes, horned helmet, beard, angry face, high detail, inky',\n\n      'A beautiful female super model, mixed media, wet paint, Jewel bug, color background, flowing liquid color down her face, shot by ZHANG JINGNA',\n\n      'black woman, gorgeous cyberpunk hacker, wires cybernetic implants, in the style of adrian ghenie esao andrews jenny saville surrealism dark art by james jean takato yamamoto and blii sienkiewicz, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by greg rutkowski',\n\n      'White lion, full fur, facing at the camera, very colorful, 8k, highly detailed synth wave neon',\n\n      'character design of a handsome young warrior with armor, cel shading, stunning quality, octane render, close-up portrait shot, intricate details, highly detailed, a 70mm portrait, iso 100, focus mode, f/100, locs, blasian, perfect composition, beautiful detailed intricate insanely detailed octane render artistic photography, concept art, cinematic perfect light, masterpiece',\n\n      'cyberpunk Trooper warrior portrait, red eyes, Tribal tattoo on face, horn on the head, neon color, realistic pencil drawing, hyper-detailed, cinematic, oil painting style, HD',\n\n      'blonde paladin, black and white, old man face, blue eyes, high details, cinematic lighting, moody, wrinkles in the face, uhq',\n\n      'An epic portrait of an ancient warrior, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by WLOP, trending on artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    ],\n    []\n  );\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n  const [imgNft, setImgNft] = useState('');\n  const [descriptionNft, setDescriptionNft] = useState('');\n  const [valueDropdown, setValueDropdown] = useState('');\n  const [random, setRandom] = useState(0);\n  const randomNumber = Math.floor(random * 16 + 1);\n\n  const dropOptions = useMemo(\n    () => [\n      {\n        value: '1',\n        label: '1',\n      },\n      {\n        value: '2',\n        label: '2',\n      },\n      {\n        value: '3',\n        label: '3',\n      },\n      {\n        value: '4',\n        label: '4',\n      },\n    ],\n    []\n  );\n\n  const handleValueDropdown = useCallback(\n    (e) => {\n      // setValueDropdown(e.value);\n      setAiigCount(e.value);\n    },\n    [aiigCount]\n  );\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n  const handleShow = useCallback((nft, desc) => {\n    setShow(true);\n    setImgNft(nft);\n    setDescriptionNft(desc);\n  }, []);\n\n  const handleClickSendPrompt = useCallback(() => {\n    // setSeed('');\n    setAiigSeed('');\n    console.log('AQUI');\n    setTimeout(() => {\n      formRef.current?.submitForm();\n    }, 100);\n  }, []);\n\n  const handleValueInput = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      // setValueInput(e.target.value);\n      setAiigPrompt(e.target.value);\n    },\n    [aiigPrompt]\n  );\n\n  const handleRandomDescription = useCallback(() => {\n    setRandom(Math.random());\n\n    if (randomNumber === 16) {\n      // setValueInput(sampleDescription[0]);\n      setAiigPrompt(sampleDescription[0]);\n    } else {\n      // setValueInput(sampleDescription[randomNumber]);\n      setAiigPrompt(sampleDescription[randomNumber]);\n    }\n  }, [randomNumber, sampleDescription]);\n\n  return (\n    <Container\n      ref={formRef}\n      onSubmit={() => 'http://127.0.0.1:8000/ai/image/create'}\n    >\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-6 d-flex align-items-center surprise mt-5 mb-4\">\n            <p className=\"mb-0\">Start with a detailed description </p>\n            <button\n              type=\"button\"\n              className=\"bg-surprise ms-4 px-3 py-2 rounded\"\n              onClick={handleRandomDescription}\n            >\n              Surprise me\n            </button>\n          </div>\n          <div className=\"col-6 d-flex align-items-center justify-content-end mt-5 mb-4 drop\">\n            <span>Number of images:</span>\n            <div className=\"position-relative\">\n              <div className=\"d-flex z-index position-relative\">\n                <Dropdown\n                  className=\"ms-3\"\n                  onChange={handleValueDropdown}\n                  options={dropOptions}\n                  placeholder=\"1\"\n                />\n              </div>\n              <span className=\"values-drop\">\n                {aiigCount === '1' ? 'image' : 'images'}\n                {/* {valueDropdown === '1' ? 'image' : 'images'} */}\n              </span>\n            </div>\n          </div>\n        </div>\n        <div className=\"row mb-5\">\n          {sampleImage.map((cols) => (\n            <div className=\"col-lg-3 sample zoom px-1\">\n              {cols.map((item) => (\n                <div className=\"hover position-relative mb-2\">\n                  <img src={item.image} alt=\"Sample Image\" className=\"w-100\" />\n                  <div className=\"d-flex flex-column justify-content-between align-items-end position-absolute p-4\">\n                    <button\n                      type=\"button\"\n                      className=\"border-0 text-end\"\n                      onClick={() => {\n                        // setValueInput(item.description);\n                        setAiigPrompt(item.description);\n                      }}\n                    >\n                      Try this\n                    </button>\n\n                    <p className=\"text-center\">{item.description}</p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ))}\n\n          <div className=\"area-send position-fixed\">\n            <div className=\"d-flex mx-auto align-items-center zoom border-textarea\">\n              <Input\n                name=\"prompt\"\n                className=\"w-100 border-0 bg-transparent ms-4 textarea\"\n                placeholder=\"Type anything you can dream here...\"\n                onChange={handleValueInput}\n                // value={valueInput}\n                value={aiigPrompt}\n              />\n              <button\n                type=\"button\"\n                className=\"send d-flex py-3 me-5\"\n                onClick={onClickSearch}\n              >\n                <BsArrowReturnRight\n                  className=\"me-2\"\n                  color=\"#c4c4c4\"\n                  size={18}\n                />\n                Send\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Examples;\n","import styled from 'styled-components';\n\ninterface IDivFade {\n  xyz?: string;\n}\n\nexport const Container = styled.div`\n  font-family: 'Poppins', sans-serif;\n  img {\n    border-radius: 25px;\n    height: 342px;\n  }\n\n  span {\n    font-weight: 600;\n    font-size: 20px;\n    color: #c9c9c9;\n  }\n\n  div p:nth-child(2) {\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 118%;\n    color: #787878;\n  }\n\n  div p:nth-child(3) {\n    font-weight: 400;\n    font-size: 32px;\n    line-height: 118%;\n    color: #c9c9c9;\n  }\n\n  .transitions {\n    --xyz-in-delay: 0.1s;\n    --xyz-out-delay: 0.01s;\n  }\n\n  .vh-75 {\n    height: 75vh;\n  }\n\n  .bg-card {\n    background-color: #212122;\n    border-radius: 25px;\n  }\n\n  .progress {\n    background-color: #333;\n    height: 5px;\n  }\n\n  .progress-bar {\n    background-color: #e9e9e9;\n  }\n`;\n\nexport const DivFade = styled.div<IDivFade>``;\n","export default __webpack_public_path__ + \"static/media/sun-example.9a753015.png\";","export default __webpack_public_path__ + \"static/media/picasso-example.15954519.png\";","export default __webpack_public_path__ + \"static/media/rabit-example.ac447039.png\";","import React, { useEffect, useState } from 'react';\nimport ProgressBar from 'react-bootstrap/ProgressBar';\nimport { XyzTransition, XyzTransitionGroup } from '@animxyz/react';\nimport { Container, DivFade } from './styles';\n\nimport sun from '~/assets/defaults/sun-example.png';\nimport picasso from '~/assets/defaults/picasso-example.png';\nimport rabit from '~/assets/defaults/rabit-example.png';\n\nconst LoadingNft: React.FC = () => {\n  const [progress, setProgress] = useState(0);\n  const [random, setRandom] = useState(Math.random());\n  const randomNumber = Math.floor(random * 3 + 1);\n\n  useEffect(() => {\n    if (progress < 100) {\n      setTimeout(() => {\n        setProgress(progress + 10);\n        setRandom(Math.random());\n      }, 4900);\n    }\n  }, [progress]);\n\n  return (\n    <Container>\n      <div className=\"container\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-9 px-0 pb-4 mt-5 pt-5\">\n            <ProgressBar now={progress} className=\"my-5\" />\n          </div>\n          <div className=\"col-9 px-0 position-relative\">\n            <XyzTransitionGroup\n              xyz=\"fade small duration-7\"\n              className=\"transitions\"\n            >\n              {(progress === 10 || progress === 40 || progress === 70) && (\n                <DivFade key=\"1\" className=\"d-flex bg-card xyz-absolute\">\n                  <div>\n                    <img src={sun} alt=\"Sun\" className=\"\" />\n                  </div>\n                  <div className=\"d-flex flex-column p-5\">\n                    <span>Tip</span>\n                    <p className=\"mt-2 mb-5\">\n                      Describe a famous fotografer style as inspiration\n                    </p>\n                    <p>\n                      “A synthwave style sunset above the reflecting water of\n                      the sea, digital art by Paul Reiffer”\n                    </p>\n                  </div>\n                </DivFade>\n              )}\n\n              {(progress === 20 || progress === 50 || progress === 80) && (\n                <DivFade key=\"2\" className=\"d-flex bg-card xyz-absolute\">\n                  <div>\n                    <img src={picasso} alt=\"picasso\" className=\"\" />\n                  </div>\n                  <div className=\"d-flex flex-column p-5\">\n                    <span>Tip</span>\n                    <p className=\"mt-2 mb-5\">\n                      Describe a famous artist as inspiration\n                    </p>\n                    <p>“Picasso painting of an angry monkey”</p>\n                  </div>\n                </DivFade>\n              )}\n\n              {(progress === 30 ||\n                progress === 60 ||\n                progress === 90 ||\n                progress === 0) && (\n                <DivFade key=\"3\" className=\"d-flex bg-card xyz-absolute\">\n                  <div>\n                    <img src={rabit} alt=\"rabit\" className=\"\" />\n                  </div>\n                  <div className=\"d-flex flex-column p-5\">\n                    <span>Tip</span>\n                    <p className=\"mt-2 mb-5\">\n                      Describe the lighting to improve aesthetics\n                    </p>\n                    <p>\n                      “bored rabbit, cyberpunk 2077 cyborg face cybernetics,\n                      realistic, uplight, dramatic light”\n                    </p>\n                  </div>\n                </DivFade>\n              )}\n            </XyzTransitionGroup>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default LoadingNft;\n","import styled from 'styled-components';\nimport { Form } from '@unform/web';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Container = styled(Form)`\n  .container {\n    max-width: 1700px;\n  }\n  .btns {\n    top: 1rem;\n    left: 0;\n    opacity: 0;\n    button {\n      font-family: 'Quicksand';\n      font-weight: 600;\n      font-size: 16px;\n      color: #bebebe;\n      background: rgba(152, 148, 148, 0.1);\n      padding: 15px 20px;\n      backdrop-filter: blur(15px);\n      border-radius: 12px;\n      border: none;\n    }\n    button:nth-child(1) {\n      margin-left: 1rem;\n    }\n    button:nth-child(2) {\n      margin-right: 1rem;\n    }\n  }\n\n  .hover-btns:hover {\n    .btns {\n      opacity: 1;\n    }\n    .hover .bg {\n      background-color: rgba(14, 14, 14, 0.86);\n    }\n  }\n\n  .hover {\n    border-radius: 25px;\n  }\n\n  .hover .bg {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    transition: all 0.3s ease;\n\n    :hover {\n      span,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .hover img {\n    border-radius: 25px;\n  }\n\n  .avatar-text {\n    color: #cbccce;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .avatar {\n    height: 30px;\n    width: 30px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .avatar img {\n    width: 30px;\n    height: 30px;\n    cursor: unset;\n  }\n  .border-nft {\n    border: 1px solid #4f4f4f;\n    border-radius: 30px;\n  }\n\n  .area-send {\n    bottom: 0px;\n    right: 0px;\n    width: calc(100% - 160px);\n    padding: 25px 10px 10px 25px;\n    background: linear-gradient(180deg, rgba(24, 25, 26, 0) 0%, #18191a 63%);\n  }\n\n  .border-textarea {\n    width: 60%;\n    max-width: 1000px;\n    background: #1f2020;\n    border: 1px solid #282929;\n    box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n    border-radius: 22px;\n    height: 82px;\n  }\n\n  .textarea {\n    height: unset;\n\n    textarea {\n      color: #787878;\n    }\n  }\n\n  .send {\n    border: none;\n    background-color: transparent;\n    transition-duration: 0.3s;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n\n    color: #c4c4c4;\n  }\n\n  .send:focus,\n  .send:hover {\n    color: ${lighten(0.1, '#c4c4c4')}!important;\n  }\n\n  input {\n    resize: none;\n    background-color: transparent;\n    color: #d4d4d4 !important;\n    font-weight: 400 !important;\n    border: none;\n    ::placeholder {\n      color: #5a5b5b !important;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .img-nft {\n    border-radius: 30px;\n  }\n\n  p {\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 25px;\n    color: #d4d4d4;\n  }\n\n  .btns-share button,\n  .btns-share a {\n    background: #1c1c1d;\n    margin-bottom: 10px;\n    backdrop-filter: blur(15px);\n    border-radius: 25px;\n    border: none;\n    padding: 24px;\n  }\n\n  .btns-share div {\n    font-weight: 300;\n    font-size: 18px;\n    color: #7d7777;\n  }\n\n  .btn-like {\n    position: absolute;\n    bottom: 30px;\n    left: 46px;\n  }\n\n  .btn-dislike {\n    position: absolute;\n    bottom: 30px;\n    left: 103px;\n    transform: rotate(180deg);\n  }\n\n  .btn-launchpad {\n    background: #00f9ab;\n    border-radius: 20px;\n    color: #000;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  .btn-launchpad:hover {\n    opacity: 0.8;\n  }\n\n  .modal-xl {\n    max-width: 1300px;\n  }\n\n  .padding-modal {\n    padding: 0 60px 60px 60px;\n  }\n\n  .right-side {\n    border: 1px solid #6b6161;\n    border-radius: 30px;\n  }\n\n  .right-side img {\n    height: 40px;\n    width: 40px;\n  }\n  .modal-close {\n    color: #fff;\n    height: 50px;\n    width: 50px;\n    right: 15px;\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      max-width: 600px;\n      width: 30vw;\n    }\n  }\n`;\n\nexport const ModalNft = styled(ModalComponent)`\n  .bg-main {\n    background: rgba(23, 23, 25, 0.46);\n    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.265139);\n    backdrop-filter: blur(5px);\n    border-radius: 37px 37px 0px 0px;\n  }\n\n  .mint-button {\n    width: 43%;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    padding: 17px 49px;\n    font-family: 'Poppins', sans-serif;\n    color: #000;\n  }\n\n  .try-again {\n    width: 43%;\n    background: rgba(26, 27, 29, 0.7);\n    border: 2px solid #393c3d;\n    border-radius: 22px;\n    color: #f2f2f2;\n    font-weight: 600;\n    padding: 17px 33px;\n    font-family: 'Poppins', sans-serif;\n  }\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n    height: 470px;\n  }\n\n  .bg-nft img {\n    height: 70%;\n  }\n\n  .bg-nft span {\n    color: #1b1a18;\n    font-size: 22px;\n    line-height: 20px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .header img {\n    height: 52px;\n    width: 52px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n  .modal-xl {\n    width: 1140px;\n  }\n\n  .btn-nft {\n    color: #fff;\n    padding: 18px;\n    font-size: 24px;\n    border-radius: 20px;\n    background-color: #0c0d0d;\n  }\n\n  @media screen and (max-width: 1399px) {\n    .btn-nft {\n      font-size: 20px;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .btn-nft {\n      padding: 18px 10px;\n      font-size: 18px;\n    }\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","export default __webpack_public_path__ + \"static/media/nft-icon.2fd9bfc3.svg\";","import React, { useState, useCallback, useEffect, useRef } from 'react';\n\nimport axios from 'axios';\nimport { useHistory } from 'react-router-dom';\nimport { XyzTransition } from '@animxyz/react';\nimport { FormHandles } from '@unform/core';\nimport { BsArrowReturnRight } from 'react-icons/bs';\nimport { Container, Modal, ModalNft, Avatar } from './styles';\nimport picasso from '~/assets/defaults/picasso-example.png';\nimport sun from '~/assets/defaults/sun-example.png';\nimport monkey from '~/assets/defaults/monkey-example.png';\nimport car from '~/assets/defaults/car-example.png';\nimport hero from '~/assets/defaults/hero-example.png';\nimport rabit from '~/assets/defaults/rabit-example.png';\nimport nftIcon from '~/assets/icons/nft-icon.svg';\nimport wand from '~/assets/icons/wand-icon.svg';\nimport bookmark from '~/assets/icons/bookmark-icon.svg';\nimport download from '~/assets/icons/download-icon.svg';\nimport share from '~/assets/icons/share-icon.svg';\nimport like from '~/assets/icons/like-icon.svg';\nimport basketExample from '~/assets/defaults/basket-example.png';\nimport qrCode from '~/assets/defaults/qr-code-example.png';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\n\nimport { web3store } from '~/store';\nimport { useAuth } from '~/hooks/Auth';\nimport Input from '~/components/Input';\nimport ButtonDownload from '~/components/ButtonDownload';\nimport ModalDownloadShare from '~/components/ModalDownloadShare';\nimport bookmarkAct from '~/assets/icons/bookmark-icon-active.svg';\n\ninterface ISearch {\n  onClickSearch(): void;\n}\n\ninterface ImageHistoryItem {\n  id: number;\n  img: string;\n  description: string;\n  seed: string;\n  collection: number;\n}\n\nconst Result: React.FC<ISearch> = ({ onClickSearch }) => {\n  const history = useHistory();\n  const { user } = useAuth();\n  const formRef = useRef<FormHandles>(null);\n  const [show, setShow] = useState(false);\n  const [showNft, setShowNft] = useState(false);\n  const [imgNft, setImgNft] = useState('');\n  const [avatar, setAvatar] = useState('');\n  const [descriptionNft, setDescriptionNft] = useState('');\n  const [valueInput, setValueInput] = useState('');\n\n  // AI Image generator - global\n  const [aiigSeed, setAiigSeed] = web3store.useState('aiigSeed');\n  const [aiigPrompt, setAiigPrompt] = web3store.useState('aiigPrompt');\n  const [aiigResult, setAiigResult] = web3store.useState('aiigResult');\n  const [aiigCount, setAiigCount] = web3store.useState('aiigCount');\n  const [aiigCreate, setAiigCreate] = web3store.useState('aiigCreate');\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const apiUrl = process.env.REACT_APP_API as string;\n\n  type ImageResultItem = {\n    id: number;\n    img: string;\n    description: string;\n    seed: string;\n    collection: number;\n  };\n\n  const [imageResult, setImageResult] = useState<ImageResultItem[]>([]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleShow = useCallback((nft, desc) => {\n    setShow(true);\n\n    setImgNft(nft);\n    setDescriptionNft(desc);\n  }, []);\n\n  useEffect(() => {\n    if (user) {\n      setAvatar(user.nft_img);\n    }\n  }, [user]);\n\n  const handleValueInput = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValueInput(e.target.value);\n    },\n    []\n  );\n\n  useEffect(() => {\n    setImageResult(aiigResult);\n  }, [aiigResult]);\n\n  const handleBookmark = useCallback((id) => {\n    console.log('Bookmark ID: %s', id);\n    const member = connectedMember.memberId;\n    console.log('Member: %s', member);\n    axios\n      .post(apiUrl.concat('v1/ai/image/bookmark'), {\n        tokenID: member,\n        imageID: id,\n      })\n      .then(function (acctresponse) {\n        console.log(acctresponse.data);\n        setImageResult((prevImageResult) =>\n          prevImageResult.map((item) =>\n            item.id === id\n              ? {\n                  ...item,\n                  img: acctresponse.data.img,\n                  collection: acctresponse.data.collection,\n                }\n              : item\n          )\n        );\n      })\n      .catch(function (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n        // setImgCommand('');\n      });\n  }, []);\n\n  return (\n    <>\n      <Container ref={formRef} onSubmit={() => '/'}>\n        <div className=\"container\">\n          <div className=\"row img-example\">\n            <div className=\"col-12 mt-5\">\n              <div className=\"row h-100 justify-content-center\">\n                {aiigResult.map((item: any) => (\n                  <div key={item.id} className=\"col-3 pt-4 px-2\">\n                    <div className=\"border-nft p-2\">\n                      <div className=\"hover-btns position-relative\">\n                        <button\n                          type=\"button\"\n                          className=\"hover border-0 bg-transparent position-relative w-100\"\n                          onClick={() => handleShow(item.img, item.description)}\n                        >\n                          <img\n                            src={item.img}\n                            alt={item.img}\n                            className=\"w-100\"\n                          />\n                          <div className=\"position-absolute p-3 bg\" />\n                        </button>\n                        {/* <div className=\"btns d-flex justify-content-between position-absolute w-100\">\n                          <button type=\"button\">Upscale</button>\n                          <button type=\"button\">Regenerate</button>\n                        </div> */}\n                      </div>\n\n                      <div className=\"d-flex justify-content-between align-items-center px-3 py-3\">\n                        <div className=\"d-flex align-items-center w-auto avatar-text\">\n                          <div className=\"avatar me-2 d-flex align-items-center text-center rounded-circle\">\n                            <Avatar src={avatar} className=\"rounded-circle\" />\n                          </div>\n                          {user?.screen_name}\n                        </div>\n                        <div>\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() =>\n                              handleShow(item.img, item.description)\n                            }\n                          >\n                            <img\n                              src={nftIcon}\n                              title=\"Nft\"\n                              alt=\"Nft\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                          <ButtonDownload\n                            img={item.img}\n                            className=\"border-0 bg-transparent\"\n                          >\n                            <img\n                              src={download}\n                              title=\"Download\"\n                              alt=\"Download\"\n                              className=\"px-2\"\n                            />\n                          </ButtonDownload>\n\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() => handleBookmark(item.id)}\n                          >\n                            <img\n                              src={bookmark}\n                              title=\"Save\"\n                              alt=\"Bookmark\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"area-send position-fixed\">\n          <div className=\"d-flex mx-auto align-items-center zoom border-textarea\">\n            <Input\n              name=\"prompt\"\n              className=\"w-100 border-0 bg-transparent ms-4 textarea\"\n              placeholder=\"Type anything you can dream here...\"\n              onChange={handleValueInput}\n              value={valueInput}\n            />\n            <button\n              type=\"button\"\n              className=\"send d-flex py-3 me-5\"\n              onClick={onClickSearch}\n            >\n              <BsArrowReturnRight className=\"me-2\" color=\"#c4c4c4\" size={18} />\n              Send\n            </button>\n          </div>\n        </div>\n      </Container>\n\n      <ModalDownloadShare\n        selectImg={imgNft}\n        description={descriptionNft}\n        show={show}\n        onCloseShare={handleClose}\n      />\n    </>\n  );\n};\n\nexport default Result;\n","import { lighten } from 'polished';\nimport styled from 'styled-components';\n\nexport const Container = styled.div`\n  span {\n    color: #dadada;\n  }\n\n  p {\n    color: #8c8c8c;\n    font-weight: 400;\n  }\n\n  .container-fluid {\n    max-width: 1800px;\n  }\n\n  .history-collec {\n    font-weight: 400;\n    font-size: 20px;\n    color: #8c8c8c;\n    transition-duration: 0.3s;\n    :hover {\n      color: ${lighten(0.2, '#8c8c8c')};\n    }\n  }\n\n  .active {\n    color: #dadada !important;\n  }\n\n  .btn-up-image {\n    font-weight: 400;\n    font-size: 16px;\n    color: #dadada;\n  }\n\n  .border-underline {\n    border: none;\n    padding: 0 0 2px 0;\n    background-image: linear-gradient(180deg, #18191a, #18191a),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n  }\n\n  .resolution div {\n    color: #8d8d8d;\n    font-size: 18px;\n    font-weight: 500;\n  }\n\n  .bg-surprise {\n    background-color: #1d2023;\n  }\n\n  .border-gradient {\n    background-image: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    ) !important;\n  }\n\n  .border-gradient span {\n    font-weight: 600;\n    font-size: 18px;\n    background-color: #18191a;\n    border-top-left-radius: 12px;\n    border-bottom-left-radius: 12px;\n    margin: 1px;\n  }\n\n  .border-gradient button {\n    font-size: 18px;\n    border-top-right-radius: 12px;\n    border-bottom-right-radius: 12px;\n    margin: 1px 1px 1px 0;\n    color: #18191a;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    transition: all 1s ease;\n    :hover {\n      background: linear-gradient(\n        239.23deg,\n        #f281ff 7.84%,\n        #fabcd6 28.62%,\n        #fbc2d3 38.94%,\n        #ffe0be 49.96%,\n        #deefd1 64.82%,\n        #bcffe5 67.63%,\n        #9df3ff 91.88%\n      );\n    }\n  }\n\n  .border-gradient textarea {\n    flex: auto;\n    resize: none;\n    color: #dadada;\n    font-size: 18px;\n    margin: 1px 0 1px 0;\n    background-color: #18191a;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/ai-creator.0bc8fa37.svg\";","import React from 'react';\nimport { Link, useLocation } from 'react-router-dom';\nimport WalletRow from '../WalletRow';\n\nimport { Container } from './styles';\nimport title from '~/assets/logo/ai-creator.svg';\n\ninterface ILoading {\n  loading?: boolean;\n}\n\nconst AiCreatorTitle: React.FC<ILoading> = ({ loading }) => {\n  const location = useLocation();\n\n  const url = [\n    '/products/ai-art/collections/all',\n    '/products/ai-art/collections/private',\n    '/products/ai-art/collections/public',\n    '/products/ai-art/collections-private',\n  ];\n\n  return (\n    <Container>\n      <div className=\"container-fluid\">\n        <div className=\"row justify-content-between mt-2\">\n          <div className=\"col-3\">\n            <img src={title} alt=\"Logo ai art creator\" className=\"w-100\" />\n          </div>\n          <div className=\"col-3 d-flex align-items-center\">\n            {!loading && (\n              <>\n                <Link\n                  to={`${process.env.PUBLIC_URL}/products/ai-art/nft-history`}\n                  className={`history-collec ms-4 ${\n                    location.pathname === '/products/ai-art/nft-history' &&\n                    'active'\n                  }`}\n                >\n                  History\n                </Link>\n\n                <Link\n                  to={`${process.env.PUBLIC_URL}/products/ai-art/collections/all`}\n                  className={`history-collec ms-4 ${\n                    url.includes(location.pathname) && 'active'\n                  }`}\n                >\n                  Collections\n                </Link>\n              </>\n            )}\n          </div>\n          <div className=\"col-6\">\n            <WalletRow />\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AiCreatorTitle;\n","import React, { useState, useCallback } from 'react';\nimport { useLocation, useHistory, Link } from 'react-router-dom';\nimport { IoIosArrowDown } from 'react-icons/io';\nimport { web3store } from '~/store';\n\nimport WalletRow from '~/components/WalletRow';\nimport Examples from './NftExamples';\nimport LoadingNft from './LoadingNft';\nimport NftResult from './NftResult';\nimport NftUploaded from './NftUploaded';\nimport { Modal } from './styles';\nimport paint from '~/assets/icons/paint-palette.svg';\nimport plusUploadImage from '~/assets/icons/plus-upload-image.svg';\nimport title from '~/assets/logo/ai-creator.svg';\nimport AiCreatorTitle from '~/components/AiCreatorTitle';\n\nconst Nft: React.FC = () => {\n  const [testLoading, setTestLoading] = useState(false);\n  const [show, setShow] = useState(false);\n  const [image, setImage] = useState('');\n  const [imageChoise, setImageChoise] = useState('');\n  const location = useLocation();\n  const history = useHistory();\n  // AI Image generator - global\n  const [aiigSeed, setAiigSeed] = web3store.useState('aiigSeed');\n  const [aiigPrompt, setAiigPrompt] = web3store.useState('aiigPrompt');\n  const [aiigResult, setAiigResult] = web3store.useState('aiigResult');\n  const [aiigCount, setAiigCount] = web3store.useState('aiigCount');\n  const [aiigCreate, setAiigCreate] = web3store.useState('aiigCreate');\n\n  const handleSearch = useCallback(() => {\n    console.log('searching...');\n    console.log(aiigPrompt);\n    setAiigCreate(true);\n    history.push(`${process.env.PUBLIC_URL}/products/ai-art/result`);\n\n    setTestLoading(true);\n    setTimeout(() => {\n      setTestLoading(false);\n    }, 50000);\n  }, [history, aiigPrompt, aiigCount]);\n\n  const handleImg = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const file = e.target.files[0];\n      setImage(URL.createObjectURL(file));\n    }\n  }, []);\n\n  return (\n    <>\n      <AiCreatorTitle loading={testLoading} />\n\n      {location.pathname === '/products/ai-art/generation' && !testLoading && (\n        <Examples onClickSearch={handleSearch} />\n      )}\n      {location.pathname === '/products/ai-art/result' && !testLoading && (\n        <NftResult onClickSearch={handleSearch} />\n      )}\n      {/* {location.pathname === '/products/ai-art/image-upload' &&\n        !testLoading && (\n          <NftUploaded onClick={handleShow} imageSelected={imageChoise} />\n        )} */}\n\n      {testLoading && <LoadingNft />}\n      {/* <LoadingNft /> */}\n    </>\n  );\n};\n\nexport default Nft;\n","import styled from 'styled-components';\nimport { Form } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Nfts = styled(Form)`\n  .container {\n    max-width: 1700px;\n  }\n  .btns {\n    top: 1rem;\n    left: 0;\n    opacity: 0;\n    button {\n      font-family: 'Quicksand';\n      font-weight: 600;\n      font-size: 16px;\n      color: #bebebe;\n      background: rgba(152, 148, 148, 0.1);\n      padding: 15px 20px;\n      backdrop-filter: blur(15px);\n      border-radius: 12px;\n      border: none;\n    }\n    button:nth-child(1) {\n      margin-left: 1rem;\n    }\n    button:nth-child(2) {\n      margin-right: 1rem;\n    }\n  }\n\n  .hover-btns:hover {\n    .btns {\n      opacity: 1;\n    }\n    .hover .bg {\n      background-color: rgba(14, 14, 14, 0.86);\n    }\n  }\n\n  .hover {\n    border-radius: 25px;\n  }\n\n  .hover .bg {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    transition: all 0.3s ease;\n\n    :hover {\n      span,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .hover img {\n    border-radius: 25px;\n  }\n\n  .avatar-text {\n    color: #cbccce;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .avatar {\n    height: 30px;\n    width: 30px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .avatar img {\n    width: 30px;\n    height: 30px;\n    cursor: unset;\n  }\n  .border-nft {\n    border: 1px solid #4f4f4f;\n    border-radius: 30px;\n  }\n\n  .area-send {\n    bottom: 0px;\n    right: 0px;\n    width: calc(100% - 160px);\n    padding: 25px 10px 10px 25px;\n    background: linear-gradient(180deg, rgba(24, 25, 26, 0) 0%, #18191a 63%);\n  }\n\n  .border-textarea {\n    width: 60%;\n    max-width: 1000px;\n    background: #1f2020;\n    border: 1px solid #282929;\n    box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n    border-radius: 22px;\n    height: 82px;\n  }\n\n  .textarea {\n    height: unset;\n\n    textarea {\n      color: #787878;\n    }\n  }\n\n  .send {\n    border: none;\n    background-color: transparent;\n    transition-duration: 0.3s;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n\n    color: #c4c4c4;\n  }\n\n  .send:focus,\n  .send:hover {\n    color: ${lighten(0.1, '#c4c4c4')}!important;\n  }\n\n  input {\n    resize: none;\n    background-color: transparent;\n    color: #d4d4d4 !important;\n    font-weight: 400 !important;\n    border: none;\n    ::placeholder {\n      color: #5a5b5b !important;\n    }\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","import React, {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  useMemo,\n} from 'react';\n\nimport { FormHandles } from '@unform/core';\nimport axios from 'axios';\nimport { useAuth } from '~/hooks/Auth';\nimport { Avatar, Nfts } from './styles';\n\nimport bookmark from '~/assets/icons/bookmark-icon.svg';\nimport bookmarkAct from '~/assets/icons/bookmark-icon-active.svg';\nimport download from '~/assets/icons/download-icon.svg';\n\nimport nftIcon from '~/assets/icons/nft-icon.svg';\n\nimport AiCreatorTitle from '~/components/AiCreatorTitle';\n\nimport { web3store } from '~/store';\n\nimport ModalDownloadShare from '~/components/ModalDownloadShare';\nimport ButtonDownload from '~/components/ButtonDownload';\n\ninterface ImageHistoryItem {\n  id: number;\n  img: string;\n  description: string;\n  seed: string;\n  collection: number;\n}\n\nconst Nft: React.FC = () => {\n  const { user } = useAuth();\n\n  const formRef = useRef<FormHandles>(null);\n\n  const [show, setShow] = useState(false);\n  const [imgNft, setImgNft] = useState('');\n  const [descriptionNft, setDescriptionNft] = useState('');\n  const [avatar, setAvatar] = useState('');\n  const [collection, setCollection] = useState<number>();\n\n  const apiUrl = process.env.REACT_APP_API as string;\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n\n  const [imageHistory, setImageHistory] = useState<ImageHistoryItem[]>([]);\n\n  useEffect(() => {\n    if (user) {\n      setAvatar(user.nft_img);\n\n      axios\n        .get(apiUrl.concat('v1/ai/image/history/', connectedMember.memberId))\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          setImageHistory(acctresponse.data.images);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n  }, [user]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleShow = useCallback((nft, desc) => {\n    setShow(true);\n\n    setImgNft(nft);\n    setDescriptionNft(desc);\n  }, []);\n\n  const handleBookmark = useCallback((id) => {\n    console.log('Bookmark ID: %s', id);\n    const member = connectedMember.memberId;\n    console.log('Member: %s', member);\n    axios\n      .post(apiUrl.concat('v1/ai/image/bookmark'), {\n        tokenID: member,\n        imageID: id,\n      })\n      .then(function (acctresponse) {\n        console.log(acctresponse.data);\n\n        setImageHistory((prevImageHistory) =>\n          prevImageHistory.map((item) =>\n            item.id === id\n              ? {\n                  ...item,\n                  img: acctresponse.data.img,\n                  collection: acctresponse.data.collection,\n                }\n              : item\n          )\n        );\n      })\n      .catch(function (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n        // setImgCommand('');\n      });\n  }, []);\n\n  return (\n    <>\n      <AiCreatorTitle />\n      <Nfts ref={formRef} onSubmit={() => '/'}>\n        <div className=\"container\">\n          <div className=\"row img-example\">\n            <div className=\"col-12 mt-5\">\n              <div className=\"row h-100\">\n                {imageHistory.map((item) => (\n                  <div key={item.id} className=\"col-3 my-2 px-2\">\n                    <div className=\"border-nft p-2\">\n                      <div className=\"hover-btns position-relative\">\n                        <button\n                          type=\"button\"\n                          className=\"hover border-0 bg-transparent position-relative w-100\"\n                          onClick={() => handleShow(item.img, item.description)}\n                        >\n                          <img\n                            src={item.img}\n                            alt={item.img}\n                            className=\"w-100\"\n                          />\n                          <div className=\"position-absolute text-ai p-3 bg\" />\n                        </button>\n                        {/* <div className=\"btns d-flex justify-content-between position-absolute w-100\">\n                          <button type=\"button\">Mint NFT</button>\n                          <button type=\"button\">Regenerate</button>\n                        </div> */}\n                      </div>\n\n                      <div className=\"d-flex justify-content-between align-items-center px-3 py-3\">\n                        <div className=\"d-flex align-items-center w-auto avatar-text\">\n                          <div className=\"avatar me-2 d-flex align-items-center text-center rounded-circle\">\n                            <Avatar src={avatar} className=\"rounded-circle\" />\n                          </div>\n                          {user?.screen_name}\n                        </div>\n                        <div>\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() =>\n                              handleShow(item.img, item.description)\n                            }\n                          >\n                            <img\n                              src={nftIcon}\n                              title=\"Nft\"\n                              alt=\"Nft\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                          <ButtonDownload\n                            className=\"border-0 bg-transparent\"\n                            img={item.img}\n                          >\n                            <img\n                              src={download}\n                              title=\"Download\"\n                              alt=\"Download\"\n                              className=\"px-2\"\n                            />\n                          </ButtonDownload>\n\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() => handleBookmark(item.id)}\n                          >\n                            <img\n                              src={item.collection ? bookmarkAct : bookmark}\n                              title=\"Save\"\n                              alt=\"Bookmark\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Nfts>\n\n      <ModalDownloadShare\n        selectImg={imgNft}\n        description={descriptionNft}\n        show={show}\n        onCloseShare={handleClose}\n      />\n    </>\n  );\n};\n\nexport default Nft;\n","import styled from 'styled-components';\nimport { Form, Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Container = styled.div`\n  h2 {\n    font-size: 20px;\n    color: #dadada;\n  }\n\n  h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #5d5b5b;\n  }\n  .container {\n    max-width: 1700px;\n  }\n\n  .btn-back-art {\n    color: #dadada !important;\n    span {\n      color: #dadada !important;\n      font-size: 16px;\n    }\n  }\n`;\nexport const Nfts = styled(Form)`\n  .container {\n    max-width: 1700px;\n  }\n  .btns {\n    top: 1rem;\n    left: 0;\n    opacity: 0;\n    button {\n      font-family: 'Quicksand';\n      font-weight: 600;\n      font-size: 16px;\n      color: #bebebe;\n      background: rgba(152, 148, 148, 0.1);\n      padding: 15px 20px;\n      backdrop-filter: blur(15px);\n      border-radius: 12px;\n      border: none;\n    }\n    button:nth-child(1) {\n      margin-left: 1rem;\n    }\n    button:nth-child(2) {\n      margin-right: 1rem;\n    }\n  }\n\n  .hover-btns:hover {\n    .btns {\n      opacity: 1;\n    }\n    .hover .bg {\n      background-color: rgba(14, 14, 14, 0.86);\n    }\n  }\n\n  .hover {\n    border-radius: 25px;\n  }\n\n  .hover .bg {\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    transition: all 0.3s ease;\n\n    :hover {\n      span,\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .hover img {\n    border-radius: 25px;\n  }\n\n  .avatar-text {\n    color: #cbccce;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .avatar {\n    height: 30px;\n    width: 30px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .avatar img {\n    width: 30px;\n    height: 30px;\n    cursor: unset;\n  }\n  .border-nft {\n    border: 1px solid #4f4f4f;\n    border-radius: 30px;\n  }\n\n  .area-send {\n    bottom: 0px;\n    right: 0px;\n    width: calc(100% - 160px);\n    padding: 25px 10px 10px 25px;\n    background: linear-gradient(180deg, rgba(24, 25, 26, 0) 0%, #18191a 63%);\n  }\n\n  .border-textarea {\n    width: 60%;\n    max-width: 1000px;\n    background: #1f2020;\n    border: 1px solid #282929;\n    box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n    border-radius: 22px;\n    height: 82px;\n  }\n\n  .textarea {\n    height: unset;\n\n    textarea {\n      color: #787878;\n    }\n  }\n\n  .send {\n    border: none;\n    background-color: transparent;\n    transition-duration: 0.3s;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n\n    color: #c4c4c4;\n  }\n\n  .send:focus,\n  .send:hover {\n    color: ${lighten(0.1, '#c4c4c4')}!important;\n  }\n\n  input {\n    resize: none;\n    background-color: transparent;\n    color: #d4d4d4 !important;\n    font-weight: 400 !important;\n    border: none;\n    ::placeholder {\n      color: #5a5b5b !important;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .img-nft {\n    border-radius: 30px;\n  }\n\n  p {\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 25px;\n    color: #d4d4d4;\n  }\n\n  .btns-share button,\n  .btns-share a {\n    background: #1c1c1d;\n    margin-bottom: 10px;\n    backdrop-filter: blur(15px);\n    border-radius: 25px;\n    border: none;\n    padding: 24px;\n  }\n\n  .btns-share div {\n    font-weight: 300;\n    font-size: 18px;\n    color: #7d7777;\n  }\n\n  .btn-like {\n    position: absolute;\n    bottom: 30px;\n    left: 46px;\n  }\n\n  .btn-dislike {\n    position: absolute;\n    bottom: 30px;\n    left: 103px;\n    transform: rotate(180deg);\n  }\n\n  .btn-launchpad {\n    background: #00f9ab;\n    border-radius: 20px;\n    color: #000;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  .btn-launchpad:hover {\n    opacity: 0.8;\n  }\n\n  .modal-xl {\n    max-width: 1300px;\n  }\n\n  .padding-modal {\n    padding: 0 60px 60px 60px;\n  }\n\n  .right-side {\n    border: 1px solid #6b6161;\n    border-radius: 30px;\n  }\n\n  .right-side img {\n    height: 40px;\n    width: 40px;\n  }\n  .modal-close {\n    color: #fff;\n    height: 50px;\n    width: 50px;\n    right: 15px;\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      max-width: 600px;\n      width: 30vw;\n    }\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","import React, {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  useMemo,\n} from 'react';\nimport axios from 'axios';\n\nimport { Link, useHistory } from 'react-router-dom';\nimport { FormHandles } from '@unform/core';\n\nimport { FiLock } from 'react-icons/fi';\nimport { useAuth } from '~/hooks/Auth';\nimport WalletRow from '~/components/WalletRow';\n\nimport { Avatar, Modal, Nfts, Container } from './styles';\nimport title from '~/assets/logo/ai-creator.svg';\nimport like from '~/assets/icons/like-icon.svg';\nimport bookmark from '~/assets/icons/bookmark-icon.svg';\nimport bookmarkActive from '~/assets/icons/bookmark-icon-active.svg';\nimport download from '~/assets/icons/download-icon.svg';\nimport share from '~/assets/icons/share-icon.svg';\nimport nftIcon from '~/assets/icons/nft-icon.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport AiCreatorTitle from '~/components/AiCreatorTitle';\nimport ButtonBack from '~/components/ButtonBack';\nimport { web3store } from '~/store';\n\nconst NftCollectionsPrivate: React.FC = () => {\n  const { user } = useAuth();\n  const formRef = useRef<FormHandles>(null);\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n  const [imgNft, setImgNft] = useState('');\n  const [descriptionNft, setDescriptionNft] = useState('');\n  const [avatar, setAvatar] = useState('');\n  const apiUrl = process.env.REACT_APP_API as string;\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n\n  type ImageCollectionItem = {\n    id: number;\n    img: string;\n    description: string;\n    seed: string;\n    collection: number;\n  };\n\n  const [imageCollection, setImageCollection] = useState<ImageCollectionItem[]>(\n    []\n  );\n\n  const [nftExample, setNftExample] = useState([\n    {\n      id: 1,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 2,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 3,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 4,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n    {\n      id: 5,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 6,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 7,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n\n    {\n      id: 8,\n      actived: false,\n      img: sample1,\n      description:\n        'A Gorgeous Native American-indian warrior queen, feathers, cinematic, realistic, trending on Artstation, sharp focus, studio photo, intricate details, highly detailed, by Greg Rutkowski',\n    },\n  ]);\n\n  useEffect(() => {\n    if (user) {\n      setAvatar(user.nft_img);\n      axios\n        .get(apiUrl.concat('v1/ai/image/favorites/', connectedMember.memberId))\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          setImageCollection(acctresponse.data.images);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n  }, [user]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleShow = useCallback((nft, desc) => {\n    setShow(true);\n\n    setImgNft(nft);\n    setDescriptionNft(desc);\n  }, []);\n\n  const handleActivateNft = useCallback((index: number) => {\n    setNftExample((prevNftExample) =>\n      prevNftExample.map((nft) =>\n        nft.id === index ? { ...nft, actived: !nft.actived } : nft\n      )\n    );\n  }, []);\n\n  return (\n    <>\n      <AiCreatorTitle />\n      <Container>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-12\">\n              <ButtonBack\n                onClick={() =>\n                  history.push(\n                    `${process.env.PUBLIC_URL}/products/ai-art/collections/all`\n                  )\n                }\n                className=\"my-4 btn-back-art\"\n              />\n              <h2>Favorites</h2>\n              <h3 className=\"d-flex align-items-center my-4\">\n                <FiLock size={20} color=\"#5D5B5B\" />\n                <span className=\"ms-2 pt-1\">Private collections</span>\n              </h3>\n            </div>\n          </div>\n        </div>\n      </Container>\n      <Nfts ref={formRef} onSubmit={() => '/'}>\n        <div className=\"container\">\n          <div className=\"row img-example\">\n            <div className=\"col-12\">\n              <div className=\"row h-100\">\n                {nftExample.map((item, index) => (\n                  <div key={item.id} className=\"col-3 my-2 px-2\">\n                    <div className=\"border-nft p-2\">\n                      <div className=\"hover-btns position-relative\">\n                        <button\n                          type=\"button\"\n                          className=\"hover border-0 bg-transparent position-relative w-100\"\n                          onClick={() => handleShow(item.img, item.description)}\n                        >\n                          <img\n                            src={item.img}\n                            alt={item.img}\n                            className=\"w-100\"\n                          />\n                          <div className=\"position-absolute p-3 bg\" />\n                        </button>\n                        <div className=\"btns d-flex justify-content-between position-absolute w-100\">\n                          {/* <button type=\"button\">Mint NFT</button> */}\n                          {/* <button type=\"button\">Regenerate</button> */}\n                        </div>\n                      </div>\n\n                      <div className=\"d-flex justify-content-between align-items-center px-3 py-3\">\n                        <div className=\"d-flex align-items-center w-auto avatar-text\">\n                          <div className=\"avatar me-2 d-flex align-items-center text-center rounded-circle\">\n                            <Avatar src={avatar} className=\"rounded-circle\" />\n                          </div>\n                          {user?.screen_name}\n                        </div>\n                        <div>\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() =>\n                              handleShow(item.img, item.description)\n                            }\n                          >\n                            <img\n                              src={nftIcon}\n                              title=\"Nft\"\n                              alt=\"Nft\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                          <a\n                            href={item.img}\n                            download=\"My_image\"\n                            className=\"border-0 bg-transparent\"\n                          >\n                            <img\n                              src={download}\n                              title=\"Download\"\n                              alt=\"Download\"\n                              className=\"px-2\"\n                            />\n                          </a>\n\n                          <button\n                            type=\"button\"\n                            className=\"border-0 bg-transparent\"\n                            onClick={() => handleActivateNft(index + 1)}\n                          >\n                            <img\n                              src={item.actived ? bookmarkActive : bookmark}\n                              title=\"Save\"\n                              alt=\"Bookmark\"\n                              className=\"px-2\"\n                            />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Nfts>\n      <Modal\n        className=\"modal-nft text-white d-flex\"\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n      >\n        <Modal.Header className=\"border-0 pb-0\">\n          <button\n            type=\"button\"\n            className=\"modal-close ms-auto fw-bold border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n        </Modal.Header>\n        <Modal.Body className=\"padding-modal\">\n          <div className=\"container p-0\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-12 text-center position-relative\" />\n\n              <div className=\"col-6 pe-5 position-relative\">\n                <img src={imgNft} alt=\"Logo fox\" className=\"w-100 img-nft \" />\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-like\"\n                >\n                  <img src={like} alt=\"Like\" />\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-dislike\"\n                >\n                  <img src={like} alt=\"Like\" />\n                </button>\n              </div>\n\n              <div className=\"col-6 text-center\">\n                <div className=\"right-side p-5 h-100 d-flex flex-column justify-content-between\">\n                  <p className=\"mt-4\">{`“${descriptionNft}”`}</p>\n                  <div className=\"d-flex justify-content-around btns-share\">\n                    <div className=\"text-center\">\n                      <a href={imgNft} className=\"d-flex\" download=\"My_image\">\n                        <img src={download} alt=\"Download\" />\n                      </a>\n                      Download\n                    </div>\n                    <div className=\"text-center\">\n                      <button type=\"button\">\n                        <img src={bookmark} alt=\"Bookmark\" />\n                      </button>\n                      <br />\n                      Collection\n                    </div>\n                    <div className=\"text-center\">\n                      <button type=\"button\">\n                        <img src={share} alt=\"share\" />\n                      </button>\n                      <br />\n                      Share\n                    </div>\n                  </div>\n\n                  <button\n                    type=\"button\"\n                    className=\"btn-launchpad mt-4 py-3 border-0 fw-bold w-100\"\n                  >\n                    Mint With NFT Launchpad\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n    </>\n  );\n};\n\nexport default NftCollectionsPrivate;\n","export default __webpack_public_path__ + \"static/media/selector.585fe64f.svg\";","import styled from 'styled-components';\nimport { Form, Modal as ModalComponent } from 'react-bootstrap';\n\nimport { lighten } from 'polished';\nimport selector from '~/assets/defaults/selector.svg';\n\nexport const Container = styled.div`\n  h2 {\n    font-size: 20px;\n    color: #dadada;\n  }\n\n  h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #5d5b5b;\n  }\n  .container {\n    max-width: 1700px;\n  }\n\n  .btn-back-art {\n    color: #dadada !important;\n    span {\n      color: #dadada !important;\n      font-size: 16px;\n    }\n  }\n`;\n\nexport const Navigator = styled.div`\n  a {\n    font-weight: 400;\n    font-size: 20px;\n    color: #8c8c8c;\n  }\n\n  .active {\n    font-size: 20px;\n    color: #dadada;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  label span {\n    font-weight: 400;\n    font-size: 20px;\n    color: #dadada;\n  }\n\n  .modal-xl {\n    max-width: 700px;\n  }\n\n  .form-switch .form-check-input {\n    width: 3em;\n    margin-left: 0px;\n    height: 1.5em;\n    background-image: url(${selector});\n    border: 1px solid #4f4f4f90;\n  }\n\n  .form-check-input {\n    background-color: transparent;\n  }\n\n  .form-check-input:focus {\n    box-shadow: 0 0 0 0;\n    outline: 0;\n  }\n\n  .form-check-input:checked[type='checkbox'] {\n    background-color: #05050590;\n    border: 1px solid #05050590;\n  }\n\n  .form-switch {\n    padding-left: 0px;\n  }\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    .modal-title {\n      color: #dadada;\n      font-size: 24px;\n    }\n\n    .input {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      height: 72px !important;\n      background: transparent;\n\n      input::placeholder {\n        color: #5d5b5b;\n        font-weight: 300;\n        font-size: 14px;\n      }\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btns {\n      background: #0f0f0f;\n      border-radius: 20px;\n      border: none;\n      height: 75px;\n      color: #dadada;\n      font-weight: 600;\n      font-size: 22px;\n      padding: 20px 40px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .create {\n      padding: 20px 80px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #5d5b5b;\n  }\n  .container {\n    max-width: 1700px;\n  }\n\n  .bg-favorites {\n    color: #dadada;\n    background: #1f2020;\n    border-radius: 20px;\n    width: 100%;\n    height: 401px;\n  }\n\n  .btn-create {\n    border: 1.5px solid #1f2020;\n    border-radius: 20px;\n    color: #dadada;\n    font-size: 16px;\n    padding-bottom: 4rem;\n  }\n`;\n","import React from 'react';\nimport { FiLock, FiHeart } from 'react-icons/fi';\nimport { BiPlus } from 'react-icons/bi';\n\nimport { useHistory } from 'react-router-dom';\nimport { Container } from './styles';\n\ninterface IModal {\n  onClick(): void;\n}\n\nconst Private: React.FC<IModal> = ({ onClick }) => {\n  const history = useHistory();\n  return (\n    <Container>\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-12\">\n            <h3 className=\"d-flex align-items-center mb-4\">\n              <FiLock size={20} color=\"#5D5B5B\" />\n              <span className=\"ms-2 pt-1\">Private collections</span>\n            </h3>\n          </div>\n          <div className=\"col-md-3 mt-2 mb-5\">\n            <div>\n              <button\n                onClick={() =>\n                  history.push(\n                    `${process.env.PUBLIC_URL}/products/ai-art/collections-private`\n                  )\n                }\n                type=\"button\"\n                className=\"bg-favorites d-flex p-5 border-0\"\n              >\n                <FiHeart color=\"#dadada\" size={25} className=\"me-3\" /> Favorites\n              </button>\n            </div>\n          </div>\n          {/* <div className=\"col-md-3 mt-2\">\n            <div>\n              <button\n                onClick={onClick}\n                type=\"button\"\n                className=\"btn-create bg-transparent d-flex px-5 pt-5 w-100\"\n              >\n                <BiPlus color=\"#dadada\" size={25} className=\"me-3\" /> Create\n                Collection\n              </button>\n            </div>\n          </div> */}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Private;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #5d5b5b;\n  }\n  .container {\n    max-width: 1700px;\n  }\n\n  .bg-favorites {\n    color: #dadada;\n    background: #1f2020;\n    border-radius: 20px;\n    width: 100%;\n    height: 401px;\n  }\n\n  .btn-create {\n    border: 1.5px solid #1f2020;\n    border-radius: 20px;\n    color: #dadada;\n    font-size: 16px;\n    padding-bottom: 4rem;\n  }\n`;\n","import React from 'react';\nimport { FiLock, FiHeart } from 'react-icons/fi';\nimport { BiPlus } from 'react-icons/bi';\n\nimport { Container } from './styles';\n\ninterface IModal {\n  onClick(): void;\n}\n\nconst Public: React.FC<IModal> = ({ onClick }) => {\n  return (\n    <Container>\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-12\">\n            <h3 className=\"d-flex align-items-center mb-4\">\n              <span className=\"ms-2 pt-1\">Public collections</span>\n            </h3>\n          </div>\n\n          {/* <div className=\"col-md-3 mt-2\">\n            <div>\n              <button\n                onClick={onClick}\n                type=\"button\"\n                className=\"btn-create bg-transparent d-flex px-5 pt-5 w-100\"\n              >\n                <BiPlus color=\"#dadada\" size={25} className=\"me-3\" /> Create\n                Collection\n              </button>\n            </div>\n          </div> */}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Public;\n","import React, { useState, useCallback } from 'react';\nimport { NavLink, useHistory, useLocation } from 'react-router-dom';\n\nimport { FiLock } from 'react-icons/fi';\n\nimport { Form } from '@unform/web';\nimport { Container, Navigator, Modal } from './styles';\n\nimport AiCreatorTitle from '~/components/AiCreatorTitle';\nimport ButtonBack from '~/components/ButtonBack';\nimport Private from './Private';\nimport Public from './Public';\nimport Input from '~/components/Input';\n\nconst NftCollections: React.FC = () => {\n  const history = useHistory();\n  const location = useLocation();\n  const [show, setShow] = useState(false);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  return (\n    <>\n      <AiCreatorTitle />\n      <Container>\n        <div className=\"container\">\n          <div className=\"row\">\n            <Navigator className=\"col-12 my-5\">\n              <NavLink\n                to={`${process.env.PUBLIC_URL}/products/ai-art/collections/all`}\n                activeClassName=\"active pb-1\"\n                className=\"me-4\"\n                exact\n              >\n                All collections\n              </NavLink>\n\n              <NavLink\n                to={`${process.env.PUBLIC_URL}/products/ai-art/collections/private`}\n                activeClassName=\"active pb-1\"\n                className=\"me-4\"\n              >\n                Private\n              </NavLink>\n\n              <NavLink\n                to={`${process.env.PUBLIC_URL}/products/ai-art/collections/public`}\n                activeClassName=\"active pb-1\"\n              >\n                Public\n              </NavLink>\n            </Navigator>\n          </div>\n        </div>\n        {(location.pathname === '/products/ai-art/collections/private' ||\n          location.pathname === '/products/ai-art/collections/all') && (\n          <Private onClick={handleShow} />\n        )}\n        {(location.pathname === '/products/ai-art/collections/public' ||\n          location.pathname === '/products/ai-art/collections/all') && (\n          <Public onClick={handleShow} />\n        )}\n      </Container>\n      <Modal\n        show={show}\n        onHide={handleClose}\n        size=\"xl\"\n        className=\"modal-wrong-network\"\n      >\n        <Form onSubmit={() => '/'}>\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n          <Modal.Header className=\"justify-content-center border-0 px-5 pb-0 pb-lg-4 pt-5\">\n            <div className=\"mt-4 d-flex align-items-center justify-content-start overflow-hidden w-100 px-4\">\n              <Modal.Title className=\"pe-3 fw-semibold\">\n                Create collection\n              </Modal.Title>\n            </div>\n          </Modal.Header>\n          <Modal.Body className=\"px-4 px-sm-5\">\n            <label className=\"d-block w-100 px-4\">\n              <span className=\"d-block mb-3\">Name</span>\n              <Input\n                name=\"fund\"\n                placeholder=\"e.g. How I see the world\"\n                className=\"input\"\n              />\n            </label>\n            <div className=\"form-check form-switch d-flex justify-content-between mt-5 px-4\">\n              <p className=\"mb-0\">Make this collection private</p>\n              {/* <label\n                className=\"form-check-label\"\n                htmlFor=\"flexSwitchCheckDefault\"\n              >\n                Make this collection private\n              </label> */}\n              <input\n                className=\"form-check-input\"\n                type=\"checkbox\"\n                id=\"flexSwitchCheckDefault\"\n              />\n            </div>\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 px-5 py-4 mb-5 justify-content-between\">\n            <button\n              type=\"button\"\n              className=\"btn btns ms-4\"\n              onClick={handleClose}\n            >\n              Cancel\n            </button>\n            <button type=\"button\" className=\"btn btns create me-4\">\n              Create collection\n            </button>\n          </Modal.Footer>\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default NftCollections;\n","import styled from 'styled-components';\nimport thumb from '~/assets/icons/thumb.svg';\n\ninterface IBoxNft {\n  show: boolean;\n  positionX: number;\n  positionY: number;\n}\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Container = styled.div`\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #606060;\n    span {\n      color: #dadada;\n    }\n  }\n\n  p {\n    color: #969696;\n  }\n\n  button.border-gradient {\n    height: 40px;\n    padding: 1px;\n  }\n\n  .btn-group {\n    background-color: #4b4c4c;\n    position: relative;\n\n    .btn-background {\n      display: block;\n      position: absolute;\n      height: 35px;\n      width: 152px;\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      border: 2px solid #d7d7d7;\n      transition-duration: 0.3s;\n    }\n\n    .btn-background.right {\n      left: 47%;\n    }\n\n    .btn-background.left {\n      left: 0;\n    }\n\n    .btn-check {\n      border: none;\n      background: transparent;\n      color: #bdbdbd;\n      height: 35px;\n      width: 152px;\n      position: relative;\n      z-index: 1;\n      transition-duration: 0.3s;\n    }\n\n    .btn-check.active {\n      color: #17171a;\n    }\n  }\n`;\n\nexport const BoxMatrix = styled.div`\n  .overdue-payment {\n    border: 2px solid #ff1a50 !important;\n  }\n\n  .outstanding-payment {\n    border: 2px solid #fbff4d !important;\n  }\n\n  .border-gray {\n    border-radius: 90px;\n    border: 1px solid #333;\n    padding: 4px 0px;\n    input {\n      color: #8c8c8c;\n    }\n    input::placeholder {\n      text-align: center;\n      font-size: 14px;\n    }\n  }\n\n  .avatar {\n    width: 50px;\n    height: 50px;\n    padding: 2px !important;\n    cursor: unset;\n  }\n  .border-gradient:not(img) {\n    padding: 1px;\n  }\n  .h-line {\n    border-right: solid 1.5px #8c8c8c;\n    height: 40px;\n  }\n  .text-light-gray {\n    color: #cbccce;\n  }\n\n  .button-group {\n    transition-duration: 0.3s;\n  }\n\n  .button-group .hide {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  .text-green {\n    color: #96ffd9;\n  }\n\n  .btn-actions {\n    height: 40px;\n    width: 150px;\n  }\n\n  .box-top-user {\n    background: #222527;\n    border: 1px solid #5e5b5b;\n    box-sizing: border-box;\n    box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n    border-radius: 50px;\n\n    img {\n      width: 50px;\n      height: 50px;\n    }\n  }\n\n  .box-sub-user {\n    background: #222527;\n    border: 1px solid #5d5b5b;\n    box-sizing: border-box;\n    box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n    font-size: 90%;\n    transition-duration: 0.3s;\n    min-height: 50px;\n\n    .default-avatar {\n      width: 40px;\n      height: 40px;\n      background: #222527;\n      border: 1px solid #5d5b5b;\n      border-radius: 50%;\n    }\n\n    .w-custom {\n      width: 80px;\n      p {\n        font-size: 12px;\n      }\n    }\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n\n    :hover {\n      border: 1px solid #cbccce;\n    }\n  }\n\n  .box-user {\n    width: 35px;\n    height: 35px;\n    background: #222527;\n    border: 1px solid #5d5b5b;\n    box-sizing: border-box;\n    transition-duration: 0.3s;\n\n    img {\n      width: 36px;\n      height: 36px;\n    }\n\n    :hover {\n      border: 1px solid #cbccce;\n    }\n  }\n\n  svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  @media screen and (min-width: 1400px) {\n  }\n\n  @media screen and (min-width: 1200px) {\n    .w-xl-20 {\n      width: 20%;\n    }\n  }\n\n  @media screen and (max-width: 767px) {\n    .box-top-user {\n      border-radius: 24px;\n    }\n  }\n`;\n\nexport const BoxNft = styled.div<IBoxNft>`\n  position: absolute;\n  top: ${(props) => props.positionY}px;\n  left: ${(props) => props.positionX}px;\n  z-index: 2000;\n  opacity: ${(props) => (props.show ? 1 : 0)};\n  visibility: ${(props) => (props.show ? 'visible' : 'hidden')};\n  transition: opacity 0.3s, visibility 0.3s;\n\n  width: 344px;\n  background: #222527;\n  border-radius: 20px;\n\n  .pay-amount {\n    background: #6d50d0;\n    border-radius: 16px;\n    font-weight: 700;\n    font-size: 20px;\n    color: #ffffff;\n  }\n\n  .message {\n    background: transparent;\n    border-radius: 16px;\n    font-weight: 700;\n    font-size: 20px;\n    color: #ffffff;\n    border: solid 1px #3778ff;\n  }\n\n  .pay-amount,\n  .message {\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .qualified {\n    font-weight: 600;\n    color: #dadada;\n  }\n\n  .bsPlus-border {\n    border-radius: 11px;\n    border: solid 1.5px #373738;\n  }\n\n  .wallpaper {\n    margin-bottom: -72px;\n  }\n\n  .avatar-nft {\n    width: 70px;\n    height: 70px;\n    border-radius: 22px;\n    cursor: unset;\n  }\n\n  .img-nft {\n    border-radius: 20px;\n  }\n\n  p {\n    font-size: 24px;\n    line-height: 22px;\n    color: #cbccce;\n  }\n\n  .nft-name-selected {\n    font-size: 18px;\n    line-height: 22px;\n    color: #dadada;\n  }\n\n  .nft-name,\n  .new-member {\n    color: #dadada;\n    padding: 8px 22px;\n    border-radius: 10px;\n    background: rgba(13, 13, 13, 0.28);\n    backdrop-filter: blur(2px);\n  }\n\n  .nft-name {\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 18px;\n  }\n  .new-member {\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 15px;\n  }\n\n  .p-box {\n    border: 1px solid #373738;\n    border-radius: 16px;\n    padding: 12px;\n    span {\n      width: max-content;\n    }\n  }\n`;\n\nexport const BoxNewNft = styled.div<IBoxNft>`\n  position: absolute;\n  top: ${(props) => props.positionY}px;\n  left: ${(props) => props.positionX}px;\n  z-index: 2000;\n  opacity: ${(props) => (props.show ? 1 : 0)};\n  visibility: ${(props) => (props.show ? 'visible' : 'hidden')};\n  transition: opacity 0.3s, visibility 0.3s;\n\n  width: 344px;\n  background: #222527;\n  border-radius: 20px;\n\n  h2 {\n    color: #dadada;\n    text-align: center;\n    font-family: 'Inter';\n    font-size: 22px;\n    font-weight: 300;\n  }\n\n  .pay-amount {\n    background: #6d50d0;\n    border-radius: 16px;\n    font-weight: 600;\n    font-size: 20px;\n    color: #ffffff;\n    border: solid 1px #6d50d0;\n  }\n\n  .sign-up {\n    border-radius: 16px;\n    border: 1px solid #3778ff;\n    color: #fff;\n    background-color: transparent;\n    font-family: 'Inter';\n    font-size: 20px;\n\n    font-weight: 700;\n  }\n\n  .pay-amount {\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-next {\n    background: #6d50d0;\n    border-radius: 16px;\n    font-weight: 600;\n    font-size: 20px;\n    color: #ffffff;\n    border: solid 1px #6d50d0;\n    padding: 12px 20px;\n  }\n\n  .btn-cancel {\n    color: #dadada;\n    font-family: 'Inter';\n    font-size: 20px;\n    font-weight: 600;\n    border-radius: 18px;\n    background: #0f0f0f;\n    border: solid 1px #0f0f0f;\n    padding: 12px 20px;\n  }\n\n  .qualified {\n    font-weight: 600;\n    color: #dadada;\n  }\n\n  .bsPlus-border {\n    border-radius: 11px;\n    border: solid 1.5px #6d50d0;\n  }\n\n  .wallpaper {\n    margin-bottom: -83px;\n  }\n\n  .avatar-nft {\n    width: 70px;\n    height: 70px;\n    border-radius: 22px;\n    cursor: unset;\n  }\n\n  .img-nft {\n    border-radius: 20px;\n  }\n\n  .enter-infos {\n    border-radius: 16px;\n    border: 1px solid #373738;\n  }\n\n  .enter-infos .height {\n    height: 60px !important;\n  }\n\n  p {\n    font-size: 24px;\n    line-height: 22px;\n    color: #cbccce;\n  }\n\n  .nft-name-selected {\n    font-size: 18px;\n    line-height: 22px;\n    color: #dadada;\n  }\n\n  .nft-name,\n  .new-member {\n    color: #fff;\n    padding: 8px 19px;\n    border-radius: 10px;\n    background: rgba(13, 13, 13, 0.28);\n    backdrop-filter: blur(2px);\n  }\n\n  .nft-name {\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 18px;\n  }\n  .new-member {\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 15px;\n  }\n\n  .p-box {\n    border: 1px solid #373738;\n    border-radius: 16px;\n    padding: 12px;\n    span {\n      width: max-content;\n    }\n  }\n\n  .value-token {\n    span {\n      left: 0;\n      top: 20px;\n      font-weight: bold !important;\n      font-size: 2rem;\n      color: #e9e9e9;\n    }\n    p {\n      font-size: 72px;\n      font-weight: 600 !important;\n      color: #e9e9e9;\n      line-height: normal;\n    }\n  }\n\n  .slider-pic {\n    position: relative;\n    z-index: 1;\n    -webkit-appearance: none;\n    height: 2px;\n    border-radius: 2px;\n    background: #595757;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-pic::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 50px;\n    height: 50px;\n    border: 0;\n    background: url(${thumb});\n    background-position: center;\n    background-size: cover;\n    cursor: pointer;\n  }\n  .text-change {\n    color: #827777;\n    font-family: 'Inter';\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 125%;\n  }\n  .eth-amt-wrap {\n    width: 227px;\n    padding: 10px;\n    border-radius: 20px;\n    background: #1c1c1c;\n    .inner {\n      .txt {\n        display: flex;\n\n        color: #7d7777;\n        font-family: 'Poppins', sans-serif;\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: normal;\n        img {\n          height: 40px;\n          width: 40px;\n        }\n      }\n    }\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","export default __webpack_public_path__ + \"static/media/activity-icon-button.d02f80ee.svg\";","export default __webpack_public_path__ + \"static/media/arrow-icon-button.26ec9d77.svg\";","export default __webpack_public_path__ + \"static/media/wallpaper.160c4c01.png\";","export default __webpack_public_path__ + \"static/media/Info-white.c9595044.svg\";","export default \"data:image/png;base64,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\"","import styled from 'styled-components';\n\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    h3 {\n      color: #dadada;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35.5px;\n      letter-spacing: -0.96px;\n    }\n\n    h4 {\n      color: #dadada;\n\n      text-align: center;\n      font-family: 'Poppins';\n      font-size: 40px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 124%;\n      letter-spacing: 0.8px;\n    }\n\n    p {\n      color: #dadada;\n      font-family: 'Quicksand';\n      font-size: 22px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 35.5px;\n      letter-spacing: -0.88px;\n      span {\n        font-weight: 600;\n      }\n    }\n\n    b {\n      font-weight: 600 !important;\n    }\n\n    .complete {\n      color: #7d7777;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      letter-spacing: -1.04px;\n    }\n\n    .anything-text {\n      color: #7d7777;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 20px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 31px;\n      letter-spacing: -0.8px;\n    }\n\n    .more {\n      background: #a3c0e1;\n      border-radius: 10px;\n      border: none;\n      font-weight: 700;\n      font-size: 10px;\n      padding: 8px 15px;\n      color: #0927c6;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .new-members {\n      color: #7d7777;\n      font-family: 'Quicksand';\n      font-size: 22px;\n      font-style: normal;\n      font-weight: 400;\n\n      letter-spacing: -0.88px;\n    }\n\n    .bg-members {\n      background: #0d0d0d;\n    }\n\n    .address-check span {\n      color: #fff;\n      font-family: 'Quicksand';\n      font-size: 12px;\n      font-style: normal;\n      font-weight: 300;\n    }\n\n    .igree-check label {\n      align-items: start;\n    }\n\n    .igree-check span {\n      margin-top: -7px;\n      color: #dadada;\n      font-family: 'Quicksand';\n      font-size: 22px;\n      font-weight: 300;\n      line-height: 35.5px;\n      letter-spacing: -0.88px;\n    }\n\n    .opacity-10 {\n      opacity: 0.1 !important;\n    }\n\n    .cursor-allowed {\n      cursor: not-allowed;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n","import styled from 'styled-components';\n\ninterface ICheckboxInput {\n  selected?: boolean;\n}\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const CheckboxInput = styled.label<ICheckboxInput>`\n  display: flex;\n  align-items: center;\n\n  span {\n    color: #202020;\n    font-weight: 500;\n  }\n\n  > div {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: 18px;\n    min-height: 18px;\n    border-radius: 3px;\n    margin-right: 8px;\n    transition-duration: 0.3s;\n    background: transparent;\n    border: 1px solid #6d6d6d;\n    border-radius: 5px;\n  }\n\n  .inputData {\n    display: none;\n  }\n\n  + label {\n    margin-left: 20px;\n  }\n`;\n\nexport const Error = styled.span`\n  font-size: 11px !important;\n`;\n","/* eslint-disable react/no-danger */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { HiCheck } from 'react-icons/hi';\n\nimport { Container, CheckboxInput, Error } from './styles';\n\nexport interface IOption {\n  value: string | number;\n  label: string;\n  selected?: boolean;\n  labelHtml?: boolean;\n}\n\ninterface IInputCheckbox {\n  name: string;\n  options: IOption[];\n  className?: string;\n  onChange?(options: IOption[]): void;\n  error?: string;\n}\n\nconst InputCheckbox: React.FC<IInputCheckbox> = ({\n  name,\n  options,\n  className,\n  onChange,\n  error,\n}) => {\n  const [data, setData] = useState<IOption[]>([]);\n\n  useEffect(() => {\n    setData(options);\n  }, [options]);\n\n  const handleChange = useCallback(\n    (option) => {\n      const newData = data.slice();\n      const dataIndex = newData.findIndex(\n        (optionData) => optionData === option\n      );\n      if (dataIndex >= 0) {\n        newData[dataIndex].selected = !newData[dataIndex].selected;\n        setData(newData);\n      }\n      if (onChange) {\n        onChange(newData);\n      }\n    },\n    [data, onChange]\n  );\n\n  return (\n    <>\n      <Container className={className}>\n        {options.map((option, index) => (\n          <CheckboxInput\n            htmlFor={`${name}_${index}`}\n            selected={option.selected}\n          >\n            <div>\n              {option.selected && <HiCheck size={14} color=\"#6D50D0\" />}\n            </div>\n            <input\n              type=\"checkbox\"\n              id={`${name}_${index}`}\n              name={`${name}_checkbox`}\n              value={option.value}\n              onChange={() => handleChange(option)}\n              className=\"inputData\"\n            />\n            {option.labelHtml ? (\n              <span dangerouslySetInnerHTML={{ __html: option.label }} />\n            ) : (\n              <span>{option.label}</span>\n            )}\n          </CheckboxInput>\n        ))}\n      </Container>\n      {error && <Error className=\"small text-danger error\">{error}</Error>}\n    </>\n  );\n};\n\nexport default InputCheckbox;\n","import React, { useCallback, useState, useMemo } from 'react';\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport attention from '~/assets/animations/attention.json';\nimport { Modal } from './styles';\nimport InputCheckbox from '~/components/InputCheckbox';\n\ninterface IShow {\n  show: boolean;\n  aaName: string;\n  walletAddress: string;\n  aaId: string;\n  memberName: string;\n  handleCancel(): void;\n  handleAccept(): void;\n}\n\nconst ModalPleaseConfirm: React.FC<IShow> = ({\n  show,\n  aaName,\n  walletAddress,\n  aaId,\n  memberName,\n  handleCancel,\n  handleAccept,\n}) => {\n  const [checkedAddress, setCheckedAddress] = useState(false);\n  const [checkedAaId, setCheckedAaId] = useState(false);\n  const [checkedMemberName, setCheckedMemberName] = useState(false);\n  const [checkedIGree, setCheckedIGree] = useState(false);\n\n  const handleClose = useCallback(() => {\n    setCheckedAddress(false);\n    setCheckedAaId(false);\n    setCheckedMemberName(false);\n    setCheckedIGree(false);\n  }, []);\n  return (\n    <>\n      <Modal\n        size=\"lg\"\n        centered\n        show={show}\n        className=\"modal-wrong-network\"\n        // onHide={handleCancel}\n      >\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-4\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden pe-none\">\n            <Lottie\n              options={{\n                animationData: attention,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={160}\n              width={160}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-0 mt-n5\">\n          <h2 className=\"mb-1 fw-bold text-center w-100\">Please Confirm...</h2>\n          <p className=\"text-center complete mb-4\">\n            You are about to complete your registration\n          </p>\n          <div className=\"bg-members py-4\">\n            {' '}\n            <h3 className=\"text-center\">\n              This is the <span className=\"fw-semibold\">NEW MEMBER</span>{' '}\n              referrer to the platform:\n            </h3>\n            <h4 className=\"text-center mb-4\">{aaName}</h4>\n            <p className=\"new-members text-center\">\n              Please confirm new members info below:\n            </p>\n            <div className=\"d-flex justify-content-center\">\n              <label\n                htmlFor=\"check-address\"\n                className=\"address-check d-flex ps-2 pe-4\"\n              >\n                <InputCheckbox\n                  name=\"check-address\"\n                  options={[\n                    {\n                      labelHtml: true,\n                      label: `<b>Members Wallet Address:</b>  ${walletAddress}`,\n                      value: `${walletAddress}`,\n                      selected: checkedAddress,\n                    },\n                  ]}\n                  onChange={() => setCheckedAddress(!checkedAddress)}\n                />\n              </label>\n              <label\n                htmlFor=\"check-aaid\"\n                className=\"address-check d-flex ps-2 pe-4\"\n              >\n                <InputCheckbox\n                  name=\"check-aaid\"\n                  options={[\n                    {\n                      labelHtml: true,\n                      label: `<b>AA ID:</b>  ${aaId}`,\n                      value: `${aaId}`,\n                      selected: checkedAaId,\n                    },\n                  ]}\n                  onChange={() => setCheckedAaId(!checkedAaId)}\n                />\n              </label>\n              <label\n                htmlFor=\"check-member\"\n                className=\"address-check d-flex ps-2 pe-4\"\n              >\n                <InputCheckbox\n                  name=\"check-member\"\n                  options={[\n                    {\n                      labelHtml: true,\n                      label: `<b>Member Name:</b>  ${memberName}`,\n                      value: `${memberName}`,\n                      selected: checkedMemberName,\n                    },\n                  ]}\n                  onChange={() => setCheckedMemberName(!checkedMemberName)}\n                />\n              </label>\n            </div>\n          </div>\n          <div className=\"texts w-lg-90 mx-auto px-4\">\n            <p className=\"anything-text text-center my-4\">\n              If anything seems incorrect, please reach back out to\n              AutoAffiliate support immediately. Remember, transactions on the\n              blockchain are irreversible.\n            </p>\n            <div className=\"d-flex justify-content-center\">\n              <label\n                htmlFor=\"check-gree\"\n                className=\"igree-check d-flex text-center ps-2 pe-4 mb-4\"\n              >\n                <InputCheckbox\n                  name=\"check-gree\"\n                  options={[\n                    {\n                      labelHtml: true,\n                      label: `<b>I AGREE:</b>  All <b>subscription sales are final.</b> Due to the nature of blockchain, <b>refunds are not available.</b>`,\n                      value:\n                        'I AGREE: All subscription sales are final. Due to the nature of blockchain, refunds are not available.',\n                      selected: checkedIGree,\n                    },\n                  ]}\n                  onChange={() => setCheckedIGree(!checkedIGree)}\n                />\n              </label>\n            </div>\n\n            <button\n              type=\"button\"\n              title={\n                !checkedAaId ||\n                !checkedAddress ||\n                !checkedIGree ||\n                !checkedMemberName\n                  ? 'Check All Text Boxes'\n                  : 'Finalize Registration'\n              }\n              disabled={\n                !checkedAaId ||\n                !checkedAddress ||\n                !checkedIGree ||\n                !checkedMemberName\n              }\n              className={`${\n                checkedAaId &&\n                checkedAddress &&\n                checkedIGree &&\n                checkedMemberName\n                  ? 'opacity-100'\n                  : 'opacity-10 cursor-allowed'\n              } btn-confirm w-100 mb-3`}\n              onClick={handleAccept}\n            >\n              FINALIZE REGISTRATION{' '}\n              <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n            </button>\n\n            <button\n              type=\"button\"\n              onClick={() => {\n                handleCancel();\n                handleClose();\n              }}\n              className=\"btn-cancel w-100\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalPleaseConfirm;\n","/* eslint-disable no-restricted-syntax */\nimport React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  BsArrowDownShort,\n  BsArrowRight,\n  BsPlus,\n  BsPlusSquare,\n} from 'react-icons/bs';\nimport { AiOutlineMessage } from 'react-icons/ai';\nimport { Form } from '@unform/web';\nimport { FormHandles } from '@unform/core';\nimport {\n  Container,\n  Welcome,\n  BoxMatrix,\n  BoxNft,\n  Avatar,\n  BoxNewNft,\n} from './styles';\n\nimport { useAuth } from '~/hooks/Auth';\n\nimport activity from '~/assets/icons/activity-icon-button.svg';\nimport arrow from '~/assets/icons/arrow-icon-button.svg';\nimport WalletRow from '~/components/WalletRow';\nimport api from '~/services/api';\nimport { formatPrice } from '~/utils/format';\nimport search from '~/assets/icons/search-icon.svg';\nimport wallpaper from '~/assets/defaults/wallpaper.png';\nimport Loading from '~/components/Loading';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport rain from '~/assets/icons/rain-icon.svg';\nimport info from '~/assets/icons/Info-white.svg';\nimport Input from '~/components/Input';\nimport ethLogo from '~/assets/logo/eth.png';\nimport ModalPleaseConfirm from './ModalPleaseConfirm';\n\ninterface ITreeResponse {\n  tree: {\n    id: '1';\n    level_1: {\n      id: number;\n      nft_name: string;\n      screen_name: string;\n      rank: string;\n      nft_img: string;\n      total_members: number;\n      direct_referrals: number;\n      wtd_volume: string;\n      mtd_volume: string;\n    }[];\n    level_2: {\n      id: number;\n      nft_name: string;\n      screen_name: string;\n      rank: string;\n      nft_img: string;\n      total_members: number;\n      direct_referrals: number;\n    }[];\n    level_3: {\n      id: number;\n      nft_name: string;\n      screen_name: string;\n      rank: string;\n      nft_img: string;\n      total_members: number;\n      direct_referrals: number;\n    }[];\n  };\n}\n\ninterface IUserData {\n  id: number;\n  nft_name: string;\n  screen_name: string;\n  rank: string;\n  nft_img: string;\n  total_members: number;\n  direct_referrals: number;\n  wtd_volume: string;\n  mtd_volume: string;\n}\n\ninterface IReferrer {\n  id: number;\n  nft_name: string;\n  screen_name: string;\n  rank: string;\n  nft_img: string;\n}\n\ninterface IUserMatrix {\n  id: number;\n  nft_name: string;\n  screen_name: string;\n  rank: string;\n  nft_img: string;\n  referrers: IReferrer[];\n}\n\ninterface IClickButtonTopProps {\n  profitCenterId?: number;\n  firstLine?: boolean;\n  beforeProfitCenterId?: number;\n}\n\nconst Matrix5x6: React.FC = () => {\n  const { user } = useAuth();\n  const formRef = useRef<FormHandles>(null);\n  const boxNftRef = useRef<HTMLDivElement>(null);\n  const boxNewNftRef = useRef<HTMLDivElement>(null);\n  const [userData, setUserData] = useState<IUserData>({} as IUserData);\n  const [firstId, setFisrtId] = useState(0);\n  const [currentUserId, setCurrentUserId] = useState(0);\n  const [beforeUserId, setBeforeUserId] = useState<number[]>([]);\n  const [usersMatrix, setUsersMatrix] = useState<IUserMatrix[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [boxPosition, setBoxPosition] = useState({ x: 0, y: 0 });\n  const [show, setShow] = useState(false);\n  const [showNewNft, setShowNewNft] = useState(false);\n  const [signUpInputs, setSignUpInputs] = useState(false);\n  const [choiseValue, setChoiseValue] = useState(false);\n  const [showModalPleaseConfirm, setShowModalPleaseConfirm] = useState(false);\n  const [valueRange, setValueRange] = useState(1);\n  const [userMatrixSelected, setUserMatrixSelected] = useState({} as IUserData);\n\n  useEffect(() => {\n    api\n      .get<ITreeResponse>(`v1/member/tree/${user?.id}`)\n      .then((response) => {\n        const data = response.data.tree.level_2.map<IUserMatrix>(\n          (referrer, index) => {\n            const indexData = index * 5;\n            const referrerData = response.data.tree.level_3.slice(\n              indexData,\n              indexData + 5\n            );\n\n            return {\n              ...referrer,\n              referrers: referrerData,\n            };\n          }\n        );\n\n        setUserData({\n          ...response.data.tree.level_1[0],\n          wtd_volume: formatPrice(\n            parseFloat(\n              (\n                parseInt(response.data.tree.level_1[0].wtd_volume, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n          mtd_volume: formatPrice(\n            parseFloat(\n              (\n                parseInt(response.data.tree.level_1[0].mtd_volume, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n        });\n        setUsersMatrix(data);\n        setFisrtId(response.data.tree.level_1[0].id);\n        setCurrentUserId(response.data.tree.level_1[0].id);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [user?.id]);\n\n  useEffect(() => {\n    setShow(false);\n\n    const buttons = document.querySelectorAll(\n      '.btn-ntf'\n    ) as unknown as HTMLButtonElement[];\n\n    for (const button of buttons) {\n      button.addEventListener('contextmenu', (event) => {\n        event.preventDefault();\n      });\n    }\n  }, [currentUserId]);\n\n  const handleOutsideClick = useCallback((e) => {\n    if (boxNftRef.current && !boxNftRef.current.contains(e.target)) {\n      setShow(false);\n    }\n    if (boxNewNftRef.current && !boxNewNftRef.current.contains(e.target)) {\n      setShowNewNft(false);\n      setSignUpInputs(false);\n      setChoiseValue(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick);\n  });\n\n  const handleClick = useCallback(\n    async ({\n      profitCenterId,\n      firstLine,\n      beforeProfitCenterId,\n    }: IClickButtonTopProps) => {\n      setLoading(true);\n      setUsersMatrix([]);\n      try {\n        const founded = beforeUserId.find(\n          (beforeId) => beforeId === profitCenterId\n        );\n        if (firstLine) {\n          setBeforeUserId([]);\n        } else if (founded) {\n          const newBeforeUserId = beforeUserId.filter(\n            (beforeId) => beforeId !== profitCenterId\n          );\n          setBeforeUserId(newBeforeUserId);\n        } else if (beforeProfitCenterId) {\n          setBeforeUserId((state) => [\n            ...state,\n            currentUserId,\n            beforeProfitCenterId,\n          ]);\n        } else {\n          setBeforeUserId((state) => [...state, currentUserId]);\n        }\n\n        const response = await api.get<ITreeResponse>(\n          `/v1/member/tree/pcenter/${profitCenterId}`\n        );\n        const data = response.data.tree.level_2.map<IUserMatrix>(\n          (referrer, index) => {\n            const indexData = index * 5;\n            const referrerData = response.data.tree.level_3.slice(\n              indexData,\n              indexData + 5\n            );\n\n            return {\n              ...referrer,\n              referrers: referrerData,\n            };\n          }\n        );\n\n        setUserData({\n          ...response.data.tree.level_1[0],\n          wtd_volume: formatPrice(\n            parseFloat(\n              (\n                parseInt(response.data.tree.level_1[0].wtd_volume, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n          mtd_volume: formatPrice(\n            parseFloat(\n              (\n                parseInt(response.data.tree.level_1[0].mtd_volume, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n        });\n        setUsersMatrix(data);\n        if (profitCenterId) {\n          setCurrentUserId(profitCenterId);\n        }\n      } catch (error) {\n        console.log(error);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [beforeUserId, currentUserId]\n  );\n\n  const handleCancel = useCallback(() => {\n    setShowNewNft(false);\n    setSignUpInputs(false);\n    setChoiseValue(false);\n  }, []);\n\n  const handleMouseDown = useCallback((e, userMatrix) => {\n    if (e.button === 2) {\n      e.preventDefault();\n      setBoxPosition({ x: e.pageX + 10, y: e.pageY });\n      setShow(true);\n      setShowNewNft(true);\n      setUserMatrixSelected(userMatrix);\n    }\n  }, []);\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    console.log(e.target.value);\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"container-fluid px-lg-0 container-xxl\">\n        <div className=\"row mb-4 mt-4\">\n          <div className=\"col-12 mb-2\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row justify-content-center justify-content-lg-start align-items-center\">\n                  <div className=\"col-lg-6 px-0 d-flex align-items-center justify-content-center justify-content-lg-start\">\n                    <h1 className=\"h4 h2-xxl mb-0\">\n                      <span className=\"fw-bold\">Matrix 5x6 -</span> Monthly\n                      Residual\n                    </h1>\n                  </div>\n                  <div className=\"col-lg-6 ps-0\">\n                    <WalletRow />\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n        </div>\n        <BoxMatrix className=\"bg-gray py-5 px-4\">\n          <div className={`row justify-content-between button-group `}>\n            <div className=\"col-md-2 my-2 my-md-0 d-flex align-items-center justify-content-center\">\n              <button\n                type=\"button\"\n                className={`${\n                  firstId === currentUserId ? 'hide my-n5' : ''\n                } d-flex align-items-center justify-content-center btn-actions border-gradient rounded-pill`}\n                onClick={() =>\n                  handleClick({\n                    profitCenterId: firstId,\n                    firstLine: true,\n                  })\n                }\n                disabled={firstId === currentUserId}\n              >\n                <img src={activity} alt=\"Activity\" />\n                <span>Top</span>\n              </button>\n            </div>\n            {/* <div className=\"col-md-4 my-2 my-md-0 d-flex align-items-center justify-content-center\">\n              <div className=\"w-100 border-gray\">\n                <div className=\"d-flex py-1 px-3 desk-small\">\n                  <input\n                    type=\"text\"\n                    className=\"border-0 bg-transparent w-100\"\n                    placeholder=\"Search NFT Matrix\"\n                    onChange={handleChange}\n                  />\n                  <button type=\"submit\" className=\"border-0 bg-transparent\">\n                    <img src={search} alt=\"Search\" className=\"img-search\" />\n                  </button>\n                </div>\n              </div>\n            </div> */}\n            <div className=\"col-md-2 my-2 my-md-0 d-flex align-items-center justify-content-center\">\n              <button\n                type=\"button\"\n                className={`${\n                  firstId === currentUserId ? 'hide my-n5' : ''\n                } d-flex align-items-center justify-content-center btn-actions border-gradient rounded-pill`}\n                onClick={() =>\n                  handleClick({\n                    profitCenterId:\n                      beforeUserId.length > 0\n                        ? beforeUserId[beforeUserId.length - 1]\n                        : undefined,\n                  })\n                }\n                disabled={beforeUserId.length === 0}\n              >\n                <img src={arrow} alt=\"Arrow Up\" />\n                <span>One Up</span>\n              </button>\n            </div>\n          </div>\n          <div className=\"row my-0 my-md-5\">\n            <div className=\"col-12 px-1 px-xxl-3\">\n              <div className=\"box-top-user d-flex flex-wrap flex-md-nowrap justify-content-center justify-content-sm-evenly align-items-center py-3\">\n                <div className=\"my-2 my-sm-0 order-1 order-md-0 text-center w-50 w-sm-auto\">\n                  <p className=\"mb-0 text-light-gray\">\n                    {userData.total_members}\n                  </p>\n                  <p className=\"mb-0 small normal-xl\">Total Members</p>\n                </div>\n                <div className=\"d-none d-md-block h-line order-md-0\" />\n                <div className=\"my-2 my-sm-0 order-1 order-md-0 text-center w-50 w-sm-auto\">\n                  <p className=\"mb-0 text-light-gray\">\n                    {userData.direct_referrals}\n                  </p>\n                  <p className=\"mb-0 small normal-xl\">Direct Referals</p>\n                </div>\n                <div className=\"my-2 my-md-0 order-0 order-md-1 d-flex justify-content-center align-items-center w-100 w-md-auto\">\n                  <div className=\"avatar d-flex align-items-center border-gradient text-center rounded-circle\">\n                    <Avatar src={userData.nft_img} className=\"rounded-circle\" />\n                  </div>\n                  <div className=\"ps-3\">\n                    <p className=\"mb-0 text-light-gray\">{userData.nft_name}</p>\n                    <p className=\"mb-0 small normal-xl\">\n                      {userData.screen_name}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"my-2 my-sm-0 order-1 order-md-2 text-center w-50 w-sm-auto\">\n                  <p className=\"mb-0 text-light-gray\">${userData.mtd_volume}</p>\n                  <p className=\"mb-0 small normal-xl\">Earnings This Month</p>\n                </div>\n                <div className=\"d-none d-md-block h-line order-md-2\" />\n                <div className=\"my-2 my-sm-0 order-1 order-md-2 text-center w-50 w-sm-auto\">\n                  <p className=\"mb-0 text-light-gray\">$0</p>\n                  <p className=\"mb-0 small normal-xl\">Lifetime Earnings</p>\n                </div>\n              </div>\n              <div className=\"row justify-content-center my-4 px-3\">\n                {usersMatrix.map((userMatrix) => (\n                  <div\n                    key={userMatrix.id}\n                    className=\"col-md-10 col-xl px-1 w-xl-20\"\n                  >\n                    <button\n                      type=\"button\"\n                      className=\"box-sub-user d-flex align-items-center justify-content-center rounded-pill w-100 py-2 btn-ntf\"\n                      onClick={(e) => {\n                        handleClick({\n                          profitCenterId: userMatrix.id,\n                        });\n                      }}\n                      onMouseDown={(e) => handleMouseDown(e, userMatrix)}\n                      // disabled={!userMatrix.nft_img}\n                    >\n                      <div className=\"w-custom\">\n                        {userMatrix.id > 0 && (\n                          <p className=\"mb-0 text-start ps-3 small normal-xxl text-light-gray\">\n                            Profit\n                            <br />\n                            Center&nbsp;{userMatrix.id}\n                          </p>\n                        )}\n                      </div>\n                      <div className=\"mx-2 text-center\">\n                        {userMatrix.nft_img ? (\n                          <div className=\"avatar d-flex align-items-center border-gradient text-center rounded-circle\">\n                            <Avatar\n                              src={userMatrix.nft_img}\n                              className=\"rounded-circle\"\n                            />\n                          </div>\n                        ) : (\n                          <div className=\"default-avatar\" />\n                        )}\n                      </div>\n                      <div className=\"w-custom\">\n                        <p className=\"mb-0 small normal-xxl\">\n                          {userMatrix.screen_name}\n                        </p>\n                        <p className=\"mb-0 small normal-xxl text-green\">\n                          {userMatrix.rank}\n                        </p>\n                      </div>\n                    </button>\n                    <div className=\"d-flex my-4\">\n                      {userMatrix.referrers.map((referrer) => (\n                        <div\n                          key={referrer.id}\n                          className=\"col px-1 d-flex flex-column justify-content-center align-items-center\"\n                        >\n                          <button\n                            type=\"button\"\n                            className=\"box-user d-flex justify-content-center align-items-center rounded-circle btn-ntf\"\n                            onClick={() =>\n                              handleClick({\n                                profitCenterId: referrer.id,\n                                beforeProfitCenterId: userMatrix.id,\n                              })\n                            }\n                            onMouseDown={(e) => handleMouseDown(e, referrer)}\n                            // disabled={!referrer.nft_img}\n                          >\n                            {referrer.nft_img ? (\n                              <Avatar\n                                src={referrer.nft_img}\n                                className=\"rounded-circle\"\n                              />\n                            ) : (\n                              <div className=\"default-avatar\" />\n                            )}\n                          </button>\n                          <BsArrowDownShort color=\"#E9E9E9\" />\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </BoxMatrix>\n      </div>\n      <BoxNft\n        ref={boxNftRef}\n        show={userMatrixSelected.nft_name ? show : false}\n        positionX={boxPosition.x}\n        positionY={boxPosition.y}\n        className=\"d-flex flex-column align-items-center p-3\"\n      >\n        <img src={wallpaper} alt=\"wallpaper\" className=\"wallpaper w-100\" />\n        <div className=\"w-100 d-flex justify-content-between mb-1 px-3\">\n          <span className=\"nft-name mb-0 text-center text-start\">\n            {userMatrixSelected.nft_name}\n          </span>\n          <span className=\"new-member mb-0 text-center text-start\">\n            Prodigy\n            <img src={rain} alt=\"Rain icon\" className=\"ms-2\" />\n          </span>\n        </div>\n        <div className=\"avatar-nft d-flex align-items-center border-gradient text-center \">\n          <Avatar src={userMatrixSelected.nft_img} className=\"img-nft\" />\n        </div>\n\n        <p className=\"fw-bold mt-4 mb-0 nft-name-selected\">\n          {userMatrixSelected.nft_name}\n        </p>\n        <span className=\"mb-4\">\n          Level Qualified:{' '}\n          <span className=\"qualified\">{userMatrixSelected.rank}</span>\n        </span>\n        <div className=\"row px-2\">\n          <div className=\"col-lg-6 d-flex flex-column align-items-center mb-4\">\n            <p className=\"mb-0\">{userMatrixSelected.total_members}</p>\n            <span>Total Members</span>\n          </div>\n          <div className=\"col-lg-6 d-flex flex-column align-items-center mb-4\">\n            <p className=\"mb-0\">{userMatrixSelected.direct_referrals}</p>\n            <span>Direct Referals</span>\n          </div>\n          <div className=\"col-lg-6 d-flex flex-column align-items-center mb-4\">\n            <p className=\"mb-0\">$125</p>\n            <span>Subs. Balance</span>\n          </div>\n          <div className=\"col-lg-6 d-flex flex-column align-items-center mb-4\">\n            <p className=\"mb-0\">04-APR-23</p>\n            <span>Due Date</span>\n          </div>\n          <div className=\"col-12\">\n            <button type=\"button\" className=\"w-100 pay-amount py-3 border-0\">\n              Pay Amount Due\n            </button>\n            <button type=\"button\" className=\"w-100 message py-3 mt-3\">\n              Message&nbsp;\n              <AiOutlineMessage size={30} color=\"#fff\" />\n            </button>\n          </div>\n          <small className=\"mt-4 text-center\">\n            Get direct placement referral link\n          </small>\n          <div className=\"px-1\">\n            <p className=\"p-box mt-3 mb-0\">\n              <span className=\"d-block ms-auto\">\n                <BsPlus size={35} color=\"#2F3031\" className=\"bsPlus-border\" />\n              </span>\n            </p>\n          </div>\n        </div>\n      </BoxNft>\n      <BoxNewNft\n        ref={boxNewNftRef}\n        show={!userMatrixSelected.nft_name ? showNewNft : false}\n        positionX={boxPosition.x}\n        positionY={boxPosition.y}\n        className=\"d-flex flex-column align-items-center p-3\"\n      >\n        <img src={wallpaper} alt=\"wallpaper\" className=\"wallpaper w-100\" />\n        <div className=\"w-100 d-flex justify-content-between mb-3 px-3\">\n          <span className=\"d-flex align-items-center w-100 new-member fw-light mb-0 text-center text-start\">\n            <img src={info} alt=\"info icon\" className=\"me-2\" />\n            <b className=\"fw-semibold me-1\">Learn how </b>remote sign up works\n          </span>\n        </div>\n        <div className=\"avatar-nft d-flex align-items-center border-gradient text-center \">\n          <Avatar src={userMatrixSelected.nft_img} className=\"img-nft\" />\n        </div>\n\n        <p className=\"fw-bold my-4 nft-name-selected\">Empty Matrix Position</p>\n\n        <div className=\"w-100 px-2\">\n          <div className=\"\">\n            <button\n              type=\"button\"\n              onClick={() => setSignUpInputs(!signUpInputs)}\n              className={`${signUpInputs && 'd-none'} w-100 sign-up py-3`}\n            >\n              Sign Up New NFT <BsArrowRight color=\"#fff\" size={25} />\n            </button>\n          </div>\n          {signUpInputs && (\n            <Form ref={formRef} onSubmit={() => console.log('submit')}>\n              <div className={`${choiseValue && 'd-none'}`}>\n                <small className=\"d-block mb-3 text-center\">\n                  Enter destination wallet\n                </small>\n                <div className=\"d-flex px-2 enter-infos\">\n                  <Input\n                    name=\"destination\"\n                    className=\"height bg-transparent border-0\"\n                  />\n                </div>\n                <small className=\"d-block mt-4 mb-3 text-center\">\n                  Get direct placement referral link\n                </small>\n                <div className=\"d-flex px-2 enter-infos\">\n                  <Input\n                    name=\"authorization\"\n                    className=\"height bg-transparent border-0\"\n                  />\n                  <button\n                    type=\"button\"\n                    className=\"d-block ms-auto bg-transparent border-0\"\n                  >\n                    <BsPlus\n                      size={44}\n                      color=\"#6D50D0\"\n                      className=\"bsPlus-border\"\n                    />\n                  </button>\n                </div>\n                <small className=\"d-block mt-4 mb-3 text-center\">\n                  Enter New Member AutoAffiliate ID\n                </small>\n                <div className=\"d-flex px-2 enter-infos\">\n                  <Input\n                    name=\"autoaffiliate_id\"\n                    className=\"height bg-transparent border-0\"\n                  />\n                </div>\n                <button\n                  onClick={() => setChoiseValue(true)}\n                  type=\"button\"\n                  className=\"w-100 mt-4 pay-amount py-3 border-0\"\n                >\n                  NEXT\n                </button>\n              </div>\n              <div className={`${!choiseValue && 'd-none'}`}>\n                <h2>How Many Profit Centers?</h2>\n                <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                  <p className=\"mb-0 d-flex align-items-center\">\n                    <span className=\"pe-3\">$</span>\n                    {formatPrice(valueRange * 75).slice(0, -3)}\n                  </p>\n                  <img\n                    src={info}\n                    alt=\"Info\"\n                    title=\"Coming soon\"\n                    className=\"ms-3\"\n                  />\n                </div>\n                <div className=\"d-flex text-center position-relative text-center justify-content-center mt-2 mb-4\">\n                  <div className=\"eth-amt-wrap d-flex text-center position-relative text-center justify-content-center\">\n                    <div className=\"d-flex w-100 inner\">\n                      <div className=\"d-flex align-items-center justify-content-between w-100 txt\">\n                        <img src={ethLogo} alt=\"Logo\" />\n                        <span className=\"d-flex mx-auto\">0.000&nbsp;ETH</span>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"d-flex align-items-center justify-content-center mb-3\">\n                  <input\n                    type=\"range\"\n                    name=\"teste\"\n                    min={1}\n                    max={6}\n                    onChange={(e) => {\n                      setValueRange(parseInt(e.target.value, 10));\n                    }}\n                    value={valueRange}\n                    className=\"slider-pic\"\n                  />\n                  <span className=\"thumb\" />\n                  <span className=\"py-0 text-white h5 mb-0\">\n                    &nbsp;{valueRange}\n                  </span>\n                </div>\n                <div className=\"mb-2\">\n                  <span className=\"d-block text-center text-change\">\n                    Use slider to change amount\n                  </span>\n                </div>\n                <div className=\"d-flex justify-content-between\">\n                  <button\n                    onClick={handleCancel}\n                    type=\"button\"\n                    className=\"w-40 mt-4 btn-cancel border-0\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"submit\"\n                    className=\"w-55 mt-4 pay-amount border-0\"\n                    onClick={() => {\n                      setShowModalPleaseConfirm(true);\n                      handleCancel();\n                    }}\n                  >\n                    NEXT\n                  </button>\n                </div>\n              </div>\n            </Form>\n          )}\n        </div>\n      </BoxNewNft>\n      <ModalPleaseConfirm\n        show={showModalPleaseConfirm}\n        aaName=\"AA Name\"\n        aaId=\"7Yhudh334\"\n        walletAddress=\"0xksdfjiejwe23344dfjsjd8ddh333\"\n        memberName=\"John V.\"\n        handleCancel={() => setShowModalPleaseConfirm(false)}\n        handleAccept={() => console.log('accept')}\n      />\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default Matrix5x6;\n","export default __webpack_public_path__ + \"static/media/banner-user-profile.288a8913.png\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\nimport banner from '~/assets/banners/banner-user-profile.png';\n\nexport const Container = styled.div`\n  padding: 0 20px;\n  a {\n    font-weight: 300;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .bg-serial-qrcode {\n    position: relative;\n    bottom: 163px;\n    left: 0;\n    width: 100%;\n    background: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n    margin-bottom: -149px;\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .btn-edit {\n    height: 30px;\n    background-color: transparent;\n    border: none;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .bg-right-side button {\n    background: rgba(255, 255, 255, 0.32);\n    backdrop-filter: blur(5px);\n    border-radius: 18px;\n    padding: 15px;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid #fff;\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n    box-shadow: 0px 80px 37px -15px rgba(0, 0, 0, 0.25);\n    width: none;\n  }\n\n  .bg-nft img.nft {\n    height: 100%;\n  }\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 35px;\n    line-height: 50px;\n  }\n  .member-id {\n    font-weight: 300;\n    font-size: 24px;\n    line-height: 29px;\n    color: #d6d6d6;\n  }\n\n  .nft-number {\n    font-weight: 600;\n    font-size: 64px;\n    line-height: 77px;\n    color: #ffffff;\n  }\n\n  .rank {\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 19px;\n    color: #d6d6d6;\n  }\n\n  .refered {\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    color: #ffffff;\n  }\n\n  .btn-image,\n  .btn-image button,\n  .btn-image button img {\n    border-radius: 28px;\n    transition: all 0.2s ease;\n  }\n\n  .btn-image button :hover {\n    box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.6);\n    opacity: 0.9;\n    transform: scale(1.1);\n  }\n\n  .bg-right-side {\n    background-image: url(${banner});\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    height: 100%;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n\n    .bg-nft span {\n      font-size: 28px;\n      line-height: 40px;\n    }\n\n    .bg-nft {\n      width: 75%;\n    }\n\n    .bg-serial-qrcode {\n      bottom: 148px;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n\n    .bg-serial-qrcode {\n      bottom: 132px;\n    }\n  }\n\n  @media screen and (min-height: 730px) {\n    .bg-right-side {\n      height: 100vh;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .bg-close {\n    background-color: #282a2d;\n    border-radius: 42px 42px 0px 0px;\n  }\n\n  .bg-btn {\n    background: rgba(152, 148, 148, 0.1);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n  }\n\n  .bg-btn:hover {\n    //box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.6);\n    opacity: 0.9;\n    //transform: scale(1.05);\n    border-radius: 20px;\n  }\n\n  .prize {\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 35px;\n    color: #ffffff;\n  }\n\n  .prize-value {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 29px;\n    color: #bbbbbb;\n  }\n\n  .avaliable {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 400;\n    font-size: 20px;\n    color: #c9c9c9;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .header img {\n    height: 52px;\n    width: 52px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n  .modal-xl {\n    width: 1140px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n`;\n\nexport const ModalChangeNft = styled(ModalComponent)`\n  p {\n    font-weight: 300;\n    font-size: 24px;\n    color: #606060;\n  }\n\n  button {\n    background: #18191a;\n    border-radius: 20px;\n    color: #f0ebeb;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  form {\n    border: 2px dashed #5e5e5e !important;\n    border-radius: 25px;\n  }\n\n  label {\n    cursor: pointer;\n    width: 900px;\n    :hover p {\n      text-decoration: underline;\n    }\n  }\n\n  /* .modal-dialog {\n    min-width: 500px;\n  } */\n\n  .preview img {\n    max-height: 400px;\n    min-height: 350px;\n    max-width: 680px;\n    border-radius: 25px 25px 0 0;\n  }\n\n  .preview button {\n    background: #18191a;\n    border-radius: 20px;\n    color: #f0ebeb;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  .preview button:hover {\n    background: ${lighten(0.1, '#18191a')};\n  }\n\n  .preview :nth-child(2) {\n    font-weight: 400;\n    font-size: 22px;\n    color: #dadada;\n  }\n\n  .preview :nth-child(4) {\n    font-weight: 400;\n    font-size: 22px;\n    color: #999393;\n    :hover {\n      text-decoration: underline;\n    }\n  }\n\n  .icon-plus {\n    height: 118px;\n  }\n\n  .modal-close {\n    color: #fff;\n    height: 50px;\n    width: 50px;\n    right: 0px;\n  }\n\n  @media screen and (max-width: 992px) {\n    .preview {\n      max-width: 450px;\n    }\n  }\n\n  @media screen and (max-width: 625px) {\n    .preview {\n      max-width: 100%;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/star-icon.9641cdeb.svg\";","export default __webpack_public_path__ + \"static/media/ai-art-creator.7df2cfa7.png\";","export default __webpack_public_path__ + \"static/media/nft-launchpad.fff5a2d1.png\";","export default __webpack_public_path__ + \"static/media/the-cube.b1e31c12.png\";","export default __webpack_public_path__ + \"static/media/ai-defi-arbitrage.7437c8c2.png\";","export default __webpack_public_path__ + \"static/media/voyagers-game.1b7ee56f.png\";","export default __webpack_public_path__ + \"static/media/cube-large.9a661eae.png\";","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/the-cube-title.aa9495f0.svg\";","export default __webpack_public_path__ + \"static/media/user-profile-icon.ded9f4a9.svg\";","export default __webpack_public_path__ + \"static/media/plus-upload-image.0fd5985f.svg\";","import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { BiArrowBack } from 'react-icons/bi';\nimport { FiEdit3 } from 'react-icons/fi';\nimport { Container, Modal, ModalChangeNft } from './styles';\nimport star from '~/assets/icons/star-icon.svg';\nimport aiArt from '~/assets/defaults/ai-art-creator.png';\nimport nftLaunchpad from '~/assets/defaults/nft-launchpad.png';\nimport cube from '~/assets/defaults/the-cube.png';\nimport aiDefi from '~/assets/defaults/ai-defi-arbitrage.png';\nimport voyagers from '~/assets/defaults/voyagers-game.png';\nimport basketExample from '~/assets/defaults/basket-example.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport cubeLarge from '~/assets/defaults/cube-large.png';\nimport cubeSmall from '~/assets/defaults/cube-small.png';\nimport cubeTitle from '~/assets/defaults/the-cube-title.svg';\n\nimport iconNft from '~/assets/icons/user-profile-icon.svg';\nimport plusUploadImage from '~/assets/icons/plus-upload-image.svg';\nimport { web3store } from '~/store';\nimport { useAuth } from '~/hooks/Auth';\nimport api from '~/services/api';\nimport { formatPrice } from '~/utils/format';\n\ninterface IProfile {\n  id: string;\n  screen_name: string;\n  rank: string;\n  sponsor: string;\n  earnings: string;\n  referrals: string;\n}\n\nconst UserProfile: React.FC = () => {\n  const { user } = useAuth();\n  const [show, setShow] = useState(false);\n  const [profile, setProfile] = useState({} as IProfile);\n  const [screenName, setScreenName] = useState('');\n  const [disabled, setDisabled] = useState(true);\n  const [showChangeImg, setShowChangeImg] = useState(false);\n  const [image, setImage] = useState('');\n  const [imageChoise, setImageChoise] = useState('');\n\n  const history = useHistory();\n\n  const name = useMemo(() => user?.screen_name, [user]);\n\n  useEffect(() => {\n    api.get(`v1/member/profile/${user?.id}`).then((response) => {\n      setProfile(response.data.profile);\n      if (name) {\n        setScreenName(name);\n      }\n    });\n  }, [profile.earnings, name, user?.id]);\n\n  useEffect(() => {\n    const btnEdit = document.querySelector('.nft-number') as HTMLElement;\n    if (btnEdit && disabled === false) {\n      btnEdit.focus();\n    }\n  }, [disabled]);\n\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  const handleChangeImg = useCallback(() => {\n    setImage('');\n    setShowChangeImg(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setShowChangeImg(false);\n    setImage('');\n  }, []);\n\n  const handleImg = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const file = e.target.files[0];\n      setImage(URL.createObjectURL(file));\n    }\n  }, []);\n\n  const handleImageChoise = useCallback((e) => {\n    setImageChoise(e);\n  }, []);\n\n  const handleUploadAgain = useCallback(() => {\n    setImage('');\n  }, []);\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    setScreenName(e.target.value);\n  }, []);\n\n  const handleDisabled = useCallback(() => {\n    setDisabled(!disabled);\n    if (disabled === false) {\n      const formData = {\n        profile: {\n          screen_name: screenName,\n        },\n      };\n\n      api.put(`v1/member/profile/${user?.id}`, formData).then((response) => {\n        console.log('put');\n      });\n    }\n  }, [disabled, screenName, user?.id]);\n\n  const earnings = useMemo(() => {\n    return {\n      value: formatPrice(\n        parseFloat((parseInt(profile.earnings, 10) / 10 ** 18).toFixed(2))\n      ),\n    };\n  }, [profile.earnings]);\n\n  return (\n    <>\n      <Container>\n        <div className=\"pt-4 zoom position-absolute\">\n          <Link\n            to={`${process.env.PUBLIC_URL}/dashboard`}\n            className=\"d-flex align-items-center\"\n          >\n            <BiArrowBack size={30} color=\"#7D7777\" className=\"me-4\" />\n            Back Home\n          </Link>\n        </div>\n        <div className=\"container h-100\">\n          <div className=\"row justify-content-between\">\n            <div className=\"col-5 zoom d-flex align-items-center mt-5\">\n              <div className=\"row\">\n                <div className=\"col-12 mt-5 mt-xxl-0\">\n                  <span className=\"d-block member-id\">Member ID</span>\n                  <div className=\"d-flex\">\n                    <input\n                      type=\"text\"\n                      className=\"d-block bg-transparent border-0 nft-number w-50\"\n                      onChange={handleChange}\n                      value={screenName}\n                      disabled={disabled}\n                    />\n                    <button\n                      className=\"btn-edit mb-2 mt-auto\"\n                      type=\"submit\"\n                      onClick={handleDisabled}\n                    >\n                      <FiEdit3 size={20} color=\"#5A5B5B\" className=\"me-2\" />\n                      {disabled === false && 'Save edit'}\n                    </button>\n                  </div>\n\n                  <div className=\"d-flex mt-5\">\n                    <div className=\"w-50\">\n                      <div className=\"d-flex align-items-center mb-3\">\n                        <img src={star} alt=\"Star\" className=\"pe-3\" />\n                        <p className=\"rank mb-0\">\n                          Rank <span className=\"refered\">{profile.rank}</span>\n                        </p>\n                      </div>\n                      <div className=\"d-flex align-items-center mb-3\">\n                        <img src={star} alt=\"Star\" className=\"pe-3\" />\n                        <p className=\"rank mb-0\">\n                          Refered by{' '}\n                          <span className=\"refered\">{profile.sponsor}</span>\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"w-50\">\n                      <div className=\"d-flex align-items-center mb-3\">\n                        <img src={star} alt=\"Star\" className=\"pe-3\" />\n                        <p className=\"rank mb-0\">\n                          Earnings{' '}\n                          <span className=\"refered\">${earnings.value}</span>\n                        </p>\n                      </div>\n                      <div className=\"d-flex align-items-center mb-3\">\n                        <img src={star} alt=\"Star\" className=\"pe-3\" />\n                        <p className=\"rank mb-0\">\n                          Total referrals{' '}\n                          <span className=\"refered\">{profile.referrals}</span>\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 my-5\">\n                  <span className=\"d-block member-id\">Member</span>\n                  <span className=\"d-block nft-number\">PRODUCTS</span>\n                </div>\n\n                <div className=\"col-4 p-3 btn-image\">\n                  <button\n                    type=\"button\"\n                    className=\"w-100 border-0 bg-transparent\"\n                    onClick={() => {\n                      history.push(\n                        `${process.env.PUBLIC_URL}/products/ai-art/generation`\n                      );\n                    }}\n                  >\n                    <img src={aiArt} alt=\"Ai Art Creator\" className=\"w-100\" />\n                  </button>\n                </div>\n\n                <div className=\"col-4 p-3 btn-image\">\n                  <button\n                    type=\"button\"\n                    className=\"w-100 border-0 bg-transparent\"\n                  >\n                    <img\n                      src={nftLaunchpad}\n                      alt=\"Nft Launchpad\"\n                      className=\"w-100\"\n                    />\n                  </button>\n                </div>\n\n                <div className=\"col-4 p-3 btn-image\">\n                  <button\n                    type=\"button\"\n                    className=\"w-100 border-0 bg-transparent\"\n                    onClick={handleShow}\n                  >\n                    <img src={cube} alt=\"The cube\" className=\"w-100\" />\n                  </button>\n                </div>\n\n                <div className=\"col-4 p-3 btn-image\">\n                  <button\n                    type=\"button\"\n                    className=\"w-100 border-0 bg-transparent\"\n                  >\n                    <img\n                      src={aiDefi}\n                      alt=\"Ai Defi Arbitrage\"\n                      className=\"w-100\"\n                    />\n                  </button>\n                </div>\n\n                <div className=\"col-4 p-3 btn-image\">\n                  <button\n                    type=\"button\"\n                    className=\"w-100 border-0 bg-transparent\"\n                  >\n                    <img src={voyagers} alt=\"Voyagers Game\" className=\"w-100\" />\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className=\"col-6\">\n              <div className=\"bg-right-side d-flex flex-column justify-content-center align-items-center\">\n                <div className=\"bg-nft p-2 position-relative\">\n                  <img\n                    src={user?.nft_img}\n                    alt=\"NFT Generated\"\n                    className=\"w-100 nft\"\n                  />\n                  <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode justify-content-center align-items-center\">\n                    <div className=\"w-60\">\n                      <span>\n                        Serial #<br />\n                        <span className=\"fw-bold\">0000123</span>\n                      </span>\n                    </div>\n                    <div className=\"w-30 text-end\">\n                      <img\n                        src={qrCode}\n                        alt=\"Qr Code\"\n                        className=\"w-75 qr-code bg-qrcode p-3\"\n                      />\n                    </div>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  className=\"mt-5 border-0\"\n                  onClick={handleChangeImg}\n                >\n                  <img src={iconNft} alt=\"\" />\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Container>\n      <Modal\n        className=\"modal-user-profile text-white d-flex\"\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n      >\n        <Modal.Header className=\"border-0 p-0 bg-close\">\n          <div className=\"d-flex justify-content-between w-100 header\">\n            <button\n              type=\"button\"\n              className=\"h4 modal-close mb-0 pe-3 ms-auto border-0 bg-transparent\"\n              onClick={handleClose}\n            >\n              x\n            </button>\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"py-0\">\n          <div className=\"container\">\n            <div className=\"row\">\n              <div className=\"col-lg-5\">\n                <img\n                  src={cubeLarge}\n                  alt=\"Cube\"\n                  className=\"w-100 mt-n4 pb-1 mb-4\"\n                />\n              </div>\n              <div className=\"col-lg-7 ps-4\">\n                <div className=\"row\">\n                  <div className=\"col-12\">\n                    <img src={cubeTitle} alt=\"The cube\" className=\"mt-4\" />\n                    <div className=\"d-flex mt-5\">\n                      <div className=\"w-50\">\n                        <div className=\"d-flex align-items-center mb-3\">\n                          <img src={star} alt=\"Star\" className=\"pe-3\" />\n                          <p className=\"rank mb-0\">\n                            Game Plays <span className=\"refered\">28</span>\n                          </p>\n                        </div>\n                        <div className=\"d-flex align-items-center mb-3\">\n                          <img src={star} alt=\"Star\" className=\"pe-3\" />\n                          <p className=\"rank mb-0\">\n                            Wins <span className=\"refered\">7</span>\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"w-50\">\n                        <div className=\"d-flex align-items-center mb-3\">\n                          <img src={star} alt=\"Star\" className=\"pe-3\" />\n                          <p className=\"rank mb-0\">\n                            Earnings <span className=\"refered\">$100,878</span>\n                          </p>\n                        </div>\n                        <div className=\"d-flex align-items-center mb-3\">\n                          <img src={star} alt=\"Star\" className=\"pe-3\" />\n                          <p className=\"rank mb-0\">\n                            Rank <span className=\"refered\">Master</span>\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"row\">\n                  <div className=\"col-12 avaliable mt-4\">Available games</div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$50</span>\n                      </span>\n                    </button>\n                  </div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$100</span>\n                      </span>\n                    </button>\n                  </div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$150</span>\n                      </span>\n                    </button>\n                  </div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$500</span>\n                      </span>\n                    </button>\n                  </div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$1000</span>\n                      </span>\n                    </button>\n                  </div>\n                  <div className=\"col-4 ps-0 pt-3\">\n                    <button\n                      type=\"button\"\n                      className=\"d-flex w-100 border-0 bg-btn p-1\"\n                      onClick={() =>\n                        history.push(`${process.env.PUBLIC_URL}/game`)\n                      }\n                    >\n                      <img src={cubeSmall} alt=\"Cube Small\" />\n                      <span className=\"d-block prize ps-3 text-start\">\n                        Prize\n                        <br />\n                        <span className=\"d-block prize-value\">$5000</span>\n                      </span>\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n\n      <ModalChangeNft\n        className=\"modal-img-upload text-white d-flex\"\n        size=\"xl\"\n        show={showChangeImg}\n        onHide={handleClose}\n      >\n        <Modal.Body className=\"p-0\">\n          <div className=\"container h-100 p-0\">\n            <div className=\"row h-100 justify-content-center\">\n              <div className=\"col-12 text-center\">\n                {image ? (\n                  <div className=\"pb-5 preview text-center\">\n                    <img src={image} alt=\"image preview to upload\" />\n                    <p className=\"mt-5 mb-1\">Does it look good?</p>\n                    <button\n                      type=\"button\"\n                      className=\"mt-4 mb-1 py-3 border-0 fw-bold w-75\"\n                      onClick={() => {\n                        handleImageChoise(image);\n                        handleClose();\n                      }}\n                    >\n                      Yes,&nbsp;let'd&nbsp;continue\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"mt-4 border-0 bg-transparent d-block mx-auto\"\n                      onClick={handleUploadAgain}\n                    >\n                      Upload again\n                    </button>\n                  </div>\n                ) : (\n                  <>\n                    <button\n                      type=\"button\"\n                      className=\"modal-close fw-bold position-absolute border-0 bg-transparent\"\n                      onClick={handleClose}\n                    >\n                      x\n                    </button>\n                    <form className=\"h-100 py-5\">\n                      <label\n                        htmlFor=\"picture_file\"\n                        className=\"py-5 h-100 d-flex flex-column justify-content-center\"\n                      >\n                        <img\n                          src={plusUploadImage}\n                          className=\"icon-plus mb-4\"\n                          alt=\"Plus icon\"\n                        />\n                        <p>Upload Image</p>\n\n                        <input\n                          type=\"file\"\n                          id=\"picture_file\"\n                          className=\"d-none\"\n                          onChange={handleImg}\n                          accept=\"image/*\"\n                        />\n                      </label>\n                    </form>\n                  </>\n                )}\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </ModalChangeNft>\n    </>\n  );\n};\n\nexport default UserProfile;\n","export default __webpack_public_path__ + \"static/media/banner-reveal.eb6be4ac.png\";","export default __webpack_public_path__ + \"static/media/maintenance.bff89541.png\";","import styled, { keyframes } from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport Toast from 'react-bootstrap/Toast';\nimport { Form } from '@unform/web';\nimport bgNft from '~/assets/banners/bg-modal.png';\nimport bgNftDark from '~/assets/banners/bg-modal-dark.png';\nimport bgReveal from '~/assets/defaults/banner-reveal.png';\nimport light from '~/assets/defaults/light.svg';\nimport bgWinner from '~/assets/defaults/bg-winner.png';\nimport underMaintenance from '~/assets/defaults/maintenance.png';\n\ninterface IModelProps {\n  showNft: boolean;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst fadeOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst rollIn = keyframes`\n  from {\n    transform: translateX(-50%) translateY(100%); // Start off-screen\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0); // End at original position\n    opacity: 1;\n  }\n`;\n\nconst rollOut = keyframes`\n  from {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n  to {\n    transform: translateX(-50%) translateY(100%); // Move back off-screen\n    opacity: 0;\n  }\n`;\n\nexport const ToastAlert = styled(Toast)`\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 583px;\n  height: 162px;\n  flex-shrink: 0;\n  border-radius: 44px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px 0px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  z-index: 1000;\n\n  &.fade-in {\n    animation: ${fadeIn} 1.5s ease-in-out forwards;\n  }\n\n  &.fade-out {\n    animation: ${fadeOut} 0.5s ease-in-out forwards;\n  }\n\n  &.roll-in {\n    animation: ${rollIn} 0.5s ease-out forwards;\n  }\n\n  &.roll-out {\n    animation: ${rollOut} 0.5s ease-out forwards;\n  }\n\n  .toast-body {\n    padding: 7px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .toast-img {\n    width: 151px;\n    height: 148px;\n    flex-shrink: 0;\n    margin-right: 20px;\n    border-radius: 40px;\n    border: 3px solid rgba(255, 255, 255, 0.5);\n  }\n\n  .action {\n    width: 172px;\n    color: #ff008a;\n    text-align: center;\n    font-family: Barlow;\n    font-size: 90px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    margin-right: 22px;\n  }\n\n  .win {\n    color: #00f9ab;\n  }\n\n  .bid {\n    color: #ff008a;\n  }\n\n  .info {\n    width: 203px;\n  }\n\n  .line1 {\n    color: #f5eeee;\n    font-family: Inter;\n    font-size: 24px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .line2 {\n    font-family: Inter;\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n\n  .line3 {\n    color: #c4c4c4;\n    font-family: Inter;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n  }\n\n  .line4 {\n    color: #00f9ab;\n    font-family: Inter;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n    text-transform: uppercase;\n  }\n`;\n\nexport const Banner = styled.div`\n  padding: 0 20px;\n\n  .btn-avatar {\n    border-radius: 30px !important;\n    background: transparent !important;\n    border: unset !important;\n  }\n  .container-zindex {\n    z-index: 2;\n  }\n\n  .arrow {\n    width: 30px;\n    height: 30px;\n    transition: all 0.3s ease;\n  }\n\n  .rotateActive {\n    transform: rotate(-90deg);\n  }\n\n  .fw-600 {\n    font-weight: 600 !important;\n  }\n\n  @media screen and (min-width: 992px) {\n    .zoom {\n      zoom: 0.6;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .zoom {\n      zoom: 0.65;\n    }\n  }\n\n  @media screen and (min-width: 1300px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1600px) {\n    .zoom {\n      zoom: 0.9;\n    }\n  }\n\n  @media screen and (min-width: 1700px) {\n    .zoom {\n      zoom: 0.95;\n    }\n  }\n\n  @media screen and (min-width: 1800px) {\n    .zoom {\n      zoom: 1;\n    }\n  }\n`;\n\nexport const Video = styled.video`\n  background-color: #000 !important;\n  position: fixed;\n  min-width: 100%;\n  left: 0%;\n  z-index: 1;\n  height: 100vh;\n  //top: 50%;\n  //left: 50%;\n  //min-height: 100%;\n  //width: auto;\n\n  //transform: translateX(-50%) translateY(-50%);\n  transition: top 1s ease-in-out;\n`;\n\nexport const Modal = styled(ModalComponent)<IModelProps>`\n  backdrop-filter: blur(10px);\n  .modal-content {\n    background-color: #000;\n    background-image: url(${bgNft});\n    background-position: bottom;\n    background-size: cover;\n    background-repeat: no-repeat;\n    border-radius: 30px;\n    border: none;\n    overflow: hidden;\n    position: relative;\n    :before {\n      content: '';\n      background: url(${light});\n      width: 610px;\n      height: 452px;\n      position: absolute;\n      left: 50%;\n      top: 0;\n      transform: translateX(-50%);\n      transition-duration: 0.1s;\n      opacity: ${(props) => (props.showNft ? 1 : 0)};\n      visibility: ${(props) => (props.showNft ? 'visible' : 'hidden')};\n      z-index: 2;\n    }\n    :after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      background-image: url(${bgNftDark});\n      background-position: bottom;\n\n      transition-duration: 0.3s;\n      opacity: ${(props) => (props.showNft ? 0 : 1)};\n      visibility: ${(props) => (props.showNft ? 'hidden' : 'visible')};\n    }\n  }\n\n  .min-height {\n    min-height: 470px;\n  }\n\n  .bg-main {\n    background: rgba(23, 23, 25, 0.46);\n    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.265139);\n    backdrop-filter: blur(5px);\n    border-radius: 37px 37px 0px 0px;\n    width: 100%;\n  }\n\n  .try-again {\n    background: rgba(26, 27, 29, 0.7);\n    border: 2px solid #393c3d;\n    border-radius: 22px;\n    color: #f2f2f2;\n    font-weight: 600;\n    padding: 22px 33px;\n    font-size: 20px;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .btn-play-again {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    padding: 13px 49px;\n    font-size: 24px;\n    font-family: 'Poppins', sans-serif;\n    color: #000;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    border: 1px solid ${(props) => (props.showNft ? '#fff' : '#000')};\n    border-radius: 40px;\n    //height: 470px;\n    width: 100%;\n    position: relative;\n    z-index: 1;\n    :after {\n      border-radius: 40px;\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      background-color: rgba(0, 0, 0);\n\n      transition-duration: 0.3s;\n      opacity: ${(props) => (props.showNft ? 0 : 1)};\n      visibility: ${(props) => (props.showNft ? 'hidden' : 'visible')};\n    }\n  }\n\n  .bg-nft img {\n    //height: 70%;\n  }\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 35px;\n    line-height: 50px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0.5rem;\n    left: 8px;\n    width: calc(100% - 16px);\n    border-radius: 0 0 35px 35px;\n    background-image: url(${bgReveal});\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    backdrop-filter: blur(7.5px);\n    //background: rgba(255, 255, 255, 0.24);\n  }\n\n  /* .fw-bold {\n    color: #fff;\n    text-align: center;\n    text-shadow: 0px 4px 13px rgba(99, 78, 6, 0.25);\n    font-family: Alumni Sans Collegiate One !important;\n    font-size: 120px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n  } */\n\n  .bg-serial-qrcode span {\n    text-align: center;\n    text-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25);\n    font-family: 'Audiowide';\n    font-size: 40px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n    letter-spacing: 5.5px;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 5.84%,\n      #bcffe5 9.62%,\n      #deefd1 38.94%,\n      #ffe0be 56.96%,\n      #fbc2d3 78.82%,\n      #fabcd6 92.63%,\n      #f281ff 99.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    //-webkit-text-stroke: 1.5px black;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n\n  .header img {\n    height: 52px;\n    width: 52px;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    min-width: 1440px;\n  }\n\n  .btn-nft {\n    color: #fff;\n    padding: 18px;\n    font-size: 24px;\n    border-radius: 20px;\n    background-color: #0c0d0d;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .btn-nft {\n      font-size: 20px;\n    }\n\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .bg-nft,\n    .bg-main {\n      width: 329px;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .btn-nft {\n      padding: 18px 10px;\n      font-size: 18px;\n    }\n  }\n`;\n\n/* Style for the Maintenance modal */\nexport const Maintenance = styled(ModalComponent)<IModelProps>`\n  backdrop-filter: blur(100px);\n  background-color: black; // Black background for the modal\n\n  .modal-content {\n    background-color: black; // Black background for the modal content\n    color: white;\n  }\n\n  /* Style for the container with the background image */\n  .image-container {\n    background-image: url(${underMaintenance});\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start; // Centers children vertically\n    align-items: center; // Centers children horizontally\n    height: 1080px;\n    padding-top: 125px;\n  }\n\n  /* Style for the first line of text */\n  .maintenance-text-1 {\n    color: #e4e1e1;\n    text-align: center;\n    font-family: Jura;\n    font-size: 34px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 107.523%; /* 36.558px */\n  }\n\n  /* Style for the 'backSoon' image */\n  .back-soon-image {\n    padding-top: 41px;\n    // Add styling as needed, such as width, height, etc.\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/arrow-bottom.2ebfd959.svg\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  border-radius: 30px;\n\n  .btn-back {\n    z-index: 2;\n  }\n  .btn-back a {\n    font-weight: 300;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .btn-wifi {\n    border-radius: 13px;\n    background: rgba(152, 148, 148, 0.1);\n    border: none;\n    backdrop-filter: blur(15px);\n    width: 34px;\n    height: 34px;\n  }\n\n  .payout {\n    color: #fff;\n    font-family: Inter;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n    padding-right: 5px;\n  }\n\n  .payout-cube {\n    color: #fff;\n    font-family: Inter;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .payout-value {\n    font-weight: 600;\n    font-size: 48px;\n    line-height: 58px;\n    color: #ffffff;\n  }\n\n  .manual-auto button {\n    cursor: pointer;\n    border: none;\n    padding: 0 0 2px 0;\n    background-image: linear-gradient(180deg, #100f0f, #100f0f);\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n\n    transition-duration: 0.3s;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 22px;\n    color: #7d7777;\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n    :hover {\n      background-image: linear-gradient(180deg, #100f0f, #100f0f),\n        linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        ) !important;\n      color: #fff;\n    }\n  }\n\n  .manual-auto-active {\n    background-image: linear-gradient(180deg, #100f0f, #100f0f),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    color: #fff !important;\n  }\n\n  .entry :nth-child(2) {\n    color: #878585;\n  }\n\n  .bg-value {\n    background: rgba(24, 25, 26, 0.85);\n    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25);\n    border-radius: 22px;\n  }\n\n  .bg-value img {\n    width: 42px;\n    height: 42px;\n  }\n\n  .bg-gradient-place {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    font-size: 20px;\n    padding: 15px 0;\n    color: #000000;\n  }\n\n  .bg-free-play {\n    background: #00f9ab;\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    font-size: 20px;\n    padding: 15px 0;\n    color: #000000;\n  }\n\n  .notActive {\n    background: #333;\n    border: 2px solid #333;\n    border-radius: 22px;\n    font-weight: 600;\n    font-size: 20px;\n    padding: 15px 0;\n    color: #000000;\n    cursor: not-allowed;\n  }\n\n  .avaliable {\n    color: #c8c8c8;\n  }\n\n  .border-gray {\n    border: 1px solid rgba(255, 255, 255, 0.24);\n    border-radius: 10px;\n  }\n\n  .border-me {\n    border-radius: 10px;\n    border: 1px solid var(--Gradient-2, #9df3ff);\n    box-shadow: 3px 4px 32px 0px rgba(0, 0, 0, 0.54);\n    backdrop-filter: blur(15px);\n  }\n\n  .avatar {\n    height: 19px;\n    width: 19px;\n    padding: 1px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .text-gray {\n    color: #7d7777;\n  }\n\n  .height {\n    max-height: 230px;\n  }\n`;\n","import React, { useCallback, useState, useEffect } from 'react';\nimport { ethers, utils, BigNumber } from 'ethers';\nimport { BiArrowBack } from 'react-icons/bi';\nimport { HiWifi } from 'react-icons/hi2';\nimport { Link } from 'react-router-dom';\nimport arrow from '~/assets/icons/arrow-bottom.svg';\nimport cubeTitle from '~/assets/defaults/the-cube-title.svg';\nimport { Container } from './styles';\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport logoPurple from '~/assets/logo/logo-p-purple.svg';\nimport api from '~/services/api';\nimport { useAuth } from '~/hooks/Auth';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\nimport {\n  getConfigAddress,\n  getConfigNumber,\n  getConfigString,\n} from '~/utils/configContract';\nimport { web3store } from '../../../store';\n\ninterface Cube {\n  cube_id: number;\n  balance: number;\n  cube_max_players: number;\n  cube_payoff: number;\n  entry_fee: number;\n  free_available: number;\n}\n\ninterface IActiveCubes {\n  cubes: Cube[];\n}\n\ninterface ICubeProps {\n  selectedCube: Cube | null;\n}\n\ninterface WithdrawalRequest {\n  nftId: number;\n  userAddress: string;\n  message: string;\n  deadline: number;\n  transaction_fee: BigNumber;\n}\n\ninterface Player {\n  id: number;\n  cubeID: number;\n  nftID: number;\n  avatar: string;\n  name: string;\n  value: number;\n  isMe: boolean;\n}\n\nexport function formatUSDValue(valueInWei: number): string {\n  // Convert Wei to Ether\n  const valueInEther = utils.formatUnits(valueInWei.toString(), 'ether');\n  // Assuming 1 Ether = $100, replace with your actual conversion rate\n  const usdValue = parseFloat(valueInEther);\n  return `$${usdValue.toFixed(2)}`;\n}\n\n/* eslint no-underscore-dangle: 0 */\n// const CurrentPayout: React.FC<ICubeProps> = ({ selectedCube }) => {\nconst CurrentPayout: React.FC<ICubeProps & { players: Player[] }> = ({\n  selectedCube,\n  players,\n}) => {\n  const { user } = useAuth();\n  // const CurrentPayout: React.FC = () => {\n  const [activeCube, setActiveCube] = useState(true);\n  const [manualAuto, setManualAuto] = useState('manual');\n  // const [playsAvaliable, setPlaysAvaliable] = useState(0);\n  const [selectedValue, setSelectedValue] = useState<number | null>(1); // Default selected value\n  const [account, setAccount] = web3store.useState('account');\n  const [balusdpi] = web3store.useState('balusdpi');\n  // const [players, setPlayers] = useState<Player[]>([]);\n  const playersTest = [\n    { id: 1, avatar: logoPurple, name: 'NFT 093', value: '5.0' },\n    { id: 2, avatar: logoPurple, name: 'NFT 883', value: '5.0' },\n    { id: 3, avatar: logoPurple, name: 'NFT 112', value: '5.0' },\n    { id: 4, avatar: logoPurple, name: 'NFT 008', value: '5.0' },\n    { id: 5, avatar: logoPurple, name: 'NFT 656', value: '5.0' },\n    { id: 6, avatar: logoPurple, name: 'NFT 320', value: '5.0' },\n  ];\n\n  const [colorTest, setColorTest] = useState(true);\n\n  const handleActiveCube = useCallback(() => {\n    setActiveCube(!activeCube);\n  }, [activeCube]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const joinCubeFromAcct = useCallback(\n    (cube: Cube, fee: string): Promise<string> => {\n      return new Promise((resolve, reject) => {\n        if (user && account) {\n          networkSwitch('NETWORK')\n            .then((netResponse) => {\n              // console.log(netResponse);\n              getConfigAddress('contract_cubepay_v1') // ToDo: change for production\n                .then((configResult) => {\n                  const cubePay = configResult?.toString();\n                  const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                  // console.log('deadline: %s', deadline);\n                  const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                  const chainInt = parseInt(chainNo || '0', 16);\n                  // console.log(chainInt);\n                  const domain = {\n                    name: 'CubePay',\n                    version: '1',\n                    chainId: chainInt,\n                    verifyingContract: cubePay,\n                  };\n                  // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  // console.log(domain);\n                  // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  const types = {\n                    Request: [\n                      { name: 'nftId', type: 'uint256' },\n                      { name: 'userAddress', type: 'address' },\n                      { name: 'message', type: 'string' },\n                      { name: 'deadline', type: 'uint256' },\n                      { name: 'transaction_fee', type: 'uint256' },\n                    ],\n                  };\n                  const displayAmt = cube.entry_fee / 10 ** 18;\n                  const transaction_fee = BigNumber.from(fee);\n                  const transaction_fee_in_ether = parseFloat(\n                    ethers.utils.formatEther(transaction_fee)\n                  );\n                  const message = `I authorize this bid of $${displayAmt.toFixed(\n                    2\n                  )}, from funds in my Cube account.`;\n                  // console.log(message);\n                  const request: WithdrawalRequest = {\n                    nftId: parseInt(user.id, 10),\n                    userAddress: account,\n                    message,\n                    deadline,\n                    transaction_fee: BigNumber.from(fee),\n                  };\n                  const tprovider = new ethers.providers.Web3Provider(\n                    window.ethereum\n                  );\n                  // setProcessText('Waiting for signature from wallet.');\n                  const tsigner = tprovider.getSigner();\n                  tsigner\n                    ._signTypedData(domain, types, request)\n                    .then((sig) => {\n                      // xxxx\n                      /// console.log(sig);\n                      api\n                        .post('/v1/cube/join/account', {\n                          tokenID: user?.id,\n                          cubeID: cube.cube_id,\n                          amt: cube.entry_fee,\n                          fee,\n                          message,\n                          deadline,\n                          signature: sig,\n                          owner: account,\n                        })\n                        .then((acctResponse) => {\n                          // console.log(acctResponse);\n                          resolve('ok');\n                        })\n                        .catch((acctError) => {\n                          reject(acctError);\n                        });\n                    })\n                    .catch((sigerror) => {\n                      // Handle any errors that occur during the function call\n                      console.log(sigerror);\n                      // setLoading(false);\n                    });\n                })\n                .catch((purserError) => {\n                  console.log(purserError);\n                  // setLoading(false);\n                  // swalError({\n                  //   message:\n                  //     'Sorry, there was a problem processing your withdrawal',\n                  //   textButton: 'Close',\n                  // });\n                });\n            })\n            .catch((error) => {\n              console.log(error);\n              reject(error);\n              // setLoading(false);\n            });\n        }\n      });\n    },\n    [user, account]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const joinCubeFromMemberAcct = useCallback(\n    (cube: Cube, fee: string): Promise<string> => {\n      return new Promise((resolve, reject) => {\n        if (user && account) {\n          networkSwitch('NETWORK')\n            .then((netResponse) => {\n              // console.log(netResponse);\n              getConfigAddress('contract_cubepay_v1') // ToDo: change for production\n                .then((configResult) => {\n                  const cubePay = configResult?.toString();\n                  // console.log('+++++ cubePay: %s +++++', cubePay);\n                  const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                  // console.log('deadline: %s', deadline);\n                  const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                  const chainInt = parseInt(chainNo || '0', 16);\n                  // console.log(chainInt);\n                  const domain = {\n                    name: 'CubePay',\n                    version: '1',\n                    chainId: chainInt,\n                    verifyingContract: cubePay,\n                  };\n                  // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  // console.log(domain);\n                  // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  const types = {\n                    Request: [\n                      { name: 'nftId', type: 'uint256' },\n                      { name: 'userAddress', type: 'address' },\n                      { name: 'message', type: 'string' },\n                      { name: 'deadline', type: 'uint256' },\n                      { name: 'transaction_fee', type: 'uint256' },\n                    ],\n                  };\n                  const displayAmt = cube.entry_fee / 10 ** 18;\n                  const transaction_fee = BigNumber.from(fee);\n                  const transaction_fee_in_ether = parseFloat(\n                    ethers.utils.formatEther(transaction_fee)\n                  );\n                  const message = `I authorize this bid of $${displayAmt.toFixed(\n                    2\n                  )}, from funds in my Member account.`;\n                  // console.log(message);\n                  const request: WithdrawalRequest = {\n                    nftId: parseInt(user.id, 10),\n                    userAddress: account,\n                    message,\n                    deadline,\n                    transaction_fee: BigNumber.from(fee),\n                  };\n                  const tprovider = new ethers.providers.Web3Provider(\n                    window.ethereum\n                  );\n                  // setProcessText('Waiting for signature from wallet.');\n                  const tsigner = tprovider.getSigner();\n                  tsigner\n                    ._signTypedData(domain, types, request)\n                    .then((sig) => {\n                      // console.log(sig);\n                      // console.log('+++++ account: %s +++++', account);\n                      api\n                        .post('/v1/cube/join/member', {\n                          tokenID: user?.id,\n                          cubeID: cube.cube_id,\n                          amt: cube.entry_fee,\n                          fee,\n                          message,\n                          deadline,\n                          signature: sig,\n                          owner: account,\n                        })\n                        .then((acctResponse) => {\n                          // console.log(acctResponse);\n                          resolve('ok');\n                        })\n                        .catch((acctError) => {\n                          reject(acctError);\n                        });\n                    })\n                    .catch((sigerror) => {\n                      // Handle any errors that occur during the function call\n                      console.log(sigerror);\n                      // setLoading(false);\n                    });\n                })\n                .catch((purserError) => {\n                  console.log(purserError);\n                  // setLoading(false);\n                  // swalError({\n                  //   message:\n                  //     'Sorry, there was a problem processing your withdrawal',\n                  //   textButton: 'Close',\n                  // });\n                });\n            })\n            .catch((error) => {\n              console.log(error);\n              reject(error);\n              // setLoading(false);\n            });\n        }\n      });\n    },\n    [user, account]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const joinCubeFromWallet = (cube: Cube, fee: string): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      if (user && account) {\n        networkSwitch('NETWORK')\n          .then((netResponse) => {\n            // console.log(netResponse);\n            getConfigAddress('contract_cubepay_v1')\n              .then((verifyingContract) => {\n                if (verifyingContract != null) {\n                  // console.log('verifyingContract: %s', verifyingContract);\n                  const usdpi2Send = cube.entry_fee + parseInt(fee, 10);\n                  // console.log('usdpi2Send: %s', usdpi2Send);\n                  api\n                    .get('/v1/cube/fund/', {\n                      params: {\n                        wallet_address: account,\n                        amt2authorize: usdpi2Send,\n                      },\n                    })\n                    .then((response) => {\n                      // console.log(response.data);\n                      const {\n                        deadline,\n                        amt2authorize,\n                        nonce,\n                        tokname,\n                        chain,\n                        spender,\n                      } = response.data;\n                      const version = '1';\n                      const domainData = {\n                        name: tokname,\n                        version,\n                        chainId: chain,\n                        verifyingContract: process.env.REACT_APP_BSC_USDPI,\n                      };\n                      const types = {\n                        Permit: [\n                          {\n                            name: 'owner',\n                            type: 'address',\n                          },\n                          {\n                            name: 'spender',\n                            type: 'address',\n                          },\n                          {\n                            name: 'value',\n                            type: 'uint256',\n                          },\n                          {\n                            name: 'nonce',\n                            type: 'uint256',\n                          },\n                          {\n                            name: 'deadline',\n                            type: 'uint256',\n                          },\n                        ],\n                      };\n                      const val = {\n                        owner: account,\n                        spender,\n                        value: amt2authorize,\n                        nonce,\n                        deadline,\n                      };\n                      // console.log('+++++++++++++++++++');\n                      // console.log(domainData);\n                      // console.log(types);\n                      // console.log(val);\n                      // console.log('+++++++++++++++++++');\n                      const tprovider = new ethers.providers.Web3Provider(\n                        window.ethereum\n                      );\n                      const tsigner = tprovider.getSigner();\n                      tsigner\n                        ._signTypedData(domainData, types, val)\n                        .then((signature) => {\n                          // console.log(signature);\n                          api\n                            .post('/v1/cube/fund', {\n                              owner: account,\n                              amt: amt2authorize,\n                              deadline,\n                              sig: signature,\n                              nft_id: user.id,\n                              cube_id: selectedCube?.cube_id,\n                              fee,\n                            })\n                            .then((fundResult) => {\n                              // console.log(fundResult);\n                              // console.log(fundResult.data.tx);\n                              // fetchHistory();\n                              // fetchSubscription();\n                              // setShowFundAccountWallet(false);\n                              // setLoading(false);\n                              // setDepositTX(fundResult.data.tx);\n                              // setShowFinish(true);\n                            })\n                            .catch((fundError) => {\n                              console.log(fundError);\n                              // setLoading(false);\n                              // swalError({\n                              //   message:\n                              //     'There was a problem sending your transaction to the blockchain',\n                              //   textButton: 'Try Again',\n                              // });\n                            });\n                        })\n                        .catch((sigError) => {\n                          console.log(sigError);\n                        });\n                    })\n                    .catch((error) => {\n                      console.log(error);\n                      reject(error);\n                    });\n                }\n              })\n              .catch((purserError) => {\n                console.log(purserError);\n              });\n          })\n          .catch((error) => {\n            console.log(error);\n            reject(error);\n            // setLoading(false);\n          });\n      }\n    });\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const joinCubeFromFreePlay = useCallback(\n    (cube: Cube, fee: string): Promise<string> => {\n      return new Promise((resolve, reject) => {\n        if (user && account) {\n          networkSwitch('NETWORK')\n            .then((netResponse) => {\n              console.log(netResponse);\n              getConfigAddress('contract_cubesys_v1') // ToDo: change for production\n                .then((configResult) => {\n                  const purser = configResult?.toString();\n                  const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                  console.log('deadline: %s', deadline);\n                  const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                  const chainInt = parseInt(chainNo || '0', 16);\n                  console.log(chainInt);\n                  const domain = {\n                    name: 'CubePay',\n                    version: '1',\n                    chainId: chainInt,\n                    verifyingContract: purser,\n                  };\n                  console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  console.log(domain);\n                  console.log('++++++++++++++++++++++++++++++++++++++++++');\n                  const types = {\n                    Request: [\n                      { name: 'nftId', type: 'uint256' },\n                      { name: 'userAddress', type: 'address' },\n                      { name: 'message', type: 'string' },\n                      { name: 'deadline', type: 'uint256' },\n                      { name: 'transaction_fee', type: 'uint256' },\n                    ],\n                  };\n                  const displayAmt = cube.entry_fee / 10 ** 18;\n                  const transaction_fee = BigNumber.from(fee);\n                  const transaction_fee_in_ether = parseFloat(\n                    ethers.utils.formatEther(transaction_fee)\n                  );\n                  const message = 'I authorize this free play attempt.';\n                  console.log(message);\n                  const request: WithdrawalRequest = {\n                    nftId: parseInt(user.id, 10),\n                    userAddress: account,\n                    message,\n                    deadline,\n                    transaction_fee: BigNumber.from(fee),\n                  };\n                  const tprovider = new ethers.providers.Web3Provider(\n                    window.ethereum\n                  );\n                  // setProcessText('Waiting for signature from wallet.');\n                  const tsigner = tprovider.getSigner();\n                  tsigner\n                    ._signTypedData(domain, types, request)\n                    .then((sig) => {\n                      console.log(sig);\n                      api\n                        .post('/v1/cube/join/free', {\n                          tokenID: user?.id,\n                          cubeID: cube.cube_id,\n                          amt: cube.entry_fee,\n                          fee,\n                          message,\n                          deadline,\n                          signature: sig,\n                        })\n                        .then((acctResponse) => {\n                          console.log(acctResponse);\n                          resolve('ok');\n                        })\n                        .catch((acctError) => {\n                          reject(acctError);\n                        });\n                    })\n                    .catch((sigerror) => {\n                      // Handle any errors that occur during the function call\n                      console.log(sigerror);\n                      // setLoading(false);\n                    });\n                })\n                .catch((purserError) => {\n                  console.log(purserError);\n                  // setLoading(false);\n                  // swalError({\n                  //   message:\n                  //     'Sorry, there was a problem processing your withdrawal',\n                  //   textButton: 'Close',\n                  // });\n                });\n            })\n            .catch((error) => {\n              console.log(error);\n              reject(error);\n              // setLoading(false);\n            });\n        }\n      });\n    },\n    [user, account]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleFreePlay = useCallback(async () => {\n    if (user && selectedCube) {\n      try {\n        const response = await api.get(\n          `v1/cube/freecount/${selectedCube.cube_id}`\n        );\n        console.log(response.data);\n        if (response.data.available > 0) {\n          joinCubeFromFreePlay(selectedCube, '0') // response.data.fee\n            .then(() => {\n              console.log('OK');\n            })\n            .catch((freeError) => {\n              console.log(freeError);\n            });\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    }\n  }, [selectedCube, user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handlePlay = useCallback(async () => {\n    // Get play type\n    if (user && selectedCube) {\n      try {\n        const response = await api.get(\n          `v1/cube/playtype/${user.id}/${selectedCube.entry_fee}`\n        );\n        // console.log(response.data);\n        if (response.data.type === 'G') {\n          // console.log('Funding from game');\n          joinCubeFromAcct(selectedCube, response.data.fee)\n            .then((joinResponseG) => {\n              // console.log(joinResponseG);\n            })\n            .catch((joinErrorG) => {\n              // console.log(joinErrorG);\n            });\n        } else if (response.data.type === 'A') {\n          // console.log('Funding from member account');\n          joinCubeFromMemberAcct(selectedCube, response.data.fee) // prod\n            // joinCubeFromWallet(selectedCube, response.data.fee) // test\n            .then((joinResponseG) => {\n              // x\n            })\n            .catch((joinErrorG) => {\n              // console.log(joinErrorG);\n            });\n        } else if (response.data.type === 'W') {\n          // console.log('Funding from wallet');\n          joinCubeFromWallet(selectedCube, response.data.fee)\n            .then((joinResponseG) => {\n              // x\n            })\n            .catch((joinErrorG) => {\n              console.log(joinErrorG);\n            });\n        } else {\n          console.log('Unknown funding source');\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    }\n  }, [selectedCube, user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleManualAuto = useCallback((e) => {\n    setManualAuto(e);\n  }, []);\n\n  // useEffect(() => {\n  //   console.log('+++++ players change detected +++++');\n  //   console.log(players);\n  // }, [players]);\n\n  if (selectedCube == null) {\n    return null;\n  }\n\n  return (\n    <Container className=\"pb-4\">\n      <div className=\"d-flex justify-content-between px-4 pt-4 btn-back\">\n        <Link\n          to={`${process.env.PUBLIC_URL}/dashboard`}\n          className=\"d-flex align-items-center\"\n        >\n          <BiArrowBack size={30} color=\"#7D7777\" className=\"me-4\" />\n          Back Home\n        </Link>\n        <button\n          type=\"button\"\n          onClick={() => setColorTest(!colorTest)}\n          className=\"btn-wifi\"\n        >\n          <HiWifi color={colorTest ? '#00F9AB' : '#FF1A50'} size={18} />\n        </button>\n      </div>\n      <div className=\"d-flex justify-content-between pb-2 px-4 mt-4\">\n        <img src={cubeTitle} alt=\"Cube title\" />\n        <button\n          type=\"button\"\n          onClick={handleActiveCube}\n          className={`${\n            !activeCube && 'rotateActive'\n          } bg-transparent border-0 arrow`}\n        >\n          <img src={arrow} alt=\"Arrow\" />\n        </button>\n      </div>\n      {activeCube && (\n        <div className=\"px-4 px-xxl-4 pt-5\">\n          <div className=\"d-flex\">\n            <span className=\"d-block payout\">Minimum Payout |</span>\n            <span className=\"payout-cube pr-2\">\n              {selectedCube.entry_fee / 10 ** 18} X {}\n              {selectedCube.cube_payoff / selectedCube.entry_fee}\n            </span>\n          </div>\n          <span className=\"d-block payout-value\">\n            {formatUSDValue(selectedCube.cube_payoff)}\n          </span>\n          <div className=\"manual-auto my-4\">\n            <button\n              type=\"button\"\n              className={`${\n                manualAuto === 'manual' && 'manual-auto-active'\n              } w-50`}\n              onClick={() => handleManualAuto('manual')}\n            >\n              <span>Manual</span>\n            </button>\n            <button\n              type=\"button\"\n              className={`${\n                manualAuto === 'auto' && 'manual-auto-active'\n              } w-50`}\n              onClick={() => handleManualAuto('auto')}\n            >\n              <span>Auto</span>\n            </button>\n          </div>\n          {manualAuto === 'manual' && (\n            <>\n              <div className=\"d-flex entry justify-content-between mb-3\">\n                <span className=\"h6 text-white\">Entry Amount</span>\n                <span className=\"h6\">\n                  {formatUSDValue(selectedCube.entry_fee)}\n                </span>\n              </div>\n              <div className=\"d-flex bg-value justify-content-between align-items-center mb-3\">\n                <img src={logoSwap} alt=\"Image Value\" className=\"m-2\" />\n                <span className=\"h5 text-white mb-0 pe-4\">\n                  {formatUSDValue(selectedCube.entry_fee)}\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"w-100 bg-gradient-place mb-4\"\n                onClick={handlePlay}\n              >\n                PLACE BID\n              </button>\n              <div className=\"ps-3 mb-3\">\n                <span className=\"h6 avaliable\">Free Plays Available: </span>\n                <span className=\"h6 text-white\">\n                  {selectedCube.free_available}\n                  {/* <small>&nbsp;(network fees apply)</small> */}\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                onClick={handleFreePlay}\n                className={`${\n                  selectedCube.free_available <= 0\n                    ? 'notActive'\n                    : 'bg-free-play'\n                } w-100 mb-5`}\n              >\n                FREE PLAY\n              </button>\n              <div className=\"d-flex entry justify-content-between mb-3\">\n                {/* <span className=\"h6 text-white\">{players.length} Players</span> */}\n                <span className=\"h6 text-white\">\n                  {players.length === 1\n                    ? `${players.length} Player`\n                    : `${players.length} Players`}\n                </span>\n                <span className=\"h6 text-white\">&nbsp;</span>\n                <span className=\"h6\">\n                  {formatUSDValue(selectedCube.balance)}\n                </span>\n              </div>\n              <div className=\"overflow-auto height pe-1\">\n                {players.length > 0 ? (\n                  players.map((item) => (\n                    <div\n                      key={item.id}\n                      // className=\"d-flex align-items-center border-gray py-1 px-2 mt-1\"\n                      className={`d-flex align-items-center ${\n                        item.nftID.toString() === user?.id\n                          ? 'border-me'\n                          : 'border-gray'\n                      } py-1 px-2 mt-1`}\n                    >\n                      <img\n                        src={item.avatar}\n                        alt=\"\"\n                        className=\"avatar rounded-circle me-4\"\n                      />\n                      <div className=\"w-50\">\n                        <span className=\"h6 text-gray\">{item.name}</span>\n                      </div>\n                      <div className=\"w-25 text-end\">\n                        <span className=\"h6 text-gray\">-</span>\n                      </div>\n                      <div className=\"w-25 text-end\">\n                        <span className=\"h6 text-white\">\n                          {new Intl.NumberFormat('en-US', {\n                            style: 'currency',\n                            currency: 'USD',\n                          }).format(item.value / 10 ** 18)}\n                        </span>\n                      </div>\n                    </div>\n                  ))\n                ) : (\n                  <div className=\"text-center\">No players...yet</div>\n                )}\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </Container>\n  );\n};\n\nexport default CurrentPayout;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  border-radius: 30px;\n\n  .stats {\n    font-weight: 600;\n    font-size: 22px;\n    line-height: 27px;\n    color: #ffffff;\n  }\n\n  .bg-win {\n    background: rgba(152, 148, 148, 0.1);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n  }\n\n  .value-profiti {\n    background: rgba(0, 0, 0, 0.46);\n    box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n\n    border-radius: 15px;\n  }\n\n  .value-profiti img {\n    height: 28px;\n    width: 28px;\n  }\n\n  .value-profiti span {\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .text-gradient {\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 39px;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-fill-color: transparent;\n  }\n\n  .text-gray {\n    color: #7b7b7b;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 39px;\n  }\n\n  .stats-wallet {\n    height: 40px;\n  }\n  .stats-wallet button {\n    cursor: pointer;\n    border: none;\n    padding: 0 0 2px 0;\n    background: transparent;\n    /* background-image: linear-gradient(180deg, #100f0f, #100f0f);\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important; */\n\n    transition-duration: 0.3s;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 22px;\n    color: #7d7777;\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n    /* :hover {\n      background-image: linear-gradient(180deg, #100f0f, #100f0f),\n        linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        ) !important;\n      color: #fff;\n      font-size: 22px;\n    } */\n  }\n\n  .stats-wallet-active {\n    /* background-image: linear-gradient(180deg, #100f0f, #100f0f),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important; */\n    color: #fff !important;\n    font-size: 22px !important;\n  }\n  // .WithDrawBox {\n  //   background: linear-gradient(0deg, #18191a, #18191a);\n  //   box-shadow: -2px 5px 16px rgba(0, 0, 0, 0.2);\n  //   border-radius: 40px;\n  // }\n\n  .BalanceBox {\n    border-radius: 20px;\n    background: rgba(152, 148, 148, 0.1);\n    box-shadow: 3px 4px 32px 0px rgba(0, 0, 0, 0.54);\n    backdrop-filter: blur(15px);\n    height: 85px;\n    padding: 11px;\n  }\n\n  .BalanceBoxInner {\n    border-radius: 15px;\n    background: rgba(0, 0, 0, 0.46);\n    box-shadow: 3px 4px 32px 0px rgba(0, 0, 0, 0.2);\n    backdrop-filter: blur(15px);\n    height: 41px;\n    padding: 7px 10.7px 6px 7px;\n    color: #ddd;\n    text-align: right;\n    font-family: 'Inter';\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n\n  .BalanceBoxLabel {\n    color: #fff;\n    font-family: 'Inter';\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    margin-bottom: 5.93px;\n    margin-left: 10.2px;\n  }\n\n  .BalanceBoxLogo {\n    width: 28px;\n    height: 28px;\n  }\n\n  .WithDrawBox .TitleWithDrawBox {\n    color: #828282;\n  }\n\n  .WithDrawBox .ValueWithDrawBox {\n    color: white;\n    font-weight: bolder;\n    font-size: 20px;\n  }\n\n  .border-rad {\n    border-radius: 20px;\n  }\n\n  .WithDrawBox .ButtonWithDrawBox {\n    background: rgba(152, 148, 148, 0.1);\n    color: white;\n    border-radius: 20px;\n    font-size: 20px;\n    padding: 12px;\n    transition-duration: 0.3s;\n    border: 1.5px solid var(--Gradient-2, #9df3ff) !important;\n    backdrop-filter: blur(15px);\n  }\n\n  .ButtonWithDrawBox:hover {\n    opacity: 0.8;\n  }\n\n  .WithDrawBox .ButtonBox {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .WithDrawBox .ButtonBox .ButtonWithDrawBox {\n  }\n  .bd-input {\n    border: 1px solid #4f4f4f;\n    border-radius: 15px;\n  }\n\n  .bg-box-input {\n    border-radius: 20px;\n    border: 1px solid #4f4f4f;\n    background: rgba(24, 25, 26, 0.3);\n  }\n\n  .btn-clear {\n    color: #252525;\n    text-align: center;\n    font-family: 'Inter';\n    font-size: 10px;\n    font-weight: 500;\n    border-radius: 10px;\n    border: 1px solid #2f2f2f;\n    background: rgba(255, 255, 255, 0.4);\n  }\n\n  .btn-max {\n    color: #797979;\n    text-align: center;\n    font-family: 'Inter';\n    font-size: 10px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .bd-input input {\n    background: transparent;\n    border: none;\n    font-weight: 300;\n    font-size: 16px;\n    color: #989898;\n\n    ::placeholder {\n      font-weight: 300;\n      font-size: 12px;\n      color: #989898;\n    }\n  }\n\n  .bd-input .btn-max {\n    background: #1d2023;\n    border: 1px solid #2f2f2f;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 10px;\n    color: #797979;\n  }\n\n  div.tableData .rdt_TableHeader {\n    display: none;\n  }\n\n  div.rdt_TableCol .rdt_TableCol_Sortable div {\n    color: #e9e9e9 !important;\n    font-size: 14px !important;\n  }\n\n  div.tableData {\n    min-height: unset;\n    max-height: 250px;\n    overflow: auto;\n  }\n\n  div.rdt_TableCell div {\n    color: #929292 !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n  }\n\n  .table {\n    border-radius: 20px;\n    background: rgba(152, 148, 148, 0.1);\n    box-shadow: 3px 4px 32px 0px rgba(0, 0, 0, 0.54);\n    backdrop-filter: blur(15px);\n    justify-content: center !important;\n    h2 {\n      font-size: 14px !important;\n      color: #fff;\n      margin-bottom: -10px !important;\n    }\n  }\n\n  div.tableData div {\n    background-color: transparent;\n  }\n`;\n\nexport const Graph = styled.div`\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  border-radius: 20px;\n  padding: 20px 0 0 0;\n\n  @media screen and (max-width: 991px) {\n    padding: 10px 0;\n  }\n`;\n","import React, {\n  useCallback,\n  useMemo,\n  useState,\n  ChangeEvent,\n  useEffect,\n} from 'react';\nimport {\n  ethers,\n  utils,\n  ContractReceipt,\n  ContractTransaction,\n  BigNumber,\n} from 'ethers';\nimport { ApexOptions } from 'apexcharts';\nimport ReactApexChart from 'react-apexcharts';\nimport arrow from '~/assets/icons/arrow-bottom.svg';\nimport { Container, Graph } from './styles';\nimport logoPurple from '~/assets/logo/logo-p-purple.svg';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport { formatPrice } from '~/utils/format';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\nimport { useAuth } from '~/hooks/Auth';\nimport { web3store } from '../../../store';\nimport api from '~/services/api';\nimport {\n  getConfigAddress,\n  getConfigNumber,\n  getConfigString,\n} from '~/utils/configContract';\nimport swalError from '~/utils/swalError';\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport Table from '~/components/Table';\n\ninterface WithdrawalRequest {\n  nftId: number;\n  userAddress: string;\n  message: string;\n  deadline: number;\n  transaction_fee: BigNumber;\n}\n\ninterface IWinStats {\n  play_count: number;\n  win_count: number;\n  amt_won: number;\n}\n\ninterface IPlayHistory {\n  id: number;\n  trans_type: string;\n  amount: number;\n  transaction_date: number;\n  cube_id: number;\n  cube_type: string;\n}\n\ninterface WinStatsProps {\n  cubeBidder: number | null;\n  clearBidderFunction: () => void;\n}\n\n/* eslint no-underscore-dangle: 0 */\nconst WinStats: React.FC<WinStatsProps> = ({\n  cubeBidder,\n  clearBidderFunction,\n}) => {\n  const { user } = useAuth();\n  const [months, setMonths] = useState<string[]>([]);\n  const [daysCommissions, setDaysCommissions] = useState<number[]>([]);\n  const [statsWallet, setStatsWallet] = useState('stats');\n  // const [available, setAvailable] = useState('0.00');\n  const [inputValue, setInputValue] = useState('');\n  const [isValid, setIsValid] = useState(true);\n  const [errorTextClaim, setErrorTextClaim] = useState('');\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [activeWin, setActiveWin] = useState(true);\n  const [loading, setLoading] = useState(false);\n  const [account, setAccount] = web3store.useState('account');\n  const [depositTX, setDepositTX] = useState('');\n  const [showFinish, setShowFinish] = useState(false);\n  const [dataPointindex, setDataPointindex] = useState<number | undefined>(\n    undefined\n  );\n  const [winStats, setWinStats] = useState<IWinStats | null>(null);\n  const [playerBalance, setPlayerBalance] = useState(0);\n  const [history, setHistory] = useState<IPlayHistory[]>([]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Load user's player stats\n  // ++++++++++++++++++++++++++++++++++++++\n  const getWinStats = useCallback(() => {\n    if (user) {\n      // console.log('+++++ getWinStats +++++');\n      api\n        .get(`/v1/cube/stats/${user.id}`)\n        .then(({ data }: { data: IWinStats }) => {\n          // console.log(data);\n          // Use object destructuring to extract the 'data' property\n          // and assign it to the 'data' variable\n          setWinStats(data);\n        })\n        .catch((error) => {\n          console.error('Error fetching data from the API:', error);\n        });\n    }\n  }, [user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Load user's player history\n  // ++++++++++++++++++++++++++++++++++++++\n  const getPlayHistory = useCallback(() => {\n    if (user) {\n      // console.log('+++++ getPlayHistory +++++');\n      api\n        .get(`/v1/cube/history/${user.id}`)\n        .then(({ data }: { data: IPlayHistory[] }) => {\n          // console.log(data);\n          // Use object destructuring to extract the 'data' property\n          // and assign it to the 'data' variable\n          setHistory(data);\n        })\n        .catch((error) => {\n          console.error('Error fetching data from the API:', error);\n        });\n    }\n  }, [user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Load user's player balance\n  // ++++++++++++++++++++++++++++++++++++++\n  const getPlayerBalance = useCallback(() => {\n    if (user) {\n      // console.log('+++++ getPlayHistory +++++');\n      api\n        .get(`/v1/cube/player/${user.id}`)\n        .then(({ data }: { data: number }) => {\n          // console.log(data);\n          // Use object destructuring to extract the 'data' property\n          // and assign it to the 'data' variable\n          setPlayerBalance(Number(data));\n        })\n        .catch((error) => {\n          console.error('Error fetching data from the API:', error);\n        });\n    }\n  }, [user]);\n\n  const daysOfWeek = useMemo(() => {\n    return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n  }, []);\n\n  const available = useMemo(() => {\n    return Intl.NumberFormat('en', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(Math.trunc((playerBalance / 10 ** 18) * 100) / 100);\n  }, [playerBalance]);\n\n  const gradientToColors = useMemo(() => {\n    const data: string[] = [];\n    for (let index = 0; index < 12; index += 1) {\n      data.push(\n        index === dataPointindex\n          ? 'rgba(0, 249, 171, 0.15)'\n          : 'rgba(51, 54, 56, 0.15)'\n      );\n    }\n    return data;\n  }, [dataPointindex]);\n\n  const options = useMemo(() => {\n    const data: ApexOptions = {\n      chart: {\n        height: 250,\n        type: 'bar',\n        toolbar: {\n          show: false,\n        },\n\n        events: {\n          dataPointSelection: (e, chart, { dataPointIndex }) => {\n            if (dataPointIndex === dataPointindex) {\n              setDataPointindex(undefined);\n            } else {\n              setDataPointindex(dataPointIndex);\n            }\n          },\n        },\n\n        foreColor: '#747474',\n        selection: {\n          enabled: false,\n        },\n        zoom: {\n          enabled: false,\n        },\n      },\n      dataLabels: {\n        enabled: false,\n      },\n\n      plotOptions: {\n        bar: {\n          distributed: true,\n          borderRadius: 6,\n        },\n      },\n\n      xaxis: {\n        type: 'category',\n        categories: daysOfWeek,\n        crosshairs: { show: false },\n        axisTicks: { show: false },\n      },\n      yaxis: {\n        labels: {\n          formatter: (value: any) => {\n            return formatPrice(value);\n          },\n        },\n      },\n      tooltip: {\n        x: {\n          format: 'dd/MM/yy HH:mm',\n        },\n        theme: 'dark',\n      },\n\n      colors: [\n        ({ dataPointIndex }: any) => {\n          if (dataPointIndex === dataPointindex) {\n            return '#00f9ab';\n          }\n          return '#333638';\n        },\n      ],\n\n      fill: {\n        opacity: 1,\n        type: 'gradient',\n        gradient: {\n          gradientToColors,\n          type: 'vertical',\n          shadeIntensity: 1,\n          opacityFrom: 1,\n          opacityTo: 1,\n          stops: [0, 100],\n        },\n      },\n\n      states: {\n        hover: {\n          filter: {\n            type: 'lighten',\n            value: 0.05,\n          },\n        },\n      },\n\n      grid: {\n        show: false,\n      },\n      legend: {\n        show: false,\n      },\n    };\n\n    return data;\n  }, [daysOfWeek, gradientToColors, dataPointindex]);\n\n  useEffect(() => {\n    setDaysCommissions([8, 5, 6, 2, 4, 3, 1]);\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    console.log('TAB CHANGE!?');\n    if (user) {\n      switch (statsWallet) {\n        case 'stats':\n          getWinStats();\n          break;\n        case 'wallet':\n          getPlayerBalance();\n          break;\n        case 'history':\n          getPlayHistory();\n          break;\n        default:\n          console.log('Unknown statsWallet value');\n      }\n    }\n  }, [user, statsWallet]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // useEffect(() => {\n\n  // }, [setStatsWallet]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Respond to cubeBidder in incoming message\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    console.log('cubeBidder changed to: %s', cubeBidder);\n    console.log(cubeBidder === null);\n    if (cubeBidder !== null && user) {\n      if (cubeBidder.toString() === user.id) {\n        switch (statsWallet) {\n          case 'stats':\n            getWinStats();\n            break;\n          case 'wallet':\n            getPlayerBalance();\n            break;\n          case 'history':\n            getPlayHistory();\n            break;\n          default:\n            console.log('Unknown statsWallet value');\n        }\n        clearBidderFunction();\n      }\n    }\n  }, [cubeBidder]);\n\n  const handleStatsWallet = useCallback((e) => {\n    setStatsWallet(e);\n  }, []);\n\n  const series = useMemo(\n    () => [\n      {\n        name: 'Ganhos',\n        data: daysCommissions,\n      },\n    ],\n    [daysCommissions]\n  );\n\n  const data = [\n    {\n      type: 'Bid',\n      date: '11/05/23',\n      cube: '10x10',\n      amount: '$10',\n    },\n    {\n      type: 'Win',\n      date: '11/05/23',\n      cube: '10x25',\n      amount: '$110',\n    },\n    {\n      type: 'Claim',\n      date: '11/05/23',\n      cube: '10x25',\n      amount: '$110',\n    },\n  ];\n\n  const column = [\n    {\n      name: 'Type',\n      selector: 'trans_type',\n      sortable: false,\n    },\n    {\n      name: 'Date',\n      selector: 'transaction_date',\n      sortable: false,\n    },\n    // {\n    //   name: 'Cube',\n    //   selector: 'cube_type',\n    //   sortable: false,\n    // },\n    {\n      name: 'Amount',\n      selector: 'amount',\n      sortable: false,\n    },\n  ];\n\n  const handleActiveWin = useCallback(() => {\n    setActiveWin(!activeWin);\n  }, [activeWin]);\n\n  const handleClearBtn = useCallback(async () => {\n    // console.log('+++++ available: %s +++++', available);\n    setInputValue('');\n    setIsValid(true);\n  }, [available]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    let inputValueClaim = e.target.value;\n    // Check if there are extra decimal places\n    const parts = inputValueClaim.split('.');\n    if (parts.length === 2 && parts[1].length > 2) {\n      // Truncate the extra decimal places\n      parts[1] = parts[1].substring(0, 2);\n      inputValueClaim = parts.join('.');\n    }\n\n    // Remove leading zeros before the integer part\n    if (!inputValueClaim.startsWith('.') && inputValueClaim !== '0') {\n      inputValueClaim = inputValueClaim.replace(/^0+/, '');\n    }\n\n    // Check if the input matches the USD format\n    const usdRegex = /^(?:\\$?\\d{1,5}(?:,\\d{3})*(\\.\\d{1,2})?|\\$?99999.99)/;\n\n    let isValidInput = true;\n    if (inputValueClaim !== '') {\n      isValidInput = usdRegex.test(inputValueClaim);\n    }\n\n    const inputValueFloat = parseFloat(inputValueClaim);\n\n    // Add one leading zero if the float amount is less than 1 and not already present\n    if (\n      inputValueFloat < 1 &&\n      !inputValueClaim.startsWith('0') &&\n      inputValueClaim.startsWith('.')\n    ) {\n      inputValueClaim = '0'.concat(inputValueClaim);\n    }\n\n    const availableFloat = parseFloat(available.replace(/,/g, ''));\n    let errorTextValidate = '';\n\n    if (usdRegex.test(inputValueClaim)) {\n      if (inputValueFloat === 0) {\n        errorTextValidate = '';\n        isValidInput = true;\n      } else if (inputValueFloat < 5) {\n        errorTextValidate = 'Minimum amount is $5.00';\n        isValidInput = false;\n      } else if (inputValueFloat > availableFloat) {\n        errorTextValidate = 'Amount is greater than balance.';\n        isValidInput = false;\n      }\n    } else {\n      errorTextValidate = 'Please enter a valid USD amount.';\n    }\n    // Set the error text conditionally\n    // const errorTextValidate =\n    //   inputValueClaim === ''\n    //     ? ''\n    //     : 'Please enter a valid USD amount (e.g., $1,234.56)';\n\n    // Update the state and show validation feedback\n    setIsValid(isValidInput);\n    if (inputValueClaim === '0') {\n      setInputValue('');\n    } else {\n      setInputValue(inputValueClaim);\n    }\n    setErrorTextClaim(errorTextValidate);\n    // You can perform any action here or pass the new value to another function/component\n    // For example, you can call a function like handleValueChange(newValue);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleMaxBtn = useCallback(async () => {\n    // console.log('+++++ available: %s +++++', available);\n    setInputValue(available.replace(/,/g, ''));\n    setIsValid(true);\n  }, [available]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleWithdraw = useCallback(async () => {\n    const amt2Claim = parseFloat(inputValue.replace(/,/g, ''));\n    if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, ''))) {\n      if (user) {\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const amtFloat = parseFloat(inputValue.replace(/,/g, ''));\n            // console.log('amtFloat: %s', amtFloat);\n            if (amtFloat > 1) {\n              setProcessText('Preparing withdrawal transaction');\n              setLoading(true);\n              // setRunWithdrawal(true);\n              // GET FEE ESTIMATE\n              api\n                .get('/v1/cube/claim')\n                .then(function (feeresponse) {\n                  // console.log(feeresponse.data);\n                  // const fee = feeresponse.data.estimate.fee;\n                  const { fee } = feeresponse.data.estimate;\n                  // console.log('+++++ fee: %s +++++', fee);\n                  getConfigAddress('contract_cubepay_v1')\n                    .then((payresult) => {\n                      const pay = payresult?.toString();\n                      // console.log('purser: %s', purser);\n                      // console.log('verifyingContract: %s', purser);\n                      const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                      // console.log('deadline: %s', deadline);\n                      const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                      const chainInt = parseInt(chainNo || '0', 16);\n                      // console.log(chainInt);\n                      // const purserold = process.env.REACT_APP_BSC_PURSER;\n                      // console.log(purserold, typeof purserold);\n                      const domain = {\n                        name: 'CubePay',\n                        version: '1',\n                        chainId: chainInt,\n                        verifyingContract: pay,\n                      };\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      // console.log(domain);\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      const types = {\n                        Request: [\n                          { name: 'nftId', type: 'uint256' },\n                          { name: 'userAddress', type: 'address' },\n                          { name: 'message', type: 'string' },\n                          { name: 'deadline', type: 'uint256' },\n                          { name: 'transaction_fee', type: 'uint256' },\n                        ],\n                      };\n                      const transaction_fee = BigNumber.from(fee);\n                      const transaction_fee_in_ether = parseFloat(\n                        ethers.utils.formatEther(transaction_fee)\n                      );\n                      const message = `I authorize this withdrawal of $${amtFloat.toFixed(\n                        2\n                      )}, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n                        2\n                      )}`;\n                      // console.log(message);\n                      const request: WithdrawalRequest = {\n                        nftId: parseInt(user.id, 10),\n                        userAddress: account,\n                        message,\n                        deadline,\n                        transaction_fee: BigNumber.from(fee),\n                      };\n                      const tprovider = new ethers.providers.Web3Provider(\n                        window.ethereum\n                      );\n                      // console.log('+++++ Wei Value +++++ ');\n                      // console.log((amtFloat * 1e18).toString());\n                      // console.log(\n                      //   ethers.utils.parseEther(amtFloat.toString()).toString()\n                      // );\n                      // console.log('+++++ Wei Value +++++ ');\n                      setProcessText('Waiting for signature from wallet.');\n                      const tsigner = tprovider.getSigner();\n                      tsigner\n                        ._signTypedData(domain, types, request)\n                        .then((sig) => {\n                          // Handle the result (sig) here\n                          // console.log('signature: %s', sig);\n                          setProcessText(\n                            'Sending transaction to the blockchain.'\n                          );\n                          api\n                            .post('/v1/cube/claim', {\n                              nftId: user.id,\n                              userAddress: account,\n                              message,\n                              deadline,\n                              signature: sig,\n                              transaction_fee: fee,\n                              amount_requested: ethers.utils\n                                .parseEther(amtFloat.toString())\n                                .toString(),\n                            })\n                            .then(function (withdrawalresponse) {\n                              // console.log(withdrawalresponse);\n                              setLoading(false);\n                              setShowFinish(true);\n                            })\n                            .catch(function (withdrawalerror) {\n                              console.log('============ ERROR ==============');\n                              console.log(withdrawalerror);\n                              setLoading(false);\n                              // setWithdrawalResult('ERROR');\n                              swalError({\n                                message:\n                                  'Sorry, there was a problem processing your withdrawal',\n                                textButton: 'Close',\n                              });\n                            });\n                        })\n                        .catch((sigerror) => {\n                          // Handle any errors that occur during the function call\n                          // console.log(sigerror);\n                          setLoading(false);\n                        });\n                    })\n                    .catch((purserError) => {\n                      console.log(purserError);\n                      setLoading(false);\n                      swalError({\n                        message:\n                          'Sorry, there was a problem processing your withdrawal',\n                        textButton: 'Close',\n                      });\n                    });\n                })\n                .catch(function (feeerror) {\n                  console.log('================= ERROR ===================');\n                  console.log(feeerror);\n                  setLoading(false);\n                  swalError({\n                    message:\n                      'Sorry, there was a problem getting network fees for this transaction',\n                    textButton: 'Close',\n                  });\n                });\n            }\n          })\n          .catch((error) => {\n            console.log(error);\n            setLoading(false);\n          });\n      }\n      //  if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, '')))\n    } else {\n      console.log('Invalid withdrawal value');\n    }\n  }, [available, inputValue]);\n\n  return (\n    <Container className={`${activeWin && 'pb-5'} pt-3`}>\n      <div className=\"d-flex justify-content-between align-items-center px-2 px-xxl-3 pb-4\">\n        <div className=\"d-flex align-items-center w-100 stats-wallet my-2\">\n          <button\n            type=\"button\"\n            className={`${\n              statsWallet === 'stats' && 'stats-wallet-active'\n            } w-50`}\n            onClick={() => handleStatsWallet('stats')}\n          >\n            <span>Win&nbsp;Stats</span>\n          </button>\n          <button\n            type=\"button\"\n            className={`${\n              statsWallet === 'wallet' && 'stats-wallet-active'\n            } w-50`}\n            onClick={() => handleStatsWallet('wallet')}\n          >\n            <span>Game&nbsp;Wallet</span>\n          </button>\n          <button\n            type=\"button\"\n            className={`${\n              statsWallet === 'history' && 'stats-wallet-active'\n            } w-50`}\n            onClick={() => handleStatsWallet('history')}\n          >\n            <span>History</span>\n          </button>\n        </div>\n        <button\n          type=\"button\"\n          onClick={handleActiveWin}\n          className={`${\n            !activeWin && 'rotateActive'\n          } bg-transparent border-0 arrow`}\n        >\n          <img src={arrow} alt=\"Arrow\" />\n        </button>\n      </div>\n      {activeWin && (\n        <>\n          {statsWallet === 'stats' && (\n            <>\n              <div className=\"d-flex px-3 pb-3\">\n                <div className=\"w-50 bg-win p-3\">\n                  <span className=\"h6 text-white ps-3\">Amount Won</span>\n                  <div className=\"d-flex align-items-center justify-content-between value-profiti p-2 mt-2\">\n                    <img src={logoSwap} alt=\"Logo\" />\n                    <span>\n                      {winStats\n                        ? new Intl.NumberFormat('en-US').format(\n                            winStats.amt_won / 10 ** 18\n                          )\n                        : 'Loading...'}\n                    </span>\n                  </div>\n                </div>\n                <div className=\"w-25 bg-win p-3 text-center ms-2\">\n                  <span className=\"h6 text-white d-block mb-3\">Wins</span>\n                  <span className=\"h6 text-gradient d-block mb-0\">\n                    {winStats?.win_count}\n                  </span>\n                </div>\n                <div className=\"w-25 bg-win p-3 text-center ms-2\">\n                  <span className=\"h6 text-white d-block mb-3\">Plays</span>\n                  <span className=\"h6 text-gray d-block mb-0\">\n                    {winStats?.play_count}\n                  </span>\n                </div>\n              </div>\n              {/* <div className=\"mb-n4 px-3\">\n                <Graph className=\"\">\n                  <div className=\"h6 small text-white ps-3\">Win Chart</div>\n                  <ReactApexChart\n                    type=\"bar\"\n                    options={options}\n                    series={series}\n                  />\n                </Graph>\n              </div> */}\n            </>\n          )}\n          {statsWallet === 'wallet' && (\n            <div className=\"col-12 col-sm-12 p-0 py-0 WithDrawBox\">\n              <div className=\"row justify-content-center\">\n                <div className=\"col-12 px-5 mt-3 mb-0\">\n                  <div className=\"BalanceBox\">\n                    <div className=\"text-start BalanceBoxLabel\">\n                      Wallet Balance\n                    </div>\n                    <div className=\"BalanceBoxInner d-flex col-sm-12 col-lg-12 align-items-center\">\n                      <img\n                        src={logoSwap}\n                        alt=\"Image Value\"\n                        className=\"BalanceBoxLogo\"\n                      />\n                      <div className=\"ms-auto\">\n                        {new Intl.NumberFormat('en-US', {\n                          style: 'currency',\n                          currency: 'USD',\n                        }).format(\n                          Math.trunc((playerBalance / 10 ** 18) * 100) / 100\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-5 mb-0\">\n                  <div className=\"amount-stake\">\n                    <div className=\"bg-box-input bd-input d-flex justify-content-between mt-3 p-3\">\n                      <button\n                        type=\"button\"\n                        className=\"btn-clear px-3\"\n                        onClick={handleClearBtn}\n                      >\n                        Clear\n                      </button>\n                      <input\n                        type=\"text\"\n                        placeholder=\"Enter amount\"\n                        className=\"w-90 text-center\"\n                        name=\"\"\n                        id=\"\"\n                        value={inputValue}\n                        onChange={handleInputChange}\n                      />\n                      <button\n                        type=\"button\"\n                        className=\"btn-max px-3 ms-3\"\n                        onClick={handleMaxBtn}\n                      >\n                        Max\n                      </button>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-3 px-5 mt-3 ButtonBox\">\n                  <div className=\"w-100\">\n                    {isValid ? (\n                      <button\n                        className=\"btn ButtonWithDrawBox w-100\"\n                        type=\"button\"\n                        onClick={() => {\n                          handleWithdraw();\n                          // handleShow();\n                        }}\n                      >\n                        Claim Balance\n                      </button>\n                    ) : (\n                      <p className=\"error-message text-danger text-center pt-1\">\n                        {errorTextClaim}\n                      </p>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          )}\n          {statsWallet === 'history' && (\n            <div className=\"row\">\n              <div className=\"col-12 px-4 mb-n4\">\n                <Table\n                  title=\"History\"\n                  columns={column}\n                  data={history}\n                  className=\"table\"\n                  pagination\n                />\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default WinStats;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  border-radius: 30px;\n\n  .more {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 27px;\n    color: #7d7777;\n    transition-duration: 0.3s;\n  }\n\n  .more-active {\n    font-weight: 600;\n    font-size: 22px;\n    line-height: 27px;\n    color: #ffffff;\n  }\n\n  .height-cards-more-cubes {\n    max-height: 430px;\n    overflow: auto;\n  }\n\n  .bg-btn {\n    background: rgba(152, 148, 148, 0.1);\n    //box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    transition: border 0.3s;\n    border: 1.5px solid transparent;\n  }\n\n  .bg-btn:hover {\n    border: 1.5px solid var(--Gradient-2, #9df3ff);\n  }\n\n  .cube-selected {\n    border: 1.5px solid var(--Gradient-2, #9df3ff);\n  }\n\n  .prize {\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 35px;\n    color: #ffffff;\n  }\n\n  .prize-value {\n    color: #fff;\n    font-family: 'Inter';\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n\n  .cube-size {\n    color: #fff;\n    font-family: 'Inter';\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .cube-entry {\n    color: #fff;\n    font-family: 'Inter';\n    font-size: 16px;\n    font-style: italic;\n    font-weight: 500;\n    line-height: normal;\n  }\n\n  .payout-label {\n    color: #bbb;\n    font-family: 'Inter';\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/cube.97c2ed6b.svg\";","export default __webpack_public_path__ + \"static/media/cube-cum.ecbefdfd.png\";","import React, { useCallback, useState, useEffect } from 'react';\nimport { utils } from 'ethers';\nimport ReactApexChart from 'react-apexcharts';\nimport { ApexOptions } from 'apexcharts';\nimport { Container } from './styles';\nimport cubeImg from '~/assets/icons/cube.svg';\nimport cubeSmall from '~/assets/defaults/cube-small.png';\nimport cubeCum from '~/assets/defaults/cube-cum.png';\nimport arrow from '~/assets/icons/arrow-bottom.svg';\n// import { formatUSDValueFromWei } from '~/utils/format';\nimport ProgressBar from '~/components/ProgressBar';\n\ninterface Cube {\n  cube_id: number;\n  balance: number;\n  cube_max_players: number;\n  cube_payoff: number;\n  entry_fee: number;\n  free_available: number;\n  percent_filled: number;\n  paid_user: number;\n  is_progressive: boolean;\n}\n\ninterface CubeHistory {\n  cube_id: number;\n  cube_description: string;\n  entry_fee: string;\n  paid_date: string;\n  paid_user: string;\n  cube_payoff: string;\n}\n\ninterface IActiveCubes {\n  cubes: Cube[];\n}\n\ninterface IHistoryCubes {\n  cubes: CubeHistory[];\n}\n\ninterface ICubeProps {\n  cubes: IActiveCubes | null;\n  winners: IHistoryCubes | null;\n  selectFunction: (cube: Cube) => void; // Define the prop for the parent function\n  selected: number;\n}\n\nexport function formatUSDValue(valueInWei: number): string {\n  // Convert Wei to Ether\n  const valueInEther = utils.formatUnits(valueInWei.toString(), 'ether');\n  // Assuming 1 Ether = $100, replace with your actual conversion rate\n  const usdValue = parseFloat(valueInEther);\n  return `$${usdValue.toFixed(0)}`;\n}\n\nconst MoreCubes: React.FC<ICubeProps> = ({\n  cubes,\n  winners,\n  selectFunction,\n  selected,\n}) => {\n  const [hasActiveCubes, setHasActiveCubes] = useState(true);\n  const [moreActive, setMoreActive] = useState('more-cubes');\n  const handleActiveCubes = useCallback(() => {\n    setHasActiveCubes(!hasActiveCubes);\n  }, [hasActiveCubes]);\n  const handleCubeClick = (cube: Cube) => {\n    // Call the parent select function with the selected cube\n    selectFunction(cube);\n  };\n\n  if (!cubes) {\n    // Handle the case where \"cubes\" is null (e.g., display a loading indicator)\n    return <div>Loading...</div>;\n  }\n\n  const getSeries = (percentage: number) => {\n    return percentage >= 0 ? percentage : percentage * -1;\n  };\n\n  const getChartOptions = (percentage: number) => {\n    const data: ApexOptions = {\n      colors: [`${percentage >= 0 ? '#00F9AB' : '#f9000f'}`],\n      plotOptions: {\n        radialBar: {\n          startAngle: 0,\n          endAngle: 360,\n          hollow: {\n            size: '30%',\n          },\n          track: {\n            show: true,\n            background: '#4a4949',\n            strokeWidth: '97%',\n            opacity: 1,\n          },\n          dataLabels: {\n            name: {\n              show: false,\n            },\n            value: {\n              show: false,\n              offsetY: 5,\n              color: 'white',\n            },\n          },\n        },\n      },\n      stroke: {\n        lineCap: 'round',\n      },\n      labels: [`${percentage >= 0 ? 'Lucros' : 'Perdas'}`],\n    };\n    return data;\n  };\n\n  return (\n    <Container className=\"pt-4\">\n      <div className=\"d-flex justify-content-between align-items-center px-4 pb-4\">\n        <button\n          onClick={() => setMoreActive('more-cubes')}\n          type=\"button\"\n          className=\"bg-transparent border-0\"\n        >\n          <span\n            className={`${\n              moreActive === 'more-cubes' ? 'more-active' : 'more'\n            }  d-flex align-items-center`}\n          >\n            More Cubes <img src={cubeImg} alt=\"Cube\" className=\"ms-3\" />\n          </span>\n        </button>\n        <button\n          onClick={() => setMoreActive('winners')}\n          type=\"button\"\n          // disabled\n          className=\"bg-transparent border-0\"\n        >\n          <span\n            className={`${\n              moreActive === 'winners' ? 'more-active' : 'more'\n            }  d-flex align-items-center`}\n          >\n            Winners\n          </span>\n        </button>\n        <button\n          type=\"button\"\n          onClick={handleActiveCubes}\n          className={`${\n            !hasActiveCubes && 'rotateActive'\n          } bg-transparent border-0 arrow`}\n        >\n          <img src={arrow} alt=\"Arrow\" />\n        </button>\n      </div>\n      {moreActive === 'more-cubes' && hasActiveCubes && (\n        <div className=\"px-3 pb-2\">\n          <div className=\"d-flex flex-wrap height-cards-more-cubes\">\n            {cubes.cubes.map((cube) => (\n              <div key={cube.cube_id} className=\"w-100 pe-2 py-2\">\n                <button\n                  type=\"button\"\n                  // className=\"d-flex w-100 bg-btn p-1 ${cube.cube_id === selected ? 'cube-selected' : ''}\"\n                  className={`d-flex w-100 bg-btn p-1 ${\n                    cube.cube_id === selected ? 'cube-selected' : ''\n                  }`}\n                  onClick={() => handleCubeClick(cube)}\n                >\n                  <div className=\"d-flex w-100 col-12\">\n                    <div className=\"\">\n                      {/* <img src={cubeSmall} alt=\"Cube Small\" /> */}\n                      <img\n                        src={cube.is_progressive ? cubeCum : cubeSmall}\n                        alt={cube.is_progressive ? 'Cuumulative' : 'Standard'}\n                      />\n                    </div>\n                    <div className=\" ms-2 text-start\">\n                      <div className=\"d-flex align-items-center\">\n                        <span className=\"cube-size pr-2\">\n                          {cube.entry_fee / 10 ** 18} X {}\n                          {cube.cube_payoff / cube.entry_fee}\n                        </span>\n                        <span className=\"mx-2 text-white\">|</span>\n                        <span className=\"cube-entry\">\n                          ${cube.entry_fee / 10 ** 18} Entry\n                        </span>\n                      </div>\n                      <div className=\"d-block payout-label mt-2\">\n                        Minimum Payout\n                      </div>\n                      <div className=\"prize-value flex-grow-1\">\n                        {formatUSDValue(cube.cube_payoff)}\n                      </div>\n                    </div>\n                    <div className=\"ms-auto me-lg-n2\">\n                      <ReactApexChart\n                        options={getChartOptions(cube.percent_filled)}\n                        series={[cube.percent_filled]}\n                        type=\"radialBar\"\n                        width=\"100px\"\n                        height=\"100px\"\n                        className=\"float-end\"\n                      />\n                    </div>\n                  </div>\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n      {moreActive === 'winners' && hasActiveCubes && winners && (\n        <div className=\"px-3 pb-2\">\n          <div className=\"d-flex flex-wrap height-cards-more-cubes\">\n            {winners.cubes.map((cube) => (\n              <div key={cube.cube_id} className=\"w-100 pe-2 py-2\">\n                <div className=\"d-flex w-100 bg-btn p-1 pe-none\">\n                  <div className=\"d-flex w-100 col-12\">\n                    <div className=\"\">\n                      <img src={cubeSmall} alt=\"Standard\" />\n                    </div>\n                    <div className=\" ms-2 text-start\">\n                      <div className=\"d-flex align-items-center\">\n                        <span className=\"cube-size pr-2\">\n                          {cube.cube_description}\n                        </span>\n                        <span className=\"mx-2 text-white\">|</span>\n                        <span className=\"cube-entry\">\n                          {cube.entry_fee} Entry\n                        </span>\n                      </div>\n                      <div className=\"d-block payout-label mt-2\">\n                        Winner NFT\n                      </div>\n                      <div className=\"prize-value flex-grow-1\">\n                        {cube.paid_user}\n                      </div>\n                    </div>\n                    <div className=\"ms-auto me-2 text-end\">\n                      <div className=\"d-block payout-label mt-1\">\n                        {cube.paid_date}\n                      </div>\n                      <div className=\"d-block payout-label mt-2\">\n                        Amount Paid\n                      </div>\n                      <div className=\"prize-value flex-grow-1\">\n                        {cube.cube_payoff}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </Container>\n  );\n};\n\nexport default MoreCubes;\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  ChangeEvent,\n} from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport { web3store } from '../../store';\nimport { Container, Welcome, Modal, ModalFinish } from './styles';\nimport WalletRow from '~/components/WalletRow';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport api from '~/services/api';\nimport ModalSwap from '~/components/ModalSwap';\n\nimport { useAuth } from '~/hooks/Auth';\nimport { formatPrice } from '~/utils/format';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\n\nimport walletFinish from '~/assets/defaults/wallet-finish.png';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport Loading from '~/components/Loading';\nimport Rewards from './Rewards';\nimport swalError from '~/utils/swalError';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface ICirculation {\n  circ: {\n    circulating: string;\n    current_supply: string;\n    max_supply: string;\n    burned: string;\n  };\n}\n\ninterface IStaking {\n  staking: {\n    locked: string;\n    price: string;\n    balance: string;\n    earned: string;\n  };\n}\n\nlet timeoutId: any;\n\nconst TokenVault: React.FC = () => {\n  const { user } = useAuth();\n  const history = useHistory();\n  const [circulation, setCirculation] = useState({} as ICirculation);\n  const [staking, setStaking] = useState({} as IStaking);\n  const [, setHarvestStake] = web3store.useState('harvestStake');\n  const [countdown, setCountdown] = useState(0);\n  const [filter, setFilter] = useState('all');\n  const [buyStakingAmt, setBuyStakingAmt] = web3store.useState('buyStakingAmt');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [chainMode, setChainMode] = web3store.useState('chainMode');\n\n  const [loading, setLoading] = useState(false);\n  const [show, setShow] = useState(false);\n  const [modalCongratulations, setModalCongratulations] = useState(false);\n  const [exchangeFinished, setExchangeFinished] = useState(false);\n  const [, setCartPurchaseStake] = web3store.useState('cartPurchaseStake');\n  const [cartPurchaseStakeTX, setCartPurchaseStakeTX] = web3store.useState(\n    'cartPurchaseStakeTX'\n  );\n\n  const [withdrawalDripResult, setWithdrawalDripResult] = web3store.useState(\n    'withdrawalDripResult'\n  );\n  const [withdrawalStakingResult, setWithdrawalStakingResult] =\n    web3store.useState('withdrawalStakingResult');\n\n  const usdpi = useMemo(\n    () => parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2)),\n    [balusdpi]\n  );\n\n  const handleAmountChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      setBuyStakingAmt(Number(event.target.value));\n    },\n    [setBuyStakingAmt]\n  );\n\n  useEffect(() => {\n    api\n      .get('v1/prfti/circulation')\n      .then(async (responseCirculation) => {\n        setCirculation({\n          circ: {\n            circulating: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseCirculation.data.circ.circulating, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            current_supply: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseCirculation.data.circ.current_supply, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            max_supply: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseCirculation.data.circ.max_supply, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            burned: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseCirculation.data.circ.burned, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n          },\n        });\n        let responseStaking = null;\n        if (user?.id) {\n          responseStaking = await api.get(`v1/staking/totals/${user?.id}`);\n          setStaking({\n            staking: {\n              locked: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseStaking.data.staking.locked, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n              price: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseStaking.data.staking.price, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n              balance: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseStaking.data.staking.balance, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n              earned: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseStaking.data.staking.earned, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n            },\n          });\n        }\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [user, withdrawalDripResult, withdrawalStakingResult]);\n\n  useEffect(() => {\n    clearTimeout(timeoutId);\n    if (countdown > 0) {\n      timeoutId = setTimeout(() => {\n        setCountdown((state) => state - 1);\n      }, 1000);\n    }\n  }, [countdown]);\n\n  const days = useMemo(() => {\n    return countdown < 0 ? 0 : Math.floor(countdown / (60 * 60 * 24));\n  }, [countdown]);\n\n  const hours = useMemo(() => {\n    return countdown < 0 ? 0 : Math.floor(countdown / (60 * 60)) % 24;\n  }, [countdown]);\n\n  const minutes = useMemo(() => {\n    return countdown < 0 ? 0 : Math.floor(countdown / 60) % 60;\n  }, [countdown]);\n\n  const seconds = useMemo(() => {\n    return countdown < 0 ? 0 : countdown % 60;\n  }, [countdown]);\n\n  const handleClaimClick = useCallback(\n    (id: number, available: string) => {\n      console.log('Claim button clicked! %s, %s', id, available);\n      setHarvestStake(id);\n      // do something else here\n    },\n    [setHarvestStake]\n  );\n\n  const handleClickBuyStaking = useCallback(() => {\n    if (usdpi >= buyStakingAmt) {\n      networkSwitch('NETWORK')\n        .then((response) => {\n          setCartPurchaseStake(true);\n          setLoading(true);\n        })\n        .catch((error) => {\n          swalError({\n            message: 'There was a problem with your transaction.',\n            textButton: 'Try Again',\n          });\n        });\n    } else {\n      swalError({\n        message: 'Insufficient balance',\n        textButton: 'Try Again',\n      });\n    }\n    setExchangeFinished(false);\n  }, [buyStakingAmt, setCartPurchaseStake, usdpi]);\n\n  const handleExchangeFinished = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      setLoading(false);\n      setExchangeFinished(true);\n    }, 3000);\n  }, []);\n\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setModalCongratulations(false);\n  }, []);\n\n  useEffect(() => {\n    if (exchangeFinished) {\n      handleClickBuyStaking();\n    }\n  }, [exchangeFinished, handleClickBuyStaking, usdpi]);\n\n  useEffect(() => {\n    if (cartPurchaseStakeTX !== '') {\n      // ToDo: Close mask\n      setLoading(false);\n      setCartPurchaseStake(false);\n      if (cartPurchaseStakeTX.startsWith('ERROR')) {\n        swalError({\n          message: cartPurchaseStakeTX,\n          textButton: 'Try Again',\n        });\n      } else {\n        setModalCongratulations(true);\n      }\n      setCartPurchaseStakeTX('');\n    }\n  }, [cartPurchaseStakeTX, history, setCartPurchaseStakeTX]);\n\n  useEffect(() => {\n    setChainMode('NETWORK');\n  }, []);\n\n  return (\n    <Container>\n      {Object.keys(circulation).length > 0 && Object.keys(staking).length > 0 && (\n        <div className=\"container-fluid container-xxl\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-sm-11 col-lg-12 mt-4\">\n              <Welcome>\n                <div className=\"container-fluid\">\n                  <div className=\"row align-items-center\">\n                    <div className=\"col-lg-6 d-flex align-items-center px-0\">\n                      <h1 className=\"h3 h2-lg fw-bold mb-lg-0\">Token Vault</h1>\n                      <div className=\"ms-4 border-gradient-light rounded-pill text-center\">\n                        <button\n                          type=\"button\"\n                          onClick={() =>\n                            history.push(`${process.env.PUBLIC_URL}/tokenomics`)\n                          }\n                          className=\"w-100 border-0 px-4 py-2 bg-transparent d-flex align-items-center justify-content-center\"\n                        >\n                          Tokenomics\n                        </button>\n                      </div>\n                    </div>\n                    <div className=\"col-lg-6 px-0\">\n                      <WalletRow />\n                    </div>\n                  </div>\n                </div>\n              </Welcome>\n            </div>\n          </div>\n          <div className=\"row bd-botton py-3\">\n            <div className=\"col-lg-3\">\n              <div className=\"value-row text-center\">\n                Circulating\n                <span>\n                  &nbsp;\n                  {circulation.circ.circulating}\n                </span>\n              </div>\n            </div>\n            <div className=\"col-lg-3\">\n              <div className=\"value-row text-center\">\n                Total&nbsp;Supply\n                <span>\n                  &nbsp;\n                  {circulation.circ.current_supply.slice(0, -3)}\n                </span>\n              </div>\n            </div>\n            <div className=\"col-lg-3\">\n              <div className=\"value-row text-center\">\n                Max&nbsp;Supply\n                <span>\n                  &nbsp;\n                  {circulation.circ.max_supply.slice(0, -3)}\n                </span>\n              </div>\n            </div>\n            <div className=\"col-lg-3\">\n              <div className=\"value-row text-center\">\n                Burned\n                <span>\n                  &nbsp;\n                  {circulation.circ.burned}\n                </span>\n              </div>\n            </div>\n          </div>\n          <div className=\"row mt-4\">\n            <div className=\"col-lg-3 px-3 pb-3 box-title\">\n              <div className=\"bg-box h-100 p-4\">\n                <div className=\"d-flex justify-content-between\">\n                  <h3 className=\"mb-0\">Total Value Locked</h3>\n                  <img src={logo} alt=\"Logo\" />\n                </div>\n                <h5 className=\"my-3\">${staking.staking.locked}</h5>\n                {/* <h6>+1.4% Compared to last week</h6> */}\n              </div>\n            </div>\n            <div className=\"col-lg-3 px-3 pb-3 box-title\">\n              <div className=\"bg-box h-100 p-4\">\n                <div className=\"d-flex justify-content-between\">\n                  <h3 className=\"mb-0\">PRFTI Price</h3>\n                  <img src={logo} alt=\"Logo\" />\n                </div>\n                <h5 className=\"my-3\">${staking.staking.price}</h5>\n                {/* <h6>+4% Compared to last day</h6> */}\n              </div>\n            </div>\n            <div className=\"col-lg-3 px-3 pb-3 box-title\">\n              <div className=\"bg-box h-100 p-4\">\n                <div className=\"d-flex justify-content-between\">\n                  <h3 className=\"mb-0\">My Staking Balance</h3>\n                  <img src={logo} alt=\"Logo\" />\n                </div>\n                <h5 className=\"my-3\">\n                  {staking.staking.balance}\n                  <span>PRFTI</span>\n                </h5>\n                {/* <h6>+5% Compared to last month</h6> */}\n              </div>\n            </div>\n            <div className=\"col-lg-3 px-3 pb-3 box-title\">\n              <div className=\"bg-box h-100 p-4\">\n                <div className=\"d-flex justify-content-between\">\n                  <h3 className=\"mb-0\">My Staking Earnings</h3>\n                  <img src={logo} alt=\"Logo\" />\n                </div>\n                <h5 className=\"my-3\">\n                  {staking.staking.earned}\n                  <span>PRFTI</span>\n                </h5>\n                {/* <h6>+5% Compared to last month</h6> */}\n              </div>\n            </div>\n            <div className=\"col-lg-4 box-lock px-3 my-2\">\n              <div className=\"bg-box pt-4 px-4\">\n                <h3 className=\"mb-0\">Lock Period</h3>\n\n                <div className=\"d-flex date justify-content-between mt-4 px-3\">\n                  <div className=\"text-center\">\n                    {days.toString().padStart(2, '0')}\n                    <span className=\"d-block\">Day</span>\n                  </div>\n                  <div className=\"text-center\">\n                    {hours.toString().padStart(2, '0')}\n                    <span className=\"d-block\">Hour</span>\n                  </div>\n                  <div className=\"text-center\">\n                    {minutes.toString().padStart(2, '0')}\n                    <span className=\"d-block\">Mins</span>\n                  </div>\n                  <div className=\"text-center\">\n                    {seconds.toString().padStart(2, '0')}\n                    <span className=\"d-block\">Sec</span>\n                  </div>\n                </div>\n                <div className=\"position-relative bg-box-blur overflow-hidden mt-4 mx-4 px-3 py-4\">\n                  <div className=\"position-relative text-center index1\">\n                    <div className=\"apy\">\n                      <span className=\"d-block\">APY</span>\n                      <span className=\"d-block\">60%</span>\n                      <span className=\"d-block mb-4\">5% Per Month</span>\n                    </div>\n                  </div>\n                  <div className=\"position-absolute bg-grad-blur\" />\n                </div>\n              </div>\n            </div>\n\n            <div className=\"col-lg-8 px-3 my-2\">\n              <div className=\"bd-gray px-3\">\n                <div className=\"d-flex py-3 btns-filter justify-content-evenly\">\n                  <button\n                    type=\"button\"\n                    className={`${filter === 'all' && 'active'}`}\n                    onClick={() => setFilter('all')}\n                  >\n                    All\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${filter === 'rewards' && 'active'}`}\n                    onClick={() => setFilter('rewards')}\n                  >\n                    Member Rewards\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${filter === 'staking' && 'active'}`}\n                    onClick={() => setFilter('staking')}\n                  >\n                    Staking\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${filter === 'profiti' && 'active'}`}\n                    onClick={() => setFilter('profiti')}\n                  >\n                    PROFITi Pool\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${filter === 'performance' && 'active'}`}\n                    onClick={() => setFilter('performance')}\n                  >\n                    Performance Pool\n                  </button>\n                </div>\n                <Rewards filter={filter} setCountdown={setCountdown} />\n              </div>\n            </div>\n\n            <div className=\"col-lg-7 px-3 mt-3\">\n              <div className=\"bg-box amount-stake p-4\">\n                <div className=\"d-flex align-items-center justify-content-between\">\n                  <h3 className=\"mb-0\">Amount to Stake</h3>\n\n                  <div className=\"d-flex align-items-center\">\n                    <h3 className=\"mb-0 me-1\">\n                      Available PRFTI Rewards to Claim: <span>0.00</span>\n                    </h3>\n                    {/* <button\n                      type=\"button\"\n                      className=\"px-3 py-2 border-0 ms-4 claim\"\n                    >\n                      Claim\n                    </button> */}\n                  </div>\n                </div>\n                <div className=\"bd-input d-flex justify-content-between mt-3 p-3\">\n                  <input\n                    type=\"number\"\n                    placeholder=\"Enter the amount you wish to stake\"\n                    className=\"w-90\"\n                    name=\"\"\n                    id=\"\"\n                  />\n                  <button type=\"button\" className=\"btn-max px-3\">\n                    Max\n                  </button>\n                </div>\n                <button type=\"button\" className=\"w-100 mt-3 btn-stake\">\n                  Stake\n                </button>\n              </div>\n            </div>\n\n            <div className=\"col-lg-5 px-3 mt-3\">\n              <div className=\"bg-box box-buy h-100 p-4\">\n                <h3 className=\"mb-0 pb-1\">Buy Staking Contract</h3>\n\n                <div className=\"bd-input d-flex justify-content-between mt-3 p-3\">\n                  <input\n                    type=\"number\"\n                    placeholder=\"Choose amount (minimum $100)\"\n                    className=\"w-100\"\n                    min={100}\n                    name=\"\"\n                    id=\"\"\n                    onChange={handleAmountChange}\n                    value={buyStakingAmt > 0 ? buyStakingAmt : ''}\n                  />\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={handleShow}\n                  className=\"w-100 mt-3 btn-buy\"\n                  disabled={buyStakingAmt < 100}\n                >\n                  Buy Now\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Please Review Staking Terms\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">Here is the transaction hash:</p>\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Term:</span>\n              <span className=\"color-span\">12 Months</span>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Amount Staking:</span>\n              <span className=\"color-span\">\n                {formatPrice(buyStakingAmt)} PRFTI\n              </span>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Exchange Rate:</span>\n              <span className=\"color-span\">1 PRFTI = 1.00 USD</span>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Token Bonus APY:</span>\n              <span className=\"color-span\">60%</span>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Released Ratio:</span>\n              <span className=\"color-span\">Every Second</span>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <span>Total Amount To Receive:</span>\n              <span className=\"color-span\">\n                {formatPrice(buyStakingAmt * 0.6)} PRFTI\n              </span>\n            </div>\n\n            {usdpi < buyStakingAmt ? (\n              <ModalSwap\n                btnText=\"Confirm Purchase\"\n                className=\"btn-confirm w-100 my-4\"\n                onExchangeFinished={handleExchangeFinished}\n              />\n            ) : (\n              <button\n                type=\"button\"\n                onClick={handleClickBuyStaking}\n                className=\"btn-confirm w-100 my-4\"\n              >\n                Confirm Purchase{' '}\n                <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n              </button>\n            )}\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              className=\"btn-cancel w-100 mb-3\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n\n      <ModalFinish\n        size=\"xl\"\n        show={modalCongratulations}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n4 mb-5 fw-bold text-center w-100\">\n            Congratulations!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">\n              Your staking contract purchase was successfully completed.\n            </p>\n            <p className=\"text-center mb-4 px-4\">\n              You can now follow the progress of your earnings on the dashboard.\n            </p>\n\n            <button\n              type=\"button\"\n              onClick={() =>\n                history.push(`${process.env.PUBLIC_URL}/dashboard`)\n              }\n              className=\"btn-confirm w-100 mt-5 mb-4\"\n            >\n              <span className=\"\">Back to dashboard</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalFinish>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default TokenVault;\n","export default __webpack_public_path__ + \"static/media/winner.f097570b.png\";","export default __webpack_public_path__ + \"static/media/back-soon.947eda15.svg\";","import React, { useRef, useCallback, useState, useEffect } from 'react';\nimport party from 'party-js';\nimport { Banner, Video, Modal, Maintenance, ToastAlert } from './styles';\nimport CurrentPayout from './CurrentPayout';\nimport WinStats from './WinStats';\nimport MoreCubes from './MoreCubes';\nimport LiveChat from './LiveChat';\nimport WalletRow from '~/components/WalletRow';\nimport { web3store } from '~/store';\nimport api from '~/services/api';\nimport { useAuth } from '~/hooks/Auth';\nimport RevealEffect from '~/components/RevealEffect';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport winner from '~/assets/defaults/winner.png';\nimport cubeLogo from '~/assets/defaults/cube-small.png';\nimport backSoon from '~/assets/defaults/back-soon.svg';\n\ninterface Cube {\n  cube_id: number;\n  balance: number;\n  cube_max_players: number;\n  cube_payoff: number;\n  entry_fee: number;\n  free_available: number;\n  percent_filled: number;\n  paid_user: number;\n  is_progressive: boolean;\n}\n\ninterface CubeHistory {\n  cube_id: number;\n  cube_description: string;\n  entry_fee: string;\n  paid_date: string;\n  paid_user: string;\n  cube_payoff: string;\n}\n\ninterface IActiveCubes {\n  cubes: Cube[];\n}\n\ninterface IHistoryCubes {\n  cubes: CubeHistory[];\n}\n\ninterface Player {\n  id: number;\n  cubeID: number;\n  nftID: number;\n  avatar: string;\n  name: string;\n  value: number;\n  isMe: boolean;\n}\n\ninterface ApiPlayerResponse {\n  players: Player[];\n}\n\ninterface WinStats {\n  play_count: number;\n  win_count: number;\n  amt_won: number;\n}\n\ninterface PlayHistory {\n  id: number;\n  trans_type: string;\n  amount: number;\n  transaction_date: number;\n  cube_id: number;\n  cube_type: string;\n}\n\nconst Game: React.FC = () => {\n  const { user } = useAuth();\n  const [activeCubes, setActiveCubes] = useState<IActiveCubes | null>(null);\n  const [cubeWinners, setCubeWinners] = useState<IHistoryCubes | null>(null);\n  const [selectedCube, setSelectedCube] = useState<Cube | null>(null);\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [loading, setLoading] = useState(false);\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const serverUrl = 'wss://socket.pcode.pro';\n  const [ws, setWs] = useState<WebSocket | null>(null);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const [loopStartTime, setLoopStartTime] = useState(0);\n  const [loopEndTime, setLoopEndTime] = useState(4.9); // Set a default end time\n  const [selectedCubeID, setSelectedCubeID] = useState(0);\n  const [players, setPlayers] = useState<Player[]>([]);\n  const [isAutoPlay, setIsAutoPlay] = useState(true);\n  // TOAST\n  const [showToast, setShowToast] = useState(false);\n  const [toastType, setToastType] = useState('WIN');\n  const [toastLine1, setToastLine1] = useState('WINNER ALERT');\n  const [toastLine2, setToastLine2] = useState('Did you win $1,000?');\n  const [toastLine3, setToastLine3] = useState('on a 10x10 Cube');\n  const [toastAnimation, setToastAnimation] = useState('');\n  const [toastURL, setToastURL] = useState('');\n  // TOAST\n  const [isLoop, setIsLoop] = useState(true);\n  const [showWinner, setShowWinner] = useState(false);\n  const [showWinnerModal, setShowWinnerModal] = useState(false);\n  const [showNft, setShowNft] = useState(true);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const [imgURL, setImgURL] = useState('');\n  const [winnerURL, setWinnerURL] = useState('');\n  const [winnerNFT, setWinnerNFT] = useState(0);\n  const [messageIn, setMessageIn] = useState();\n  const [postWinnerDelete, setPostWinnerDelete] = useState(null);\n  const [cubeBidder, setCubeBidder] = useState<number | null>(null);\n  const showMaintenance = process.env.REACT_APP_CUBE_MAINT as string;\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    if (showToast) {\n      setToastAnimation('roll-in');\n\n      const timer = setTimeout(() => {\n        setToastAnimation('roll-out');\n      }, 10000);\n\n      return () => clearTimeout(timer);\n    }\n    // Explicitly return undefined\n    return undefined;\n  }, [showToast]);\n\n  useEffect(() => {\n    if (toastAnimation === 'roll-out') {\n      const hideTimer = setTimeout(() => {\n        setShowToast(false);\n      }, 500); // Assuming the animation duration is 500ms\n\n      return () => clearTimeout(hideTimer);\n    }\n    // Explicitly return undefined\n    return undefined;\n  }, [toastAnimation]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const showToastAlert = useCallback(\n    (type: string, amt: number, cType: string, nft: number, bidURL: string) => {\n      console.log('+++++ showToastAlert +++++');\n      if (type === 'WIN' && amt > 0 && cType !== '') {\n        //\n        setToastType('WIN');\n        setToastLine1('WINNER ALERT');\n        setToastLine2(`Did you win $${amt}`);\n        setToastLine3(`on a ${cType} Cube`);\n        setShowToast(true);\n      } else if (type === 'BID' && nft > 0 && amt > 0 && cType !== '') {\n        //\n        setToastType('BID');\n        setToastLine1(`NFT-${nft}`);\n        setToastLine2(`Just bid $${amt}`);\n        setToastLine3(`on a ${cType} Cube`);\n        setToastURL(bidURL);\n        setShowToast(true);\n      } else {\n        console.log('showToastAlert - parameter error');\n      }\n    },\n    [showToast, toastType, toastLine1, toastLine2, toastLine3, toastAnimation]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Load players for cube\n  // ++++++++++++++++++++++++++++++++++++++\n  const getPlayers = useCallback(async () => {\n    if (selectedCube && user) {\n      if (selectedCube.cube_id > 0) {\n        try {\n          const response = await api.get('v1/cube/players', {\n            params: {\n              cubeID: selectedCube.cube_id,\n              nftID: user.id,\n            },\n          });\n          const apiPlayers: Player[] = response.data.players;\n          setPlayers(apiPlayers);\n        } catch (error) {\n          console.log(error);\n        }\n      }\n    }\n  }, [selectedCube, user, players]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Set the selected cube (called from morecubes)\n  // ++++++++++++++++++++++++++++++++++++++\n  const selectCube = (cube: Cube) => {\n    // Create a shallow copy of the cube parameter\n    const copiedCube = { ...cube };\n\n    setSelectedCubeID(copiedCube.cube_id);\n    setSelectedCube(copiedCube); // Use the copiedCube in setSelectedCube\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Clear cubeBidder\n  // ++++++++++++++++++++++++++++++++++++++\n  const clearCubeBidder = () => {\n    setCubeBidder(null);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Clean up after winner announced\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleCloseWinner = useCallback(() => {\n    setShowWinner(false);\n    setShowNft(false);\n    setLoopStartTime(0);\n    setLoopEndTime(4.9);\n    setIsAutoPlay(true);\n    setIsLoop(true);\n    setWinnerURL('');\n    setWinnerNFT(0);\n    if (activeCubes) {\n      const cubesWithoutClosed = activeCubes.cubes.filter(\n        (cube) => cube.cube_id !== postWinnerDelete\n      );\n      setActiveCubes({ cubes: cubesWithoutClosed });\n      setPostWinnerDelete(null);\n      selectCube(activeCubes.cubes[0]);\n    } else {\n      console.log('+++++ No activeCubes +++++');\n    }\n    if (videoRef && videoRef.current) {\n      videoRef.current.play();\n    }\n    setTimeout(() => {\n      setImgURL('');\n    }, 2000);\n  }, [setImgURL, postWinnerDelete, activeCubes]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Load players when cube selected\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    if (selectedCube) {\n      getPlayers();\n    }\n  }, [selectedCube]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Control video loop\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    if (videoRef.current) {\n      videoRef.current.currentTime = loopStartTime;\n    }\n  }, [loopStartTime]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Control video loop\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleTimeUpdate = () => {\n    if (videoRef.current) {\n      if (videoRef.current.currentTime >= loopEndTime) {\n        videoRef.current.currentTime = loopStartTime;\n      }\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Get active cubes (used on mount)\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchActiveCubes = useCallback(async () => {\n    try {\n      const response = await api.get('v1/cube/active');\n      const activeCubesData = response.data;\n      // Map the data to match the IActiveCubes structure\n      const mappedCubes: IActiveCubes = {\n        cubes: activeCubesData.map((cube: Cube) => ({\n          cube_id: cube.cube_id,\n          balance: cube.balance,\n          cube_max_players: cube.cube_max_players,\n          cube_payoff: cube.cube_payoff,\n          entry_fee: cube.entry_fee,\n          free_available: cube.free_available,\n          percent_filled: (cube.balance / cube.cube_payoff) * 100,\n          is_progressive: cube.is_progressive,\n        })),\n      };\n      selectCube(mappedCubes.cubes[0]);\n      setActiveCubes(mappedCubes);\n    } catch (error) {\n      console.log('Error fetching active cubes:', error);\n    }\n  }, [selectedCubeID, activeCubes]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Get cube history (used on mount)\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchCubeWinners = useCallback(async () => {\n    console.log('+++++ fetchCubeWinners +++++');\n    try {\n      const response = await api.get('v1/cube/winners');\n      const winnersCubesData = response.data;\n      // Map the data to match the IActiveCubes structure\n      const mappedCubes: IHistoryCubes = {\n        cubes: winnersCubesData.map((cube: CubeHistory) => ({\n          cube_id: cube.cube_id,\n          cube_description: cube.cube_description,\n          entry_fee: cube.entry_fee,\n          paid_date: cube.paid_date,\n          paid_user: cube.paid_user,\n          cube_payoff: cube.cube_payoff,\n        })),\n      };\n      setCubeWinners(mappedCubes);\n    } catch (error) {\n      console.log('Error fetching active cubes:', error);\n    }\n  }, [cubeWinners]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Process incoming websocket messages\n  // ++++++++++++++++++++++++++++++++++++++\n  const processMessage = useCallback(\n    (message) => {\n      setMessageIn(message);\n      if (activeCubes) {\n        if (message.class === 'CUBE') {\n          // console.log('CUBE EVENT');\n          if (message.event.type === 'UPDATE') {\n            setCubeBidder(message.event.nftID);\n            const updatedCube = message.event.cube;\n            const updatedCubeID = message.event.cubeID;\n            const newActiveCubes = { ...activeCubes }; // Shallow copy of activeCubes\n            if (message.event.winnerURL !== '') {\n              // Winner path\n              if (updatedCubeID === selectedCube?.cube_id) {\n                // Handle winning cube selected\n                setWinnerURL(message.event.winnerURL);\n                setWinnerNFT(message.event.cube.paid_user);\n                setPostWinnerDelete(updatedCubeID);\n                setShowWinnerModal(true);\n              } else {\n                // payoff\n                const payoff = message.event.cube.cube_payoff / 10 ** 18;\n                const entry = message.event.cube.entry_fee / 10 ** 18;\n                const playerCnt = payoff / entry;\n                setWinnerURL(message.event.winnerURL);\n                setWinnerNFT(message.event.cube.paid_user);\n                showToastAlert('WIN', payoff, `${entry}x${playerCnt}`, 0, '');\n              }\n              // Remove winning cube\n              newActiveCubes.cubes = newActiveCubes.cubes.filter(\n                (cube) => cube.cube_id !== updatedCubeID\n              );\n            } else {\n              // No winner - update cube record\n              let cubeFound = false;\n              newActiveCubes.cubes = newActiveCubes.cubes.map((cube) => {\n                if (cube.cube_id === updatedCubeID) {\n                  cubeFound = true;\n                  return {\n                    ...cube,\n                    balance: updatedCube.balance,\n                    free_available: updatedCube.free_available,\n                    percent_filled:\n                      (updatedCube.balance / updatedCube.cube_payoff) * 100,\n                    paid_user: updatedCube.paid_user,\n                  };\n                }\n                return cube;\n              });\n              if (cubeFound) {\n                setPlayers(message.event.players);\n              }\n              // payoff\n              const payoff = message.event.cube.cube_payoff / 10 ** 18;\n              console.log('+++++ payoff: %s +++++', payoff);\n              const entry = message.event.cube.entry_fee / 10 ** 18;\n              console.log('+++++ entry: %s +++++', entry);\n              const playerCnt = payoff / entry;\n              console.log('+++++ playerCnt: %s +++++', playerCnt);\n              showToastAlert(\n                'BID',\n                entry,\n                `${entry}x${playerCnt}`,\n                message.event.bidder,\n                message.event.bidderURL\n              );\n            }\n            // Check for new cube\n            if (Object.keys(message.event.new_cube).length > 0) {\n              const newCube: Cube = {\n                ...message.event.new_cube,\n              };\n              newActiveCubes.cubes.push(newCube);\n            }\n            setActiveCubes(newActiveCubes);\n          }\n        }\n      }\n      setMessageIn(undefined);\n    },\n    [activeCubes, selectedCube]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Detect incoming websocket message\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    if (messageIn) {\n      // console.log('messageIn change');\n      console.log(messageIn);\n      // console.log(activeCubes);\n      const newMessage = messageIn;\n      processMessage(newMessage);\n    }\n  }, [messageIn, activeCubes]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Open connection to websocket server on mount\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    // Fetch the active cubes when the component mounts\n    fetchActiveCubes();\n    fetchCubeWinners();\n    const websocket = new WebSocket(serverUrl);\n    setWs(websocket);\n    return () => {\n      if (websocket) {\n        websocket.close();\n      }\n    };\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Set up websocket event listeners\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    // Create event handlers for the WebSocket when ws is set\n    if (ws) {\n      ws.onopen = (event) => {\n        console.log('WebSocket connection opened');\n      };\n\n      ws.onmessage = (event) => {\n        const message = JSON.parse(event.data);\n        setMessageIn(message);\n      };\n\n      ws.onclose = (event) => {\n        console.log('WebSocket connection closed', event);\n      };\n\n      ws.onerror = (error) => {\n        console.error('WebSocket error:', error);\n      };\n    }\n  }, [ws]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // calculate the percentage filled when players.length changes\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    let start = 0;\n    let end = 4.9;\n    if (selectedCube) {\n      // Calculate the percentage filled\n      const maxPlayers = selectedCube?.cube_payoff / selectedCube?.entry_fee; // Maximum number of players\n      const currentPlayers = players.length; // Current number of players\n      const calculatedPercentage = (currentPlayers / maxPlayers) * 100;\n      // console.log('calculatedPercentage: %s', calculatedPercentage);\n      // Set the percentageFilled state with the calculated percentage\n      // setPercentageFilled(calculatedPercentage);\n\n      // Calculate start and end times based on the percentage\n      if (calculatedPercentage >= 0 && calculatedPercentage <= 14) {\n        start = 0;\n        end = 4.9;\n      } else if (calculatedPercentage > 14 && calculatedPercentage <= 28) {\n        start = 5;\n        end = 10;\n      } else if (calculatedPercentage > 28 && calculatedPercentage <= 42) {\n        start = 10;\n        end = 15;\n      } else if (calculatedPercentage > 42 && calculatedPercentage <= 56) {\n        start = 15;\n        end = 20;\n      } else if (calculatedPercentage > 56 && calculatedPercentage <= 70) {\n        start = 20;\n        end = 25;\n      } else if (calculatedPercentage > 70 && calculatedPercentage <= 84) {\n        start = 25;\n        end = 30;\n      } else if (calculatedPercentage > 84 && calculatedPercentage < 100) {\n        start = 30;\n        end = 35;\n      }\n    }\n    // console.log('start: %s end: %s', start, end);\n    setLoopStartTime(start);\n    setLoopEndTime(end);\n  }, [players.length, selectedCube]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleShowWinner = useCallback(() => {\n    console.log('+++++ REVEAL WINNER +++++');\n    setShowWinner(true);\n    setTimeout(() => {\n      if (cardRef.current) {\n        party.confetti(cardRef.current, {\n          count: 50,\n          size: 2,\n        });\n      }\n      setShowNft(true);\n    }, 2000);\n  }, [winnerURL]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Reveal winner after video ends\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleVideoEnded = () => {\n    // console.log('Video has ended');\n    handleShowWinner();\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Play winner animation\n  // ++++++++++++++++++++++++++++++++++++++\n  useEffect(() => {\n    if (showWinnerModal && winnerURL !== '') {\n      console.log('+++++ WINNER ANIMATION +++++');\n      setLoopStartTime(35);\n      setLoopEndTime(40);\n      setIsAutoPlay(false);\n      setIsLoop(false);\n    }\n  }, [showWinnerModal, winnerURL]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Reveal winner after click on win toast\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleWinClick = () => {\n    setShowWinnerModal(true);\n  };\n  const handleWinClickOld = useCallback(() => {\n    console.log('+++++ REVEAL WINNER +++++');\n    setShowWinner(true);\n    setTimeout(() => {\n      if (cardRef.current) {\n        party.confetti(cardRef.current, {\n          count: 50,\n          size: 2,\n        });\n      }\n      setShowNft(true);\n    }, 2000);\n  }, [winnerURL]);\n\n  return (\n    <>\n      <Banner>\n        <Video\n          autoPlay={isAutoPlay}\n          loop={isLoop}\n          muted\n          className=\"bg_video\"\n          onEnded={handleVideoEnded}\n          onTimeUpdate={handleTimeUpdate}\n          ref={videoRef}\n        >\n          <source\n            src=\"https://s3.us-east-1.amazonaws.com/livplus.io/videos/cube_2_final.mp4\"\n            type=\"video/mp4\"\n          />\n        </Video>\n        <div className=\"container-fluid position-relative container-zindex pt-4 \">\n          {/* <div className=\"row\">\n            <div className=\"col-lg-2 ms-auto\">\n              <WalletRow />\n            </div>\n          </div> */}\n          <div className=\"row\">\n            <div className=\"col-lg-3 zoom\">\n              <CurrentPayout selectedCube={selectedCube} players={players} />\n            </div>\n            <div className=\"col-lg-3 zoom\">\n              <WinStats\n                cubeBidder={cubeBidder}\n                clearBidderFunction={clearCubeBidder}\n              />\n            </div>\n            <div className=\"col-lg-3 zoom\">\n              <MoreCubes\n                cubes={activeCubes ? { cubes: [...activeCubes.cubes] } : null}\n                winners={cubeWinners ? { cubes: [...cubeWinners.cubes] } : null}\n                selectFunction={selectCube}\n                selected={selectedCubeID}\n              />\n            </div>\n            {/* <div className=\"d-flex justify-content-center\"> */}\n            {/* <div className=\"col-lg-3\">\n              <LiveChat />\n            </div> */}\n            <div className=\"col-lg-3 ms-auto wallet\">\n              <WalletRow />\n            </div>\n          </div>\n        </div>\n      </Banner>\n      <Modal\n        className=\"modal-claim-nft text-white d-flex\"\n        size=\"xl\"\n        show={showWinner}\n        showNft={showNft}\n        onHide={() => {\n          // handleHistory(valueInput);\n          handleCloseWinner();\n        }}\n      >\n        <RevealEffect\n          className=\"d-none d-lg-block reveal-w\"\n          // initializeScene={showWinner}\n          initializeScene\n        />\n        <Modal.Header className=\"border-0 p-3 pb-0\">\n          <div className=\"d-flex justify-content-between w-100 header\">\n            <img src={logo} alt=\"Logo\" className=\"\" />\n            <button\n              type=\"button\"\n              className=\"h4 modal-close mb-0 ms-auto border-0 bg-transparent\"\n              onClick={() => {\n                handleCloseWinner();\n              }}\n            >\n              x\n            </button>\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"py-0\">\n          <div className=\"container\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-sm-9 col-lg-6 d-flex justify-content-center\">\n                <div className=\"item-group\">\n                  {!loading && (\n                    <div ref={cardRef} className=\"bg-nft p-2 position-relative\">\n                      <img src={winnerURL} alt=\"Winner\" className=\"w-100 nft\" />\n                      <div className=\"d-flex pt-3 pb-4 bg-serial-qrcode justify-content-center align-items-center\">\n                        <div className=\"text-center\">\n                          <span>NFT.{winnerNFT}</span>\n                          <br />\n                          <img src={winner} alt=\"Winner\" />\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div className=\"row justify-content-center\">\n              <div className=\"col-sm-9 col-lg-5 px-4 pt-5 mt-5\">\n                <div className=\"d-flex mx-auto py-3 justify-content-evenly bg-main px-3\">\n                  {/* <button\n                    type=\"button\"\n                    onClick={handleCloseWinner}\n                    className=\"w-50 btn-play-again me-2\"\n                  >\n                    Play Again\n                  </button> */}\n                  <button\n                    type=\"button\"\n                    className=\"w-100 btn-play-again ms-2\"\n                    onClick={handleCloseWinner}\n                  >\n                    PLAY AGAIN\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n      <Maintenance\n        className=\"modal-claim-nft d-flex\"\n        size=\"xl\"\n        show={showMaintenance === 'ON'}\n      >\n        <Modal.Body className=\"py-0\">\n          <div className=\"container\">\n            <div className=\"row justify-content-center\">\n              <div className=\"image-container\">\n                <div className=\"maintenance-text-1\">\n                  We’re performing some maintenance at the moment, sorry for the\n                  inconvenience.\n                </div>\n                <img\n                  src={backSoon}\n                  alt=\"Back Soon\"\n                  className=\"back-soon-image\"\n                />\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Maintenance>\n      {showToast && (\n        <ToastAlert className={toastAnimation}>\n          <ToastAlert.Body\n            onClick={toastType === 'WIN' ? handleWinClick : undefined}\n          >\n            <img\n              src={toastType === 'BID' ? toastURL : cubeLogo}\n              alt=\"xx\"\n              className=\"toast-img\"\n            />\n            <div\n              className={`flex-div action ${\n                toastType === 'BID' ? 'bid' : 'win'\n              }`}\n            >\n              {toastType}\n            </div>\n            <div className=\"flex-div info\">\n              <div className=\"line1\">{toastLine1}</div>\n              <div className={`line2 ${toastType === 'BID' ? 'bid' : 'win'}`}>\n                {toastLine2}\n              </div>\n              <div className=\"line3\">{toastLine3}</div>\n              {toastType === 'WIN' && (\n                <div className=\"line4\">CLICK TO FIND OUT</div>\n              )}\n            </div>\n          </ToastAlert.Body>\n        </ToastAlert>\n      )}\n    </>\n  );\n};\n\nexport default Game;\n","import { darken } from 'polished';\nimport styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Container = styled.div`\n  .border-gradient-light {\n    padding: 1px;\n    transition-duration: 0.3s;\n    button {\n      font-weight: 500;\n      font-size: 11px;\n      color: #e9e9e9;\n    }\n  }\n\n  .border-gradient-light:hover {\n    opacity: 0.8;\n  }\n  .bd-botton {\n    border-bottom: solid 1px #393c3d;\n  }\n  .bd-gray {\n    border: 1px solid #333333;\n    border-radius: 30px;\n  }\n\n  .btns-filter {\n    button {\n      background: #1e1f20;\n      border-radius: 6px;\n      border: none;\n\n      padding: 4px 20px;\n      font-weight: 400;\n      font-size: 12px;\n      color: #5d5b5b;\n      transition-duration: 0.3s;\n    }\n\n    .active,\n    button:hover {\n      color: #e4e4e4;\n    }\n  }\n  .value-row {\n    font-weight: 300;\n    font-size: 16px;\n    color: #cbccce;\n    span {\n      font-weight: 600;\n      font-size: 32px;\n    }\n  }\n  .bg-box {\n    background: #1d2023;\n    border-radius: 20px;\n  }\n\n  .box-title h3,\n  .box-lock h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #cbccce;\n  }\n\n  .box-title img {\n    filter: grayscale(100%);\n    width: 20px;\n    height: 20px;\n  }\n\n  .box-title h5 {\n    font-weight: 400;\n    font-size: 36px;\n    color: #e4e4e4;\n    span {\n      color: rgba(228, 228, 228, 0.4);\n    }\n  }\n\n  .box-title h6 {\n    font-weight: 300;\n    font-size: 12px;\n    color: #37c694;\n  }\n\n  .box-lock .date div {\n    font-weight: 700;\n    font-size: 36px;\n    color: #dadada;\n    span {\n      font-weight: 300;\n      font-size: 12px;\n      color: #8d8d8d;\n    }\n  }\n\n  .bg-box-blur {\n    background: rgba(34, 37, 39, 60%);\n    border-radius: 24px 24px 0 0;\n    //height: 210px;\n  }\n\n  .bg-grad-blur {\n    background-image: linear-gradient(\n        262.29deg,\n        rgba(227, 35, 255, 0.6) 2.98%,\n        rgba(54, 109, 250, 0.6) 184.94%\n      ),\n      linear-gradient(\n        265.14deg,\n        rgba(227, 35, 255, 0.6) -104.79%,\n        rgba(54, 109, 250, 0.6) 129.19%\n      );\n\n    filter: blur(50px);\n    width: 40%;\n    height: 40%;\n    top: 30%;\n    left: 30%;\n    z-index: 0;\n  }\n\n  .index1 {\n    z-index: 1;\n  }\n\n  .apy span:nth-child(1) {\n    font-weight: 300;\n    font-size: 16px;\n    color: #cbccce;\n  }\n\n  .apy span:nth-child(2) {\n    font-weight: 800;\n    font-size: 48px;\n    color: #dadada;\n  }\n\n  .apy span:nth-child(3) {\n    font-weight: 300;\n    font-size: 12px;\n    color: #8d8d8d;\n  }\n\n  .amount-stake h3,\n  .box-buy h3 {\n    font-weight: 300;\n    font-size: 16px;\n    color: #cbccce;\n    span {\n      font-weight: 600;\n      font-size: 18px;\n      color: #cbccce;\n    }\n  }\n\n  .bd-input {\n    border: 1px solid #4f4f4f;\n    border-radius: 15px;\n  }\n\n  .bd-input input {\n    background: transparent;\n    border: none;\n    font-weight: 300;\n    font-size: 16px;\n    color: #828282;\n  }\n\n  .bd-input button {\n    background: #1d2023;\n    border: 1px solid #2f2f2f;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 10px;\n    color: #797979;\n  }\n\n  .amount-stake .btn-stake {\n    background: linear-gradient(\n      190.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border-radius: 20px;\n    font-weight: 700;\n    font-size: 24px;\n    color: #000000;\n    border: none;\n    padding: 12px;\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.8;\n    }\n  }\n\n  .box-buy .btn-buy {\n    background: #00f9ab;\n    border-radius: 20px;\n    font-weight: 700;\n    font-size: 24px;\n    color: #000000;\n    border: none;\n    padding: 12px;\n    transition-duration: 0.3s;\n\n    :hover {\n      opacity: 0.8;\n    }\n\n    :disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .max-height {\n    height: 352px;\n    overflow: auto;\n  }\n\n  input[type='number']::-webkit-inner-spin-button,\n  input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const ModalFinish = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/wallet-finish.3d4d4086.png\";","import styled from 'styled-components';\n\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const ModalBefore = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    p {\n      font-weight: 300;\n      font-size: 20px;\n\n      color: #dadada;\n      span {\n        font-weight: 700;\n      }\n    }\n\n    .more {\n      background: #a3c0e1;\n      border-radius: 10px;\n      border: none;\n      font-weight: 700;\n      font-size: 10px;\n      padding: 8px 15px;\n      color: #0927c6;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n\n      padding: 23px;\n      a {\n        color: #8767ed;\n      }\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/tokens-claimed.897c1474.png\";","import React, { useCallback, useState, useMemo } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\nimport { Modal, ModalBefore } from './styles';\nimport { web3store } from '../../store';\nimport ModalSwap from '~/components/ModalSwap';\n\nimport tokensClaimed from '~/assets/defaults/tokens-claimed.png';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface IShow {\n  showBefore?: boolean;\n  handleCloseBefore?(): void;\n  handleCancelBefore?(): void;\n  showAfter?: boolean;\n  handleCloseAfter?(): void;\n  resultHash?: string;\n}\n\nconst ModalTokensClaimed: React.FC<IShow> = ({\n  showBefore,\n  handleCloseBefore,\n  handleCancelBefore,\n  showAfter,\n  handleCloseAfter,\n  resultHash,\n}) => {\n  const history = useHistory();\n  const [show, setShow] = useState(false);\n  const explorerURL = process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS;\n  const [balusdpi, setBalusdpi] = web3store.useState('balusdpi');\n\n  const usdpi = useMemo(\n    () => parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2)),\n    [balusdpi]\n  );\n\n  const handleClaimTokens = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleButtonClick = useCallback(() => {\n    console.log('////////////////////////');\n    console.log(handleCloseBefore);\n    console.log('////////////////////////');\n    networkSwitch('NETWORK')\n      .then((response) => {\n        if (handleCloseBefore) {\n          console.log('calling handleCloseBefore');\n          handleCloseBefore();\n        }\n      })\n      .catch((error) => {\n        console.log(error);\n      });\n  }, [\n    showBefore,\n    handleCloseBefore,\n    handleCancelBefore,\n    showAfter,\n    handleCloseAfter,\n    resultHash,\n  ]);\n\n  return (\n    <>\n      <ModalBefore\n        size=\"xl\"\n        show={showBefore}\n        onHide={handleCancelBefore}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleCancelBefore}\n        >\n          x\n        </button>\n        <ModalBefore.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </ModalBefore.Header>\n        <ModalBefore.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Before you claim...\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center px-4 mb-5\">\n              This is a blockchain transaction which requires a small gas\n              transaction fee. Our ecosystem runs on USDPI therefore you will\n              need some on your wallet to complete this transaction.\n            </p>\n\n            <div className=\"d-flex terms justify-content-between ps-5 pe-3 mb-2\">\n              <span>Your USDPI Balance:</span>\n              <div className=\"d-flex align-items-center\">\n                <span className=\"color-span\">${usdpi} USDPI</span>\n                <ModalSwap btnText=\"Get more\" className=\"ms-3 more\" />\n                {/* <button type=\"submit\" className=\"ms-3 more\">\n                  Get more\n                </button> */}\n              </div>\n            </div>\n\n            <p className=\"text-center my-5\">\n              “Safe” Average network fee needed: <span>0.55 USDPI</span>\n            </p>\n\n            <button\n              type=\"button\"\n              onClick={handleButtonClick}\n              className=\"btn-confirm w-100 mb-3\"\n            >\n              Claim Tokens{' '}\n              <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n            </button>\n\n            <button\n              type=\"button\"\n              onClick={handleCancelBefore}\n              className=\"btn-cancel w-100 mb-3\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </ModalBefore.Body>\n        <ModalBefore.Footer className=\"border-0 py-4\" />\n      </ModalBefore>\n      <Modal\n        size=\"xl\"\n        show={showAfter}\n        onHide={handleCloseAfter}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleCloseAfter}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-3 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={tokensClaimed} alt=\"Tokens Claimed\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n3 mb-4 fw-bold text-center w-100\">\n            Tokens Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center my-5 px-xl-2\">\n              Your PRFTI Tokens were successfully claimed and have been added to\n              your wallet.\n            </p>\n\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${resultHash}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {resultHash}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={handleCloseAfter}\n              className=\"btn-confirm w-100 mt-0 mb-4\"\n            >\n              <span className=\"\">Done</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalTokensClaimed;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Container = styled.div`\n  height: 274px;\n  overflow: auto;\n  padding-right: 10px;\n  margin-bottom: 15px;\n\n  img {\n    width: 42px;\n    height: 42px;\n  }\n\n  h3 {\n    font-weight: 300;\n    font-size: 12px;\n    color: #8d8d8d;\n  }\n\n  .btn-mature,\n  span {\n    font-weight: 400;\n    font-size: 26px;\n    color: #e4e4e4;\n    transition-duration: 0.3s;\n  }\n\n  .btn-mature:hover {\n    opacity: 0.8;\n  }\n\n  .claim {\n    background: #a3c0e1;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 10px;\n    color: #0927c6;\n    transition-duration: 0.3s;\n\n    :hover {\n      opacity: 0.8;\n    }\n\n    :disabled {\n      opacity: 0.7;\n    }\n  }\n\n  .btn-reload {\n    width: 16px;\n    height: 14px;\n    background: #18191a !important;\n    border-radius: 5px !important;\n\n    img {\n      width: 8px;\n      height: 8px;\n      transition-duration: 0.3s;\n    }\n\n    :hover {\n      img {\n        transform: rotateZ(-360deg);\n      }\n    }\n  }\n\n  .rewards div:nth-child(2) {\n    padding-left: 6%;\n  }\n\n  .rewards div:nth-child(3) {\n    padding-left: 21%;\n  }\n\n  .rewards div:nth-child(4) {\n    margin-left: auto;\n  }\n\n  .performance-rewards div:nth-child(2) {\n    padding-left: 6%;\n  }\n\n  .performance-rewards div:nth-child(3) {\n    padding-left: 24.5%;\n  }\n\n  .performance-rewards div:nth-child(4) {\n    margin-left: auto;\n  }\n`;\n\nexport const ModalRewards = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts p:nth-child(3) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .texts div:nth-child(4) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n\n      padding: 23px;\n      a {\n        color: #8767ed;\n      }\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/update.4584040e.svg\";","import React, { useCallback, useEffect, useState } from 'react';\n\nimport { differenceInDays, differenceInSeconds } from 'date-fns';\nimport { useHistory } from 'react-router-dom';\nimport { useAuth } from '~/hooks/Auth';\nimport { formatPrice } from '~/utils/format';\nimport ModalTokensClaimed from '~/components/ModalTokensClaimed';\nimport Loading from '~/components/Loading';\n\nimport { Container, ModalRewards } from './styles';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport walletFinish from '~/assets/defaults/wallet-finish.png';\n\nimport updateIcon from '~/assets/icons/update.svg';\nimport api from '~/services/api';\nimport { web3store } from '../../../store';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\nimport swalError from '~/utils/swalError';\n\ninterface IRewards {\n  filter: string;\n  setCountdown: React.Dispatch<React.SetStateAction<number>>;\n}\n\ninterface IDripResponse {\n  id: number;\n  amount: string;\n  rate: string;\n  available: string;\n  claimed: string;\n  maturity_date: number;\n}\n\ninterface IDrip {\n  id: number;\n  member: number;\n  rate: string;\n  available: string | number;\n  claimed: number;\n  maturity_date: number;\n  maturity: number;\n}\n\ninterface ITransaction {\n  contract_id: number;\n  tokens: string;\n  apy: number;\n  available: string;\n  claimed: string;\n  maturity_date: number;\n  maturity: number;\n}\n\ninterface IProfitiResponse {\n  pool: {\n    available: string;\n    claimed: string;\n  };\n}\n\ninterface IProfiti {\n  id: number;\n  available: string;\n  claimed: string;\n}\n\ninterface IPerformanceResponse {\n  ppool: {\n    available: string;\n    claimed: string;\n  };\n}\n\ninterface IPerformance {\n  id: number;\n  available: string;\n  claimed: string;\n}\n\nconst Rewards: React.FC<IRewards> = ({ filter, setCountdown }) => {\n  const { user } = useAuth();\n  const history = useHistory();\n  const [rewards, setRewards] = useState<IDrip[]>([]);\n  const [transactions, setTransactions] = useState<ITransaction[]>([]);\n  const [profiti, setProfiti] = useState<IProfiti[]>([]);\n  const [performance, setPerformance] = useState<IPerformance[]>([]);\n  // Claim Revenue Share USDPI\n  const [runClaimPoolUsdpi, setRunClaimPoolUsdpi] =\n    web3store.useState('runClaimPoolUsdpi');\n  const [withdrawalPoolUsdpiResult, setWithdrawalPoolUsdpiResult] =\n    web3store.useState('withdrawalPoolUsdpiResult');\n  // Claim Performance Pool USDPI\n  const [runClaimPerfPoolUsdpi, setRunClaimPerfPoolUsdpi] = web3store.useState(\n    'runClaimPerfPoolUsdpi'\n  );\n  const [withdrawalPerfPoolUsdpiResult, setWithdrawalPerfPoolUsdpiResult] =\n    web3store.useState('withdrawalPerfPoolUsdpiResult');\n  // Claim Performance Share USDPI\n  const [runClaimDripPrfti, setRunClaimDripPrfti] =\n    web3store.useState('runClaimDripPrfti');\n  const [withdrawalDripResult, setWithdrawalDripResult] = web3store.useState(\n    'withdrawalDripResult'\n  );\n  // Claim Performance Share USDPI\n  const [runClaimStakingPrfti, setRunClaimStakingPrfti] = web3store.useState(\n    'runClaimStakingPrfti'\n  );\n  const [withdrawalStakingResult, setWithdrawalStakingResult] =\n    web3store.useState('withdrawalStakingResult');\n  const [modalPerformanceRewards, setModalPerformanceRewards] = useState(false);\n  const [modalProfitiRewards, setModalProfitiRewards] = useState(false);\n  // Refresh balances flag\n  const [refBalances, setRefBalances] = web3store.useState('refBalances');\n  const explorerURL = process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS;\n  const [showBefore, setShowBefore] = useState(false);\n  const [showAfter, setShowAfter] = useState(false);\n  const [claimType, setClaimType] = useState('');\n  const [claimID, setClaimID] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [resultHash, setResultHash] = useState('');\n\n  useEffect(() => {\n    setRefBalances(true);\n    if (filter === 'rewards' || filter === 'all') {\n      api\n        .get(`v1/member/drips/${user?.id}`)\n        .then(async (responseTransactions) => {\n          const data = responseTransactions.data.drips.drips.map(\n            (drip: IDripResponse) => {\n              // Calculate the difference in days\n              const daysDiff = differenceInDays(\n                new Date(drip.maturity_date * 1000),\n                new Date()\n              );\n              // Set maturity_date to 0 if negative, otherwise keep the calculated value\n              const maturityDateAdjusted = daysDiff < 0 ? 0 : daysDiff;\n\n              return {\n                id: drip.id,\n                member: formatPrice(\n                  parseFloat((parseInt(drip.amount, 10) / 10 ** 18).toFixed(2))\n                ),\n                rate: drip.rate,\n                available: formatPrice(\n                  parseFloat(\n                    (parseInt(drip.available, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n                claimed: formatPrice(\n                  parseFloat((parseInt(drip.claimed, 10) / 10 ** 18).toFixed(2))\n                ),\n                maturity_date: maturityDateAdjusted, // Use the adjusted value\n                maturity: drip.maturity_date * 1000,\n              };\n            }\n          );\n\n          if (data.length > 0) {\n            const dripSelected = data.reduce(\n              (acumulador: any, transaction: any) => {\n                if (\n                  transaction.maturity !== 0 &&\n                  transaction.maturity < acumulador.maturity\n                ) {\n                  return transaction;\n                }\n                return acumulador;\n              }\n            );\n            setCountdown((state) =>\n              state === 0\n                ? differenceInSeconds(dripSelected.maturity, new Date())\n                : state\n            );\n            setRewards(data);\n          }\n        });\n    }\n    if (filter === 'staking' || filter === 'all') {\n      api\n        .get(`v3/staking/member/${user?.id}`)\n        .then(async (responseTransactions) => {\n          const data = responseTransactions.data.stakes.transactions.map(\n            (transaction: ITransaction) => {\n              // Calculate the difference in days\n              const daysDiff = differenceInDays(\n                new Date(transaction.maturity_date * 1000),\n                new Date()\n              );\n              // Set maturity_date to 0 if negative, otherwise keep the calculated value\n              const maturityDateAdjusted = daysDiff < 0 ? 0 : daysDiff;\n\n              return {\n                ...transaction,\n                tokens: formatPrice(\n                  parseFloat(\n                    (parseInt(transaction.tokens, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n                claimed: formatPrice(\n                  parseFloat(\n                    (parseInt(transaction.claimed, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n                available: formatPrice(\n                  parseFloat(\n                    (parseInt(transaction.available, 10) / 10 ** 18).toFixed(2)\n                  )\n                ),\n                maturity_date: maturityDateAdjusted, // Use the adjusted value\n                maturity: transaction.maturity_date * 1000,\n              };\n            }\n          );\n\n          if (data.length > 0) {\n            const stakingSelected = data.reduce(\n              (acumulador: any, transaction: any) => {\n                if (\n                  transaction.maturity !== 0 &&\n                  transaction.maturity < acumulador.maturity\n                ) {\n                  return transaction;\n                }\n                return acumulador;\n              }\n            );\n            setCountdown((state) =>\n              state === 0\n                ? differenceInSeconds(stakingSelected.maturity, new Date())\n                : state\n            );\n            setTransactions(data);\n          }\n        });\n    }\n    if (filter === 'profiti' || filter === 'all') {\n      api\n        .get<IProfitiResponse>(`v1/member/pool/${user?.id}`)\n        .then(async (responseProfiti) => {\n          setProfiti([\n            {\n              id: 1,\n              // available: responseProfiti.data.pool.available,\n              available: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseProfiti.data.pool.available, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n              claimed: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responseProfiti.data.pool.claimed, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n            },\n          ]);\n        });\n    }\n    if (filter === 'performance' || filter === 'all') {\n      api\n        .get<IPerformanceResponse>(`v3/member/perfpool/${user?.id}`)\n        .then(async (responsePerfpool) => {\n          setPerformance([\n            {\n              id: 1,\n              // available: responsePerfpool.data.ppool.available,\n              available: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responsePerfpool.data.ppool.available, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n              claimed: formatPrice(\n                parseFloat(\n                  (\n                    parseInt(responsePerfpool.data.ppool.claimed, 10) /\n                    10 ** 18\n                  ).toFixed(2)\n                )\n              ),\n            },\n          ]);\n        });\n    }\n    setLoading(false);\n    if (\n      withdrawalPerfPoolUsdpiResult !== '' &&\n      withdrawalPerfPoolUsdpiResult !== 'ERROR'\n    ) {\n      setModalPerformanceRewards(true);\n    }\n    if (\n      withdrawalPoolUsdpiResult !== '' &&\n      withdrawalPoolUsdpiResult !== 'ERROR'\n    ) {\n      setModalProfitiRewards(true);\n    }\n    if (withdrawalDripResult !== '' && withdrawalDripResult !== 'ERROR') {\n      setResultHash(withdrawalDripResult);\n      setShowAfter(true);\n    }\n    if (withdrawalStakingResult !== '' && withdrawalStakingResult !== 'ERROR') {\n      setResultHash(withdrawalStakingResult);\n      setShowAfter(true);\n    }\n    // console.log('withdrawalDripResult: %s', withdrawalDripResult);\n    // console.log('withdrawalStakingResult: %s', withdrawalStakingResult);\n  }, [\n    filter,\n    setCountdown,\n    user,\n    withdrawalDripResult,\n    withdrawalStakingResult,\n    withdrawalPerfPoolUsdpiResult,\n    withdrawalPoolUsdpiResult,\n  ]);\n\n  const handleClickReloadAvailable = useCallback(\n    async (item, type) => {\n      console.log(item);\n      if (type === 'staking') {\n        const responseAvailable = await api.get(\n          `v1/staking/available/${user?.id}/${item.contract_id}`\n        );\n\n        const newTransactions = transactions.slice();\n        const transactionIndex = newTransactions.findIndex(\n          (transaction) => transaction.contract_id === item.contract_id\n        );\n\n        if (transactionIndex >= 0) {\n          newTransactions[transactionIndex].available = formatPrice(\n            parseFloat(\n              (\n                parseInt(responseAvailable.data.available.rewards, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          );\n\n          setTransactions(newTransactions);\n        }\n      } else if (type === 'rewards') {\n        const responseAvailable = await api.get(\n          `v1/member/drip/available/${user?.id}/${item.id}`\n        );\n\n        const newRewards = rewards.slice();\n        const rewardsIndex = newRewards.findIndex(\n          (reward) => reward.id === item.id\n        );\n\n        if (rewardsIndex >= 0) {\n          newRewards[rewardsIndex].available = formatPrice(\n            parseFloat(\n              (\n                parseInt(responseAvailable.data.available, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          );\n\n          setRewards(newRewards);\n        }\n\n        console.log(responseAvailable);\n      } else if (type === 'profiti') {\n        console.log('reload pool rewards usdpi');\n        api\n          .get<IProfitiResponse>(`v1/member/pool/${user?.id}`)\n          .then(async (responseProfiti) => {\n            setProfiti([\n              {\n                id: 1,\n                available: formatPrice(\n                  parseFloat(\n                    (\n                      parseInt(responseProfiti.data.pool.available, 10) /\n                      10 ** 18\n                    ).toFixed(2)\n                  )\n                ),\n                claimed: formatPrice(\n                  parseFloat(\n                    (\n                      parseInt(responseProfiti.data.pool.claimed, 10) /\n                      10 ** 18\n                    ).toFixed(2)\n                  )\n                ),\n              },\n            ]);\n          });\n      } else if (type === 'performance') {\n        console.log('reload performance pool rewards usdpi');\n        api\n          .get<IPerformanceResponse>(`v3/member/perfpool/${user?.id}`)\n          .then(async (responsePerf) => {\n            setPerformance([\n              {\n                id: 1,\n                available: formatPrice(\n                  parseFloat(\n                    (\n                      parseInt(responsePerf.data.ppool.available, 10) /\n                      10 ** 18\n                    ).toFixed(2)\n                  )\n                ),\n                claimed: formatPrice(\n                  parseFloat(\n                    (\n                      parseInt(responsePerf.data.ppool.claimed, 10) /\n                      10 ** 18\n                    ).toFixed(2)\n                  )\n                ),\n              },\n            ]);\n          });\n      }\n    },\n    [transactions, user?.id]\n  );\n\n  const handleClickMaturity = useCallback(\n    (maturity) => {\n      setCountdown(differenceInSeconds(maturity, new Date()));\n    },\n    [setCountdown]\n  );\n\n  const handleClickClaimPoolUsdpi = useCallback(() => {\n    networkSwitch('NETWORK')\n      .then((response) => {\n        setLoading(true);\n        setRunClaimPoolUsdpi(true);\n      })\n      .catch((error) => {\n        swalError({\n          message: 'There was a problem with your transaction.',\n          textButton: 'Try Again',\n        });\n      });\n  }, [setCountdown]);\n\n  const handleClickClaimPerfPoolUsdpi_v1 = useCallback(() => {\n    networkSwitch('NETWORK')\n      .then((response) => {\n        setLoading(true);\n        setRunClaimPerfPoolUsdpi(true);\n      })\n      .catch((error) => {\n        swalError({\n          message: 'There was a problem with your transaction.',\n          textButton: 'Try Again',\n        });\n      });\n  }, [setCountdown]);\n\n  const handleClickClaimPerfPoolUsdpi = useCallback(() => {\n    api\n      .get('/v1/net/fee/estimate')\n      .then(function (response) {\n        console.log(response);\n        // processClaimPerfPool(response.data.estimate.fee);\n        api\n          .post('/v3/perfpool/claimrewards', {\n            nftId: user?.id,\n            fee: parseInt(response.data.estimate.fee, 10),\n          })\n          .then(function (claimresponse) {\n            // setRunClaimPerfPoolUsdpi(false);\n            setWithdrawalPerfPoolUsdpiResult(claimresponse.data.tx);\n            setModalPerformanceRewards(true);\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n            // setRunClaimPerfPoolUsdpi(false);\n            setWithdrawalPerfPoolUsdpiResult('ERROR');\n          });\n      })\n      .catch(function (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n        setRunClaimPerfPoolUsdpi(false);\n        setWithdrawalPerfPoolUsdpiResult('ERROR');\n      });\n  }, [setCountdown]);\n\n  const handleClickClaimPoolPrfti = useCallback(\n    (contract_id) => {\n      setClaimType('pool');\n      setClaimID(contract_id);\n      setShowBefore(true);\n    },\n    [setCountdown]\n  );\n\n  const handleClickClaimDripPrfti = useCallback(\n    (contract_id) => {\n      setClaimType('drip');\n      setClaimID(contract_id);\n      setShowBefore(true);\n    },\n    [setCountdown]\n  );\n\n  const handleClose = useCallback(() => {\n    setWithdrawalPerfPoolUsdpiResult('');\n    setWithdrawalPoolUsdpiResult('');\n    setModalPerformanceRewards(false);\n    setModalProfitiRewards(false);\n  }, [withdrawalPerfPoolUsdpiResult, withdrawalPoolUsdpiResult]);\n\n  const handleCloseBefore = () => {\n    console.log('++++++++++++++++++++++++++++++++++');\n    console.log('handleCloseBefore');\n    console.log('++++++++++++++++++++++++++++++++++');\n    setShowBefore(false);\n    if (claimType === 'pool') {\n      setLoading(true);\n      setRunClaimStakingPrfti(claimID);\n    } else if (claimType === 'drip') {\n      setLoading(true);\n      setRunClaimDripPrfti(claimID);\n    }\n  };\n\n  const handleCancelBefore = () => {\n    setShowBefore(false);\n  };\n\n  const handleCloseAfter = () => {\n    setResultHash('');\n    setWithdrawalDripResult('');\n    setWithdrawalStakingResult('');\n    setShowAfter(false);\n  };\n\n  return (\n    <Container>\n      {(filter === 'rewards' || filter === 'all') && (\n        <>\n          {rewards.map((item) => (\n            <div\n              key={item.id}\n              className=\"bg-box d-flex p-4 mb-3 justify-content-between align-items-center\"\n            >\n              <div>\n                <img src={logo} alt=\"Logo\" />\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Member Rewards</h3>\n                <span>{item.member}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Unlock Rate</h3>\n                <span>{item.rate}</span>\n              </div>\n              <div>\n                <div className=\"d-flex\">\n                  <h3 className=\"mb-1\">Available</h3>\n                  <button\n                    type=\"button\"\n                    className=\"btn-reload border-0 d-flex align-items-center justify-content-center mx-1\"\n                    onClick={() => handleClickReloadAvailable(item, 'rewards')}\n                  >\n                    <img src={updateIcon} alt=\"update-icon\" />\n                  </button>\n                </div>\n                <span>{item.available}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Claimed</h3>\n                <span>{item.claimed}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Maturity Date</h3>\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-mature\"\n                  onClick={() => handleClickMaturity(item.maturity)}\n                >\n                  {item.maturity_date} Days\n                </button>\n              </div>\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"claim px-3 py-2 border-0\"\n                  disabled={item.available === 0}\n                  onClick={() => handleClickClaimDripPrfti(item.id)}\n                >\n                  Claim\n                </button>\n              </div>\n            </div>\n          ))}\n        </>\n      )}\n      {(filter === 'staking' || filter === 'all') && (\n        <>\n          {transactions.map((item, index) => (\n            <div\n              key={index.toString()}\n              className=\"bg-box d-flex p-4 mb-3 justify-content-between align-items-center\"\n            >\n              <div>\n                <img src={logo} alt=\"Logo\" />\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Staking</h3>\n                <span>{item.tokens}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">APY</h3>\n                <span>{item.apy}%</span>\n              </div>\n              <div>\n                <div className=\"d-flex\">\n                  <h3 className=\"mb-1\">Available</h3>\n                  <button\n                    type=\"button\"\n                    className=\"btn-reload border-0 d-flex align-items-center justify-content-center mx-1\"\n                    onClick={() => handleClickReloadAvailable(item, 'staking')}\n                  >\n                    <img src={updateIcon} alt=\"update-icon\" />\n                  </button>\n                </div>\n                <span>{item.available}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Claimed</h3>\n                <span>{item.claimed}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Maturity Date</h3>\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-mature\"\n                  onClick={() => handleClickMaturity(item.maturity)}\n                >\n                  {item.maturity_date} Days\n                </button>\n              </div>\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"claim px-3 py-2 border-0\"\n                  disabled={parseFloat(item.available) === 0}\n                  onClick={() => handleClickClaimPoolPrfti(item.contract_id)}\n                >\n                  Claim\n                </button>\n              </div>\n            </div>\n          ))}\n        </>\n      )}\n      {(filter === 'profiti' || filter === 'all') && (\n        <>\n          {profiti.map((item) => (\n            <div\n              key={item.id}\n              className=\"bg-box rewards d-flex p-4 mb-3 justify-content-between align-items-center\"\n            >\n              <div>\n                <img src={logo} alt=\"Logo\" />\n              </div>\n\n              <div>\n                <div className=\"d-flex\">\n                  <h3 className=\"mb-1\">PROFITi Pool Rewards Available</h3>\n                  <button\n                    type=\"button\"\n                    className=\"btn-reload border-0 d-flex align-items-center justify-content-center mx-1\"\n                    onClick={() => handleClickReloadAvailable(item, 'profiti')}\n                  >\n                    <img src={updateIcon} alt=\"update-icon\" />\n                  </button>\n                </div>\n                <span>${item.available}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Claimed</h3>\n                <span>${item.claimed}</span>\n              </div>\n\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"claim px-3 py-2 border-0\"\n                  disabled={parseFloat(item.available) === 0}\n                  onClick={() => handleClickClaimPoolUsdpi()}\n                >\n                  Claim\n                </button>\n              </div>\n            </div>\n          ))}\n        </>\n      )}\n      {(filter === 'performance' || filter === 'all') && (\n        <>\n          {performance.map((item) => (\n            <div\n              key={item.id}\n              className=\"bg-box d-flex p-4 mb-3 performance-rewards justify-content-between align-items-center\"\n            >\n              <div>\n                <img src={logo} alt=\"Logo\" />\n              </div>\n\n              <div>\n                <div className=\"d-flex\">\n                  <h3 className=\"mb-1\">Performance Pool Rewards</h3>\n                  <button\n                    type=\"button\"\n                    className=\"btn-reload border-0 d-flex align-items-center justify-content-center mx-1\"\n                    onClick={() =>\n                      handleClickReloadAvailable(item, 'performance')\n                    }\n                  >\n                    <img src={updateIcon} alt=\"update-icon\" />\n                  </button>\n                </div>\n                <span>${item.available}</span>\n              </div>\n              <div>\n                <h3 className=\"mb-1\">Claimed</h3>\n                <span>${item.claimed}</span>\n              </div>\n\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"claim px-3 py-2 border-0\"\n                  disabled={parseFloat(item.available) === 0}\n                  // disabled\n                  onClick={() => handleClickClaimPerfPoolUsdpi()}\n                >\n                  Claim\n                </button>\n              </div>\n            </div>\n          ))}\n        </>\n      )}\n\n      <ModalRewards\n        size=\"xl\"\n        show={modalPerformanceRewards}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalRewards.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </ModalRewards.Header>\n        <ModalRewards.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n5 mb-4 fw-bold text-center w-100\">\n            Rewards Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-2\">\n              Your Performance Pool shares have been successfully claimed and\n              applied to your account.\n            </p>\n            <p className=\"text-center mb-4 px-xl-2\">\n              Please note: If you still have a balance due for your next month\n              subscription the rewards will be allocated ot that wallet first.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${withdrawalPerfPoolUsdpiResult}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {withdrawalPerfPoolUsdpiResult}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => handleClose()}\n              className=\"btn-confirm w-100 mt-0 mb-4\"\n            >\n              <span className=\"\">Done</span>\n            </button>\n          </div>\n        </ModalRewards.Body>\n        <ModalRewards.Footer className=\"border-0 py-4\" />\n      </ModalRewards>\n\n      <ModalRewards\n        size=\"xl\"\n        show={modalProfitiRewards}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalRewards.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </ModalRewards.Header>\n        <ModalRewards.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n5 mb-4 fw-bold text-center w-100\">\n            Rewards Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-4\">\n              Your PROFITi Revenue Share rewards have been successfully claimed\n              and applied to your account.\n            </p>\n            <p className=\"text-center mb-4 px-xl-2\">\n              Please note: If you still have a balance due for your next month\n              subscription the rewards will be allocated ot that wallet first.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${withdrawalPoolUsdpiResult}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {withdrawalPoolUsdpiResult}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => handleClose()}\n              className=\"btn-confirm w-100 mt-0 mb-4\"\n            >\n              <span className=\"\">Done</span>\n            </button>\n          </div>\n        </ModalRewards.Body>\n        <ModalRewards.Footer className=\"border-0 py-4\" />\n      </ModalRewards>\n      <ModalTokensClaimed\n        showBefore={showBefore}\n        handleCloseBefore={handleCloseBefore}\n        handleCancelBefore={handleCancelBefore}\n        showAfter={showAfter}\n        handleCloseAfter={handleCloseAfter}\n        resultHash={resultHash}\n      />\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"CLAIMING TOKENS\"\n        className=\"zoom-1-3\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default Rewards;\n","export default __webpack_public_path__ + \"static/media/bg-value-cryp.16c54ae6.png\";","import { lighten } from 'polished';\nimport styled from 'styled-components';\nimport banner from '~/assets/banners/bg-value-cryp.png';\n\nexport const Container = styled.div`\n  background-image: url(${banner});\n  background-repeat: no-repeat;\n  background-position: top right;\n  background-size: cover;\n\n  h1,\n  h2,\n  p {\n    color: #ffffff;\n  }\n\n  h2 {\n    font-weight: 500;\n    font-size: 16px;\n  }\n\n  h1 {\n    font-weight: 700;\n    font-size: 50px;\n  }\n\n  p {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .btn-back {\n    span {\n      color: #dadada !important;\n    }\n    svg {\n      color: #dadada !important;\n    }\n  }\n\n  .shield {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .cube {\n    position: absolute;\n    bottom: 0;\n    right: 60px;\n  }\n\n  .image {\n    width: 100%;\n  }\n\n  .list {\n    transition: all 0.3s ease;\n  }\n\n  .semi {\n    transform: scale(1.1);\n  }\n\n  .grow-item {\n    transform: scale(1.2);\n  }\n\n  .list h3 {\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffffff;\n  }\n\n  .list p {\n    font-weight: 300;\n    font-size: 14px;\n    color: #cbccce;\n  }\n\n  .list a {\n    font-weight: 400;\n    font-size: 14px;\n    color: #505873;\n    transition: all 0.2s ease;\n  }\n\n  .list a:hover {\n    color: ${lighten(0.2, '#505873')};\n  }\n\n  .list h3 span {\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-fill-color: transparent;\n    font-weight: 600;\n    font-size: 16px;\n  }\n\n  .grad-1 {\n    background: linear-gradient(135deg, #fff6b7 0%, #f6416c 100%), #ffffff;\n  }\n\n  .grad-2 {\n    background: linear-gradient(135deg, #6b73ff 0%, #000dff 100%), #ffffff;\n  }\n\n  .grad-3 {\n    background: linear-gradient(135deg, #72edf2 0%, #5151e5 100%), #ffffff;\n  }\n\n  .grad-4 {\n    background: linear-gradient(135deg, #79f1a4 0%, #0e5cad 100%), #ffffff;\n  }\n\n  .grad-5 {\n    background: linear-gradient(135deg, #fff3b0 0%, #ca26ff 100%), #ffffff;\n  }\n\n  .bd-left {\n    width: 15px;\n    backdrop-filter: blur(10px);\n    border-radius: 18px 0px 0px 18px;\n  }\n\n  .bg-grad-1 {\n    background: linear-gradient(135deg, #fff6b7 0%, #f6416c 100%);\n  }\n\n  .bg-grad-2 {\n    background: linear-gradient(135deg, #6b73ff 0%, #000dff 100%);\n  }\n\n  .bg-grad-3 {\n    background: linear-gradient(135deg, #72edf2 0%, #5151e5 100%),\n      rgba(32, 25, 112, 0.2);\n  }\n\n  .bg-grad-4 {\n    background: linear-gradient(135deg, #79f1a4 0%, #0e5cad 100%),\n      rgba(32, 25, 112, 0.2);\n  }\n\n  .bg-grad-5 {\n    background: linear-gradient(135deg, #fff3b0 0%, #ca26ff 100%),\n      rgba(32, 25, 112, 0.2);\n  }\n\n  .bd-blur {\n    background: rgba(123, 115, 225, 0.1);\n    backdrop-filter: blur(5px);\n    border-radius: 0 18px 18px 0;\n    padding: 20px;\n    width: 576px;\n  }\n\n  .tokens-value {\n    margin-left: auto;\n  }\n\n  .tokens-value span:nth-child(1) {\n    font-weight: 500;\n    font-size: 14px;\n    color: #cbccce;\n  }\n\n  .tokens-value span:nth-child(2) {\n    font-weight: 300;\n    font-size: 14px;\n    color: #cbccce;\n  }\n\n  @media screen and (min-width: 1800px) {\n    .container {\n      max-width: 1520px;\n    }\n\n    .bd-blur {\n      width: 650px;\n    }\n\n    .image {\n      width: 90%;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/graph-value-crypto.59177bda.png\";","export default __webpack_public_path__ + \"static/media/shield-coin.e9f28ec2.png\";","export default __webpack_public_path__ + \"static/media/cube-crypto.5902e95e.png\";","import React, { useCallback, useState } from 'react';\n\nimport { useHistory } from 'react-router-dom';\nimport { Container } from './styles';\n\nimport graph from '~/assets/defaults/graph-value-crypto.png';\nimport shield from '~/assets/defaults/shield-coin.png';\nimport cube from '~/assets/defaults/cube-crypto.png';\nimport ButtonBack from '~/components/ButtonBack';\n\nconst ValueCrypto: React.FC = () => {\n  const history = useHistory();\n  const [hover, setHover] = useState(0);\n  const [semiHover, setSemiHover] = useState(false);\n\n  const handleHover = useCallback((e) => {\n    setHover(e);\n  }, []);\n\n  return (\n    <Container className=\"h-100\">\n      <div className=\"d-none d-lg-flex ps-4 pt-4 mb-n5\">\n        <ButtonBack\n          className=\"btn-back\"\n          onClick={() => {\n            history.push(`${process.env.PUBLIC_URL}/token-vault`);\n          }}\n        />\n      </div>\n      <img src={shield} alt=\"\" className=\"shield\" />\n      <img src={cube} alt=\"\" className=\"cube\" />\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-lg-6 px-lg-0\">\n            <h2 className=\"mt-4 mb-3\">The tokenomics</h2>\n            <h1 className=\"mb-3\">The real value of Crypto</h1>\n            <p>\n              PROFITi’s utility token was designed to bring the utmost usability\n              as every product of the ecosystem is available as a credit based\n              system paid in PROFTI, while also being deflationary as credits\n              paid buy users are burned as well as the tokens were strategically\n              allocated to eliminate the chances of “dumping”, “rug pull” and\n              large wales\n            </p>\n          </div>\n        </div>\n        <div className=\"row mt-4 align-items-center\">\n          <div className=\"col-lg-6 px-lg-0\">\n            <img src={graph} alt=\"Graph\" className=\"image\" />\n          </div>\n          <div className=\"col-lg-6\">\n            <div\n              onMouseEnter={() => handleHover(1)}\n              onMouseLeave={() => handleHover(0)}\n              className={`${hover === 1 && 'grow-item'} ${\n                hover === 2 && 'semi'\n              } d-flex pb-4 list justify-content-end`}\n            >\n              <div className=\"bd-left bg-grad-1\" />\n              <div className=\"d-flex bd-blur\">\n                <div>\n                  <h3>\n                    <span className=\"grad-1\">78%</span> &nbsp;Staking Rewards\n                  </h3>\n                  <p className=\"mb-1\">\n                    To be minted into the market overtime only through staking\n                    rewards\n                  </p>\n                  <a href=\"/\">wallet: 0xdosdfk243k40adiu32e</a>\n                </div>\n                <div className=\"tokens-value d-flex flex-column justify-content-center text-end\">\n                  <span className=\"d-block\">tokens</span>\n                  <span className=\"d-block\">16,380,000</span>\n                </div>\n              </div>\n            </div>\n\n            <div\n              onMouseEnter={() => handleHover(2)}\n              onMouseLeave={() => handleHover(0)}\n              className={`${hover === 2 && 'grow-item'} ${\n                hover === 1 || hover === 3 ? 'semi' : ''\n              } d-flex pb-4 list justify-content-end`}\n            >\n              <div className=\"bd-left bg-grad-2\" />\n              <div className=\"d-flex bd-blur\">\n                <div>\n                  <h3>\n                    <span className=\"grad-2\">2%</span> &nbsp;Team Allocation\n                  </h3>\n                  <p className=\"mb-1\">\n                    6 months vesting, then released at 8% per month over 12\n                    months\n                  </p>\n                  <a href=\"/\">wallet: 0xdosdfk243k40adiu32e</a>\n                </div>\n                <div className=\"tokens-value d-flex flex-column justify-content-center text-end\">\n                  <span className=\"d-block\">tokens</span>\n                  <span className=\"d-block\">420,000</span>\n                </div>\n              </div>\n            </div>\n\n            <div\n              onMouseEnter={() => handleHover(3)}\n              onMouseLeave={() => handleHover(0)}\n              className={`${hover === 3 && 'grow-item'} ${\n                hover === 2 || hover === 4 ? 'semi' : ''\n              } d-flex pb-4 list justify-content-end`}\n            >\n              <div className=\"bd-left bg-grad-3\" />\n              <div className=\"d-flex bd-blur\">\n                <div>\n                  <h3>\n                    <span className=\"grad-3\">5%</span> &nbsp;Rewards &\n                    Promotions\n                  </h3>\n                  <p className=\"mb-1\">\n                    Allocation towards special rewards and partnerships to help\n                    grow the ecosystem\n                  </p>\n                  <a href=\"/\">wallet: 0xdosdfk243k40adiu32e</a>\n                </div>\n                <div className=\"tokens-value d-flex flex-column justify-content-center text-end\">\n                  <span className=\"d-block\">tokens</span>\n                  <span className=\"d-block\">1,050,000</span>\n                </div>\n              </div>\n            </div>\n\n            <div\n              onMouseEnter={() => handleHover(4)}\n              onMouseLeave={() => handleHover(0)}\n              className={`${hover === 4 && 'grow-item'} ${\n                hover === 3 || hover === 5 ? 'semi' : ''\n              } d-flex pb-4 list justify-content-end`}\n            >\n              <div className=\"bd-left bg-grad-4\" />\n              <div className=\"d-flex bd-blur\">\n                <div>\n                  <h3>\n                    <span className=\"grad-4\">5%</span> &nbsp;Marketing Campaign\n                  </h3>\n                  <p className=\"mb-1\">\n                    Used for Project Marketing promotion and special campaigns\n                  </p>\n                  <a href=\"/\">wallet: 0xdosdfk243k40adiu32e</a>\n                </div>\n                <div className=\"tokens-value d-flex flex-column justify-content-center text-end\">\n                  <span className=\"d-block\">tokens</span>\n                  <span className=\"d-block\">1,050,000</span>\n                </div>\n              </div>\n            </div>\n\n            <div\n              onMouseEnter={() => handleHover(5)}\n              onMouseLeave={() => handleHover(0)}\n              className={`${hover === 5 && 'grow-item'} ${\n                hover === 4 && 'semi'\n              } d-flex list justify-content-end`}\n            >\n              <div className=\"bd-left bg-grad-5\" />\n              <div className=\"d-flex bd-blur\">\n                <div>\n                  <h3>\n                    <span className=\"grad-5\">10%</span> &nbsp;Launch Campaign\n                  </h3>\n                  <p className=\"mb-1\">\n                    Used for “Token Back” promotion and initial staking contract\n                    sale\n                  </p>\n                  <a href=\"/\">wallet: 0xdosdfk243k40adiu32e</a>\n                </div>\n                <div className=\"tokens-value d-flex flex-column justify-content-center text-end\">\n                  <span className=\"d-block\">tokens</span>\n                  <span className=\"d-block\">2,100,000</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default ValueCrypto;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BigNumber,\n  ethers,\n  utils,\n  ContractTransaction,\n  providers,\n} from 'ethers';\nimport api from '~/services/api';\n\nclass Usdc {\n  private account: any;\n\n  private updateParentState: (\n    newFee: number,\n    newTimestamp: number,\n    newResult: string,\n    debounced: string\n  ) => void;\n\n  constructor(\n    account: any,\n    updateParentState: (\n      newFee: number,\n      newTimestamp: number,\n      newResult: string,\n      debounced: string\n    ) => void\n  ) {\n    this.account = account.account;\n    this.updateParentState = updateParentState;\n  }\n\n  getPermitHashes = (usdc2Send: string): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      try {\n        if (this.account === '') {\n          reject(new Error('Wallet address not found'));\n        } else {\n          api\n            .get('/v1/billing/fundusdc/', {\n              params: {\n                wallet_address: this.account,\n                amt2authorize: usdc2Send,\n              },\n            })\n            .then((response) => {\n              resolve(response.data);\n            })\n            .catch((error) => {\n              reject(error);\n            });\n        }\n      } catch (error) {\n        reject(error);\n      }\n    });\n  };\n\n  getRWAHashes = (usdc2Send: string): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      try {\n        if (this.account === '') {\n          reject(new Error('Wallet address not found'));\n        } else {\n          // Call v2 to get random nonce\n          api\n            .get('/v2/billing/fundusdc/', {\n              params: {\n                wallet_address: this.account,\n                amt2authorize: usdc2Send,\n              },\n            })\n            .then((response) => {\n              resolve(response.data);\n            })\n            .catch((error) => {\n              reject(error);\n            });\n        }\n      } catch (error) {\n        reject(error);\n      }\n    });\n  };\n\n  getPermitSignature = async (hashData: any): Promise<any> => {\n    if (!this.account) {\n      throw new Error('Wallet address not found');\n    } else {\n      const {\n        start,\n        deadline,\n        amt2authorize,\n        nonce,\n        tokname,\n        chain,\n        spender,\n        version,\n      } = hashData;\n      const domainData = {\n        name: tokname,\n        version,\n        chainId: chain,\n        verifyingContract: process.env.REACT_APP_BSC_USDC,\n      };\n      const types = {\n        Permit: [\n          { name: 'owner', type: 'address' },\n          { name: 'spender', type: 'address' },\n          { name: 'value', type: 'uint256' },\n          { name: 'nonce', type: 'uint256' },\n          { name: 'deadline', type: 'uint256' },\n        ],\n      };\n      const val = {\n        owner: this.account,\n        spender,\n        value: amt2authorize,\n        nonce,\n        deadline,\n      };\n      const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const tsigner = tprovider.getSigner();\n      const sig = await tsigner._signTypedData(domainData, types, val); // eslint-disable-line no-underscore-dangle\n      return sig;\n    }\n  };\n\n  getRWASignature = async (hashData: any): Promise<any> => {\n    console.log('getRWASignature');\n    if (!this.account) {\n      console.log('Wallet address not found');\n      throw new Error('Wallet address not found');\n    } else {\n      console.log(hashData);\n      const {\n        start,\n        deadline,\n        amt2authorize,\n        nonce,\n        tokname,\n        chain,\n        spender,\n        version,\n      } = hashData;\n      const domainData = {\n        name: tokname,\n        version,\n        chainId: chain,\n        verifyingContract: process.env.REACT_APP_BSC_USDC,\n      };\n      const types = {\n        // TransferWithAuthorization: [\n        ReceiveWithAuthorization: [\n          { name: 'from', type: 'address' },\n          { name: 'to', type: 'address' },\n          { name: 'value', type: 'uint256' },\n          { name: 'validAfter', type: 'uint256' },\n          { name: 'validBefore', type: 'uint256' },\n          { name: 'nonce', type: 'bytes32' },\n        ],\n      };\n      const val = {\n        from: this.account,\n        to: spender,\n        value: amt2authorize,\n        validAfter: start,\n        validBefore: deadline,\n        nonce: ethers.utils.hexZeroPad(`0x${nonce}`, 32),\n      };\n      const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const tsigner = tprovider.getSigner();\n      const sig = await tsigner._signTypedData(domainData, types, val); // eslint-disable-line no-underscore-dangle\n      return sig;\n    }\n  };\n\n  refreshFeeAndTimestamp = async (\n    feeTimestamp: {\n      fee: number;\n      timestamp: number;\n      result: string;\n    },\n    debouncedFund: string\n  ) => {\n    const oneMinute = 60 * 1000; // One minute in milliseconds\n    const currentTime = Date.now();\n\n    // Check if the timestamp is more than a minute old\n    if (currentTime - feeTimestamp.timestamp > oneMinute) {\n      const newTimestamp = currentTime; // The current time as the new timestamp\n      try {\n        const response = await api.get('/v1/billing/usdcestimatefee/');\n        const newFee = parseFloat(response.data.usd_fee);\n        this.updateParentState(\n          newFee,\n          newTimestamp,\n          'refreshed',\n          debouncedFund\n        );\n      } catch (error) {\n        this.updateParentState(\n          feeTimestamp.fee,\n          feeTimestamp.timestamp,\n          'error',\n          debouncedFund\n        );\n      }\n    } else {\n      this.updateParentState(\n        feeTimestamp.fee,\n        feeTimestamp.timestamp,\n        'no update',\n        debouncedFund\n      );\n    }\n  };\n}\n\nexport default Usdc;\n","import styled, { css } from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface IP {\n  status: string;\n}\ninterface BtnCurrencyProps {\n  selected?: boolean;\n}\nexport const Container = styled.div`\n  .box {\n    border: 1.5px solid #1f2020;\n    border-radius: 20px;\n    min-height: 240px;\n\n    p {\n      color: #8c8c8c;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .amt-due-h2 {\n      color: #ff1a50; /* Your custom color */\n    }\n\n    p.small {\n      font-size: 14px;\n      color: #5d5b5b;\n    }\n\n    .green {\n      color: #00f9ab !important;\n    }\n\n    .infos {\n      img:first-child {\n        margin-right: 12px;\n      }\n\n      small {\n        width: calc(100% - 26px);\n      }\n    }\n\n    .errors {\n      small {\n        color: #ff1a50;\n        width: unset;\n      }\n\n      img:nth-child(3) {\n        margin-left: 12px;\n      }\n    }\n\n    .btn-fund-wallet {\n      background: #00f9ab;\n      border-radius: 16px;\n      width: 100%;\n      height: 50px;\n      margin-top: 20px;\n      color: #000;\n      font-weight: 600;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  .box.last {\n    background: #0d0d0e;\n    border: 1.5px solid #1f2020;\n    border-radius: 20px;\n  }\n\n  .bg-gray {\n    background: #1d2023;\n    border-radius: 20px;\n\n    .border-right {\n      border-color: #393c3d !important;\n    }\n\n    h2 {\n      color: #dadada;\n    }\n\n    .search {\n      border-radius: 20px;\n      padding: 5px 10px;\n    }\n\n    .search input {\n      background-color: transparent;\n      border: none;\n    }\n\n    .exportable {\n      border: solid 1px #333;\n      border-radius: 20px;\n    }\n\n    .react-datepicker__input-container {\n      padding: 5px 10px;\n      border: solid 1px #333;\n      border-radius: 20px;\n    }\n\n    .react-datepicker__input-container input {\n      background-color: transparent;\n      border: none;\n    }\n\n    .input {\n      border: 1.5px solid #393c3d;\n      box-sizing: border-box;\n      border-radius: 15px;\n      height: 40px;\n\n      input {\n        color: #efefef !important;\n      }\n    }\n\n    button.btn-gradient {\n      border-radius: 15px;\n    }\n  }\n\n  .table {\n    .rdt_TableHeadRow,\n    .rdt_TableRow {\n      > div:nth-child(2),\n      > div:nth-child(4) {\n        max-width: 175px;\n        width: 175px;\n      }\n    }\n  }\n\n  .rdt_TableRow {\n    border-bottom: 1px solid #383939;\n  }\n\n  .rdt_Table {\n    min-width: 870px;\n  }\n\n  .contact {\n    cursor: pointer;\n\n    input {\n      color: #8c8c8c;\n      font-size: 13px;\n      background-color: transparent;\n      border: none;\n    }\n  }\n`;\n\nexport const BtnHowBillingWorks = styled.button`\n  display: flex;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  margin-bottom: 10px;\n  margin-left: 20px;\n  text-align: left;\n\n  color: #8c8c8c;\n  font-feature-settings: 'clig' off, 'liga' off;\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 300;\n  strong {\n    font-weight: 500;\n  }\n  img {\n    width: 14px;\n    height: 14px;\n    flex-shrink: 0;\n    margin-right: 10px; /* Add right margin to the image */\n  }\n`;\n\nexport const BtnCurrency = styled.button<BtnCurrencyProps>`\n  width: 238px;\n  height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding-left: 8px; /* Adjust as needed for spacing */\n  flex-shrink: 0;\n  border-radius: 29px;\n  border: ${({ selected }) =>\n    selected ? '1px solid #c4c4c4;' : '1px solid #27282c'};\n  background: #27282c;\n  //margin-right: 10px;\n\n  &:hover {\n    border: 1px solid #c4c4c4;\n  }\n\n  .currency-name {\n    color: rgba(255, 255, 255, 0.42);\n    text-align: center;\n    font-family: Poppins;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n    margin-left: 11px;\n  }\n\n  .currency-balance {\n    color: #fff;\n    font-family: Poppins;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    margin-left: 10px;\n  }\n\n  img {\n    width: 42px;\n    height: 42px;\n    flex-shrink: 0;\n  }\n`;\n\nexport const Welcome = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  p {\n    color: #969696;\n  }\n\n  .btn-month {\n    background: #242526;\n    border: 1px solid rgba(225, 225, 225, 0.2);\n\n    span {\n      color: #8c8c8c;\n    }\n  }\n`;\n\nexport const NameTable = styled.div`\n  img {\n    width: 50px;\n    height: 50px;\n    border-radius: 15px;\n  }\n`;\n\nexport const P = styled.div<IP>`\n  font-size: 18px;\n  font-weight: 500;\n  text-transform: uppercase;\n  ${(props) => {\n    switch (props.status.toLowerCase()) {\n      case 'paid':\n        return css`\n          color: #00f9ab;\n        `;\n        break;\n      case 'late':\n        return css`\n          color: #ff1a50;\n        `;\n        break;\n\n      default:\n        return css`\n          color: #8d8d8d;\n        `;\n        break;\n    }\n  }}\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 35px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-title,\n    label span {\n      color: #dadada;\n    }\n\n    .fund-wallet-modal-title {\n      color: #dadada;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: Inter;\n      font-size: 34px;\n      font-style: normal;\n      font-weight: 600;\n      // line-height: 114px; /* 335.294% */\n    }\n    .fund-wallet-modal-title-2 {\n      color: #666;\n      text-align: center;\n      font-family: Inter;\n      font-size: 18px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 24px; /* 133.333% */\n    }\n    .amt-needed-text {\n      color: #fff;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: Inter;\n      font-size: 28px;\n      font-style: normal;\n      font-weight: 500;\n      // line-height: 114px; /* 407.143% */\n    }\n\n    .amt-needed-text span {\n      color: #dadada;\n      font-family: 'Inter';\n      font-size: 28px;\n      font-weight: 400;\n    }\n\n    .amt-needed-text i {\n      font-size: 20px;\n    }\n\n    .amt-needed-text i img {\n      width: 20px;\n      height: 20px;\n    }\n\n    .eth-needed-text,\n    .eth-needed-amount {\n      color: #767676;\n\n      text-align: center;\n      font-family: 'Inter';\n      font-size: 18px;\n      font-weight: 300;\n      line-height: 24px;\n    }\n\n    .amt-needed-input input {\n      color: #dadada;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: 'Inter';\n      font-size: 18px;\n      font-style: normal;\n      font-weight: 400;\n      // line-height: 114px; /* 407.143% */\n    }\n\n    input[type='number']::-webkit-inner-spin-button,\n    input[type='number']::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    .amt-needed-input input::placeholder {\n      // color: #efefef;\n      color: #5d5b5b;\n      font-family: Inter;\n      font-size: 18px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 24px; /* 133.333% */\n    }\n\n    .input {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      height: 72px !important;\n\n      input::placeholder {\n        color: #5d5b5b;\n        font-weight: 300;\n        font-size: 14px;\n      }\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .claim {\n      background: #a3c0e1;\n      border-radius: 10px;\n      font-weight: 700;\n      font-size: 10px;\n      color: #0927c6;\n      transition-duration: 0.3s;\n\n      :hover {\n        opacity: 0.8;\n      }\n\n      :disabled {\n        opacity: 0.7;\n      }\n    }\n\n    .buy {\n      border-radius: 10px;\n      background: #00f9ab;\n      color: #1e2322;\n      text-align: center;\n      font-family: Inter;\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: normal;\n      :hover {\n        opacity: 0.8;\n      }\n\n      :disabled {\n        opacity: 0.7;\n      }\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-done {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #0f0f0f;\n      border-radius: 20px;\n      border: none;\n      height: 75px;\n      color: #fff;\n      font-weight: 600;\n      font-size: 22px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-fund-wallet {\n      background: #00f9ab;\n      border-radius: 20px;\n      border: none;\n      height: 75px;\n      color: #000;\n      font-weight: 600;\n      font-size: 24px;\n      padding: 20px 50px;\n      transition-duration: 0.3s;\n\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .error-message {\n      margin-top: 10px;\n      margin-left: 10px;\n      color: #ff1a50;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n\n    .btn-fund-wallet {\n      padding: 20px 30px !important;\n    }\n  }\n`;\n\nexport const ModalFinish = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    img {\n      width: 750px;\n      margin: -4rem;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n      color: #8767ed;\n      padding: 23px;\n    }\n\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .btn-add-usdpi {\n      background: #01c2c5;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-add-prfti {\n      background: #6d50d0;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const ModalNeed = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .fw-600 {\n      font-weight: 600;\n    }\n\n    .texts p:nth-child(1) {\n      color: #7d7777;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35px;\n      letter-spacing: -1.04px;\n    }\n\n    .btns-coin button {\n      display: flex;\n      align-items: center;\n      width: 146px;\n      border-radius: 29px;\n      background: #27282a;\n      color: #fff;\n      font-family: 'Poppins';\n      font-size: 24px;\n      font-weight: 500;\n      border: none;\n      border: 1px solid #27282a;\n      text-align: start;\n      transition: all 0.2s ease-in-out;\n      :hover {\n        border: 1px solid #c4c4c4;\n      }\n    }\n\n    .active {\n      border: 1px solid #c4c4c4 !important;\n    }\n\n    .btns-coin img {\n      width: 42px;\n      height: 42px;\n      margin: 7px;\n    }\n\n    .texts p:nth-child(3) {\n      text-align: center;\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 36px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 124%;\n      letter-spacing: 0.72px;\n      span {\n        color: #8287ff;\n\n        font-weight: 300;\n      }\n    }\n\n    .text-worry {\n      color: #dadada;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35.5px;\n      letter-spacing: -1.04px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-c14 {\n      background: #ffae52;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-uphold {\n      background: #05da8d;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-xcoins {\n      background: #686ef9;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-paybis {\n      background: #116bff;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\nexport const ModalRewards = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts p:nth-child(3) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .texts div:nth-child(4) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n\n      padding: 23px;\n      a {\n        color: #8767ed;\n      }\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","import styled from 'styled-components';\n\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const ModalBefore = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    p {\n      font-weight: 300;\n      font-size: 20px;\n\n      color: #dadada;\n      span {\n        font-weight: 700;\n      }\n    }\n\n    .more {\n      background: #a3c0e1;\n      border-radius: 10px;\n      border: none;\n      font-weight: 700;\n      font-size: 10px;\n      padding: 8px 15px;\n      color: #0927c6;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n\n      padding: 23px;\n      a {\n        color: #8767ed;\n      }\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","import React, { useCallback, useState, useMemo } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\nimport { Modal, ModalBefore } from './styles';\nimport { web3store } from '../../store';\nimport ModalSwap from '~/components/ModalSwap';\n\nimport tokensClaimed from '~/assets/defaults/tokens-claimed.png';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\ninterface IShow {\n  showModal?: boolean;\n  handleClose?(): void;\n}\n\nconst ModalHowBillingWorks: React.FC<IShow> = ({ showModal, handleClose }) => {\n  const [show, setShow] = useState(false);\n  // const handleClose = useCallback(() => {\n  //   setShow(false);\n  // }, []);\n\n  return (\n    <>\n      <Modal\n        size=\"xl\"\n        show={showModal}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-3 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={tokensClaimed} alt=\"How billing works\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n3 mb-4 fw-bold text-center w-100\">\n            How billing works\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-left my-5 px-xl-2\">\n              Your subscription bills get paid automatically by the system\n              whenever you have enough USDPI in your account. These payments\n              happen every day at midnight UTC. You can check the payment status\n              on your subscription page.\n            </p>\n          </div>\n          <div className=\"texts w-75 mx-auto\">\n            <div className=\"text-left my-5 px-xl-2\">\n              <p>\n                If your account doesn't have enough funds, you have a few\n                options:\n              </p>\n              <ul className=\"mt-4\">\n                <li>\n                  You can claim pending USDPI rewards from Profiti and\n                  Performance pools on the Token Vault page.\n                </li>\n                <li>You can exchange USDT for USDPI on USDPI.finance.</li>\n                <li>\n                  You can buy USDPI directly using a debit card through our\n                  payment partner, C14.money.\n                </li>\n                <li>\n                  You can deposit USDPI directly to your account from your\n                  crypto wallet.\n                </li>\n              </ul>\n            </div>\n          </div>\n          {/* <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-left my-5 px-xl-2\">\n              If your account doesn't have enough funds, you have a few options:\n              <ul className=\"mt-4\">\n                <li>\n                  You can claim pending USDPI rewards from Profiti and\n                  Performance pools on the Token Vault page.\n                </li>\n                <li>You can exchange USDT for USDPI on USDPI.finance.</li>\n                <li>\n                  You can buy USDPI directly using a debit card through our\n                  payment partner, C14.money.\n                </li>\n                <li>\n                  You can deposit USDPI directly to your account from your\n                  crypto wallet.\n                </li>\n              </ul>\n            </p>\n          </div> */}\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-left my-5 px-xl-2\">\n              Once your bill is paid, you can withdraw any remaining rewards and\n              commissions from your dashboard's wallet page.\n            </p>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalHowBillingWorks;\n","export default __webpack_public_path__ + \"static/media/checkmark.791de873.svg\";","export default __webpack_public_path__ + \"static/media/info.f1e3644e.svg\";","export default __webpack_public_path__ + \"static/media/logo-usdpi-border-white.a17d51b2.svg\";","export default __webpack_public_path__ + \"static/media/Info-green.2dd4c8df.svg\";","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BigNumber,\n  ethers,\n  utils,\n  ContractTransaction,\n  providers,\n} from 'ethers';\nimport { format } from 'date-fns';\nimport Lottie from 'react-lottie';\n\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport { Form } from '@unform/web';\nimport api from '~/services/api';\nimport { useAuth } from '~/hooks/Auth';\nimport { web3store } from '~/store';\n// import {\n//   getPermitHashes as getFundHashesUSDC,\n//   getPermitSignature as getUsdcPermitSignature,\n// } from '~/utils/usdc';\nimport Usdc from '~/utils/usdc';\nimport {\n  Container,\n  Welcome,\n  P,\n  Modal,\n  ModalFinish,\n  ModalNeed,\n  BtnHowBillingWorks,\n  ModalRewards,\n  BtnCurrency,\n} from './styles';\n\nimport Table from '~/components/Table';\nimport WalletRow from '~/components/WalletRow';\nimport Loading from '~/components/Loading';\nimport swalError from '~/utils/swalError';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\nimport ModalHowBillingWorks from '~/components/ModalHowBillingWorks';\nimport ModalTokensClaimed from '~/components/ModalTokensClaimed';\nimport { formatToCommonDate } from '~/utils/convertTime';\n\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport checkmark from '~/assets/icons/checkmark.svg';\nimport xCircle from '~/assets/icons/x-circle.svg';\nimport info from '~/assets/icons/info.svg';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\nimport earningsDone from '~/assets/animations/earnings-done.json';\nimport Input from '~/components/Input';\nimport { formatPrice } from '~/utils/format';\nimport walletFinish from '~/assets/defaults/wallet-finish.png';\nimport currencyETH from '~/assets/icons/logo-eth.svg';\nimport currencyUSDC from '~/assets/icons/logo-usdc.svg';\nimport currencyBNB from '~/assets/logo/logo-bnb-border-white.svg';\nimport currencyUSDPI from '~/assets/logo/logo-usdpi-border-white.svg';\n\nimport infoGreen from '~/assets/icons/Info-green.svg';\nimport { abi as EthUsdtSwapV3Abi } from '~/abi/EthUsdtSwapV3.json';\n\ninterface IReferralResponse {\n  referrals: {\n    total_count: number;\n    referrals: {\n      id: number;\n      name: string;\n      nft_img: string;\n      rank: string;\n      status: string;\n      date_registered: number;\n    }[];\n  };\n}\n\ninterface IProfitiResponse {\n  pool: {\n    available: string;\n    claimed: string;\n  };\n}\n\ninterface IPerformanceResponse {\n  ppool: {\n    available: string;\n    claimed: string;\n  };\n}\n\ninterface IProfiti {\n  id: number;\n  available: string;\n  claimed: string;\n}\n\ninterface IPerformance {\n  id: number;\n  available: string;\n  claimed: string;\n}\n\ninterface IBilling {\n  id: number;\n  invoice: string;\n  amount: string;\n  date: string;\n  status: string;\n}\n\ninterface ISubscription {\n  annual: string;\n  annual_due: string;\n  monthly: string;\n  monthly_due: string;\n  balance: string;\n}\n\ninterface FeeTimestampStructure {\n  fee: number;\n  feeFormatted: string;\n  timestamp: number;\n  result: string;\n}\n\n/* eslint no-underscore-dangle: 0 */\nconst Referrers: React.FC = () => {\n  const { user } = useAuth();\n  const [loading, setLoading] = useState(true);\n  const [selectCoin, setSelectCoin] = useState('usdpi');\n  const [name, setName] = useState('');\n  const [startDate, setStartDate] = useState(\n    new Date(new Date().getFullYear(), 0, 1)\n  );\n  const [endDate, setEndDate] = useState(\n    new Date(new Date().getFullYear(), 11, 31)\n  );\n  const [subscription, setSubscription] = useState({} as ISubscription);\n  const [billings, setBillings] = useState<IBilling[]>([]);\n  const [billingSelected, setBillingSelected] = useState({} as IBilling);\n  const [show, setShow] = useState(false);\n  const [showFundAccountWallet, setShowFundAccountWallet] = useState(false);\n  const [showFinish, setShowFinish] = useState(false);\n  const explorerURL = process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS;\n  const explorerURLEth = process.env.REACT_APP_PAY_BLOCK_EXPLORER_URLS;\n  const [withdrawalResult, setWithdrawalResult] =\n    web3store.useState('withdrawalResult');\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const [subBalance, setSubBalance] = useState(0);\n  const [amtNeeded, setAmtNeeded] = useState(0);\n  const [enoughText, setEnoughText] = useState('');\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const [subDue, setSubDue] = useState(0);\n  const [fund, setFund] = useState('');\n  const [debouncedFund, setDebouncedFund] = useState('');\n  const [isValid, setIsValid] = useState(true);\n  const [showFund, setShowFund] = useState(false);\n  const [errorTextFund, setErrorTextFund] = useState('');\n  const [amtNeededFund, setAmtNeededFund] = useState(0);\n  const [formattedAmtNeededFund, setFormattedAmtNeededFund] = useState('$0.00');\n  const [balusdpi, setBalusdpi] = web3store.useState('balusdpi');\n  const [acctBalance, setAcctBalance] = useState('0');\n  const [showNeed, setShowNeed] = useState(false);\n  const [account, setAccount] = web3store.useState('account');\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [depositTX, setDepositTX] = useState('');\n  const [depositTXChain, setDepositTXChain] = useState('NETWORK');\n  const [showHowBillingWorks, setShowHowBillingWorks] = useState(false);\n  const [profiti, setProfiti] = useState<IProfiti[]>([]);\n  const [performance, setPerformance] = useState<IPerformance[]>([]);\n  const [modalPerformanceRewards, setModalPerformanceRewards] = useState(false);\n  const [modalProfitiRewards, setModalProfitiRewards] = useState(false);\n  const [withdrawalPerfPoolUsdpiResult, setWithdrawalPerfPoolUsdpiResult] =\n    useState('');\n  const [withdrawalPoolUsdpiResult, setWithdrawalPoolUsdpiResult] =\n    useState('');\n  const [weiAmt2Exchange, setWeiAmt2Exchange] = useState('0');\n  const [weiAmt2ExchangeF, setWeiAmt2ExchangeF] = useState('0');\n  const [ethBalance, setEthBalance] = useState('0');\n  const [usdpiBalance, setUsdpiBalance] = useState('0');\n  const [usdcBalance, setUsdcBalance] = useState('0');\n  const [bnbBalance, setBnbBalance] = useState('0');\n  const [selectedCurrency, setSelectedCurrency] = useState('USDPI');\n  const currencyChoices = useMemo(\n    () => [\n      {\n        name: 'USDPI',\n        icon: currencyUSDPI,\n        balance: usdpiBalance,\n        balance_formatted: (Number(usdpiBalance) / 1e18).toFixed(2),\n        disabled: false,\n        selected: true,\n        tooltip: 'USDPI',\n      },\n      // {\n      //   name: 'USDC',\n      //   icon: currencyUSDC,\n      //   balance: usdcBalance,\n      //   balance_formatted: (Number(usdcBalance) / 1e6).toFixed(2),\n      //   disabled: true,\n      //   selected: false,\n      //   tooltip: 'Coming soon',\n      // },\n      // {\n      //   name: 'ETH',\n      //   icon: currencyETH,\n      //   balance: ethBalance,\n      //   balance_formatted: (Number(ethBalance) / 1e18).toFixed(6),\n      //   disabled: false,\n      //   selected: false,\n      //   tooltip: null,\n      // },\n      // {\n      //   name: 'BNB',\n      //   icon: currencyBNB,\n      //   balance: bnbBalance,\n      //   balance_formatted: (Number(bnbBalance) / 1e18).toFixed(6),\n      //   disabled: true,\n      //   selected: false,\n      //   tooltip: 'Coming soon',\n      // },\n    ],\n    // [ethBalance, usdpiBalance, usdcBalance, bnbBalance]\n    [usdpiBalance]\n  );\n  const [usdc, setUsdc] = useState<Usdc | null>(null);\n  const [feeTimestamp, setFeeTimestamp] = useState<FeeTimestampStructure>({\n    fee: 0.0,\n    feeFormatted: '$0.00',\n    timestamp: 1,\n    result: 'init',\n  });\n\n  const calculateAmtNeeded = useCallback((feeIn: number, debounced: string) => {\n    console.log('+++++ calculateAmtNeeded +++++');\n    console.log('feeIn: %s', feeIn);\n    console.log(\n      '+++++ weiAmt2Exchange: %s, type: %s +++++',\n      weiAmt2Exchange,\n      typeof weiAmt2Exchange\n    );\n    console.log(\n      '+++++ weiAmt2ExchangeF: %s, type: %s +++++',\n      weiAmt2ExchangeF,\n      typeof weiAmt2ExchangeF\n    );\n    console.log(\n      '+++++ debounced: %s, type: %s +++++',\n      debounced,\n      typeof debounced\n    );\n    const newWeiAmt2Exchange = Math.floor(\n      (parseFloat(debounced) + feeIn) * 10 ** 6\n    );\n    // const newWeiAmt2Exchange = Math.floor(parseFloat(debounced) * 10 ** 6);\n    console.log(\n      'newWeiAmt2Exchange: %s type: %s',\n      newWeiAmt2Exchange,\n      typeof newWeiAmt2Exchange\n    );\n    const newWeiAmt2ExchangeF = parseFloat(debounced) + feeIn;\n    console.log('newWeiAmt2ExchangeF: %s', newWeiAmt2ExchangeF);\n    setWeiAmt2Exchange(newWeiAmt2Exchange.toString());\n    setWeiAmt2ExchangeF(newWeiAmt2ExchangeF.toFixed(2));\n  }, []);\n\n  // Callback function to update the fee and timestamp\n  const updateFeeTimestamp = useCallback(\n    (\n      newFee: number,\n      newTimestamp: number,\n      newResult: string,\n      debounced: string\n    ) => {\n      // console.log('+++++ updateFeeTimestamp callback +++++');\n      const formattedValue = new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n      }).format(newFee);\n      setFeeTimestamp({\n        fee: newFee,\n        feeFormatted: formattedValue,\n        timestamp: newTimestamp,\n        result: newResult,\n      });\n      // console.log('newFee: %s type: %s', newFee, typeof newFee);\n      // console.log('newTimestamp: %s', newTimestamp);\n      // console.log('newResult: %s', newResult);\n      calculateAmtNeeded(newFee, debounced);\n    },\n    [calculateAmtNeeded]\n  );\n\n  useEffect(() => {\n    // console.log('+++++ instantiating usdc +++++');\n    const newUsdc = new Usdc({ account }, updateFeeTimestamp);\n    setUsdc(newUsdc);\n  }, [account]);\n\n  useEffect(() => {\n    console.log('+++++ debouncedFund changed to: %s +++++', debouncedFund);\n  }, [debouncedFund]);\n\n  // useEffect(() => {\n  //   if (usdc) {\n  //     usdc.refreshFeeAndTimestamp(feeTimestamp);\n  //   }\n  // }, [usdc]);\n\n  useEffect(() => {\n    console.log('+++++ feeTimestamp updated +++++');\n    console.log(feeTimestamp);\n  }, [feeTimestamp]);\n\n  const handleCurrencyClick = (currencyName: string) => {\n    setSelectedCurrency(currencyName);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchBalances = async () => {\n    console.log('+++++ fetchBalances +++++');\n    try {\n      if (account !== '') {\n        const response = await api.get(`v3/member/tokenBalances/${account}`);\n        console.log(\n          'response.data.balances.wallet_usdc: %s',\n          response.data.balances.wallet_usdc\n        );\n        if (response.data.balances.wallet_eth !== ethBalance) {\n          setEthBalance(response.data.balances.wallet_eth);\n        }\n        if (response.data.balances.wallet_usdpi !== usdpiBalance) {\n          setUsdpiBalance(response.data.balances.wallet_usdpi);\n        }\n        if (response.data.balances.wallet_usdc !== usdcBalance) {\n          console.log('+++++ USDC BALANCE CHANGE +++++');\n          setUsdcBalance(response.data.balances.wallet_usdc);\n        }\n        if (response.data.balances.wallet_bnb !== bnbBalance) {\n          setBnbBalance(response.data.balances.wallet_bnb);\n        }\n      }\n    } catch (error) {\n      console.log(error);\n      setEthBalance('0');\n      setUsdpiBalance('0');\n      setUsdcBalance('0');\n      setBnbBalance('0');\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchHistory = useCallback(() => {\n    // console.log('+++++ fetchHistory running +++++');\n    // console.log(connectedMember);\n    setProcessText('Loading subscription billing history');\n    setLoading(true);\n    api\n      .get('v3/billing/history', {\n        params: {\n          owner: connectedMember.memberId,\n        },\n      })\n      .then(function (response) {\n        // console.log(response.data);\n        setBillings(response.data.history);\n        setSubDue(parseFloat(response.data.total_due));\n        // console.log(response.data.total_due);\n        // console.log(typeof response.data.total_due);\n        setLoading(false);\n      })\n      .catch(function (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n      });\n  }, [connectedMember]);\n\n  const getSubscription = async (memberId: number) => {\n    console.log('getSubscription');\n    api\n      .get(`v1/member/subscription/${memberId}`)\n      .then(async (responseSubscription) => {\n        // console.log(responseSubscription);\n        // console.log(responseSubscription.data.subscription);\n        // console.log(responseSubscription.data.subscription.balance);\n        setAmtNeeded(\n          parseInt(responseSubscription.data.subscription.monthly, 10) +\n            10 * 10 ** 18\n        );\n        if (responseSubscription.data.subscription.balance !== undefined) {\n          const bn_SubBalanceWei = BigNumber.from(\n            responseSubscription.data.subscription.balance\n          );\n          const bn_SubBalanceEthers = ethers.utils.formatUnits(\n            bn_SubBalanceWei,\n            18\n          );\n          // console.log('bn_SubBalanceEthers: %s', bn_SubBalanceEthers);\n          // console.log(parseFloat(bn_SubBalanceEthers).toFixed(2));\n          setAcctBalance(parseFloat(bn_SubBalanceEthers).toFixed(2));\n        }\n        // setSubBalance(\n        //   parseInt(responseSubscription.data.subscription.balance, 10)\n        // );\n        setSubscription({\n          annual: formatPrice(\n            parseFloat(\n              (\n                parseInt(responseSubscription.data.subscription.annual, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n          annual_due: responseSubscription.data.subscription.annual_due,\n          monthly: formatPrice(\n            parseFloat(\n              (\n                parseInt(responseSubscription.data.subscription.monthly, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n          monthly_due: responseSubscription.data.subscription.monthly_due,\n          balance: formatPrice(\n            parseFloat(\n              (\n                parseInt(responseSubscription.data.subscription.balance, 10) /\n                10 ** 18\n              ).toFixed(2)\n            )\n          ),\n        });\n      });\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchSubscription = useCallback(() => {\n    getSubscription(connectedMember.memberId);\n  }, [connectedMember]);\n\n  useEffect(() => {\n    // console.log('+++++ USER +++++');\n    // console.log(user);\n    if (user !== undefined) {\n      fetchSubscription();\n      fetchHistory();\n      fetchBalances();\n    }\n  }, [user]);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setShowFundAccountWallet(false);\n    setShowFinish(false);\n    setShowNeed(false);\n    setShowHowBillingWorks(false);\n    setModalProfitiRewards(false);\n    setModalPerformanceRewards(false);\n    setWithdrawalPoolUsdpiResult('');\n    setWithdrawalPerfPoolUsdpiResult('');\n    getSubscription(connectedMember.memberId);\n  }, [connectedMember]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // UPHOLD\n  const handleBuyNowUpholdButtonClick = useCallback(() => {\n    const url = `https://uphold.com/en-us/assets/crypto/buy-eth`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // XCOINS\n  const handleBuyNowXCButtonClick = useCallback(() => {\n    const url = `https://xcoins.com/en/buy-crypto/ethereum/`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // PAYBIS\n  const handleBuyNowPBButtonClick = useCallback(() => {\n    const url = `https://paybis.com/buy-ethereum/`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleCloseFund = useCallback(() => {\n    setFund('');\n    setShow(false);\n    setShowFundAccountWallet(false);\n    setShowFinish(false);\n    setIsValid(false);\n    setErrorTextFund('');\n    setShowHowBillingWorks(false);\n  }, []);\n\n  const handleShowTx = useCallback((billing: IBilling) => {\n    setBillingSelected(billing);\n  }, []);\n\n  const columns = useMemo(\n    () => [\n      {\n        name: 'Invoice',\n        selector: 'invoice',\n        sortable: true,\n      },\n      {\n        name: 'Amount',\n        selector: 'amount',\n        sortable: false,\n      },\n      {\n        name: 'Date',\n        selector: 'date',\n        sortable: false,\n      },\n      {\n        name: 'Status',\n        selector: 'status',\n        sortable: true,\n        cell: (row: IBilling) => (\n          <P className=\"mb-0\" status={row.status}>\n            {row.status}\n          </P>\n        ),\n      },\n      {\n        name: '',\n        selector: 'id',\n        sortable: true,\n        cell: (row: IBilling) => (\n          <button\n            type=\"button\"\n            className=\"border-0 bg-transparent\"\n            disabled={row.status !== 'paid'}\n            onClick={() => handleShowTx(row)}\n          >\n            {row.status === 'paid' ? 'View TX' : '-'}\n          </button>\n        ),\n      },\n    ],\n    []\n  );\n\n  const handleSearch = useCallback((value) => {\n    setName(value);\n  }, []);\n\n  const handleChangeStartDate = useCallback((value) => {\n    setStartDate(value);\n  }, []);\n\n  const handleChangeLastDate = useCallback((value) => {\n    setEndDate(value);\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleClickFundWallet = useCallback(() => {\n    // console.log('formattedAmtNeededFund: %s', formattedAmtNeededFund);\n    setFund(formattedAmtNeededFund.replace('$', ''));\n    setIsValid(true);\n    // setShowFundAccountWallet(true);\n    setShow(true);\n  }, [formattedAmtNeededFund]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getFundHashes = (usdpi2Send: string): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      try {\n        if (account === '') {\n          reject(new Error('Wallet address not found'));\n        } else {\n          // setProcessText('Activating - Preparing transaction');\n          api\n            .get('/v1/billing/fund/', {\n              params: {\n                wallet_address: account,\n                amt2authorize: usdpi2Send,\n              },\n            })\n            .then((response) => {\n              resolve(response.data);\n            })\n            .catch((error) => {\n              swalError({\n                message: 'There was a problem preparing your deposit.',\n                textButton: 'Try Again',\n              });\n              reject(error);\n            });\n        }\n      } catch (error) {\n        reject(error);\n      }\n    });\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getSignature = async (hashData: any) => {\n    try {\n      if (!account) {\n        throw new Error('Wallet address not found');\n      } else {\n        // setProcessText('Activating - Waiting for wallet signature.');\n        const {\n          deadline,\n          amt2authorize,\n          nonce,\n          tokname,\n          chain,\n          spender,\n          version,\n        } = hashData;\n        // console.log('tokname: %s', tokname);\n        // const version = '1';\n        const domainData = {\n          name: tokname,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        // console.log(account);\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        const sig = await tsigner._signTypedData(domainData, types, val); // eslint-disable-line no-underscore-dangle\n        return sig;\n      }\n    } catch (error) {\n      swalError({\n        message: 'There was a problem Getting your signature.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleUSDPIFundAccount = useCallback(() => {\n    return new Promise((resolve, reject) => {\n      // console.log('+++++ handleUSDPIFundAccount running +++++');\n      // console.log('fund: %s, balusdpi: %s', weiAmt2Exchange, balusdpi);\n      const f_fund = parseFloat(weiAmt2Exchange) / 10 ** 6;\n      const f_balusdpi = parseFloat(balusdpi) / 10 ** 18;\n      console.log('f_fund: %s, f_balusdpi: %s', f_fund, f_balusdpi);\n      console.log('f_fund: %2 type: %s', f_fund, typeof f_fund);\n      console.log('f_balusdpi: %2 type: %s', f_balusdpi, typeof f_balusdpi);\n      if (f_fund > 0 && f_fund > f_balusdpi) {\n        setShowNeed(true);\n        reject(new Error('Insufficient balance'));\n      } else if (f_fund > 0) {\n        setProcessText('Preparing deposit - please confirm in wallet');\n        setLoading(true);\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const s_fund = utils.parseEther(f_fund.toString()).toString();\n            return getFundHashes(s_fund);\n          })\n          .then((hashes) => {\n            // console.log(hashes);\n            // Pass 'hashes' along with the next promise\n            return getSignature(hashes).then((sigResult) => ({\n              hashes,\n              sigResult,\n            }));\n          })\n          .then(({ hashes, sigResult }) => {\n            // Now 'hashes' is accessible here\n            setProcessText('Sending deposit to the blockchain');\n            return api.post('/v1/billing/fund', {\n              owner: account,\n              amt: hashes.amt2authorize,\n              deadline: hashes.deadline,\n              sig: sigResult,\n              nft_id: connectedMember.memberId,\n            });\n          })\n          .then((fundResult) => {\n            fetchHistory();\n            fetchSubscription();\n            setShowFundAccountWallet(false);\n            setLoading(false);\n            setDepositTX(fundResult.data.tx);\n            setDepositTXChain('NETWORK');\n            setShowFinish(true);\n            resolve(fundResult);\n          })\n          .catch((error) => {\n            setLoading(false);\n            swalError({\n              message: 'There was a problem with the transaction',\n              textButton: 'Try Again',\n            });\n            reject(error);\n          });\n      } else {\n        reject(new Error('Invalid fund amount'));\n      }\n    });\n  }, [fund, balusdpi, account, connectedMember, weiAmt2Exchange]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleUSDCFundAccount = useCallback(() => {\n    return new Promise((resolve, reject) => {\n      console.log('+++++ handleUSDCFundAccount running +++++');\n      console.log('fund: %s, usdcBalance: %s', fund, usdcBalance);\n      const f_fund = parseFloat(weiAmt2Exchange);\n      // const f_balusdc = parseFloat(usdcBalance) / 10 ** 6;\n      const f_balusdc = parseFloat(usdcBalance);\n      console.log('f_fund: %s', f_fund);\n      console.log('f_balusdc: %s', f_balusdc);\n      if (f_fund > 0 && f_fund > f_balusdc) {\n        setShowNeed(true);\n        reject(new Error('Insufficient balance'));\n      } else if (f_fund > 0) {\n        setProcessText('Preparing deposit - please confirm in wallet');\n        setLoading(true);\n        networkSwitch('PAY')\n          .then((response) => {\n            // const s_fund = utils.parseEther(f_fund.toString()).toString();\n            const s_fund = Math.trunc(f_fund * 1000000).toString();\n            if (!usdc) {\n              throw new Error('usdc instance is not available');\n            }\n            return usdc.getRWAHashes(weiAmt2Exchange);\n          })\n          .then((hashes) => {\n            console.log(hashes);\n            // Pass 'hashes' along with the next promise\n            if (!usdc) {\n              throw new Error('usdc instance is not available');\n            }\n            console.log('+++++ getting signature +++++');\n            return usdc.getRWASignature(hashes).then((sigResult) => ({\n              hashes,\n              sigResult,\n            }));\n          })\n          .then(({ hashes, sigResult }) => {\n            console.log(sigResult);\n            // Now 'hashes' is accessible here\n            setProcessText('Sending deposit to the blockchain');\n            return api.post('/v2/billing/fundusdc', {\n              owner: account,\n              amt: hashes.amt2authorize,\n              deadline: hashes.deadline,\n              sig: sigResult,\n              nft_id: connectedMember.memberId,\n              valid_after: hashes.start,\n              nonce: ethers.utils.hexZeroPad(`0x${hashes.nonce}`, 32),\n              use_account: true,\n            });\n          })\n          .then((fundResult) => {\n            fetchHistory();\n            fetchSubscription();\n            setShowFundAccountWallet(false);\n            setLoading(false);\n            setDepositTX(fundResult.data.tx);\n            setDepositTXChain('NETWORK');\n            setShowFinish(true);\n            resolve(fundResult);\n          })\n          .catch((error) => {\n            console.log(error);\n            setLoading(false);\n            swalError({\n              message: 'There was a problem with the transaction',\n              textButton: 'Try Again',\n            });\n            reject(error);\n          });\n      } else {\n        reject(new Error('Invalid fund amount'));\n      }\n    });\n  }, [fund, balusdpi, account, connectedMember, weiAmt2Exchange]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleETHFundAccount = useCallback(() => {\n    return new Promise((resolve, reject) => {\n      console.log('+++++ handleETHFundAccount running +++++');\n      console.log(\n        'weiAmt2Exchange: %s type: %s',\n        weiAmt2Exchange,\n        typeof weiAmt2Exchange\n      );\n      console.log('weithebalance: %s type: %s', ethBalance, typeof ethBalance);\n      console.log(isValid);\n      const f_amt = parseFloat(weiAmt2Exchange);\n      const f_bal = parseFloat(ethBalance);\n      if (f_amt > 0 && f_amt > f_bal) {\n        setShowNeed(true);\n        reject(new Error('Insufficient balance'));\n      } else if (f_amt === 0) {\n        reject(new Error('Invalid fund amount'));\n      } else {\n        console.log('+++++ SWAP ETH +++++');\n        setProcessText(\n          'Preparing Swap.  Please confirm transaction in your wallet.'\n        );\n        setLoading(true);\n\n        networkSwitch('PAY')\n          .then(async (response) => {\n            const tprovider = new ethers.providers.Web3Provider(\n              window.ethereum\n            );\n            const tsigner = tprovider.getSigner();\n            const swapBank = new ethers.Contract(\n              process.env.REACT_APP_ETH_SWAP as string,\n              EthUsdtSwapV3Abi,\n              tprovider\n            );\n            // Execute exchange\n            const ethExchangeValueFloat = weiAmt2Exchange;\n            // parseFloat(weiAmt2Exchange) * 10 ** 18;\n            const ethExchangeValue = ethExchangeValueFloat.toString();\n            console.log(\n              '+++++ ethExchangeValueFloat: %s +++++',\n              ethExchangeValueFloat\n            );\n            console.log('+++++ ethExchangeValue: %s +++++', ethExchangeValue);\n            swapBank\n              .connect(tsigner)\n              .swapEth4Usdt(ethExchangeValue, 0, { value: ethExchangeValue })\n              .then(async (tx: ContractTransaction) => {\n                setProcessText(\n                  'Exchange - waiting for transaction to complete'\n                );\n                console.log('Transaction sent successfully:', tx);\n\n                setProcessText('Waiting for blockchain confirmations.');\n                try {\n                  // Define the number of confirmations you want to wait for\n                  const desiredConfirmations = 3;\n\n                  console.log(\n                    `Waiting for ${desiredConfirmations} confirmations...`\n                  );\n                  const receipt = await tsigner.provider.waitForTransaction(\n                    tx.hash,\n                    desiredConfirmations\n                  );\n\n                  console.log(\n                    `Transaction confirmed with ${receipt.confirmations} confirmations:`,\n                    receipt\n                  );\n                  setProcessText('Minting USDPI to your account.');\n                  // logExchange(tx.hash)\n                  api\n                    .post('/v1/usdpi/depositacct/usdt/tx', {\n                      nft_id: user?.id,\n                      tx: tx.hash,\n                    })\n                    .then(function (acctresponse) {\n                      setProcessText(\n                        'Exchange accepted. Waiting for bridged USDPI to arrive.'\n                      );\n                      setLoading(false);\n                      fetchSubscription();\n                      setShowFundAccountWallet(false);\n                      setLoading(false);\n                      setDepositTX(tx.hash);\n                      setDepositTXChain('PAY');\n                      setShowFinish(true);\n                      resolve('Complete');\n                    })\n                    .catch(function (logError) {\n                      console.log('== ERROR ==');\n                      console.error(logError);\n                      setLoading(false);\n                      reject(logError);\n                    });\n                } catch (waitError) {\n                  console.error(\n                    'Error while waiting for transaction confirmations:',\n                    waitError\n                  );\n                  setLoading(false);\n                  reject(waitError);\n                }\n              })\n              .catch((ethSwapError: Error) => {\n                console.error('Error during swap:', ethSwapError);\n                setLoading(false);\n                reject(ethSwapError);\n              });\n          })\n          .catch((switchError) => {\n            console.log(switchError);\n            setLoading(false);\n            swalError({\n              message: 'There was a problem switching networks in your wallet',\n              textButton: 'Try Again',\n            });\n            reject(switchError);\n          });\n      }\n    });\n  }, [fund, balusdpi, account, weiAmt2Exchange, ethBalance]);\n\n  useEffect(() => {\n    console.log('+++++ weiAmt2Exchange updated: %s +++++', weiAmt2Exchange);\n  }, [weiAmt2Exchange, isValid]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleSubmitFundAccount = useCallback(() => {\n    if (selectedCurrency === 'USDPI') {\n      handleUSDPIFundAccount()\n        .then((result) => {\n          // Handle success\n          console.log('SUCCESS');\n        })\n        .catch((error) => {\n          // Handle error\n          console.log('FAIL');\n        });\n    }\n  }, [handleUSDPIFundAccount, selectedCurrency, weiAmt2Exchange, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Input delay\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      console.log('setting debouncedFund to: %s', fund);\n      setDebouncedFund(fund);\n    }, 1000); // 500 ms delay\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [fund]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const convertDollarsToWei = (dollarAmount: string): string => {\n    // Assuming 1 dollar is equivalent to 1,000,000 Wei (10^6)\n    const conversionRate = 1e6;\n\n    // Convert the dollar amount to a number, then multiply by the conversion rate\n    const amountInWei = parseFloat(dollarAmount) * conversionRate;\n\n    // Return as a string rounded to 6 decimal places\n    return amountInWei.toFixed(0);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const formatWeiToEther = (weiValue: string): string => {\n    const weiPerEther = BigInt(1e18);\n    const wei = BigInt(weiValue);\n    const ether = (wei * BigInt(1e6)) / weiPerEther; // Perform the conversion\n\n    // Convert to a string\n    let etherString = ether.toString();\n\n    // Ensure the string has 6 characters after the decimal point\n    while (etherString.length < 6) {\n      etherString = `0${etherString}`; // Pad with leading zeros if necessary\n    }\n\n    // Insert decimal point to create a fixed 6 decimal places\n    etherString = `${etherString.slice(0, -6)}.${etherString.slice(-6)}`;\n\n    // Ensure there is a leading zero for amounts less than 1\n    if (etherString.startsWith('.')) {\n      etherString = `0${etherString}`;\n    }\n\n    return etherString;\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Exchange rate API\n  const convertCurrency = useCallback(\n    async (amount: string, token: string) => {\n      console.log('calling api with %s type: %s', amount, typeof amount);\n      const amountWei = convertDollarsToWei(amount);\n      console.log('amount to test: %s of token: %s', amountWei, token);\n\n      if (token === 'ETH') {\n        const response = await api.get(\n          `/v1/exchange/quote/USD/ETH/${amountWei}`\n        );\n        console.log('ETH - setWeiAmt2Exchange: %s', response.data.estimate.net);\n        setWeiAmt2Exchange(response.data.estimate.net);\n        const formattedValue = formatWeiToEther(response.data.estimate.net);\n        setWeiAmt2ExchangeF(formattedValue);\n      } else if (token === 'BNB') {\n        setWeiAmt2Exchange('0');\n        setWeiAmt2ExchangeF('0.000000');\n      } else if (token === 'USDC') {\n        // setWeiAmt2Exchange(amountWei);\n        // setWeiAmt2ExchangeF(parseFloat(amount).toFixed(2));\n        console.log('calling update fee');\n        console.log(feeTimestamp);\n        if (usdc) {\n          console.log('calling refreshFeeAndTimestamp');\n          usdc.refreshFeeAndTimestamp(feeTimestamp, debouncedFund);\n        }\n      } else {\n        // console.log('ELSE!!!');\n        setWeiAmt2Exchange(amountWei);\n        setWeiAmt2ExchangeF(parseFloat(amount).toFixed(2));\n      }\n      // Other logic\n    },\n    [setWeiAmt2Exchange, setWeiAmt2ExchangeF, feeTimestamp, usdc, debouncedFund]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Get exchange rate\n  useEffect(() => {\n    if (isValid) {\n      console.log('converting currency');\n      convertCurrency(debouncedFund, selectedCurrency);\n    } else {\n      console.log('INVALID');\n    }\n  }, [debouncedFund, selectedCurrency, isValid]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Input form change\n  const handleFundChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = event.target.value;\n\n    // Regular expression to match USD currency format (e.g., $1,234.56)\n    // Allows amounts from $0.00 to $99,999.99 but we will check for the minimum value separately\n    const usdRegex = /^(?:\\$?\\d{1,5}(?:,\\d{3})*(?:\\.\\d{2})?|\\$?99999.99)$/;\n\n    // Check if the input matches the USD format\n    const isFormatValid = usdRegex.test(inputValue);\n\n    // Convert the input value to a numerical value for minimum value validation\n    // Remove the dollar sign and commas before converting\n    const numericValue = Number(inputValue.replace(/[$,]/g, ''));\n\n    // Check for minimum value ($1.00 in this example)\n    const isValueValid = numericValue >= 1.0;\n\n    // Determine if the input is overall valid (both format and value)\n    const isValidInput = isFormatValid && isValueValid;\n\n    // Update the state with the validity of the input\n    setIsValid(isValidInput);\n    setFund(inputValue);\n\n    // Set the error text conditionally based on whether the input is valid or not\n    let errorTextValidate = '';\n    if (inputValue === '') {\n      errorTextValidate = '';\n    } else if (!isFormatValid) {\n      errorTextValidate = 'Please enter a valid USD amount (e.g., $1,234.56).';\n    } else if (!isValueValid) {\n      errorTextValidate = 'Amount must be at least $1.00.';\n    }\n\n    // Update the error text state\n    setErrorTextFund(errorTextValidate);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Format amt. needed for fund window\n  useEffect(() => {\n    // Format the amtNeededFund as USD currency when it changes\n    const formattedValue = new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n    }).format(amtNeededFund);\n\n    setFormattedAmtNeededFund(formattedValue);\n  }, [amtNeededFund]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Set amt. needed for fund window\n  useEffect(() => {\n    const n_acctBalance = parseFloat(acctBalance);\n    if (subDue > n_acctBalance) {\n      setAmtNeededFund(subDue - n_acctBalance);\n    } else {\n      setAmtNeededFund(0);\n    }\n  }, [subDue, balusdpi, subscription.balance, acctBalance]);\n\n  const getProfitiPoolAvailable = async () => {\n    console.log('getProfitiPoolAvailable');\n    api\n      .get<IProfitiResponse>(`v1/member/pool/${user?.id}`)\n      .then(async (responseProfiti) => {\n        setProfiti([\n          {\n            id: 1,\n            // available: responseProfiti.data.pool.available,\n            available: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseProfiti.data.pool.available, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            claimed: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responseProfiti.data.pool.claimed, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n          },\n        ]);\n      });\n  };\n\n  const getPerfPoolAvailable = async () => {\n    console.log('getPerfPoolAvailable');\n    api\n      .get<IPerformanceResponse>(`v3/member/perfpool/${user?.id}`)\n      .then(async (responsePerfpool) => {\n        setPerformance([\n          {\n            id: 1,\n            // available: responsePerfpool.data.ppool.available,\n            available: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responsePerfpool.data.ppool.available, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n            claimed: formatPrice(\n              parseFloat(\n                (\n                  parseInt(responsePerfpool.data.ppool.claimed, 10) /\n                  10 ** 18\n                ).toFixed(2)\n              )\n            ),\n          },\n        ]);\n      });\n  };\n\n  useEffect(() => {\n    if (show) {\n      console.log('fetch claims');\n      getProfitiPoolAvailable();\n      getPerfPoolAvailable();\n    }\n  }, [show, withdrawalPoolUsdpiResult]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // BUY USDPI NOW BUTTON\n  const handleBuyNowButtonClick = useCallback(() => {\n    // console.log('+++++ amtNeededFund +++++');\n    // console.log(amtNeededFund);\n    setShowNeed(false);\n    setFund('');\n    setShowFundAccountWallet(false);\n    setIsValid(false);\n    setErrorTextFund('');\n    const exchangeUSDPIValue = amtNeededFund.toString();\n    const usdpiId = '5910b23a-0fa6-46f8-ab1c-6e6a71cc0a69';\n    const clientId = '9594c88f-2edf-407f-82da-b4ca569690be';\n    const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${usdpiId}&targetAmount=${fund}&targetAddress=${connectedMember.memberId}&bgColor=282828&mainColor=17171a&targetAssetIdLock=true`;\n    window.open(url, '_blank');\n  }, [connectedMember.memberId, amtNeededFund, fund]);\n\n  const clickOnHowBillingWorks = () => {\n    setShowHowBillingWorks(true);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // CLAIM POOL REWARDS\n  const handleClickClaimPoolUsdpi = useCallback(() => {\n    networkSwitch('NETWORK')\n      .then((response) => {\n        api\n          .get('/v1/net/fee/estimate', {\n            params: {\n              registered: 2,\n              owner: account,\n            },\n          })\n          .then(function ({\n            data: {\n              estimate: { fee },\n            },\n          }) {\n            // const fee = feeresponse.data.estimate.fee;\n            interface Request {\n              nftId: number;\n              userAddress: string;\n              message: string;\n              deadline: number;\n              transaction_fee: BigNumber;\n            }\n            // console.log(feeresponse);\n            // processClaimPool(response.data.estimate.fee);\n            const purser = process.env.REACT_APP_BSC_PURSER;\n            console.log('verifyingContract: %s', purser);\n            const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n            console.log('deadline: %s', deadline);\n            const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n            const chainInt = parseInt(chainNo || '0', 16);\n            console.log(chainInt);\n            const domain = {\n              name: 'Purser',\n              version: '1',\n              chainId: chainInt,\n              verifyingContract: purser,\n            };\n            const types = {\n              Request: [\n                { name: 'nftId', type: 'uint256' },\n                { name: 'userAddress', type: 'address' },\n                { name: 'message', type: 'string' },\n                { name: 'deadline', type: 'uint256' },\n                { name: 'transaction_fee', type: 'uint256' },\n              ],\n            };\n            const transaction_fee = BigNumber.from(fee);\n            const transaction_fee_in_ether = parseFloat(\n              ethers.utils.formatEther(transaction_fee)\n            );\n            const message = `I authorize this withdrawal, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n              2\n            )}`;\n            console.log(message);\n            const request: Request = {\n              nftId: connectedMember.memberId,\n              userAddress: account,\n              message,\n              deadline,\n              transaction_fee: BigNumber.from(fee),\n            };\n            const tprovider = new ethers.providers.Web3Provider(\n              window.ethereum\n            );\n            const tsigner = tprovider.getSigner();\n            tsigner\n              ._signTypedData(domain, types, request)\n              .then((sig) => {\n                console.log('sig: %s', sig);\n                api\n                  .post('/v1/staking/claimrewards', {\n                    nftId: connectedMember.memberId,\n                    userAddress: account,\n                    message,\n                    deadline,\n                    signature: sig,\n                    transaction_fee: parseInt(fee, 10),\n                  })\n                  .then(function (poolresponse) {\n                    console.log(poolresponse.data.tx);\n                    setModalProfitiRewards(true);\n                    setWithdrawalPoolUsdpiResult(poolresponse.data.tx);\n                    getProfitiPoolAvailable();\n                    // setRunClaimPoolUsdpi(false);\n                    // setWithdrawalPoolUsdpiResult(response.data.tx);\n                  })\n                  .catch(function (error) {\n                    console.log('================= ERROR ===================');\n                    console.log(error);\n                    // setRunClaimPoolUsdpi(false);\n                    // setWithdrawalPoolUsdpiResult('ERROR');\n                  });\n              })\n              .catch((sigerror) => {\n                console.error(sigerror);\n              });\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n          });\n      })\n      .catch((error) => {\n        swalError({\n          message: 'There was a problem with your transaction.',\n          textButton: 'Try Again',\n        });\n      });\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // CLAIM PERF POOL REWARDS\n  const handleClickClaimPerfPoolUsdpi = useCallback(() => {\n    const testAmt =\n      performance[0]?.available === undefined\n        ? 0\n        : parseFloat(performance[0]?.available.replace(/,/g, ''));\n    console.log(performance[0]?.available);\n    if (testAmt >= 1) {\n      api\n        .get('/v1/net/fee/estimate')\n        .then(function (response) {\n          api\n            .post('/v3/perfpool/claimrewards', {\n              nftId: user?.id,\n              fee: parseInt(response.data.estimate.fee, 10),\n            })\n            .then(function (claimresponse) {\n              setWithdrawalPerfPoolUsdpiResult(claimresponse.data.tx);\n              setModalPerformanceRewards(true);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n            });\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n  }, [performance]);\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-sm-11 col-lg-12 mb-2 mt-4\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row align-items-center mb-4\">\n                  <div className=\"col-lg-6 px-0\">\n                    <h1 className=\"h3 h2-lg font-weight-bold mb-lg-0\">\n                      Subscriptions\n                    </h1>\n                    <p>Manage your plan and billing history</p>\n                  </div>\n                  <div className=\"col-lg-6 px-0\">\n                    <WalletRow />\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n          </div>\n          <BtnHowBillingWorks onClick={clickOnHowBillingWorks}>\n            <img src={info} alt=\"info\" />\n            Learn how billing works - <strong>Click Here</strong>\n          </BtnHowBillingWorks>\n\n          <div className=\"col-lg-4\">\n            <div className=\"box px-5 py-4\">\n              <p className=\"mb-0\">Yearly - Affiliate Activation</p>\n              <h2>${subscription.annual}/Year</h2>\n              {/* <p className=\"small\">Due on: April 12th, 2024</p> */}\n              <p className=\"small\">\n                Due on:{' '}\n                {formatToCommonDate(parseInt(subscription.annual_due, 10))}\n              </p>\n              <div className=\"infos d-flex align-items-start\">\n                <img src={checkmark} alt=\"checkmark\" />\n                <small className=\"d-block mt-n1\">\n                  Includes access to all current and future products & $50 worth\n                  of PRFTI Token Credits\n                </small>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-lg-4\">\n            <div className=\"box px-5 py-4\">\n              <p className=\"mb-0\">Monthly Subscription</p>\n              <h2>${subscription.monthly}/Month</h2>\n              {/* <p className=\"small\"> */}\n              <p className=\"small\">\n                Due on:{' '}\n                <span\n                  className={`\n                  ${parseInt(subscription.monthly_due, 10) === 0 ? 'green' : ''}\n                    `}\n                >\n                  {parseInt(subscription.monthly_due, 10) === 0\n                    ? 'Current'\n                    : formatToCommonDate(\n                        parseInt(subscription.monthly_due, 10)\n                      )}\n                </span>\n              </p>\n              <p className=\"mb-0\">Total Subscription Due</p>\n              {/* <h2 className=\"amt-due-h2\">${subDue}</h2> */}\n              <h2 className=\"amt-due-h2\">\n                $\n                {subDue.toLocaleString('en-US', {\n                  minimumFractionDigits: 2,\n                  maximumFractionDigits: 2,\n                })}\n              </h2>\n              <p className=\"small\">Includes current & unpaid invoices</p>\n            </div>\n          </div>\n          <div className=\"col-lg-4\">\n            <div className=\"box px-5 py-4 last\">\n              <p className=\"mb-0\">Wallet balance</p>\n              <p className=\"mb-0 small\">\n                <em>(includes pre-pay and deposits)</em>\n              </p>\n              <h2>${subscription.balance}</h2>\n              <div className=\"infos d-flex align-items-start errors\">\n                {/* <img src={xCircle} alt=\"xCircle\" /> */}\n                <small className=\"d-block mt-n1\">\n                  {/* Not enough to pay subscription */}\n                  {/* {subBalance >= amtNeeded\n                    ? '\\u00A0'\n                    : 'Not enough to pay subscription'} */}\n                </small>\n                {/* <img src={info} alt=\"info\" /> */}\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn btn-fund-wallet\"\n                onClick={handleClickFundWallet}\n              >\n                Deposit To Pay Subscription\n              </button>\n            </div>\n          </div>\n          <div className=\"col-sm-11 col-lg-12 mt-4\">\n            <div className=\"bg-gray table p-2 p-lg-4\">\n              <Table\n                title=\"Billing History\"\n                columns={columns}\n                data={billings}\n                // searchable\n                onSearch={handleSearch}\n                date\n                initialDate={startDate}\n                finalDate={endDate}\n                onChangeStartDate={handleChangeStartDate}\n                onChangeLastDate={handleChangeLastDate}\n                exportable\n                pagination\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Modal\n        size=\"xl\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Not enough to pay subscription?\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">\n              Remember to check your Revenue Share Rewards account and the\n              Performance pool. If you qualify for them, likely there could be\n              funds waiting for you there.\n            </p>\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <div className=\"d-flex justify-content-between w-100 me-4\">\n                <span>PROFITi Revenue Share Pool Available Rewards:</span>\n                <span className=\"color-span\">\n                  {profiti[0]?.available !== undefined\n                    ? profiti[0].available\n                    : 0}{' '}\n                  USDPI\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"claim px-3 py-2 border-0\"\n                onClick={handleClickClaimPoolUsdpi}\n              >\n                Claim\n              </button>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <div className=\"d-flex justify-content-between w-100 me-4\">\n                <span>Performance Pool Available Rewards:</span>\n                <span className=\"color-span\">\n                  {performance[0]?.available !== undefined\n                    ? performance[0].available\n                    : 0}{' '}\n                  USDPI\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"claim px-3 py-2 border-0\"\n                onClick={handleClickClaimPerfPoolUsdpi}\n              >\n                Claim\n              </button>\n            </div>\n\n            <div className=\"d-flex terms justify-content-between px-5 mb-2\">\n              <div className=\"d-flex justify-content-between w-40 me-4\">\n                <span>Need to buy USDPI?</span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"buy px-3 py-2 border-0\"\n                onClick={() => setShowNeed(true)}\n              >\n                Buy USDPI With Your Debit Card Here\n              </button>\n            </div>\n\n            <p className=\"text-center mt-4\">\n              Amount Needed: <b>{formattedAmtNeededFund} USDPI</b>\n            </p>\n\n            <button\n              type=\"button\"\n              onClick={() => {\n                // setShowFinish(true);\n                setShowFundAccountWallet(true);\n              }}\n              className=\"btn-confirm w-100 my-4\"\n            >\n              Deposit{' '}\n              <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              className=\"btn-done w-100 mb-3\"\n            >\n              <span className=\"\">DONE</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n\n      <Modal\n        size=\"xl\"\n        show={showFundAccountWallet}\n        onHide={handleCloseFund}\n        className=\"modal-wrong-network\"\n      >\n        <Form onSubmit={handleSubmitFundAccount}>\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleCloseFund}\n          >\n            x\n          </button>\n          <Modal.Header className=\"px-4 px-lg-5 justify-content-center border-0 pb-0 pb-lg-0 pt-5\">\n            <div className=\"mt-4 d-flex align-items-center justify-content-center overflow-hidden w-100 px-4\">\n              <div className=\"text-center\">\n                <Modal.Title className=\"pe-3 fw-semibold fund-wallet-modal-title\">\n                  Deposit USDPI from your wallet\n                </Modal.Title>\n                <div className=\"fund-wallet-modal-title-2\">\n                  See your connected wallet available balances below\n                </div>\n              </div>\n            </div>\n          </Modal.Header>\n          <Modal.Body className=\"px-4 px-lg-5 pt-5\">\n            <div className=\"d-flex flex-row flex-wrap justify-content-center justify-content-xl-between\">\n              {currencyChoices.map((currency, index) => (\n                <BtnCurrency\n                  type=\"button\"\n                  key={currency.name}\n                  className=\"mb-5 mx-2 mx-xl-0\"\n                  selected={currency.selected ?? false}\n                  disabled={currency.disabled}\n                  onClick={() => {\n                    if (!currency.disabled) {\n                      handleCurrencyClick(currency.name);\n                    }\n                  }}\n                  {...(currency.tooltip ? { title: currency.tooltip } : {})}\n                >\n                  <img src={currency.icon} alt={currency.name} />\n                  <span className=\"currency-name\">{currency.name}</span>\n                  <span className=\"currency-balance\">\n                    {currency.balance_formatted}\n                  </span>\n                </BtnCurrency>\n              ))}\n            </div>\n            <label className=\"d-block w-100\">\n              <span className=\"d-block mb-4 amt-needed-text\">\n                <span>Subscription Amount Due:</span> {formattedAmtNeededFund}\n                {selectedCurrency === 'USDC' && (\n                  <>\n                    {' + '}\n                    {feeTimestamp.feeFormatted}\n                    <i>\n                      {' '}\n                      (Transaction Fees){' '}\n                      <img src={infoGreen} title=\"Coming soon\" alt=\"Info\" />\n                    </i>\n                  </>\n                )}\n              </span>\n              <Input\n                name=\"fund\"\n                type=\"number\"\n                placeholder=\"Enter amount you wish to fund wallet here\"\n                className=\"input amt-needed-input\"\n                value={fund}\n                onChange={handleFundChange}\n              />\n              {isValid ? null : (\n                <p className=\"error-message\">{errorTextFund}</p>\n              )}\n              <div className=\"d-flex justify-content-center align-items-center\">\n                <span className=\"eth-needed-text\">\n                  {selectedCurrency} Needed:&nbsp;\n                </span>\n                <span className=\"eth-needed-amount\">{weiAmt2ExchangeF}</span>\n              </div>\n            </label>\n          </Modal.Body>\n          <Modal.Footer className=\"d-flex border-0 px-4 px-lg-5 pt-4 pb-5 mb-4 justify-content-between\">\n            <button\n              type=\"button\"\n              className=\"order-1 order-lg-0 w-100 w-lg-25 btn btn-cancel\"\n              onClick={handleCloseFund}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              className=\"order-0 order-lg-1 w-100 w-lg-70 btn btn-fund-wallet mb-4 mb-lg-0\"\n              disabled={!isValid}\n            >\n              Fund Wallet To Pay Subscription\n            </button>\n          </Modal.Footer>\n        </Form>\n      </Modal>\n\n      <ModalFinish\n        size=\"xl\"\n        show={showFinish}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalFinish.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: earningsDone,\n                autoplay: true,\n                loop: false,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </ModalFinish.Header>\n        <ModalFinish.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Wallet Successfully Funded!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-5\">\n              Your account wallet was successfully funded. If you have a balance\n              due for your subscription, the amount funded will be applied\n              towards it.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${\n                  depositTXChain === 'NETWORK' ? explorerURL : explorerURLEth\n                }/tx/${depositTX}`}\n                // href={`${explorerURL}/tx/${depositTX}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {depositTX}\n              </a>\n            </div>\n            <p className=\"mb-4\">\n              * Unpaid subscription invoices are automatically paid once your\n              account has enough funds from commissions and deposits.\n            </p>\n          </div>\n        </ModalFinish.Body>\n        <ModalFinish.Footer className=\"border-0 py-4\" />\n      </ModalFinish>\n      {/* Buy USDPI modal */}\n      <ModalNeed\n        size=\"lg\"\n        show={showNeed}\n        onHide={handleClose}\n        className=\"modal-signin-auto\"\n        centered\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-2 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden pe-none\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={157}\n              width={157}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-2 fw-bold text-center w-100\">Need Funds?</h2>\n          <div className=\"texts w-100 px-3\">\n            <p className=\"text-center mb-4\">\n              We could not find ETH, BNB or USPI in your wallet\n            </p>\n            <div className=\"d-flex btns-coin justify-content-between\">\n              {/* <button\n                type=\"button\"\n                className={`${selectCoin === 'usdpi' && 'active'}`}\n                onClick={() => setSelectCoin('usdpi')}\n              >\n                <img src={currencyUSDPI} alt=\"USDPI\" /> USDPI\n              </button>\n              <button\n                type=\"button\"\n                className={`${selectCoin === 'usdc' && 'active'}`}\n                onClick={() => setSelectCoin('usdc')}\n              >\n                <img src={currencyUSDC} alt=\"USDC\" /> USDC\n              </button>\n              <button\n                type=\"button\"\n                className={`${selectCoin === 'eth' && 'active'}`}\n                onClick={() => setSelectCoin('eth')}\n              >\n                <img src={currencyETH} alt=\"ETH\" /> ETH\n              </button>\n              <button\n                type=\"button\"\n                className={`${selectCoin === 'bnb' && 'active'}`}\n                onClick={() => setSelectCoin('bnb')}\n              >\n                <img src={currencyBNB} alt=\"BNB\" /> BNB\n              </button> */}\n            </div>\n            <p className=\"my-4\">\n              <span>Buy at least</span> 0.235 {selectCoin.toUpperCase()}\n            </p>\n          </div>\n          <div className=\"w-lg-90 mx-auto\">\n            <p className=\"text-worry text-center mb-4\">\n              Don’t worry, you can buy it instantly at the{' '}\n              <span className=\"fw-semibold\">options&nbsp;below:</span>\n            </p>\n            {selectCoin === 'usdpi' && (\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"btn-c14 w-100 my-1\"\n                  onClick={handleBuyNowButtonClick}\n                >\n                  BUY USDPI NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'usdc' && (\n              <div>\n                <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                  BUY USDC NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-paybis w-100 my-1\">\n                  BUY USDC NOW AT PAYBIS{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY USDC NOW AT XCOINS{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-uphold w-100 my-1\">\n                  BUY USDC NOW AT UPHOLD{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'eth' && (\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"btn-uphold w-100 my-1\"\n                  onClick={handleBuyNowUpholdButtonClick}\n                >\n                  BUY ETH NOW AT UPHOLD{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY ETH NOW AT COINBASE{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'bnb' && (\n              <div>\n                <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                  BUY BNB NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY BNB NOW AT COINBASE{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n              </div>\n            )}\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              className=\"btn-cancel w-100 my-1\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalNeed>\n      <ModalHowBillingWorks\n        showModal={showHowBillingWorks}\n        handleClose={handleClose}\n      />\n      <ModalRewards\n        size=\"xl\"\n        show={modalPerformanceRewards}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalRewards.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </ModalRewards.Header>\n        <ModalRewards.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n5 mb-4 fw-bold text-center w-100\">\n            Rewards Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-2\">\n              Your Performance Pool shares have been successfully claimed and\n              applied to your account.\n            </p>\n            <p className=\"text-center mb-4 px-xl-2\">\n              Please note: If you still have a balance due for your next month\n              subscription the rewards will be allocated ot that wallet first.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${withdrawalPerfPoolUsdpiResult}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {withdrawalPerfPoolUsdpiResult}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => handleClose()}\n              className=\"btn-confirm w-100 mt-0 mb-4\"\n            >\n              <span className=\"\">Done</span>\n            </button>\n          </div>\n        </ModalRewards.Body>\n        <ModalRewards.Footer className=\"border-0 py-4\" />\n      </ModalRewards>\n      <ModalRewards\n        size=\"xl\"\n        show={modalProfitiRewards}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalRewards.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </ModalRewards.Header>\n        <ModalRewards.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n5 mb-4 fw-bold text-center w-100\">\n            Rewards Claimed!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-4\">\n              Your PROFITi Revenue Share rewards have been successfully claimed\n              and applied to your account.\n            </p>\n            <p className=\"text-center mb-4 px-xl-2\">\n              Please note: If you still have a balance due for your next month\n              subscription the rewards will be allocated ot that wallet first.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${explorerURL}/tx/${withdrawalPoolUsdpiResult}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {withdrawalPoolUsdpiResult}\n              </a>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => handleClose()}\n              className=\"btn-confirm w-100 mt-0 mb-4\"\n            >\n              <span className=\"\">Done</span>\n            </button>\n          </div>\n        </ModalRewards.Body>\n        <ModalRewards.Footer className=\"border-0 py-4\" />\n      </ModalRewards>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default Referrers;\n","import styled, { css } from 'styled-components';\n\ninterface ISidebar {\n  active: boolean;\n}\n\ninterface IAvatar {\n  theme: string;\n  src: string;\n}\n\nexport const Container = styled.div`\n  min-height: 100vh;\n  transition-duration: 0.3s;\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          background-color: #f2f4f5;\n        `;\n\n      default:\n        return css`\n          background-color: #18191a;\n        `;\n    }\n  }}\n\n  .text-disconnect {\n    font-weight: 600;\n    font-size: 36px;\n    color: #dadada;\n  }\n\n  .disconnect {\n    top: 15%;\n    left: 90%;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n  }\n\n  .exit {\n    top: 5%;\n    left: 0%;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n  }\n\n  .btn-to-dashboard {\n    background: #3778ff !important;\n  }\n\n  .btn-yes {\n    background: #ff1a50;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-no {\n    background: #2b3247;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n`;\n\nexport const Menu = styled.div`\n  transition-duration: 0.3s;\n\n  button {\n    font-weight: 300;\n    line-height: 19px;\n\n    > span {\n      border: 1px solid transparent;\n      border-radius: 14px;\n      height: 46px;\n      width: 46px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 13px;\n      transition-duration: 0.3s;\n    }\n  }\n\n  ${(props) => {\n    // console.log('********************');\n    // console.log(props);\n    // console.log('********************');\n    switch (props.theme) {\n      case 'light':\n        return css`\n          button {\n            color: #626262;\n\n            > span {\n              box-shadow: 1px 16px 30px rgba(65, 65, 65, 0.06);\n              background-color: #fafafa;\n              border-color: #ffffff;\n            }\n          }\n        `;\n\n      default:\n        return css`\n          button {\n            color: #c4c4c4;\n\n            > span {\n              box-shadow: 1px 12px 30px rgba(0, 0, 0, 0.1);\n              background-color: #1f2020;\n              border-color: #282929;\n            }\n          }\n        `;\n    }\n  }}\n\n  .btn-back {\n    z-index: 100;\n    left: 1rem;\n    top: 1.5rem;\n  }\n\n  .btn-back img {\n    height: 30px;\n  }\n`;\n\nexport const Sidebar = styled.div<ISidebar>`\n  border: 1px solid transparent;\n  border-radius: 30px;\n  font-family: 'Quicksand', sans-serif !important;\n  width: 100%;\n  max-width: 377px;\n  height: calc(100vh - 2rem);\n  top: 0;\n  left: ${(props) => (props.active ? 0 : '-1000px')};\n  transition-duration: 0.3s;\n\n  padding: 5rem 1rem;\n\n  button,\n  a {\n    font-family: 'Quicksand', sans-serif !important;\n  }\n\n  .all-talks {\n    height: calc(100vh - 500px);\n  }\n\n  .all-talks .chat-title {\n    font-size: 18px;\n  }\n\n  .hover-conversation {\n    height: 59px;\n  }\n\n  .hover-conversation p {\n    white-space: nowrap;\n    overflow: hidden;\n    color: #a9a9a9;\n    font-weight: 600;\n  }\n\n  .btn-talk {\n    white-space: nowrap;\n    overflow: hidden;\n    color: #a9a9a9;\n    font-weight: 600;\n  }\n\n  .div-background {\n    background: linear-gradient(\n      270deg,\n      #1f2020 18.23%,\n      rgba(31, 32, 32, 0) 74.72%\n    );\n    width: 100px;\n    height: 30px;\n    right: 0;\n  }\n\n  .btn-new {\n    border: 1px solid transparent;\n    border-radius: 18px;\n    font-weight: 700;\n    transition-duration: 0.3s;\n    font-size: 22px;\n  }\n\n  p {\n    color: #5a5b5b;\n    font-size: 18px;\n  }\n\n  .btn-clear {\n    color: #ff1a50;\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  hr {\n    margin-top: 5px;\n    opacity: 1;\n    height: 1px;\n    width: 100%;\n    border: 0;\n    transition-duration: 0.3s;\n  }\n\n  .talk {\n    a {\n      font-weight: 600;\n      font-size: 18px;\n      line-height: 134.08%;\n      letter-spacing: 0.09em;\n      display: flex;\n      transition-duration: 0.3s;\n    }\n\n    button:not(.btn-talk) {\n      opacity: 0;\n      visibility: hidden;\n      transition-duration: 0.3s;\n\n      svg {\n        transition-duration: 0.3s;\n      }\n    }\n\n    :hover {\n      background: rgba(24, 25, 26, 0.5);\n      border-radius: 12px;\n      .div-background {\n        display: none !important;\n      }\n    }\n    :hover,\n    :focus {\n      background: rgba(24, 25, 26, 0.88);\n      border-radius: 12px;\n      button {\n        opacity: 1;\n        visibility: visible;\n      }\n      .div-background {\n        display: none !important;\n      }\n      .btns-edit-trash {\n        background: rgba(24, 25, 26, 1);\n        height: 30px;\n      }\n    }\n\n    /* + .talk {\n      margin-top: 20px;\n    } */\n  }\n\n  .active {\n    background: rgba(24, 25, 26, 0.88);\n    border-radius: 12px;\n    button {\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n    .div-background {\n      display: none !important;\n    }\n    .btns-edit-trash {\n      background: rgba(24, 25, 26, 1);\n      height: 30px;\n    }\n  }\n\n  .btns-edit-trash {\n    right: 15px;\n  }\n\n  .btn-show-more {\n    border: 1px solid transparent;\n    border-radius: 18px;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 134.08%;\n    letter-spacing: 0.09em;\n    transition-duration: 0.3s;\n    margin-bottom: 3rem;\n  }\n\n  .more-options {\n    a {\n      font-weight: 600;\n      font-size: 18px;\n      line-height: 134.08%;\n      letter-spacing: 0.09em;\n      display: flex;\n\n      svg {\n        display: block;\n        margin-right: 10px;\n      }\n\n      + a {\n        margin-top: 20px;\n      }\n    }\n\n    .faq {\n      color: #5a5b5b;\n    }\n  }\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          background-color: #fafafa;\n          border-color: #ffffff;\n          box-shadow: 1px 16px 30px rgba(65, 65, 65, 0.06);\n\n          .btn-new {\n            border-color: #c4c4c4;\n            color: #626262;\n          }\n\n          hr {\n            background-color: #c4c4c4;\n          }\n\n          .talk {\n            a {\n              color: #626262;\n            }\n\n            button:nth-child(1) {\n              svg {\n                fill: #828282;\n              }\n            }\n\n            button:nth-child(2) {\n              svg {\n                stroke: #828282;\n              }\n            }\n          }\n\n          .btn-show-more {\n            background-color: #fff;\n            border-color: #f1f1f1;\n            color: #626262;\n          }\n\n          .more-options {\n            a {\n              color: #626262;\n            }\n\n            .faq {\n              color: #626262;\n            }\n          }\n        `;\n\n      default:\n        return css`\n          background-color: #1f2020;\n          border-color: #282929;\n          box-shadow: 1px 12px 30px rgba(0, 0, 0, 0.1);\n\n          .btn-new {\n            border-color: #5a5c65;\n            color: #c4c4c4;\n          }\n\n          hr {\n            background-color: #333333;\n          }\n\n          .talk {\n            a {\n              color: #c4c4c4;\n            }\n\n            button:nth-child(1) {\n              svg {\n                fill: #5a5b5b;\n              }\n            }\n\n            button:nth-child(2) {\n              svg {\n                stroke: #5a5b5b;\n              }\n            }\n          }\n\n          .btn-show-more {\n            background-color: rgba(24, 25, 26, 0.38);\n            border-color: #2c2d2e;\n            color: #c4c4c4;\n          }\n\n          .more-options {\n            a {\n              color: #c4c4c4;\n            }\n\n            .faq {\n              color: #5a5b5b;\n            }\n          }\n        `;\n    }\n  }}\n`;\n\nexport const Content = styled.div`\n  min-height: calc(100vh - 72px);\n  transition-duration: 0.3s;\n\n  h1 {\n    font-family: 'Quicksand', sans-serif;\n    font-weight: 500;\n    font-size: 48px;\n    text-align: center;\n    transition-duration: 0.3s;\n  }\n\n  p {\n    font-family: 'Quicksand', sans-serif;\n    font-weight: 300;\n    font-size: 18px;\n    text-align: center;\n    transition-duration: 0.3s;\n  }\n\n  .fade-chat {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    height: 120px;\n    width: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(24, 25, 26, 0) 7.58%,\n      rgba(24, 25, 26, 0.55) 23.61%,\n      rgba(24, 25, 26, 0.75) 33.61%,\n      #18191a 42.47%\n    );\n  }\n\n  .title-edit {\n    button {\n      opacity: 0;\n      transition-duration: 0.3s;\n    }\n    :hover {\n      button {\n        opacity: 1;\n      }\n    }\n  }\n\n  .chat-title {\n    font-family: 'Quicksand', sans-serif;\n    font-weight: 500;\n    font-size: 48px;\n    text-align: center;\n    transition-duration: 0.3s;\n  }\n\n  .action-buttons {\n    button {\n      margin-right: 15px;\n      border: 1px solid transparent;\n      backdrop-filter: blur(5px);\n      border-radius: 14px;\n      height: 42px;\n      width: 230px;\n      transition-duration: 0.3s;\n\n      svg {\n        margin-right: 10px;\n        transition-duration: 0.3s;\n      }\n\n      span {\n        font-weight: 300;\n        font-size: 14px;\n        line-height: 17px;\n        transition-duration: 0.3s;\n      }\n    }\n  }\n\n  .input {\n    border: 1px solid transparent;\n    border-radius: 22px;\n    height: 82px;\n    display: flex;\n    align-items: center;\n    padding: 32px 79px 32px 47px;\n    margin-top: 38px;\n    transition-duration: 0.3s;\n\n    > div {\n      background: transparent;\n      border: none;\n      padding: 0;\n\n      input {\n        font-weight: 300;\n        line-height: 19px;\n        transition-duration: 0.3s;\n\n        ::placeholder {\n          transition-duration: 0.3s;\n        }\n      }\n      input[disabled] {\n        opacity: 0.6;\n        //pointer-events: none;\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  button[disabled] {\n    opacity: 0.6;\n    //pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  button[type='submit'] {\n    svg {\n      display: block;\n      margin-right: 11px;\n      transition-duration: 0.3s;\n    }\n\n    .tiping {\n      position: relative;\n      width: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      span {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background-color: #c4c4c4;\n\n        :nth-child(1) {\n          /* transform: translateY(0px); */\n          animation: jump1 1s infinite;\n        }\n\n        :nth-child(2) {\n          /* transform: translateY(-5px); */\n          animation: jump2 1s infinite;\n          animation-delay: 0.25s;\n        }\n\n        :nth-child(3) {\n          /* transform: translateY(0px); */\n          animation: jump3 1s infinite;\n          animation-delay: 0.5s;\n        }\n\n        @keyframes jump1 {\n          0% {\n            transform: translateY(5px);\n          }\n          50% {\n            transform: translateY(-5px);\n          }\n          100% {\n            transform: translateY(5px);\n          }\n        }\n\n        @keyframes jump2 {\n          0% {\n            transform: translateY(5px);\n          }\n          50% {\n            transform: translateY(-5px);\n          }\n          100% {\n            transform: translateY(5px);\n          }\n        }\n\n        @keyframes jump3 {\n          0% {\n            transform: translateY(5px);\n          }\n          50% {\n            transform: translateY(-5px);\n          }\n          100% {\n            transform: translateY(5px);\n          }\n        }\n      }\n    }\n  }\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          h1 {\n            color: #3a3a3a;\n          }\n\n          p {\n            color: #626262;\n          }\n\n          .action-buttons {\n            button {\n              background-color: #fafafa;\n              border-color: #ffffff;\n\n              svg {\n                stroke: #828282;\n              }\n\n              span {\n                color: #828282;\n              }\n            }\n          }\n\n          .input {\n            background-color: #fafafa;\n            border-color: #ffffff;\n            box-shadow: 1px 16px 30px rgba(65, 65, 65, 0.06);\n\n            > div {\n              input {\n                ::placeholder {\n                  color: #9a9b9b;\n                }\n              }\n            }\n          }\n\n          button[type='submit'] {\n            color: #c4c4c4;\n\n            svg {\n              stroke: #9a9b9b;\n            }\n          }\n        `;\n\n      default:\n        return css`\n          h1 {\n            color: #cdcecf;\n          }\n\n          .chat-title {\n            color: #cdcecf;\n          }\n\n          p {\n            color: #afafaf;\n          }\n\n          .action-buttons {\n            button {\n              background-color: rgba(31, 32, 32, 0.22);\n              border-color: #282929;\n\n              svg {\n                stroke: #5a5b5b;\n              }\n\n              span {\n                color: #7d7777;\n              }\n            }\n          }\n\n          .input {\n            background-color: #1f2020;\n            border-color: #282929;\n            box-shadow: 1px 16px 30px rgba(0, 0, 0, 0.1);\n\n            > div {\n              input {\n                ::placeholder {\n                  color: #5a5b5b;\n                }\n              }\n            }\n          }\n\n          button[type='submit'] {\n            color: #c4c4c4;\n\n            svg {\n              stroke: rgba(196, 196, 196, 0.6);\n            }\n          }\n        `;\n    }\n  }}\n`;\n\nexport const Messages = styled.div`\n  max-height: calc(100vh - 300px);\n  overflow: auto;\n  //padding-left: 20px;\n\n  pre {\n    background-color: #1e1e1e;\n    border: 1px solid #282929;\n    border-radius: 10px;\n    padding: 30px;\n    overflow-x: auto; /* rolagem horizontal automática */\n\n    code {\n      padding: 0 !important;\n    }\n  }\n\n  pre.tag-pre {\n    background-color: transparent !important;\n    border: none !important;\n    border-radius: 0 !important;\n    padding: 0px !important;\n    overflow-x: unset !important;\n    white-space: pre-wrap !important;\n    font-family: 'Quicksand', sans-serif !important;\n    font-size: 20px !important;\n  }\n\n  code.tag-code {\n    font-family: monospace;\n    color: #a9a9a9;\n    background-color: #1f2020;\n    border: 1px solid #282929;\n    padding: 2px;\n    border-radius: 3px;\n    padding: 0px 5px;\n  }\n\n  ::-webkit-scrollbar {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    transition-duration: 0.3s;\n  }\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          ::-webkit-scrollbar-thumb {\n            background: #c4c4c4;\n          }\n        `;\n\n      default:\n        return css`\n          ::-webkit-scrollbar-thumb {\n            background: #333333;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const Message = styled.div`\n  .message {\n    width: calc(100% - 23px);\n    //width: calc(100% - 60px);\n    //margin-right: 20px;\n\n    border-radius: 16px;\n\n    p,\n    li {\n      font-family: 'Quicksand', sans-serif;\n      text-align: left;\n      transition-duration: 0.3s;\n      list-style-type: none;\n      font-weight: 300;\n      font-size: 20px;\n      padding: 0 10px;\n    }\n  }\n\n  .skeleton {\n    background-color: #18191a !important;\n    overflow: hidden;\n    position: relative;\n    border-radius: 10px;\n    height: 40px;\n    border: none !important;\n    color: transparent !important;\n    pointer-events: none;\n    display: inline-flex;\n    box-shadow: none;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n\n      transform: translateX(-100%);\n      background: linear-gradient(\n        90deg,\n        #18191a 0%,\n        rgba(31, 32, 33, 0) 0%,\n        rgba(31, 32, 33, 0) 10%,\n        rgba(31, 32, 33, 0.2) 20%,\n        rgba(31, 32, 33, 0.5) 40%,\n        rgba(31, 32, 33, 0.8) 50%,\n        rgba(31, 32, 33, 0.2) 80%,\n        rgba(31, 32, 33, 0) 90%,\n        rgba(31, 32, 33, 0) 100%\n      ) !important;\n      animation: glow 1.8s linear infinite;\n    }\n\n    @keyframes glow {\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  .p-skeleton {\n    font-weight: 300;\n    font-size: 17px !important;\n    color: #5a5b5b !important;\n  }\n\n  /* .skeleton {\n    height: 40px;\n    border-radius: 10px;\n    background: linear-gradient(\n      89.99deg,\n      #18191a 7.12%,\n      rgba(27, 27, 28, 0.81) 96.14%\n    );\n  } */\n\n  .message-user {\n    background: #2446fc;\n    p {\n      color: #eee !important;\n    }\n  }\n\n  .message-paige {\n    background: #111212;\n  }\n\n  .avatar {\n    padding-top: 29px;\n    left: 0;\n  }\n\n  + div {\n    .message {\n      border-radius: 16px;\n      padding-bottom: 20px;\n      padding-top: 29px;\n\n      transition-duration: 0.3s;\n    }\n  }\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          .message {\n            p,\n            li {\n              color: #626262;\n            }\n          }\n\n          + div {\n            .message {\n              border-color: #c4c4c4;\n            }\n          }\n        `;\n\n      default:\n        return css`\n          .message {\n            p,\n            li {\n              color: #eee;\n            }\n          }\n\n          + div {\n            .message {\n              p,\n              li {\n                color: #a9a9a9;\n              }\n            }\n          }\n        `;\n    }\n  }}\n\n  .btn-like {\n    bottom: 30px;\n  }\n\n  .btn-dislike {\n    transform: rotate(180deg);\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n  border: 1.5px solid transparent;\n  border-radius: 14px;\n  height: 46px;\n  width: 46px;\n  //margin-right: 38px;\n  transition-duration: 0.3s;\n\n  ${(props) => {\n    // console.log('++++++++++++++++++++++');\n    // console.log(props);\n    // // console.log(props.src);\n    // console.log('++++++++++++++++++++++');\n    switch (props.theme) {\n      case 'light':\n        return css`\n          box-shadow: 1px 16px 30px rgba(65, 65, 65, 0.06);\n          background-color: #fafafa;\n          border-color: #ffffff;\n        `;\n\n      default:\n        return css`\n          background-color: #1f2020;\n          border-color: rgba(255, 255, 255, 0.42);\n          box-shadow: 1px 12px 30px rgba(0, 0, 0, 0.1);\n        `;\n    }\n  }}\n`;\n\nexport const Settings = styled.div`\n  right: 3rem;\n  top: 3rem;\n\n  button {\n    border: 1px solid transparent;\n    border-radius: 14px;\n    height: 46px;\n    width: 46px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  ${(props) => {\n    switch (props.theme) {\n      case 'light':\n        return css`\n          button {\n            box-shadow: 1px 16px 30px rgba(65, 65, 65, 0.06);\n            background-color: #fafafa;\n            border-color: #ffffff;\n          }\n        `;\n\n      default:\n        return css`\n          button {\n            box-shadow: 1px 12px 30px rgba(0, 0, 0, 0.1);\n            background-color: #1f2020;\n            border-color: #282929;\n          }\n        `;\n    }\n  }}\n`;\n","export default __webpack_public_path__ + \"static/media/like-chatbot.7892c7e6.svg\";","import React, { useCallback, useEffect, useState } from 'react';\nimport TypistComponent from 'react-typist';\nimport Highlight from 'react-highlight';\n\ninterface ISubElement {\n  content: string;\n  code?: boolean;\n  inactiveHighlight?: boolean;\n  id: number;\n}\n\ninterface IElement {\n  content: ISubElement[];\n  pre: boolean;\n  id: number;\n  length: number;\n  language?: string;\n}\n\ninterface IElementTemp {\n  content: string;\n  pre: boolean;\n  id: number;\n  length: number;\n  language?: string;\n}\n\ninterface ITypistProps {\n  text: string;\n  className?: string;\n  speed?: number;\n  onTypingDone?(): void;\n  cursor?: TypistComponent.CursorProps;\n}\n\nconst Typist: React.FC<ITypistProps> = ({\n  text,\n  className,\n  // speed = 70,\n  speed = 30,\n  onTypingDone,\n  cursor,\n}) => {\n  const [elements, setElements] = useState<IElement[]>([]);\n\n  useEffect(() => {\n    const content = text\n      .replaceAll('</p><p>', '\\n')\n      .replace(/^([^\\n]*\\n)([\\s\\S]*)(\\n[^\\n]*)$/, '<Paige>$1$2$3</Paige>')\n      .replace(/```([\\s\\S]*?)```/g, '<pre>$1</pre>')\n      .replace(/`([\\s\\S]*?)`/g, '<code>$1</code>');\n    let activePreTag = false;\n    let activeCodeTag = false;\n    let inactiveHighlight = false;\n    const contentParts: IElement[] = content\n      .split(/(<pre>|<\\/pre>)/g)\n      .map((contentPart, index) => {\n        if (contentPart === '<pre>') {\n          activePreTag = true;\n          return '';\n        }\n        if (contentPart === '</pre>') {\n          activePreTag = false;\n          return '';\n        }\n\n        let partData = {} as IElementTemp;\n        if (activePreTag) {\n          const firstBreakLineIndex = contentPart.indexOf('\\n');\n          const language = contentPart.slice(0, firstBreakLineIndex);\n          const code = contentPart.slice(firstBreakLineIndex + 1);\n          partData = {\n            content: code,\n            pre: activePreTag,\n            id: index,\n            length: contentPart.length,\n            language,\n          };\n        } else {\n          partData = {\n            content: contentPart.replace(/<\\/?p>/gi, ''),\n            pre: activePreTag,\n            id: index,\n            length: contentPart.length,\n          };\n        }\n\n        const codeParts = partData.content\n          .split(/(<code>|<\\/code>)/g)\n          .map((codePart: string, idx: number) => {\n            if (codePart === '<code>') {\n              activeCodeTag = true;\n              return '';\n            }\n            if (codePart === '</code>') {\n              activeCodeTag = false;\n              return '';\n            }\n\n            return {\n              content: codePart,\n              code: activeCodeTag,\n              id: idx,\n            };\n          });\n\n        const brParts = partData.content\n          .split(/(<Paige>|<\\/Paige>)/g)\n          .map((brPart: string, idx: number) => {\n            if (brPart === '<Paige>') {\n              inactiveHighlight = true;\n              return '';\n            }\n            if (brPart === '</Paige>') {\n              inactiveHighlight = false;\n              return '';\n            }\n\n            return {\n              content: brPart,\n              inactiveHighlight,\n              id: idx,\n            };\n          });\n\n        const dataContent = JSON.parse(JSON.stringify(partData));\n        console.log();\n        console.log(brParts);\n        if (codeParts.length > 1) {\n          const filteredCodePearts = codeParts.filter((codePart) => !!codePart);\n          dataContent.content = filteredCodePearts.map((codePart: any) => ({\n            ...codePart,\n            content: codePart.content\n              .replace('<Paige>', '')\n              .replace('</Paige>', ''),\n          }));\n        } else if (brParts.length > 0) {\n          dataContent.content = brParts.filter((brPart) => !!brPart);\n        }\n        return dataContent;\n      });\n\n    const contentData = contentParts.filter((contentPart) => !!contentPart);\n    console.log(contentData);\n    setElements(contentData);\n  }, [text]);\n\n  const handleTypingDone = useCallback(() => {\n    if (onTypingDone) {\n      onTypingDone();\n    }\n  }, [onTypingDone]);\n\n  return (\n    <div className={className}>\n      {elements.map((element, index) => (\n        <TypistComponent\n          className=\"text-right\"\n          startDelay={\n            index > 0 ? elements[index - 1].length * speed * index : undefined\n          }\n          cursor={cursor}\n          onTypingDone={\n            index + 1 === elements.length ? handleTypingDone : undefined\n          }\n          avgTypingDelay={speed}\n        >\n          {element.pre ? (\n            <p>\n              <Highlight className={element.language}>\n                {element.content.map((content) => {\n                  if (content.code) {\n                    return `<code>${content.content}</code>`;\n                  }\n                  return content.content;\n                })}\n              </Highlight>\n            </p>\n          ) : (\n            <p>\n              {element.content.map((content) => {\n                if (content.code) {\n                  return <code className=\"tag-code\">{content.content}</code>;\n                }\n                if (content.inactiveHighlight) {\n                  return <pre className=\"tag-pre\">{content.content}</pre>;\n                }\n                return content.content;\n              })}\n            </p>\n          )}\n        </TypistComponent>\n      ))}\n    </div>\n  );\n};\n\nexport default Typist;\n","export default __webpack_public_path__ + \"static/media/list.c67cb41b.svg\";","/* eslint-disable new-cap */\n/* eslint-disable no-await-in-loop */\n/* eslint-disable no-restricted-syntax */\nimport React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport { IoMdArrowBack } from 'react-icons/io';\nimport { IoSunnyOutline, IoMoonOutline } from 'react-icons/io5';\nimport { BsArrowReturnRight } from 'react-icons/bs';\nimport { Form } from '@unform/web';\nimport { Link, useHistory, useParams } from 'react-router-dom';\nimport { FiCompass, FiDownload, FiHelpCircle } from 'react-icons/fi';\nimport { AiOutlineCheck, AiOutlineEdit } from 'react-icons/ai';\nimport { TbTrash } from 'react-icons/tb';\nimport { HiOutlineRefresh } from 'react-icons/hi';\nimport { FormHandles } from '@unform/core';\nimport * as Yup from 'yup';\nimport { MdOutlineStopCircle } from 'react-icons/md';\nimport html2canvas from 'html2canvas';\nimport { jsPDF } from 'jspdf';\nimport hljs from 'highlight.js';\nimport 'highlight.js/styles/vs2015.css';\n\nimport { web3store } from '~/store';\nimport like from '~/assets/icons/like-chatbot.svg';\nimport paigeTitle from '~/assets/defaults/paige-chatbot.png';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\n\nimport getValidationErros from '~/utils/getValidationsErrors';\n\nimport {\n  Container,\n  Menu,\n  Sidebar,\n  Content,\n  Messages,\n  Message,\n  Avatar,\n  Settings,\n} from './styles';\nimport Input from '~/components/Input';\nimport Typist from '~/components/Typist';\n\nimport list from '~/assets/icons/list.svg';\nimport api from '~/services/api';\nimport { useAuth } from '~/hooks/Auth';\nimport Loading from '~/components/Loading';\n\ninterface IParams {\n  slug?: string;\n}\n\ninterface ITalk {\n  id: number;\n  title: string;\n  edit?: boolean;\n}\n\ninterface IMessage {\n  id: number;\n  avatar: string;\n  message: string;\n  new?: boolean;\n}\n\ninterface IFormData {\n  thread: string;\n  prompt: string;\n}\n\nconst Chatbot: React.FC = () => {\n  const { user } = useAuth();\n  const formRef = useRef<FormHandles>(null);\n  const chatListRef = useRef<HTMLDivElement>(null);\n  const deleteChatRef = useRef<HTMLDivElement>(null);\n  const exitPaigeRef = useRef<HTMLDivElement>(null);\n  const params = useParams<IParams>();\n  const history = useHistory();\n  const [showMenu, setShowMenu] = useState(false);\n  const [theme, setTheme] = useState<'dark' | 'light'>('dark');\n  const [talks, setTalks] = useState<ITalk[]>([]);\n  const [talkSelected, setTalkSelected] = useState({} as ITalk);\n  const [messages, setMessages] = useState<IMessage[]>([]);\n  const [connectedMember] = web3store.useState('connectedMember');\n  const [loadingChat, setLoadingChat] = useState(false);\n  const [disabled, setDisabled] = useState(true);\n  const [screenTitle, setScreenTitle] = useState('');\n  const [lockInputChat, setLockInputChat] = useState(false);\n  const [deleteChat, setDeleteChat] = useState(false);\n  const [chatId, setChatId] = useState<number>();\n  const [exitPaige, setExitPaige] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [oldPrompt, setOldPrompt] = useState('');\n  const [buttonStopTypist, setButtonStopTypist] = useState(false);\n  const [random, setRandom] = useState(0);\n  const randomNumber = Math.floor(random * 11);\n  const avatarPaige = 'https://qa.pcode.pro/v1/nft/image/paige.png';\n\n  const listNewChat = useMemo(\n    () => [\n      \"Hey, let's start fresh. What's on your mind?\",\n      \"Hey, let's begin a new chat. What's up?\",\n      \"Hey there, what's on your mind?\",\n      \"Sure, what's your request?\",\n      'Hey again! What brings you back?',\n      \"Sure! What's your question?\",\n      \"Sounds good, let's begin a new chat.\",\n      \"Sure, let's start a new thread. What's on your mind?\",\n      \"No problem, let's start fresh.\",\n      'What can I assist you with?',\n      'Whats your request?',\n    ],\n    []\n  );\n\n  const pdf = document.getElementById('pdf');\n\n  const handlePdf = async () => {\n    try {\n      setLoading(true);\n      const doc = new jsPDF();\n\n      const messagesElements = pdf?.querySelectorAll(\n        '.message-box'\n      ) as unknown as HTMLElement[];\n\n      doc.setFontSize(30);\n      doc.text(screenTitle, 20, 20);\n\n      let y = 30;\n\n      for (const messageElement of messagesElements) {\n        const canvasMessage = await html2canvas(messageElement, {\n          useCORS: true,\n        });\n\n        if (y + canvasMessage.height * 0.25 * 0.75 > 280) {\n          doc.addPage();\n          y = 20;\n        }\n        doc.addImage(\n          canvasMessage,\n          15,\n          y,\n          canvasMessage.width * 0.25 * 0.75,\n          canvasMessage.height * 0.25 * 0.75\n        );\n        y += 5 + canvasMessage.height * 0.25 * 0.75;\n      }\n      doc.save('conversation.pdf');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    const tokenID = connectedMember.memberId;\n    api\n      .get('/v1/paige/thread/list', {\n        params: {\n          tokenID,\n        },\n      })\n      .then((response) => {\n        setTalks(response.data.threads);\n      })\n      .catch((error) => {\n        console.log('================= ERROR ===================');\n        console.log(error);\n      });\n  }, [connectedMember.memberId]);\n\n  const scrollMessages = useCallback(() => {\n    const scroll = document.getElementById('messages');\n    setTimeout(() => {\n      scroll?.scrollTo(0, scroll.scrollHeight);\n    }, 300);\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (data: IFormData) => {\n      try {\n        formRef.current?.setErrors({});\n        const schema = Yup.object().shape({\n          prompt: Yup.string().required('Message is required'),\n        });\n\n        await schema.validate(data, {\n          abortEarly: false,\n        });\n\n        const member = connectedMember.memberId;\n\n        if (user) {\n          setMessages((state) => [\n            ...state,\n            {\n              id: 1,\n              avatar: user.nft_img,\n              message: `<p>${data.prompt}</p>`,\n            },\n          ]);\n\n          formRef.current?.reset();\n          setOldPrompt(data.prompt);\n        }\n\n        setButtonStopTypist(true);\n        setLoadingChat(true);\n        setLockInputChat(true);\n        scrollMessages();\n        const response = await api.post('v2/paige/chat/generate', {\n          tokenID: member,\n          prompt: data.prompt,\n          threadID: talkSelected.id,\n        });\n        setTalkSelected({\n          id: response.data.threadID,\n          title: response.data.title,\n        });\n\n        setMessages((state) => [\n          ...state,\n          {\n            id: 2,\n            avatar: response.data.paigeAvatar,\n            message: response.data.message\n              .replace('<p>', '')\n              .replace('</p>', ''),\n\n            new: true,\n          },\n        ]);\n\n        console.log(response.data.message);\n\n        setLoadingChat(false);\n        scrollMessages();\n      } catch (error) {\n        if (error instanceof Yup.ValidationError) {\n          const errors = getValidationErros(error);\n          formRef.current?.setErrors(errors);\n        } else {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        }\n      }\n    },\n    [connectedMember.memberId, scrollMessages, talkSelected.id, user]\n  );\n\n  const handleRethinkAnswer = useCallback(async () => {\n    setLoadingChat(true);\n    try {\n      const member = connectedMember.memberId;\n      setButtonStopTypist(true);\n      setLockInputChat(true);\n      scrollMessages();\n      const response = await api.post('v2/paige/chat/generate', {\n        tokenID: member,\n        prompt: oldPrompt,\n        threadID: talkSelected.id,\n      });\n\n      setMessages((state) => [\n        ...state,\n        {\n          id: 2,\n          avatar: response.data.paigeAvatar,\n          message: response.data.message.replace('<p>', '').replace('</p>', ''),\n\n          new: true,\n        },\n      ]);\n\n      setLoadingChat(false);\n      setLockInputChat(false);\n      scrollMessages();\n    } catch (error) {\n      if (error instanceof Yup.ValidationError) {\n        const errors = getValidationErros(error);\n        formRef.current?.setErrors(errors);\n      } else {\n        console.log('================= ERROR ===================');\n        console.log(error);\n      }\n    }\n  }, [connectedMember.memberId, oldPrompt, scrollMessages, talkSelected.id]);\n\n  const handleClickShowMenu = useCallback(() => {\n    setShowMenu(true);\n  }, []);\n\n  const handleClickBack = useCallback(() => {\n    if (showMenu) {\n      setShowMenu(false);\n    } else {\n      setTimeout(() => {\n        setExitPaige(true);\n      }, 100);\n    }\n  }, [showMenu]);\n\n  const handleClickTheme = useCallback(() => {\n    if (theme === 'dark') {\n      setTheme('light');\n    } else {\n      setTheme('dark');\n    }\n  }, [theme]);\n\n  const alterMessage = useCallback((message: string) => {\n    const messageData = message\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n\n      .replace(/```([\\s\\S]*?)```/g, '<pre>$1</pre>')\n      .replace(/`([\\s\\S]*?)`/g, '<code class=\"tag-code\">$1</code>');\n\n    let activePreTag = false;\n    const messageParts = messageData\n      .split(/(<pre>|<\\/pre>)/g)\n      .map((contentPart, index) => {\n        if (contentPart === '<pre>') {\n          activePreTag = true;\n          return '';\n        }\n        if (contentPart === '</pre>') {\n          activePreTag = false;\n          return '';\n        }\n\n        if (activePreTag) {\n          return {\n            content: contentPart.replace(/&lt;/g, '<').replace(/&gt;/g, '>'),\n            pre: activePreTag,\n            id: index,\n            length: contentPart.length,\n          };\n        }\n        return {\n          content: contentPart\n            .replace(/<\\/?p>/gi, '')\n            .replace(\n              /^([^\\n]*\\n)([\\s\\S]*)(\\n[^\\n]*)$/,\n              '<pre class=\"tag-pre\">$1$2$3</pre>'\n            ),\n          pre: activePreTag,\n          id: index,\n          length: contentPart.length,\n        };\n      });\n\n    const messagePartsData = messageParts.filter(\n      (messagePart) => !!messagePart\n    );\n\n    const newMessageData = messagePartsData.reduce(\n      (previous: string, current) => {\n        if (typeof previous === 'string' && typeof current === 'object') {\n          if (current.pre) {\n            const firstBreakLineIndex = current.content.indexOf('\\n');\n            const language = current.content.slice(0, firstBreakLineIndex);\n            const code = current.content.slice(firstBreakLineIndex + 1);\n            try {\n              return `${previous}<pre>${\n                hljs.highlight(code, { language }).value\n              }</pre>`;\n            } catch (error) {\n              return `${previous}<pre>${\n                hljs.highlight(code, { language: 'html' }).value\n              }</pre>`;\n            }\n          }\n          return previous + current.content;\n        }\n\n        return '';\n      },\n      ''\n    );\n\n    return newMessageData;\n  }, []);\n\n  const threadSelected = useCallback(\n    async (talk: ITalk) => {\n      try {\n        setTalkSelected({} as ITalk);\n        setMessages([]);\n        const tokenID = connectedMember.memberId;\n        const response = await api.post('v1/paige/thread/get', {\n          tokenID,\n          threadID: talk.id,\n        });\n        const questions = response.data.thread_items.filter(\n          (message: IMessage) => !message.avatar.includes('paige')\n        );\n        if (questions.length > 0) {\n          setOldPrompt(questions[questions.length - 1].message);\n        }\n        const data: IMessage[] = response.data.thread_items.map(\n          (message: IMessage) => {\n            return {\n              id: message.id,\n              avatar: message.avatar,\n              message: alterMessage(message.message),\n            };\n          }\n        );\n        setTalkSelected(talk);\n        setMessages(data);\n      } catch (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n      }\n    },\n    [alterMessage, connectedMember.memberId]\n  );\n\n  const newThread = useCallback(() => {\n    setRandom(Math.random());\n\n    setTalkSelected({\n      id: 0,\n      title: listNewChat[randomNumber],\n    });\n\n    setMessages([]);\n  }, [listNewChat, randomNumber]);\n\n  const handleChangeTitle = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newTalks = talks.slice();\n      const talkIndex = newTalks.findIndex(\n        (talk) => talk.id === talkSelected.id\n      );\n      if (talkIndex >= 0) {\n        newTalks[talkIndex].title = e.target.value;\n      }\n      setTalks(newTalks);\n      setScreenTitle(e.target.value);\n    },\n    [talkSelected.id, talks]\n  );\n\n  const handleDisabled = useCallback(() => {\n    setDisabled(!disabled);\n    if (disabled === false) {\n      const newTalks = talks.slice();\n      const talkIndex = newTalks.findIndex(\n        (talk) => talk.id === talkSelected.id\n      );\n      if (talkIndex >= 0) {\n        newTalks[talkIndex].edit = false;\n      }\n      setTalks(newTalks);\n    }\n  }, [disabled, talkSelected.id, talks]);\n\n  const handleClickEditTitle = useCallback((index) => {\n    setTalks((state) => {\n      const newTalks = state.slice();\n\n      newTalks[index].edit = true;\n\n      return newTalks;\n    });\n  }, []);\n\n  const handleClickSaveTitle = useCallback((index) => {\n    setTalks((state) => {\n      const newTalks = state.slice();\n\n      newTalks[index].edit = false;\n\n      return newTalks;\n    });\n  }, []);\n\n  const handleChangeTitleTalk = useCallback(\n    (e: ChangeEvent<HTMLInputElement>, index) => {\n      setTalks((state) => {\n        const newTalks = state.slice();\n\n        newTalks[index].title = e.target.value;\n\n        return newTalks;\n      });\n    },\n    []\n  );\n\n  useEffect(() => {\n    setScreenTitle(talkSelected.title);\n  }, [talkSelected.title]);\n\n  useEffect(() => {\n    const btnEdit = document.querySelector('.chat-title') as HTMLElement;\n    if (btnEdit && disabled === false) {\n      btnEdit.focus();\n    }\n  }, [disabled]);\n\n  const handleTypingDone = useCallback(() => {\n    setLockInputChat(false);\n    scrollMessages();\n    setButtonStopTypist(false);\n  }, [scrollMessages]);\n\n  const handleDeleteChat = useCallback((id) => {\n    setTimeout(() => {\n      setChatId(id);\n      setDeleteChat(true);\n    }, 100);\n  }, []);\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      if (\n        deleteChat &&\n        deleteChatRef.current &&\n        e.target !== deleteChatRef.current &&\n        !deleteChatRef.current.contains(e.target)\n      ) {\n        setDeleteChat(false);\n      }\n      if (\n        exitPaige &&\n        exitPaigeRef.current &&\n        e.target !== exitPaigeRef.current &&\n        !exitPaigeRef.current.contains(e.target)\n      ) {\n        setExitPaige(false);\n      }\n    },\n    [deleteChat, exitPaige]\n  );\n\n  const handleStopTypist = useCallback(() => {\n    const newMessages = messages.slice();\n\n    newMessages[newMessages.length - 1].new = false;\n    newMessages[newMessages.length - 1].message = alterMessage(\n      newMessages[newMessages.length - 1].message\n    );\n\n    setMessages(newMessages);\n    handleTypingDone();\n    scrollMessages();\n  }, [alterMessage, handleTypingDone, messages, scrollMessages]);\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick);\n  }, [handleOutsideClick]);\n\n  return (\n    <>\n      <Container theme={theme} className=\"py-3 px-5 position-relative\">\n        {false && (\n          <Settings theme={theme} className=\"position-absolute\">\n            <button\n              type=\"button\"\n              className=\"ms-auto d-flex align-items-center justify-content-center\"\n              onClick={handleClickTheme}\n            >\n              {theme === 'dark' && <IoSunnyOutline size={20} color=\"#828282\" />}\n              {theme === 'light' && <IoMoonOutline size={20} color=\"#828282\" />}\n            </button>\n          </Settings>\n        )}\n        <div className=\"d-flex no-wrap\">\n          <Menu\n            theme={theme}\n            className=\"w-20 d-flex flex-column align-items-start position-relative\"\n          >\n            <div className=\"d-flex btn-back position-absolute\">\n              <button\n                type=\"button\"\n                className=\"bg-transparent border-0 me-3\"\n                onClick={handleClickBack}\n              >\n                <IoMdArrowBack size={30} color=\"#4F4F4F\" />\n              </button>\n              <img src={paigeTitle} alt=\"\" />\n              {exitPaige && (\n                <div ref={exitPaigeRef} className=\"exit position-absolute p-4\">\n                  <h2 className=\"mb-4 text-disconnect text-center\">\n                    Go Back To\n                    <br />\n                    Dashboard?\n                  </h2>\n\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      history.push(`${process.env.PUBLIC_URL}/dashboard`)\n                    }\n                    className=\"btn-yes btn-to-dashboard w-100 py-3 mb-2\"\n                  >\n                    Yes\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => setExitPaige(false)}\n                    className=\"btn-no py-3  mb-2 w-100\"\n                  >\n                    No\n                  </button>\n                </div>\n              )}\n            </div>\n            <button\n              type=\"button\"\n              className=\"bg-transparent border-0 d-flex align-items-center ps-3 pt-5 mt-4\"\n              onClick={handleClickShowMenu}\n            >\n              <span>\n                <img src={list} alt=\"list\" />\n              </span>{' '}\n              Saved Chats\n            </button>\n            <Sidebar\n              theme={theme}\n              active={showMenu}\n              className=\"d-flex flex-column justify-content-between px-3 position-absolute\"\n            >\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"btn-new bg-transparent py-3 mb-4 w-100\"\n                  onClick={() => newThread()}\n                >\n                  New Conversation\n                </button>\n\n                <div className=\"d-flex justify-content-between\">\n                  <p className=\"mb-0\">Conversations ({talks.length})</p>\n                  {false && (\n                    <button\n                      type=\"button\"\n                      className=\"border-0 bg-transparent btn-clear\"\n                    >\n                      CLEAR\n                    </button>\n                  )}\n                </div>\n                <hr />\n                <div className=\"all-talks overflow-auto\">\n                  {talks.map((talk, index) => (\n                    <div\n                      key={talk.id}\n                      className={`${chatId === talk.id && 'active'} talk`}\n                    >\n                      <div className=\"d-flex justify-content-between position-relative hover-conversation p-3\">\n                        {!talk.edit ? (\n                          <button\n                            type=\"button\"\n                            onClick={() => {\n                              threadSelected(talk);\n                              setChatId(talk.id);\n                            }}\n                            className=\"bg-transparent border-0 btn-talk w-100 text-start\"\n                          >\n                            <p className=\"mb-0\">{talk.title}</p>\n                          </button>\n                        ) : (\n                          <input\n                            type=\"text\"\n                            className=\"d-block bg-transparent border-0 chat-title\"\n                            onChange={(e) => handleChangeTitleTalk(e, index)}\n                            value={talk.title}\n                          />\n                        )}\n                        {/* <Link to={`/products/paige/${talk.id}`}>{talk.title}</Link> */}\n                        <div className=\"position-absolute div-background\" />\n                        <div className=\"d-flex position-absolute btns-edit-trash\">\n                          {!talk.edit ? (\n                            <button\n                              type=\"button\"\n                              onClick={() => handleClickEditTitle(index)}\n                              className=\"border-0 bg-transparent mx-1\"\n                            >\n                              <AiOutlineEdit size={22} />\n                            </button>\n                          ) : (\n                            <button\n                              type=\"button\"\n                              onClick={() => handleClickSaveTitle(index)}\n                              className=\"border-0 bg-transparent mx-1\"\n                            >\n                              <AiOutlineCheck size={22} />\n                            </button>\n                          )}\n                          <button\n                            type=\"button\"\n                            onClick={() => handleDeleteChat(talk.id)}\n                            className=\"border-0 bg-transparent\"\n                          >\n                            <TbTrash size={22} />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  ))}\n                  {deleteChat && (\n                    <div\n                      ref={deleteChatRef}\n                      className=\"disconnect position-absolute p-4\"\n                    >\n                      <h2 className=\"mb-4 text-disconnect text-center\">\n                        Delete <br />\n                        Chat?\n                      </h2>\n\n                      <button type=\"button\" className=\"btn-yes w-100 py-3 mb-2\">\n                        Yes\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => setDeleteChat(false)}\n                        className=\"btn-no py-3  mb-2 w-100\"\n                      >\n                        No\n                      </button>\n                    </div>\n                  )}\n                </div>\n                <button type=\"button\" className=\"btn-show-more py-3 mt-4 w-100\">\n                  Show More\n                </button>\n              </div>\n              {false && (\n                <div className=\"d-flex flex-column align-items-start more-options\">\n                  <Link to=\"/products/paige/1\">\n                    <FiCompass size={20} />\n                    Show More\n                  </Link>\n                  <Link to=\"/\" className=\"faq\">\n                    <FiHelpCircle size={20} />\n                    FAQs\n                  </Link>\n                </div>\n              )}\n            </Sidebar>\n          </Menu>\n          <Content\n            theme={theme}\n            className={`${\n              showMenu && 'ps-5'\n            } w-60 mx-auto d-flex align-items-center`}\n          >\n            <div className=\"container h-100\">\n              <div className=\"row h-100\">\n                <div\n                  className={`col-12 h-100 d-flex flex-column ${\n                    messages.length > 0\n                      ? 'justify-content-between'\n                      : 'justify-content-center'\n                  }`}\n                >\n                  {Object.keys(talkSelected).length > 0 ? (\n                    <div id=\"pdf\">\n                      <div className=\"d-flex justify-content-center align-items-center mb-5 title-edit\">\n                        <div className=\"mx-auto w-100\">\n                          <input\n                            type=\"text\"\n                            className=\"d-block bg-transparent border-0 chat-title w-100 \"\n                            onChange={handleChangeTitle}\n                            value={screenTitle}\n                            disabled={disabled}\n                          />\n                        </div>\n                        {talkSelected.id !== 0 && (\n                          <div>\n                            <button\n                              type=\"button\"\n                              onClick={handleDisabled}\n                              className=\"border-0 bg-transparent \"\n                            >\n                              {disabled ? (\n                                <AiOutlineEdit size={26} />\n                              ) : (\n                                <AiOutlineCheck size={26} />\n                              )}\n                            </button>\n                          </div>\n                        )}\n                      </div>\n                      <Messages id=\"messages\" theme={theme}>\n                        {messages.map((message, index) => (\n                          <Message\n                            key={index.toString()}\n                            theme={theme}\n                            className=\"mb-4 message-box\"\n                          >\n                            <div className=\"d-flex position-relative justify-content-end pe-3\">\n                              <div className=\"avatar position-absolute\">\n                                <Avatar src={message.avatar} theme={theme} />\n                              </div>\n                              {message.avatar.includes('paige') &&\n                              message.new ? (\n                                <Typist\n                                  text={message.message}\n                                  className=\"message message-paige py-4 px-5\"\n                                  cursor={{\n                                    show: false,\n                                  }}\n                                  onTypingDone={handleTypingDone}\n                                  speed={5}\n                                />\n                              ) : (\n                                <div\n                                  className={`message py-4 px-5 ${\n                                    message.avatar.includes('paige')\n                                      ? 'message-paige'\n                                      : 'message-user'\n                                  }`}\n                                >\n                                  <p\n                                    dangerouslySetInnerHTML={{\n                                      __html: message.message,\n                                    }}\n                                  />\n                                </div>\n                              )}\n                            </div>\n                            {index === messages.length - 1 && loadingChat && (\n                              <div className=\"d-flex position-relative justify-content-end pe-3 mt-4\">\n                                <div className=\"avatar position-absolute\">\n                                  <Avatar src={avatarPaige} theme={theme} />\n                                </div>\n\n                                <div className=\"message py-4 px-5 message-paige\">\n                                  <p className=\"p-skeleton\">\n                                    Working on it....\n                                  </p>\n                                  <div className=\"w-100 skeleton mb-2\" />\n                                  <div className=\"w-90 skeleton mb-2\" />\n                                  <div className=\"w-75 skeleton mb-2\" />\n                                  <div className=\"w-75 skeleton mb-2\" />\n                                </div>\n                              </div>\n                            )}\n                            {false && (\n                              <div>\n                                <button\n                                  type=\"button\"\n                                  className=\"border-0 bg-transparent btn-like\"\n                                >\n                                  <img src={like} alt=\"Like\" />\n                                </button>\n                                <button\n                                  type=\"button\"\n                                  className=\"border-0 bg-transparent btn-dislike\"\n                                >\n                                  <img src={like} alt=\"Like\" />\n                                </button>\n                              </div>\n                            )}\n                          </Message>\n                        ))}\n                      </Messages>\n                    </div>\n                  ) : (\n                    <>\n                      <div>\n                        <h1>Hey, I’m Paige!</h1>\n                        <p>Your personal AI generative expert</p>\n                      </div>\n                      {messages.length > 0 && (\n                        <Messages id=\"messages\" theme={theme}>\n                          {messages.map((message, index) => (\n                            <Message\n                              key={index.toString()}\n                              theme={theme}\n                              className=\"mb-4 message-box\"\n                            >\n                              <div className=\"d-flex position-relative justify-content-end pe-3\">\n                                <div className=\"avatar position-absolute\">\n                                  <Avatar src={message.avatar} theme={theme} />\n                                </div>\n                                {message.avatar.includes('paige') &&\n                                message.new ? (\n                                  <Typist\n                                    text={message.message}\n                                    className=\"message message-paige py-4 px-5\"\n                                    cursor={{\n                                      show: false,\n                                    }}\n                                    onTypingDone={handleTypingDone}\n                                    speed={10}\n                                  />\n                                ) : (\n                                  <div\n                                    className={`message py-4 px-5 ${\n                                      message.avatar.includes('paige')\n                                        ? 'message-paige'\n                                        : 'message-user'\n                                    }`}\n                                  >\n                                    <p\n                                      dangerouslySetInnerHTML={{\n                                        __html: message.message,\n                                      }}\n                                    />\n                                  </div>\n                                )}\n                              </div>\n                              {index === messages.length - 1 && loadingChat && (\n                                <div className=\"d-flex position-relative justify-content-end pe-3 mt-4\">\n                                  <div className=\"avatar position-absolute\">\n                                    <Avatar src={avatarPaige} theme={theme} />\n                                  </div>\n\n                                  <div className=\"message py-4 px-5 message-paige\">\n                                    <p className=\"p-skeleton\">\n                                      Working on it....\n                                    </p>\n                                    <div className=\"w-100 skeleton mb-2\" />\n                                    <div className=\"w-90 skeleton mb-2\" />\n                                    <div className=\"w-75 skeleton mb-2\" />\n                                    <div className=\"w-75 skeleton mb-2\" />\n                                  </div>\n                                </div>\n                              )}\n                              {false && (\n                                <div>\n                                  <button\n                                    type=\"button\"\n                                    className=\"border-0 bg-transparent btn-like\"\n                                  >\n                                    <img src={like} alt=\"Like\" />\n                                  </button>\n                                  <button\n                                    type=\"button\"\n                                    className=\"border-0 bg-transparent btn-dislike\"\n                                  >\n                                    <img src={like} alt=\"Like\" />\n                                  </button>\n                                </div>\n                              )}\n                            </Message>\n                          ))}\n                        </Messages>\n                      )}\n                    </>\n                  )}\n                  <Form ref={formRef} onSubmit={handleSubmit}>\n                    {messages.length > 1 && (\n                      <div className=\"d-flex action-buttons mb-n4 px-3 position-relative\">\n                        <div className=\"fade-chat\" />\n                        {!buttonStopTypist && (\n                          <>\n                            <button\n                              type=\"button\"\n                              className={`${\n                                loadingChat && 'opacity-0 invisible'\n                              } d-flex align-items-center justify-content-center`}\n                              onClick={handleRethinkAnswer}\n                            >\n                              <HiOutlineRefresh size={24} />\n                              <span>RETHINK ANSWER</span>\n                            </button>\n                            <button\n                              type=\"button\"\n                              className={`${\n                                loadingChat && 'opacity-0 invisible'\n                              } d-flex align-items-center justify-content-center`}\n                              onClick={handlePdf}\n                            >\n                              <FiDownload size={24} />\n                              <span>DOWNLOAD CHAT</span>\n                            </button>\n                          </>\n                        )}\n                        {buttonStopTypist && (\n                          <button\n                            type=\"button\"\n                            className={`${\n                              loadingChat && 'opacity-0 invisible'\n                            } d-flex align-items-center justify-content-center ms-auto me-0`}\n                            onClick={handleStopTypist}\n                          >\n                            <MdOutlineStopCircle size={24} />\n                            <span>STOP GENERATING</span>\n                          </button>\n                        )}\n                      </div>\n                    )}\n                    <div className=\"d-flex input\">\n                      <Input\n                        name=\"prompt\"\n                        disabled={lockInputChat}\n                        placeholder=\"Ask me anything....\"\n                      />\n                      <button\n                        type=\"submit\"\n                        disabled={lockInputChat}\n                        className=\"bg-transparent border-0 d-flex align-items-center\"\n                      >\n                        {lockInputChat ? (\n                          <span className=\"tiping\">\n                            <span />\n                            <span />\n                            <span />\n                          </span>\n                        ) : (\n                          <>\n                            <BsArrowReturnRight size={15} /> Send\n                          </>\n                        )}\n                      </button>\n                    </div>\n                  </Form>\n                </div>\n              </div>\n            </div>\n          </Content>\n          {!showMenu && <div className=\"w-20\" />}\n        </div>\n      </Container>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"EXPORTING CONVERSATION...\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default Chatbot;\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/nft-lp.e8be6e28.png\";","export default __webpack_public_path__ + \"static/media/nft-lp-rings.2230b41e.png\";","import styled from 'styled-components';\nimport banner from '~/assets/banners/nft-lp.png';\nimport bannerLg from '~/assets/banners/nft-lp-large.png';\nimport paint from '~/assets/banners/nft-lp-paint.png';\nimport rings from '~/assets/banners/nft-lp-rings.png';\n\ninterface IWidthScreen {\n  width: number;\n}\n\nexport const Container = styled.div`\n  h1 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 180px;\n    line-height: 143px;\n    letter-spacing: -0.04em;\n    color: #fff;\n    //padding: 2.5rem 1.5rem;\n    span {\n      font-family: 'Expletus Sans', sans-serif !important;\n    }\n  }\n\n  h2 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 400;\n    font-size: 32px;\n    line-height: 40px;\n    color: #d6d6d6;\n  }\n\n  .first-bubble h3 {\n    font-family: 'Bebas Neue', sans-serif;\n\n    font-weight: 400;\n    font-size: 30px;\n    line-height: 36px;\n    color: #dadada;\n  }\n\n  .second-bubble h3 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 300;\n    font-size: 25px;\n    line-height: 31px;\n\n    color: #dadada;\n    span {\n      font-weight: 700;\n    }\n  }\n\n  .rings {\n    background: url(${rings});\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    //padding-top: 10%;\n    height: 85vh;\n  }\n\n  .banner {\n    background: url(${banner});\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    height: 100vh;\n  }\n\n  .text-grad {\n    background: linear-gradient(90.42deg, #ea82ec 2.48%, #df504c 109.45%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-fill-color: transparent;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    border: 1px solid #fff;\n    border-radius: 40px;\n    //height: 470px;\n    width: 100%;\n  }\n\n  .bg-nft img {\n    //height: 70%;\n  }\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 30px;\n    line-height: 37px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n\n    background-color: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .nft {\n    //filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .right-side {\n    width: 55%;\n    margin: auto;\n  }\n\n  .text-get-free {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 60px;\n    -webkit-text-stroke-width: 1px;\n    -webkit-text-stroke-color: #fff;\n    color: transparent;\n    span {\n      font-family: 'Expletus Sans', sans-serif;\n    }\n  }\n\n  .bg-main {\n    background: rgba(23, 23, 25, 0.46);\n    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.265139);\n    backdrop-filter: blur(5px);\n    border-radius: 37px 37px 0px 0px;\n    width: 100%;\n  }\n\n  .btn-mint {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 22px;\n    font-weight: 600;\n    padding: 22px 49px;\n    font-size: 24px;\n    color: #000;\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.8;\n    }\n  }\n\n  .bottom {\n    bottom: 0px;\n\n    max-width: 1700px;\n  }\n\n  @media screen and (min-width: 1300px) {\n    .zoom {\n      zoom: 0.7;\n    }\n\n    .rings {\n      height: 100vh;\n    }\n\n    .right-side {\n      width: 45%;\n    }\n  }\n\n  @media screen and (min-width: 1600px) {\n    .container {\n      max-width: 1500px;\n    }\n\n    .zoom {\n      zoom: 0.7;\n    }\n\n    .right-side {\n      width: 55%;\n    }\n  }\n\n  @media screen and (min-width: 1800px) {\n    .container {\n      max-width: 1700px;\n    }\n\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1900px) {\n    .zoom {\n      zoom: 1;\n    }\n\n    .rings {\n      height: 85vh;\n    }\n  }\n`;\n\nexport const Retangle = styled.div<IWidthScreen>`\n  background: rgba(255, 255, 255, 0.1);\n  border-left: 1px solid #ffffff;\n  backdrop-filter: blur(5px);\n  width: 34%;\n  //width: calc(${(props) => props.width - 1920 + 615}px);\n\n  height: 100vh;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n\n  @media screen and (min-width: 2200px) {\n    width: 36%;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/bubble_1.aa81e1d9.svg\";","export default __webpack_public_path__ + \"static/media/bubble_2.c3be6ea4.svg\";","export default __webpack_public_path__ + \"static/media/doubleArrow.f3550350.svg\";","import React from 'react';\n\nimport { Container, Retangle } from './styles';\nimport { useResize } from '~/hooks/Resize';\nimport bubble1 from '~/assets/defaults/bubble_1.svg';\nimport bubble2 from '~/assets/defaults/bubble_2.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport doubleArrow from '~/assets/icons/doubleArrow.svg';\n\nconst LpNft: React.FC = () => {\n  const resize = useResize();\n  const widthScreen = resize.width;\n\n  return (\n    <Container>\n      <div className=\"banner position-relative\">\n        <Retangle width={widthScreen} className=\"retangle\" />\n        <div className=\"container\">\n          <div className=\"row align-items-center zoom\">\n            <div className=\"col-lg-5\">\n              <h1>\n                WELCOME TO PROFIT<span>i</span>\n              </h1>\n              <h2>\n                The decentralized community platform where rewards meets\n                innovation.\n              </h2>\n              <div className=\"d-flex first-bubble my-5\">\n                <img src={bubble1} alt=\"bubble\" />\n                <h3 className=\"px-5\">\n                  Congratulations, you have just scanned an NFT IMAGE that was\n                  created with PROFITi’s AI!\n                  <br />\n                  <span className=\"text-grad\">\n                    We are the leading provider of cutting-edge AI products.\n                  </span>\n                </h3>\n              </div>\n              <div className=\"d-flex second-bubble\">\n                <img src={bubble2} alt=\"bubble\" />\n                <h3 className=\"ps-5 ps-4\">\n                  Whether you're a beginner or experienced,{' '}\n                  <span>\n                    our suite of innovative no-code tools, powered by Artificial\n                    Intelligence\n                  </span>\n                  , makes it easy for anyone to create images, NFTs, copy, and\n                  much more!\n                </h3>\n              </div>\n            </div>\n\n            <div className=\"col-7 pt-5\">\n              <div className=\"rings d-flex align-items-center\">\n                <div className=\"right-side\">\n                  <div className=\"bg-nft p-2 \">\n                    <div className=\"position-relative\">\n                      <img\n                        src={sample1}\n                        alt=\"NFT Generated\"\n                        className=\"w-100 nft\"\n                      />\n\n                      <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode w-100 justify-content-center align-items-center\">\n                        <div className=\"w-60\">\n                          <span>\n                            Serial #<br />\n                            <span className=\"fw-bold\">00001234</span>\n                          </span>\n                        </div>\n                        <div className=\"w-30 text-end\">\n                          <img\n                            src={qrCode}\n                            alt=\"Qr Code\"\n                            className=\"w-75 qr-code bg-qrcode p-3\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"d-flex w-100 mx-auto align-items-center position-absolute bottom\">\n              <div className=\"w-50\">\n                <div className=\"d-flex justify-content-between\">\n                  <span className=\"text-get-free\">\n                    Try PROFIT<span>i</span> today & get a FREE NFT!\n                  </span>\n                  <img src={doubleArrow} alt=\"Arrow\" />\n                </div>\n              </div>\n              <div className=\"w-40 ps-5\">\n                <div className=\"d-flex mx-auto px-4 py-3 justify-content-evenly bg-main\">\n                  <button type=\"button\" className=\"w-100 btn-mint ms-2\">\n                    CREATE YOUR FREE NFT NOW\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default LpNft;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  h1 {\n    font-weight: 400;\n    font-size: 36px;\n    line-height: 44px;\n    color: #5c5c5c;\n  }\n\n  .gradient-home {\n    background: linear-gradient(\n      270.04deg,\n      #fb5a43 0.03%,\n      #c341ae 50.77%,\n      #9445c2 100%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-fill-color: transparent;\n  }\n\n  .border-underline {\n    border: none;\n    padding: 0 0 2px 0;\n    background-image: linear-gradient(180deg, #18191a, #18191a),\n      linear-gradient(270.04deg, #fb5a43 0.03%, #c341ae 50.77%, #9445c2 100%);\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    -webkit-transition-duration: 0.3s;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n  }\n\n  .start-text {\n    font-weight: 400;\n    font-size: 20px;\n\n    color: #ffffff;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/not-found-image.7e6324c8.png\";","import React from 'react';\n\nimport { Link } from 'react-router-dom';\nimport { Container } from './styles';\nimport logo from '~/assets/logo/logo-p-purple.svg';\nimport notFound from '~/assets/defaults/not-found-image.png';\n\nconst NotFoundPage: React.FC = () => {\n  return (\n    <Container className=\"container\">\n      <div className=\"row justify-content-center\">\n        <div className=\"col-lg-7 col-xl-6 text-center\">\n          <div>\n            <img src={logo} alt=\"Logo\" className=\"my-4\" />\n          </div>\n          <div>\n            <img\n              src={notFound}\n              alt=\"404 not found\"\n              className=\"w-100 mt-2 mb-3\"\n            />\n          </div>\n          <h1>\n            It looks like this page doesn't exist, but don't let that stop you.\n          </h1>\n          <div className=\"d-flex justify-content-center start-text mt-5\">\n            Start at&nbsp;\n            <Link\n              to={`${process.env.PUBLIC_URL}/dashboard`}\n              className=\"border-underline\"\n            >\n              <span className=\"gradient-home fw-bold\">Home</span>\n            </Link>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default NotFoundPage;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  h1 {\n    color: #dadada;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(5px);\n    border-radius: 40px;\n  }\n\n  .bg-nft img {\n    height: 70%;\n  }\n\n  .bg-nft span {\n    color: #1b1a18;\n    font-size: 22px;\n    line-height: 20px;\n  }\n\n  .nft {\n    filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n\n  .w-60 {\n    width: 60%;\n  }\n\n  .w-30 {\n    width: 30%;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/monkey-example.916f70c5.png\";","export default __webpack_public_path__ + \"static/media/car-example.561d695b.png\";","import React from 'react';\nimport WalletRow from '~/components/WalletRow';\n\nimport { Container } from './styles';\n\nimport picasso from '~/assets/defaults/picasso-example.png';\nimport sun from '~/assets/defaults/sun-example.png';\nimport monkey from '~/assets/defaults/monkey-example.png';\nimport car from '~/assets/defaults/car-example.png';\nimport hero from '~/assets/defaults/hero-example.png';\nimport rabit from '~/assets/defaults/rabit-example.png';\nimport qrCode from '~/assets/defaults/qr-code-example.png';\n\nconst MyNfts: React.FC = () => {\n  const nftExample = [\n    {\n      id: 1,\n      img: picasso,\n      description: 'Picasso painting of an angry monkey',\n    },\n\n    {\n      id: 2,\n      img: sun,\n      description:\n        'A synthwave style sunset above the reflecting water of the sea, digital art',\n    },\n\n    {\n      id: 3,\n      img: monkey,\n      description: 'High quality photo of a monkey astronaut',\n    },\n\n    {\n      id: 4,\n      img: car,\n      description: 'A Formula 1 car driving on a neon road',\n    },\n\n    {\n      id: 5,\n      img: hero,\n      description: 'A comic book cover of a superhero wearing headphones',\n    },\n\n    {\n      id: 6,\n      img: rabit,\n      description:\n        'bored rabbit, cyberpunk 2077 cyborg face cybernetics, realistic, uplight, dramatic light,',\n    },\n  ];\n  return (\n    <Container>\n      <div className=\"container\">\n        <div className=\"row align-items-center\">\n          <div className=\"col-12 px-0 text-end\">\n            <WalletRow />\n          </div>\n          <div className=\"col-12\">\n            <h1 className=\"h3 h2-lg text-center mt-4 mb-0 mt-lg-0 fw-bold\">\n              NTFs\n            </h1>\n          </div>\n        </div>\n        <div className=\"row justify-content-center mt-3\">\n          {nftExample.map((img) => (\n            <div className=\"col-sm-6 col-lg-4 px-4 py-3\">\n              <div className=\"bg-nft\">\n                <img\n                  src={img.img}\n                  alt=\"Basket Example\"\n                  className=\"w-100 nft p-2\"\n                />\n                <div className=\"d-flex pt-4 pb-3 justify-content-center align-items-center\">\n                  <div className=\"w-60\">\n                    <span>\n                      Serial #<br />\n                      <span className=\"fw-bold\">0000123</span>\n                    </span>\n                  </div>\n                  <div className=\"w-30\">\n                    <img src={qrCode} alt=\"Qr Code\" className=\"w-100 qr-code\" />\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default MyNfts;\n","import { darken } from 'polished';\nimport styled from 'styled-components';\n\ninterface ISelectCoin {\n  active: boolean;\n  left?: string;\n  right?: string;\n}\n\ninterface ICard {\n  background: string;\n}\n\nexport const Container = styled.div`\n  font-family: 'Poppins', sans-serif;\n  background: #ffffff;\n  min-height: 100vh;\n\n  .container-fluid {\n    max-width: 1600px;\n  }\n\n  .btn-wallet {\n    background: #171719;\n    border: 2px solid #837d7d;\n    border-radius: 200px;\n    color: #ffffff;\n    transition-duration: 0.3s;\n    height: 70px;\n    width: 253px;\n    margin-left: auto;\n    display: block;\n\n    :hover {\n      color: #7746fb;\n    }\n  }\n\n  .logo-usdpi {\n    width: 60px;\n    height: 60px;\n  }\n\n  h2 {\n    color: #3a3a3a;\n    font-size: 40px;\n  }\n\n  .title {\n    color: #3a3a3a;\n    font-weight: 600;\n    font-size: 64px;\n    padding-left: 25px;\n    margin-top: 25px;\n  }\n\n  h4 {\n    font-weight: 600;\n    font-size: 14px;\n\n    color: #dadada;\n  }\n\n  .buy-text {\n    font-weight: 400;\n    font-size: 14px;\n    color: #f7951c;\n  }\n\n  .buy-here {\n    background: linear-gradient(\n      84.9deg,\n      rgba(247, 149, 27, 0.8) 10.36%,\n      rgba(248, 166, 66, 0.8) 97.55%\n    );\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 14px;\n    border: none;\n    color: #ffffff;\n  }\n\n  .w-45 {\n    width: 45%;\n  }\n\n  .w-10 {\n    width: 10%;\n  }\n\n  .text-table {\n    font-weight: 600;\n    font-size: 18px;\n    color: #8d8d8d;\n  }\n\n  .wm-tooltip {\n    position: relative;\n  }\n\n  .wm-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: -109px;\n    bottom: 60px;\n    z-index: 10000;\n    text-align: justify;\n  }\n\n  .wm-tooltip:hover:after {\n    display: block;\n  }\n\n  .estimate {\n    font-weight: 400;\n    font-size: 12px;\n    display: block;\n    color: #505253;\n  }\n\n  .values {\n    font-weight: 600;\n    font-size: 20px;\n    color: #5e5e5e;\n  }\n\n  .text-enough {\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 15px;\n    color: #ff1a50;\n  }\n\n  .bg-number {\n    background: rgba(239, 238, 240, 0.3);\n    border: 1px solid rgba(57, 60, 61, 0.3);\n    border-radius: 20px;\n\n    button {\n      top: calc(50% - 16px);\n      right: 5%;\n      background: #797979;\n      border: 1px solid #219653;\n      border-radius: 10px;\n      font-weight: 700;\n      font-size: 12px;\n      color: #efeef0;\n      padding: 6px 19px;\n    }\n  }\n\n  .number {\n    font-size: 64px;\n    color: #262728;\n    border-bottom: 1px solid #c4c4c4;\n  }\n\n  .color {\n    border-top: 1px solid #393c3d;\n    color: #5e5e5e;\n    width: 300px;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .values span {\n    font-weight: 400;\n    font-size: 16px;\n    color: #505253;\n  }\n\n  .color-negative {\n    color: #ff1a50;\n  }\n\n  .color-positive {\n    color: #219653;\n  }\n\n  .btn-exchange {\n    background: #00f9ab;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n    width: 100%;\n    height: 80px;\n    font-size: 34px;\n\n    :hover {\n      background: ${darken(0.03, '#00F9AB')};\n    }\n  }\n\n  .cards-shadow {\n    filter: drop-shadow(9px 12px 80px rgba(0, 0, 0, 0.25));\n  }\n\n  .arrows {\n    background-color: #262728;\n    padding: 10px 8px;\n  }\n\n  .value {\n    font-weight: 700;\n    font-size: 32px;\n    color: #171719;\n  }\n\n  .bd-bottom {\n    border-bottom: 1px solid #c4c4c4;\n  }\n\n  .btn-swap {\n    font-weight: 600;\n    font-size: 14px;\n    background-color: transparent;\n    color: #7d7777;\n    border: none;\n    border-bottom: 2px solid tranparent;\n    margin-bottom: -1px;\n    transition-duration: 0.3s;\n  }\n\n  .btn-swap:hover,\n  .btn-swap.active {\n    border-bottom: 2px solid #96ffd9;\n    color: #000;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    width: 1140px;\n  }\n\n  .input-mask {\n    opacity: 1;\n\n    input {\n      font-weight: bold;\n      text-align: center;\n      font-size: 64px;\n      color: #262728;\n\n      ::placeholder {\n        color: #252526;\n        font-weight: 800;\n      }\n    }\n  }\n\n  .box {\n    background: #f9f8fb;\n    border-radius: 25px;\n    padding: 25px 19px;\n\n    h3 {\n      font-weight: 500;\n      font-size: 20px;\n      color: #161616;\n    }\n\n    .tokens-information {\n      height: 492px;\n      border-radius: 20px;\n\n      ::-webkit-scrollbar {\n        background-color: transparent;\n        width: 5px;\n        height: 5px;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        border-radius: 4px;\n        background: rgba(57, 60, 61, 0.3);\n      }\n    }\n\n    .subbox {\n      background: #ffffff;\n      border-radius: 20px;\n      padding: 16px 22px;\n      margin-top: 20px;\n\n      .coin {\n        .coin-name {\n          font-size: 20px;\n          line-height: 30px;\n          font-weight: 500;\n          color: #161616;\n          margin-left: 3px;\n          margin-right: 6px;\n        }\n      }\n\n      small {\n        color: #7d7777;\n        font-size: 10px;\n        line-height: 15px;\n        display: block;\n        margin: 11px 0 7px 7px;\n      }\n\n      .price {\n        font-weight: 600;\n        font-size: 20px;\n        line-height: 30px;\n        color: #171719;\n        margin-left: 7px;\n        margin-bottom: 0;\n      }\n    }\n\n    .token-information {\n      div.space {\n        width: 42px;\n        margin-left: 3px;\n      }\n\n      .coin {\n        width: 115px;\n\n        .coin-name {\n          font-size: 20px;\n          line-height: 30px;\n          font-weight: 500;\n          color: #161616;\n          margin-left: 3px;\n          margin-right: 6px;\n        }\n      }\n\n      .arrow-down {\n        transform: rotateZ(90deg);\n      }\n\n      small {\n        font-size: 10px;\n        color: #505253;\n      }\n    }\n\n    + .box {\n      margin-top: 13px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.75;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.65;\n    }\n  }\n`;\n\nexport const Card = styled.div<ICard>`\n  background: ${(props) => props.background};\n  border-radius: 20px;\n\n  h2 {\n    font-weight: 700;\n    font-size: 40px;\n    color: #ffffff;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 14px;\n    color: #ffffff;\n    margin-bottom: 0;\n  }\n`;\n\nexport const LoadingDiscover = styled.div`\n  z-index: 2000;\n  position: fixed;\n\n  .loading-box {\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.25) -38.97%,\n      rgba(0, 0, 0, 0.25) 75.53%\n    );\n    backdrop-filter: blur(25px);\n    span {\n      font-weight: 400;\n      font-size: 20px;\n      color: #fff;\n      text-align: center;\n    }\n  }\n\n  .animation-loading {\n    height: 152px;\n    width: 152px;\n\n    img {\n      position: relative;\n      z-index: 300;\n      top: 10px;\n      left: 10px;\n      height: 134px;\n      width: 134px;\n      background: rgba(0, 0, 0);\n      backdrop-filter: blur(5px);\n    }\n  }\n\n  .box-1 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-1 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-1 {\n    0% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    25% {\n      top: calc(100% - 37px);\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    50% {\n      top: calc(100% - 114px);\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    75% {\n      top: 0;\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    100% {\n      top: 0;\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n  }\n\n  .box-2 {\n    position: absolute;\n    width: 114px;\n    height: 37px;\n    background: #fff;\n    animation: position-box-2 3s linear infinite;\n    z-index: 200;\n  }\n\n  @keyframes position-box-2 {\n    0% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n\n    25% {\n      top: 0;\n      left: 0;\n      width: 37px;\n      height: 114px;\n    }\n\n    50% {\n      top: 0;\n      left: calc(100% - 114px);\n      width: 114px;\n      height: 37px;\n    }\n\n    75% {\n      top: calc(100% - 114px);\n      left: calc(100% - 37px);\n      width: 37px;\n      height: 114px;\n    }\n\n    100% {\n      top: calc(100% - 37px);\n      left: 0;\n      width: 114px;\n      height: 37px;\n    }\n  }\n`;\n\nexport const SelectCoin = styled.div<ISelectCoin>`\n  width: 150px;\n  background: #ffffff;\n  border-radius: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  left: ${(props) => props.left || 'unset'};\n  right: ${(props) => props.right || 'unset'};\n  padding: 10px 20px;\n  border: 1px solid rgba(57, 60, 61, 0.3);\n  opacity: ${(props) => (props.active ? 1 : 0)};\n  visibility: ${(props) => (props.active ? 'visible' : 'hidden')};\n\n  hr {\n    height: 1px;\n    width: 100%;\n    background-color: rgba(57, 60, 61, 0.3);\n    margin: 5px 0;\n  }\n\n  button {\n    transition-duration: 0.3s;\n    padding: 5px;\n    border-radius: 5px;\n\n    :hover {\n      background-color: ${darken(0.05, '#ffffff')} !important;\n    }\n  }\n`;\n","import styled, { css } from 'styled-components';\n\ninterface ContainerProps {\n  isFilled: boolean;\n  isFocuses: boolean;\n  isErrored: boolean;\n}\n\nexport const Container = styled.div<ContainerProps>`\n  background: #17171a;\n  opacity: 0.8;\n  border-radius: 10px;\n  border: 1.5px solid #333333;\n  padding: 5px 10px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  + div {\n    margin-top: 8px;\n  }\n\n  div {\n    width: 100%;\n    position: relative;\n\n    .button-show {\n      position: absolute;\n      top: -6px;\n      right: -10px;\n      width: 70px;\n      text-align: center;\n      background: none;\n      border: 0;\n      border-left: 1px solid rgba(224, 224, 224, 0.8);\n      padding: 6px 6px 6px;\n      color: #cbccce;\n    }\n  }\n\n  input {\n    width: 100%;\n    flex: 1;\n    background: transparent;\n    border: 0;\n    color: #efefef;\n    transition-duration: 0.2s;\n\n    ::placeholder {\n      color: #efefef;\n    }\n  }\n\n  svg {\n    margin-right: 16px;\n    color: #666360;\n    transition-duration: 0.2s;\n  }\n\n  ${(props) =>\n    props.isErrored &&\n    css`\n      border-color: #c53030 !important;\n    `}\n\n  ${(props) =>\n    props.isFilled &&\n    css`\n      svg {\n        color: #fff;\n      }\n    `}\n\n  ${(props) =>\n    props.isFocuses &&\n    css`\n      color: #fff;\n      border-color: #fff !important;\n\n      svg {\n        color: #fff;\n      }\n    `}\n`;\n","import React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { useField } from '@unform/core';\nimport TextInputMask from 'react-masked-text';\n\nimport { Container } from './styles';\n\ninterface MaskInputProps {\n  kind: string;\n  name: string;\n  onChange?(event: any): void;\n  onFocus?(event: any): void;\n  onBlur?(event: any): void;\n  value?: string;\n  placeholder?: string;\n  id?: string;\n  className?: string;\n  options?: {\n    mask?: string;\n    format?: string;\n    unit?: string;\n    separator?: string;\n    delimiter?: string;\n  };\n  required?: boolean;\n}\n\nconst MaskInput: React.FC<MaskInputProps> = ({\n  kind,\n  name,\n  onChange,\n  onFocus,\n  onBlur,\n  value,\n  placeholder,\n  id,\n  className,\n  options,\n  required,\n}) => {\n  const maskRef = useRef<any>(null);\n  const [newValue, setNewValue] = useState<undefined | string>(undefined);\n  const [isFocuses, setIsFocuses] = useState(false);\n  const [isFilled, setIsFilled] = useState(false);\n\n  const { fieldName, error, registerField } = useField(name);\n\n  useEffect(() => {\n    registerField({\n      name: fieldName,\n      ref: maskRef.current,\n      path: 'props.value',\n    });\n  }, [fieldName, registerField]);\n\n  useEffect(() => {\n    setNewValue(value);\n  }, [value]);\n\n  const handleChange = useCallback(\n    (e) => {\n      if (onChange && maskRef.current) {\n        const data = {\n          target: {\n            name: maskRef.current.props.name,\n            value: e,\n          },\n        };\n        onChange(data);\n      }\n      setNewValue(e);\n    },\n    [onChange]\n  );\n\n  const handleFocus = useCallback(\n    (e) => {\n      setIsFocuses(true);\n      if (onFocus) {\n        onFocus(e);\n      }\n    },\n    [onFocus]\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setIsFocuses(false);\n      if (onBlur) {\n        onBlur(e);\n      }\n      setIsFilled(!!e.target.value);\n    },\n    [onBlur]\n  );\n\n  return (\n    <>\n      <Container\n        className={className}\n        isErrored={!!error}\n        isFilled={isFilled}\n        isFocuses={isFocuses}\n      >\n        <TextInputMask\n          ref={maskRef}\n          kind={kind}\n          options={options}\n          name={name}\n          placeholder={placeholder}\n          required={required}\n          value={newValue}\n          onChangeText={handleChange}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          id={id}\n        />\n      </Container>\n      {error && <span className=\"small text-danger error\">{error}</span>}\n    </>\n  );\n};\n\nexport default MaskInput;\n","export default __webpack_public_path__ + \"static/media/logo-bnb.37023cb2.svg\";","export default __webpack_public_path__ + \"static/media/logo-usdc.18026b66.svg\";","export default __webpack_public_path__ + \"static/media/logo-gusd.916d03fa.svg\";","export default __webpack_public_path__ + \"static/media/arrow.8614a1ec.svg\";","import React, {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Form } from '@unform/web';\nimport { useLocation } from 'react-router-dom';\nimport { FormHandles } from '@unform/core';\nimport * as Yup from 'yup';\nimport { HiOutlineInformationCircle, HiArrowNarrowRight } from 'react-icons/hi';\n\nimport Swal from 'sweetalert2';\nimport getValidationErros from '~/utils/getValidationsErrors';\n\nimport api from '~/services/api';\nimport swalError from '~/utils/swalError';\nimport { web3store } from '~/store';\nimport { formatPrice } from '~/utils/format';\n\nimport { Container, Card, SelectCoin } from './styles';\nimport InputMask from '~/components/InputMask';\nimport ModalConfirmation from '~/pages/Sales/ModalConfirmation';\nimport Loading from '~/components/Loading';\n\nimport arrows from '~/assets/icons/arrows-swap.svg';\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport logoBusd from '~/assets/logo/logo-busd.svg';\nimport logoUsdpi from '~/assets/logo/logo-usdpi.svg';\nimport logoEth from '~/assets/logo/logo-eth.svg';\nimport logoBnb from '~/assets/logo/logo-bnb.svg';\nimport logoUsdt from '~/assets/logo/logo-usdt.svg';\nimport logoUsdc from '~/assets/logo/logo-usdc.svg';\nimport logoGusd from '~/assets/logo/logo-gusd.svg';\nimport arrow from '~/assets/icons/arrow.svg';\n\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport WalletLink from '~/components/WalletLink';\n\ninterface IToken {\n  logo: string;\n  name: string;\n  descriptionBnb: string;\n  descriptionEth: string;\n  priceBnb: string;\n  priceEth: string;\n  cardStyle: string;\n}\n\ninterface INetwork {\n  logo: string;\n  name: string;\n}\n\nconst PageSwap: React.FC = () => {\n  const location = useLocation();\n  const formRef = useRef<FormHandles>(null);\n  const [show, setShow] = useState(false);\n  const [total, setTotal] = useState(0);\n  const [invertCard, setInvertCard] = useState(false);\n  const [balbusd] = web3store.useState('balbusd');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [exchangeValue, setExchangeValue] = useState('0,00');\n  const [feeValue, setFeeValue] = useState('0,00');\n  const [receiveValue, setReceiveValue] = useState('0,00');\n  const [error, setError] = useState('');\n  const [showCongrat, setShowCongrat] = useState(false);\n  const [, setCartPurchase] = web3store.useState('cartPurchase');\n  const [, setUsdpiPurchaseAmt] = web3store.useState('usdpiPurchaseAmt');\n  const [, setUsdpiSaleAmt] = web3store.useState('usdpiSaleAmt');\n  const [, setUsdpiPurchaseFee] = web3store.useState('usdpiPurchaseFee');\n  const [isAlertOpen, setIsAlertOpen] = useState(true);\n  const [cartAmt] = web3store.useState('cartAmt');\n  const [buyStakingAmt] = web3store.useState('buyStakingAmt');\n  const [usdpiPurchaseTX, setUsdpiPurchaseTX] =\n    web3store.useState('usdpiPurchaseTX');\n  const [debouncedValue, setDebouncedValue] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [errorExchange, setErrorExchange] = useState('');\n  const [type, setType] = useState('');\n  const [tokens, setTokens] = useState<IToken[]>([\n    {\n      logo: logoBusd,\n      name: 'BUSD',\n      descriptionBnb:\n        'BUSD In the Binance Smart Chain (BEP20) network liquidity in reserves:',\n      descriptionEth:\n        'BUSD In the Binance Smart Chain (BEP20) network liquidity in reserves:',\n      priceEth: '$200,450.25',\n      priceBnb: '$200,450.25',\n      cardStyle: 'linear-gradient(84.9deg, #F7951B 10.36%, #F8A642 97.55%)',\n    },\n    {\n      logo: logoUsdt,\n      name: 'USDT',\n      descriptionBnb:\n        'USDT In the Ethereum (ERC20) network liquidity in reserves:',\n      descriptionEth:\n        'USDT In the Binance Smart Chain (BEP20) network liquidity in reserves:',\n      priceEth: '$90,550.34',\n      priceBnb: '$90,550.34',\n      cardStyle: 'linear-gradient(84.9deg, #26A183 10.36%, #25A07A 97.55%)',\n    },\n    {\n      logo: logoUsdc,\n      name: 'USDC',\n      descriptionBnb:\n        'USDC In the Ethereum (ERC20) network liquidity in reserves:',\n      descriptionEth:\n        'USDC In the Binance Smart Chain (BEP20)  network liquidity in reserves:',\n      priceEth: '$112,580.88',\n      priceBnb: '$112,580.88',\n      cardStyle: 'linear-gradient(84.9deg, #2775CA 10.36%, #2E75C2 97.55%)',\n    },\n    {\n      logo: logoGusd,\n      name: 'GUSD',\n      descriptionBnb:\n        'GUSD In the Ethereum (ERC20) network liquidity in reserves:',\n      descriptionEth:\n        'GUSD In the Binance Smart Chain (BEP20)  network liquidity in reserves:',\n      priceEth: '$112,580.88',\n      priceBnb: '$112,580.88',\n      cardStyle: 'linear-gradient(84.9deg, #00DCFA 10.36%, #0CBCD7 97.55%)',\n    },\n  ]);\n  const [tokenSelected, setTokenSelected] = useState<IToken>({\n    logo: logoBusd,\n    name: 'BUSD',\n    descriptionBnb:\n      'BUSD In the Binance Smart Chain (BEP20) network liquidity in reserves:',\n    descriptionEth:\n      'BUSD In the Ethereum (ERC20) network liquidity in reserves:',\n    priceEth: '$200,450.25',\n    priceBnb: '$200,450.25',\n    cardStyle: 'linear-gradient(84.9deg, #F7951B 10.36%, #F8A642 97.55%)',\n  });\n  const [networks, setNetworks] = useState<INetwork[]>([\n    {\n      logo: logoEth,\n      name: 'ETH',\n    },\n    {\n      logo: logoBnb,\n      name: 'BNB',\n    },\n  ]);\n  const [networkSelected, setNetworkSelected] = useState<INetwork>({\n    logo: logoBnb,\n    name: 'BNB',\n  });\n  // console.log('cartAmt: %s', cartAmt);\n  // console.log('buyStakingAmt: %s', buyStakingAmt);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(exchangeValue);\n    }, 1000);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [exchangeValue]);\n\n  useEffect(() => {\n    if (debouncedValue) {\n      const value = parseFloat(debouncedValue.replaceAll(',', ''));\n      const amt = value * 10 ** 18;\n      api.get(`v1/usdpi/fee/estimate/${amt}`).then((response) => {\n        const fee = response.data.estimate.fee / 10 ** 18;\n        const net = response.data.estimate.net / 10 ** 18;\n\n        setFeeValue(formatPrice(fee));\n        setUsdpiPurchaseFee(fee);\n        setReceiveValue(formatPrice(net));\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue]);\n\n  const busd = useMemo(\n    () =>\n      formatPrice(parseFloat((parseInt(balbusd, 10) / 10 ** 18).toFixed(2))),\n    [balbusd]\n  );\n\n  const usdpi = useMemo(\n    () =>\n      formatPrice(parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2))),\n    [balusdpi]\n  );\n\n  const handleInvertCard = useCallback(() => {\n    setError('');\n    const value = parseFloat(exchangeValue.replaceAll(',', ''));\n    const coinBusd = parseFloat(busd.replaceAll(',', ''));\n    const coinUsdpi = parseFloat(usdpi.replaceAll(',', ''));\n    if (invertCard) {\n      if (value > coinUsdpi) {\n        setError(\n          'The value must be less than or equal to your amount of coins'\n        );\n      }\n    } else if (value > coinBusd) {\n      setError('The value must be less than or equal to your amount of coins');\n    }\n\n    setInvertCard(!invertCard);\n  }, [busd, exchangeValue, invertCard, usdpi]);\n\n  const handleChangePrice = useCallback(\n    async (e) => {\n      setError('');\n      const value = parseFloat(e.target.value.slice(1).replaceAll(',', ''));\n      const coinBusd = parseFloat(busd.replaceAll(',', ''));\n      const coinUsdpi = parseFloat(usdpi.replaceAll(',', ''));\n      if (!invertCard) {\n        if (value > coinBusd) {\n          setError(\n            'The value must be less than or equal to your amount of coins BUSD'\n          );\n        }\n      } else if (value > coinUsdpi) {\n        setError(\n          'The value must be less than or equal to your amount of coins USDPI'\n        );\n      }\n\n      console.log('----------------------');\n      console.log('total: %s type: %s', total, typeof total);\n      console.log(total > 0);\n      console.log(coinUsdpi + value);\n      console.log('----------------------');\n\n      if (total > 0 && coinUsdpi + value < total) {\n        setError(\n          'The value plus your balance must be greater than or equal to the amount needed.'\n        );\n      } else {\n        console.log('FAILED');\n      }\n\n      setExchangeValue(e.target.value.slice(1));\n    },\n    [busd, invertCard, usdpi, total]\n  );\n\n  const handleMax = useCallback(() => {\n    setError('');\n    if (invertCard) {\n      setExchangeValue(usdpi);\n    } else {\n      setExchangeValue(busd);\n    }\n  }, [busd, invertCard, usdpi]);\n\n  const handleShowCongrat = useCallback(() => {\n    if (location.pathname === '/activate-your-profit-centers') {\n      setCartPurchase(true);\n    } else {\n      setShowCongrat(true);\n    }\n  }, [location.pathname, setCartPurchase]);\n\n  useEffect(() => {\n    if (usdpiPurchaseTX) {\n      setLoading(false);\n      if (typeof usdpiPurchaseTX === 'object' && usdpiPurchaseTX.reason) {\n        if (JSON.stringify(usdpiPurchaseTX) !== errorExchange) {\n          swalError({\n            message: usdpiPurchaseTX.reason,\n            textButton: 'Try Again',\n          }).then(() => {\n            setErrorExchange(JSON.stringify(usdpiPurchaseTX));\n          });\n        }\n      } else if (\n        typeof usdpiPurchaseTX === 'string' &&\n        usdpiPurchaseTX.toLowerCase().includes('error')\n      ) {\n        swalError({\n          message: usdpiPurchaseTX,\n          textButton: 'Try Again',\n        }).then(() => {\n          setUsdpiPurchaseTX('');\n        });\n      } else if (!isAlertOpen) {\n        setIsAlertOpen(true);\n        setUsdpiPurchaseTX('');\n      }\n    }\n  }, [errorExchange, isAlertOpen, setUsdpiPurchaseTX, usdpiPurchaseTX]);\n\n  const handleSubmitExchange = useCallback(\n    async (data) => {\n      try {\n        setIsAlertOpen(false);\n        formRef.current?.setErrors({});\n        const schema = Yup.object().shape({\n          price: Yup.string().required('The value is required'),\n        });\n\n        await schema.validate(data, {\n          abortEarly: false,\n        });\n\n        setLoading(true);\n\n        if (invertCard) {\n          // setUsdpiSaleAmt(parseFloat(data.price.slice(1).replaceAll(',', '')));\n          setUsdpiSaleAmt(parseFloat(data.price.replaceAll(',', '')));\n        } else {\n          setUsdpiPurchaseAmt(\n            // parseFloat(data.price.slice(1).replaceAll(',', ''))\n            parseFloat(data.price.replaceAll(',', ''))\n          );\n        }\n      } catch (err) {\n        setIsAlertOpen(true);\n        if (err instanceof Yup.ValidationError) {\n          const errors = getValidationErros(err);\n          formRef.current?.setErrors(errors);\n        }\n      }\n    },\n    [invertCard, setUsdpiPurchaseAmt, setUsdpiSaleAmt]\n  );\n\n  const handleShow = useCallback(() => {\n    setShow(true);\n  }, []);\n\n  const handleClick = useCallback((typeData) => {\n    setType((state) => (state === typeData ? '' : typeData));\n  }, []);\n\n  const handleSelectToken = useCallback((token) => {\n    setTokenSelected(token);\n    setType('');\n  }, []);\n\n  const handleSelectNetwork = useCallback((network) => {\n    setNetworkSelected(network);\n    setType('');\n  }, []);\n\n  return (\n    <>\n      <Container className=\"p-5\">\n        <div className=\"container-fluid py-0 border-0\">\n          <div className=\"row align-items-center\">\n            <div className=\"col-3 col-xl-1 text-end\">\n              <img src={logoSwap} alt=\"Logo USDPI\" className=\"logo-usdpi\" />\n            </div>\n            <div className=\"col-7 col-xl-5\">\n              <h2 className=\"fw-bold mb-0\">USDPI</h2>\n            </div>\n            <div className=\"col-lg-6\">\n              <WalletLink\n                onShowNoReferrer={handleShow}\n                btnText=\"Connect Wallet\"\n                className=\"btn-wallet me-4 me-lg-0\"\n              />\n            </div>\n            <div className=\"col-12\">\n              <h1 className=\"title\">Swap</h1>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"container-fluid\">\n          <div className=\"row\">\n            <div className=\"col-lg-9\">\n              <div className=\"row px-4 px-sm-5 justify-content-center\">\n                <div className=\"col-12 d-flex bd-bottom align-items-end px-0\">\n                  <div className=\"w-50\">\n                    <button type=\"button\" className=\"btn-swap active px-4 py-3\">\n                      SWAP\n                    </button>\n                    <button type=\"button\" className=\"btn-swap px-4 py-3\">\n                      ORDER HISTORY\n                    </button>\n                  </div>\n                  <div className=\"w-50 text-end\">\n                    Balance\n                    <br />\n                    <span className=\"value\">${usdpi}</span>\n                  </div>\n                </div>\n                <div className=\"col-12 mt-3 text-end pe-0\">\n                  <span className=\"buy-text\">\n                    Don’t have {networkSelected.name} or {tokenSelected.name}?\n                  </span>{' '}\n                  <a\n                    href=\"https://bit.ly/getbusd\"\n                    target=\"_blank\"\n                    className=\"btn buy-here ms-4 py-2 px-3\"\n                    rel=\"noreferrer\"\n                  >\n                    BUY IT HERE\n                  </a>\n                </div>\n              </div>\n\n              <div className=\"row px-5 mt-3\">\n                <div className=\"col-8 d-flex flex-column px-0\">\n                  <div className=\"d-flex justify-content-between\">\n                    <div className=\"w-45 order-0\">\n                      <h4 className=\"ps-3 mb-4\">Send</h4>\n                    </div>\n                    <div className=\"w-45 order-1\">\n                      <h4 className=\"ps-3 mb-4\">Receive</h4>\n                    </div>\n                  </div>\n                  <div className=\"d-flex align-items-center cards-shadow\">\n                    <div\n                      className={`w-45 ${!invertCard ? 'order-2' : 'order-4'}`}\n                    >\n                      <Card\n                        background={tokenSelected.cardStyle}\n                        className=\"yellow-card p-4\"\n                      >\n                        <div className=\"text-end\">\n                          <img src={tokenSelected.logo} alt=\"Logo BUSD\" />\n                        </div>\n                        <h2>{tokenSelected.name}</h2>\n                        <div className=\"d-flex mt-4\">\n                          <div className=\"w-50 h6 text-white\">$1</div>\n                          <div className=\"w-50 h6 text-white\">\n                            {busd} {tokenSelected.name}\n                          </div>\n                        </div>\n                      </Card>\n                    </div>\n                    <div className=\"w-10 text-center order-3\">\n                      <button\n                        type=\"button\"\n                        onClick={handleInvertCard}\n                        className=\"rounded-circle border-0 arrows\"\n                      >\n                        <img src={arrows} alt=\"Arrows\" />\n                      </button>\n                    </div>\n                    <div\n                      className={`w-45 ${!invertCard ? 'order-4' : 'order-2'}`}\n                    >\n                      <Card\n                        background=\"linear-gradient(84.9deg, #2fbf7f 10.36%, #3cc9ad 97.55%);\"\n                        className=\"green-card p-4\"\n                      >\n                        <div className=\"text-end\">\n                          <img src={logoUsdpi} alt=\"Logo USDPI\" />\n                        </div>\n                        <h2>USDPI</h2>\n                        <div className=\"d-flex mt-4\">\n                          <div className=\"w-50 h6 text-white\">$1</div>\n                          <div className=\"w-50 h6 text-white\">\n                            {usdpi} USDPI\n                          </div>\n                        </div>\n                      </Card>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-4 px-0 ps-5\">\n                  <div className=\"d-flex justify-content-between mt-3\">\n                    <div>\n                      <span\n                        className=\"wm-tooltip text-table\"\n                        data-tooltip=\"Transaction fees can fluctuate based on network conditions such as demand and congestion. Higher demand can lead to higher fees, while lower demand can result in lower fees. The fees are not fixed, but rather vary based on network conditions at any given time.\"\n                      >\n                        Network Fees{' '}\n                        <HiOutlineInformationCircle\n                          className=\"ms-3\"\n                          size={25}\n                          color=\"#4F89FF\"\n                        />\n                        <br />\n                        <span className=\"estimate\">\n                          Estimate only, fees will vary\n                        </span>\n                      </span>\n                    </div>\n                    <h3 className=\"values text-end\">\n                      ${feeValue}\n                      <br />\n                      <span>\n                        {feeValue} {invertCard ? 'USDPI' : tokenSelected.name}\n                      </span>\n                    </h3>\n                  </div>\n                  <div className=\"d-flex justify-content-between text-end mt-2\">\n                    <span className=\"text-table\">Send</span>\n                    <h3 className=\"values color-negative\">\n                      -${exchangeValue}\n                      <br />\n                      <span>\n                        -{exchangeValue}{' '}\n                        {invertCard ? 'USDPI' : tokenSelected.name}\n                      </span>\n                    </h3>\n                  </div>\n                  <div className=\"d-flex justify-content-between text-end mt-2\">\n                    <span className=\"text-table\">Receive</span>\n                    <div>\n                      <h3 className=\"values color-positive mb-0\">\n                        ${receiveValue}\n                      </h3>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <Form\n                ref={formRef}\n                onSubmit={handleSubmitExchange}\n                className=\"row px-5 mt-5 pt-3\"\n              >\n                <div className=\"col-12 px-0\">\n                  <div className=\"text-center bg-number py-3 position-relative\">\n                    <button\n                      onClick={handleMax}\n                      type=\"button\"\n                      className=\"position-absolute\"\n                    >\n                      Max\n                    </button>\n                    <InputMask\n                      kind=\"money\"\n                      name=\"price\"\n                      className=\"input-mask border-0 bg-transparent px-4\"\n                      options={{\n                        unit: '$',\n                        delimiter: ',',\n                        separator: '.',\n                      }}\n                      placeholder=\"Enter amount here\"\n                      onChange={handleChangePrice}\n                      value={exchangeValue !== '0,00' ? exchangeValue : ''}\n                    />\n\n                    <span className=\"h4 color pt-3\">\n                      {exchangeValue}{' '}\n                      {invertCard ? 'USDPI' : tokenSelected.name}\n                    </span>\n                  </div>\n\n                  {error && (\n                    <span className=\"small text-danger error text-center w-100 d-block mt-1\">\n                      {error}\n                    </span>\n                  )}\n                </div>\n                <div className=\"col-12 px-0 mt-4 position-relative\">\n                  <button\n                    type=\"submit\"\n                    className=\"btn btn-exchange fw-bold text-black\"\n                  >\n                    Exchange\n                  </button>\n                </div>\n              </Form>\n            </div>\n            <div className=\"col-lg-3\">\n              <div className=\"box token-information\">\n                <h3>Token Information</h3>\n                <div className=\"token-information\">\n                  <div className=\"d-flex align-items-center justify-content-between\">\n                    <div className=\"d-flex align-items-center coin\">\n                      <div className=\"space\" />\n                      <small>Token</small>\n                    </div>\n                    <div className=\"d-flex align-items-center coin\">\n                      <div className=\"space\" />\n                      <small>Network</small>\n                    </div>\n                  </div>\n                  <div className=\"d-flex align-items-center justify-content-between\">\n                    <div className=\"position-relative\">\n                      <button\n                        type=\"button\"\n                        className=\"border-0 bg-transparent d-flex align-items-center coin\"\n                        onClick={() => handleClick('token')}\n                      >\n                        <img\n                          src={tokenSelected.logo}\n                          alt={tokenSelected.name}\n                        />\n                        <p className=\"mb-0 coin-name\">{tokenSelected.name}</p>\n                        <img src={arrow} alt=\"Arrow\" className=\"arrow-down\" />\n                      </button>\n                      <SelectCoin\n                        left=\"0\"\n                        active={type === 'token'}\n                        className=\"position-absolute\"\n                      >\n                        {tokens.map((token, index) => (\n                          <Fragment key={token.name}>\n                            {index !== 0 && <hr />}\n                            <button\n                              type=\"button\"\n                              className=\"border-0 bg-transparent d-flex align-items-center coin\"\n                              onClick={() => handleSelectToken(token)}\n                            >\n                              <img src={token.logo} alt={token.name} />\n                              <p className=\"mb-0 coin-name\">{token.name}</p>\n                            </button>\n                          </Fragment>\n                        ))}\n                      </SelectCoin>\n                    </div>\n                    <img src={arrow} alt=\"Arrow\" />\n                    <div className=\"position-relative\">\n                      <button\n                        type=\"button\"\n                        className=\"border-0 bg-transparent d-flex align-items-center coin\"\n                        onClick={() => handleClick('network')}\n                      >\n                        <img\n                          src={networkSelected.logo}\n                          alt={networkSelected.name}\n                        />\n                        <p className=\"mb-0 coin-name\">{networkSelected.name}</p>\n                        <img src={arrow} alt=\"Arrow\" className=\"arrow-down\" />\n                      </button>\n                      <SelectCoin\n                        right=\"0\"\n                        active={type === 'network'}\n                        className=\"position-absolute\"\n                      >\n                        {networks.map((network, index) => (\n                          <Fragment key={network.name}>\n                            {index !== 0 && <hr />}\n                            <button\n                              type=\"button\"\n                              className=\"border-0 bg-transparent d-flex align-items-center coin\"\n                              onClick={() => handleSelectNetwork(network)}\n                            >\n                              <img src={network.logo} alt={network.name} />\n                              <p className=\"mb-0 coin-name\">{network.name}</p>\n                            </button>\n                          </Fragment>\n                        ))}\n                      </SelectCoin>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"box\">\n                <h3>Liquidity Information</h3>\n\n                <div className=\"tokens-information overflow-auto\">\n                  {tokens.map((token) => (\n                    <div key={token.name} className=\"subbox\">\n                      <div className=\"d-flex align-items-center justify-content-between\">\n                        <div className=\"d-flex align-items-center coin\">\n                          <img src={token.logo} alt={token.name} />\n                          <p className=\"mb-0 coin-name\">{token.name}</p>\n                        </div>\n                        <img src={arrow} alt=\"Arrow\" />\n                        <div className=\"d-flex align-items-center coin\">\n                          <img\n                            src={networkSelected.logo}\n                            alt={networkSelected.name}\n                          />\n                          <p className=\"mb-0 coin-name\">\n                            {networkSelected.name}\n                          </p>\n                        </div>\n                      </div>\n                      <small>\n                        {networkSelected.name === 'ETH'\n                          ? token.descriptionEth\n                          : token.descriptionBnb}\n                      </small>\n                      <p className=\"price\">\n                        {networkSelected.name === 'BNB'\n                          ? token.priceEth\n                          : token.priceBnb}\n                      </p>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Container>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"SWAPPING TOKENS\"\n        className=\"zoom-1-3\"\n        active={loading}\n      />\n    </>\n  );\n};\n\nexport default PageSwap;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  .container-fluid {\n    max-width: 1800px;\n  }\n\n  .bg-nft {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    border: 1px solid #fff;\n    border-radius: 40px;\n    //height: 470px;\n    width: 100%;\n  }\n\n  .bg-nft img {\n    //height: 70%;\n  }\n\n  .bg-nft span {\n    color: #fffefb;\n    font-size: 30px;\n    line-height: 37px;\n  }\n\n  .bg-serial-qrcode {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n\n    background-color: rgba(255, 255, 255, 0.24);\n    backdrop-filter: blur(7.5px);\n\n    border-radius: 0px 0px 35px 35px;\n  }\n\n  .bg-qrcode {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(0, 0, 0, 0.62);\n    border-radius: 25px;\n  }\n\n  .nft {\n    //filter: drop-shadow(5px 11px 140px rgba(0, 0, 0, 0.25));\n    border-radius: 35px;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/ai-launchpad.32897b75.svg\";","import React, { useMemo } from 'react';\nimport WalletRow from '~/components/WalletRow';\n\nimport { Container } from './styles';\nimport title from '~/assets/logo/ai-launchpad.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\n\nconst Launchpad: React.FC = () => {\n  const samples = [\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n    {\n      img: sample1,\n      qrCode,\n      serial: '0000123',\n    },\n  ];\n\n  return (\n    <Container>\n      <div className=\"container-fluid\">\n        <div className=\"row justify-content-between align-items-center mt-2\">\n          <div className=\"col-3\">\n            <img src={title} alt=\"Logo ai art creator\" className=\"w-100\" />\n          </div>\n\n          <div className=\"col-6\">\n            <WalletRow />\n          </div>\n        </div>\n      </div>\n      <div className=\"container\">\n        <div className=\"row mt-5\">\n          {samples.map((item) => (\n            <div className=\"col-lg-4 px-2 my-2\">\n              <div className=\"item-group\">\n                <div className=\"bg-nft p-2 \">\n                  <div className=\"position-relative\">\n                    <img\n                      src={item.img}\n                      alt=\"NFT Generated\"\n                      className=\"w-100 nft\"\n                    />\n\n                    <div className=\"d-flex pt-4 pb-3 bg-serial-qrcode w-100 justify-content-center align-items-center\">\n                      <div className=\"w-60\">\n                        <span>\n                          Serial #<br />\n                          <span className=\"fw-bold\">{item.serial}</span>\n                        </span>\n                      </div>\n                      <div className=\"w-30 text-end\">\n                        <img\n                          src={item.qrCode}\n                          alt=\"Qr Code\"\n                          className=\"w-75 qr-code bg-qrcode p-3\"\n                        />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Launchpad;\n","export default __webpack_public_path__ + \"static/media/nft-lp-large.1cf724fa.png\";","export default __webpack_public_path__ + \"static/media/nft-lp-paint-no-blur.d78ece15.png\";","export default __webpack_public_path__ + \"static/media/bg-all-products.dda4b74c.png\";","import styled from 'styled-components';\nimport bannerLg from '~/assets/banners/nft-lp-large.png';\nimport paint from '~/assets/banners/nft-lp-paint-no-blur.png';\n\nimport allProducts from '~/assets/banners/bg-all-products.png';\n\nexport const Container = styled.div`\n  .container {\n    max-width: 1800px;\n  }\n\n  @media screen and (min-width: 1300px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1800px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1900px) {\n    .zoom {\n      zoom: 1;\n    }\n  }\n`;\n\nexport const Retangle = styled.div`\n  background: rgba(255, 255, 255, 0.1);\n  border-left: 1px solid #ffffff;\n  backdrop-filter: blur(5px);\n  width: 33%;\n\n  height: 950px;\n  position: absolute;\n  right: 0;\n  top: 0;\n\n  img {\n    position: absolute;\n    top: 50px;\n    right: 40px;\n  }\n\n  @media screen and (min-width: 2200px) {\n    width: 36%;\n  }\n`;\n\nexport const RoadMap = styled.div`\n  background: url(${paint}) center, url(${bannerLg}) left;\n  background-repeat: no-repeat;\n  background-size: cover;\n\n  h1 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 180px;\n    line-height: 143px;\n    letter-spacing: -0.04em;\n    color: #fff;\n    padding-top: 6rem;\n    span {\n      font-family: 'Expletus Sans', sans-serif !important;\n    }\n  }\n\n  h2 {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-weight: 400;\n    font-size: 28px;\n    line-height: 35px;\n    color: #d6d6d6;\n    width: 60%;\n    padding-top: 3rem;\n  }\n\n  .stamp {\n    position: relative;\n    z-index: 1;\n    background-color: #121212;\n    padding-bottom: 45px;\n  }\n\n  .stamp img {\n    margin-top: -80px;\n    padding-left: calc(67% - 72px);\n  }\n\n  .stamp hr {\n    border-top: 14px solid #f1f1fc;\n    opacity: 1;\n    margin: 0;\n  }\n\n  .second-bubble {\n    padding: 6rem 0;\n  }\n\n  .second-bubble h3 {\n    font-family: 'Source Sans Pro', sans-serif;\n    width: 60%;\n    font-weight: 300;\n    font-size: 25px;\n    line-height: 31px;\n\n    color: #dadada;\n    span {\n      font-weight: 700;\n    }\n  }\n\n  .bottom {\n    bottom: 0px;\n\n    max-width: 1700px;\n  }\n\n  @media screen and (min-width: 1900px) {\n    padding-top: 2rem;\n\n    .second-bubble {\n      padding: 8rem 0;\n    }\n  }\n\n  @media screen and (min-width: 2000px) {\n    background-size: unset;\n  }\n\n  @media screen and (min-width: 2200px) {\n    .stamp img {\n      padding-left: calc(64% - 72px);\n    }\n  }\n`;\n\nexport const Community = styled.div`\n  background-color: #121212;\n\n  h2 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 60px;\n    -webkit-text-stroke-width: 1px;\n    -webkit-text-stroke-color: #fff;\n    color: transparent;\n  }\n\n  h3 {\n    font-family: 'Bebas Neue';\n    font-weight: 400;\n    font-size: 120px;\n    line-height: 143px;\n    letter-spacing: -0.04em;\n\n    color: #ffffff;\n  }\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 400;\n    font-size: 28px;\n    color: #d6d6d6;\n  }\n\n  .products img {\n    padding: 0 13px;\n  }\n\n  .future img {\n    margin-bottom: -309px;\n  }\n\n  .height {\n    height: 173px;\n  }\n`;\n\nexport const ArtCreator = styled.div`\n  background-color: #18191a;\n\n  padding-top: 250px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n    margin-bottom: 2rem;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  @media screen and (min-width: 1800px) {\n    padding-top: 390px;\n  }\n`;\n\nexport const NftLaunchpad = styled.div`\n  background-color: #121212;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n    margin-bottom: 2rem;\n\n    span {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const Paige = styled.div`\n  background-color: #18191a;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .paragraph p {\n    font-family: 'Source Sans Pro';\n    font-style: normal;\n    font-weight: 300;\n    font-size: 22px;\n    line-height: 134.08%;\n    color: #dadada;\n    span {\n      font-weight: 700;\n    }\n  }\n`;\n\nexport const Cube = styled.div`\n  background-color: #121212;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n    margin-bottom: 2rem;\n\n    span {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const Meta = styled.div`\n  background-color: #18191a;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n    margin-bottom: 2rem;\n\n    span {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const Defi = styled.div`\n  background-color: #121212;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n\n  p {\n    font-family: 'Source Sans Pro';\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 134.08%;\n    letter-spacing: 0.02em;\n    color: #dadada;\n    margin-bottom: 2rem;\n\n    span {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const Ideas = styled.div`\n  background-color: #fff;\n\n  padding-top: 225px;\n  padding-bottom: 160px;\n\n  .texts {\n    border: 8px solid #000000;\n    border-radius: 40px;\n  }\n\n  .texts img:nth-child(1) {\n    margin-top: -99px;\n  }\n\n  .texts p:nth-child(2) {\n    font-family: 'Quicksand';\n\n    font-weight: 400;\n    font-size: 28px;\n    color: #000000;\n    margin: 6rem 0;\n  }\n\n  .texts p:nth-child(4) {\n    font-family: 'Source Sans Pro';\n    font-style: normal;\n    font-weight: 300;\n    font-size: 36px;\n    line-height: 48px;\n    color: #000000;\n    margin-top: 6rem;\n    margin-bottom: calc(6rem + 70px);\n    span {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const Final = styled.div`\n  background-color: #18191a;\n\n  padding-top: 170px;\n  padding-bottom: 170px;\n\n  .bg {\n    background-color: #121212;\n    border-radius: 65px;\n    padding: 50px;\n    margin-top: 160px;\n  }\n\n  .bg-products {\n    background-image: url(${allProducts});\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    height: 426px;\n  }\n\n  .bg-products h2 {\n    display: initial;\n    font-family: 'Poppins';\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 30px;\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-fill-color: transparent;\n  }\n\n  .bg-products h3 {\n    font-family: 'Poppins';\n    font-weight: 600;\n    font-size: 56px;\n    line-height: 60px;\n    color: #f3f4f8;\n  }\n\n  .bg-products p {\n    font-family: 'Poppins';\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 32px;\n    color: #b1b1b5;\n  }\n\n  .logo {\n    margin-top: 200px;\n  }\n\n  .title h2:nth-child(1) {\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 28px;\n\n    color: #ffffff;\n  }\n\n  .title h2:nth-child(2) {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 50px;\n    -webkit-text-stroke-width: 1px;\n    -webkit-text-stroke-color: #fff;\n    color: transparent;\n    margin-bottom: 0;\n  }\n\n  .title h2:nth-child(3) {\n    font-family: 'Bebas Neue';\n    font-weight: 400;\n    font-size: 83px;\n\n    color: #ffffff;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/logo-p-gray.139fe5a4.svg\";","export default __webpack_public_path__ + \"static/media/stamp-large.8692fbf8.png\";","export default __webpack_public_path__ + \"static/media/future-here.d069625d.png\";","export default __webpack_public_path__ + \"static/media/ai-art-large.d944edec.png\";","export default __webpack_public_path__ + \"static/media/launchpad-large.1bb7076d.png\";","export default __webpack_public_path__ + \"static/media/launchpad-title-large.2d3b005b.png\";","export default __webpack_public_path__ + \"static/media/paige-large.6abb2211.png\";","export default __webpack_public_path__ + \"static/media/paige-page.37ad8fea.png\";","export default __webpack_public_path__ + \"static/media/defi-large.92de0223.png\";","export default __webpack_public_path__ + \"static/media/defi-page.9a02c13a.png\";","export default __webpack_public_path__ + \"static/media/cube-page.f7bce881.png\";","export default __webpack_public_path__ + \"static/media/cube-title-large.6977670f.png\";","export default __webpack_public_path__ + \"static/media/meta-page.4e7360cc.png\";","export default __webpack_public_path__ + \"static/media/meta-large.1f4881a9.png\";","export default __webpack_public_path__ + \"static/media/ai-art-page.93cf9bfb.png\";","export default __webpack_public_path__ + \"static/media/community-ai-art-icon.c217672e.png\";","export default __webpack_public_path__ + \"static/media/community-launchpad-icon.16a518d2.png\";","export default __webpack_public_path__ + \"static/media/community-paige-icon.42e0d4f0.png\";","export default __webpack_public_path__ + \"static/media/community-cube-icon.624576b0.png\";","export default __webpack_public_path__ + \"static/media/community-metaverse-icon.d17f9356.png\";","export default __webpack_public_path__ + \"static/media/community-defi-icon.b94e0bb2.png\";","export default __webpack_public_path__ + \"static/media/stamp-ideas.c5b512cb.png\";","import React from 'react';\n\nimport {\n  Container,\n  Retangle,\n  RoadMap,\n  Community,\n  ArtCreator,\n  NftLaunchpad,\n  Paige,\n  Cube,\n  Meta,\n  Defi,\n  Ideas,\n  Final,\n} from './styles';\n\nimport logo from '~/assets/logo/logo-p-gray.svg';\nimport bubble2 from '~/assets/defaults/bubble_2.svg';\nimport stamp from '~/assets/defaults/stamp-large.png';\nimport future from '~/assets/defaults/future-here.png';\nimport aiLarge from '~/assets/defaults/ai-art-large.png';\nimport launchpadLarge from '~/assets/defaults/launchpad-large.png';\nimport launchpadTitle from '~/assets/defaults/launchpad-title-large.png';\nimport paigeLarge from '~/assets/defaults/paige-large.png';\nimport paigePage from '~/assets/defaults/paige-page.png';\nimport defiLarge from '~/assets/defaults/defi-large.png';\nimport defiPage from '~/assets/defaults/defi-page.png';\nimport cubePage from '~/assets/defaults/cube-page.png';\nimport cubeLarge from '~/assets/defaults/cube-title-large.png';\nimport metaPage from '~/assets/defaults/meta-page.png';\nimport metaLarge from '~/assets/defaults/meta-large.png';\nimport aiCreator from '~/assets/defaults/ai-art-page.png';\nimport aiArt from '~/assets/icons/community-ai-art-icon.png';\nimport launchpad from '~/assets/icons/community-launchpad-icon.png';\nimport paige from '~/assets/icons/community-paige-icon.png';\nimport cube from '~/assets/icons/community-cube-icon.png';\nimport metaverse from '~/assets/icons/community-metaverse-icon.png';\nimport defi from '~/assets/icons/community-defi-icon.png';\nimport p from '~/assets/defaults/p.png';\nimport ai from '~/assets/defaults/ai.png';\nimport g from '~/assets/defaults/g.png';\nimport e from '~/assets/defaults/e.png';\nimport paint1 from '~/assets/defaults/paint-1.png';\nimport paint2 from '~/assets/defaults/paint-2.png';\nimport paint3 from '~/assets/defaults/paint-3.png';\nimport paint4 from '~/assets/defaults/paint-4.png';\nimport paint5 from '~/assets/defaults/paint-5.png';\nimport paint6 from '~/assets/defaults/paint-6.png';\nimport paint7 from '~/assets/defaults/paint-7.png';\nimport paint8 from '~/assets/defaults/paint-8.png';\nimport paint9 from '~/assets/defaults/paint-9.png';\nimport paigeText from '~/assets/defaults/paige-text.png';\nimport ideasText from '~/assets/defaults/ideas-text.png';\nimport ideasStamp from '~/assets/defaults/stamp-ideas.png';\n\nconst ProductRoadmap: React.FC = () => {\n  return (\n    <Container>\n      <RoadMap>\n        <Retangle className=\"retangle zoom\">\n          <img src={logo} alt=\"Logo\" />\n        </Retangle>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center\">\n            <div className=\"col-lg-7\">\n              <h1>\n                PROFIT<span>i</span> PRODUCT ROADMAP\n              </h1>\n              <h2>\n                Everything you need to know about the current and near future\n                products development.\n              </h2>\n\n              <div className=\"d-flex second-bubble\">\n                <img src={bubble2} alt=\"bubble\" />\n                <h3 className=\"ps-4\">\n                  Whether you're a beginner or experienced,{' '}\n                  <span>\n                    our suite of innovative no-code tools, powered by Artificial\n                    Intelligence\n                  </span>\n                  , makes it easy for anyone to create images, NFTs, copy, and\n                  much more!\n                </h3>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"stamp zoom\">\n          <hr />\n          <img src={stamp} alt=\"Stamp\" />\n        </div>\n      </RoadMap>\n      <Community>\n        <div className=\"container zoom\">\n          <div className=\"row\">\n            <div className=\"col-12 text-center mt-3\">\n              <h2>Discover a new world of freedom and possibilities with</h2>\n              <h3>PROFITi's decentralized community</h3>\n              <p>...and innovative, easy-to-use products</p>\n              <div className=\"d-flex justify-content-center mt-5 pt-5 products\">\n                <img src={aiArt} alt=\"Ai Art\" />\n                <img src={launchpad} alt=\"Launchpad\" />\n                <img src={paige} alt=\"Paige\" className=\"height\" />\n                <img src={cube} alt=\"Cube\" className=\"height\" />\n                <img src={metaverse} alt=\"Metaverse\" />\n                <img src={defi} alt=\"Trading defi\" />\n              </div>\n              <div className=\"future mt-5\">\n                <img src={future} alt=\"Future is here\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Community>\n      <ArtCreator>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-4 pe-5\">\n              <img src={aiLarge} alt=\"Ai Art\" className=\"w-100 mb-5\" />\n              <p>\n                The ultimate tool for <span>unleashing your creativity</span>{' '}\n                and generating one-of-a-kind art pieces{' '}\n                <span>using the power of artificial intelligence</span>. With\n                the user-friendly platform, you can{' '}\n                <span>create stunning images</span> for virtually anything you\n                can think of, whether it's for personal or commercial use.\n              </p>\n              <p>\n                Gone are the days of struggling with a blank canvas or trying to\n                master complex art techniques.{' '}\n                <span>\n                  The AI Art Creator empowers you to explore new artistic\n                  horizons\n                </span>\n                , experiment with different styles and colors, and let your\n                imagination run wild.\n              </p>\n              <p>\n                From creating{' '}\n                <span>unique designs for marketing campaigns</span> to producing{' '}\n                <span>custom digital art for personal use</span>, the AI Art\n                Creator offers{' '}\n                <span>\n                  a multitude of use cases that includes creating super rare\n                  NFTs\n                </span>\n                . Whether you're an established artist or a novice, this tool is\n                perfect for exploring your creativity and generating stunning,\n                one-of-a-kind pieces.\n              </p>\n              <p className=\"mb-0\">\n                <span>\n                  Experience the limitless possibilities of art with the AI Art\n                  Creator.\n                </span>\n              </p>\n            </div>\n            <div className=\"col-8\">\n              <img src={aiCreator} alt=\"Art Creator\" className=\"w-100\" />\n            </div>\n          </div>\n        </div>\n      </ArtCreator>\n      <NftLaunchpad>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-8\">\n              <img src={launchpadLarge} alt=\"Art Creator\" className=\"w-100\" />\n            </div>\n            <div className=\"col-4 ps-5 text-end\">\n              <img\n                src={launchpadTitle}\n                alt=\"Ai Art\"\n                className=\"w-100 ms-auto mb-5\"\n              />\n\n              <p>\n                <span>\n                  The easiest and most efficient way to launch your own NFTs on\n                  the blockchain\n                </span>\n                . With its user-friendly interface and{' '}\n                <span>no-code approach</span>, the Launchpad makes it simple for\n                artists and creators to customize and mint NFTs, giving them\n                access to the booming NFT market\n              </p>\n              <p>\n                The NFT Launchpad{' '}\n                <span>empowers you to showcase your digital creations</span> to\n                a global audience and benefit from the growing demand for NFTs.\n                Beyond NFT creation, the Launchpad is a powerful tool for\n                promoting your work, building your brand, and connecting with\n                other artists and collectors.\n              </p>\n              <p>\n                <span>\n                  Take your creativity to the next level with the NFT Launchpad\n                  - the one-click solution for launching your NFTs.\n                </span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </NftLaunchpad>\n      <Paige>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center\">\n            <div className=\"col-4 pe-5\">\n              <img src={paigeLarge} alt=\"Ai Art\" className=\"w-100 mb-5\" />\n              <p>\n                Introducing Paige,{' '}\n                <span>\n                  your{' '}\n                  <span>\n                    <img src={p} alt=\"Paige\" />\n                  </span>\n                  ersonal{' '}\n                  <span>\n                    <img src={ai} alt=\"Paige\" />\n                  </span>{' '}\n                  <span>\n                    <img src={g} alt=\"Paige\" className=\"pt-1\" />\n                  </span>\n                  enerative{' '}\n                  <span>\n                    <img src={e} alt=\"Paige\" />\n                  </span>\n                  xpert\n                </span>\n                . Whether you're a writer, artist, marketer, or just someone who\n                needs help generating new ideas,{' '}\n                <span>Paige is the perfect tool for you</span>. With its{' '}\n                <span>advanced AI technology</span>, Paige can quickly analyze\n                your input and{' '}\n                <span>create content that's tailored to your needs.</span>\n              </p>\n              <p>\n                With Paige, you can easily create high-quality content in a\n                <span> variety of everyday situations.</span>\n              </p>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint1} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Need help coming up with ideas for your next blog post or\n                    social media campaign?\n                  </span>{' '}\n                  Paige has got you covered.\n                </p>\n              </div>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint2} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Want to generate unique and engaging content for your\n                    website or online store?\n                  </span>{' '}\n                  Paige can help with that too.\n                </p>\n              </div>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint3} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Looking for inspiration for your next recipe or meal plan?\n                  </span>{' '}\n                  Paige can provide you with a range of options based on your\n                  preferences and dietary requirements.\n                </p>\n              </div>\n            </div>\n            <div className=\"col-8\">\n              <img src={paigePage} alt=\"Art Creator\" className=\"w-100\" />\n            </div>\n            <div className=\"col-4 pe-5\">\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint4} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Want to create personalized workout plans or fitness\n                    programs?\n                  </span>{' '}\n                  Paige can analyze your fitness goals and generate a plan\n                  that's tailored to your needs.\n                </p>\n              </div>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint5} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Want to translate text or documents into another language?\n                  </span>{' '}\n                  Paige can translate for you quickly and accurately.\n                </p>\n              </div>\n            </div>\n            <div className=\"col-4 pe-5\">\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint6} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Need help with writing code or developing software?\n                  </span>{' '}\n                  Paige can provide you with snippets of code or suggest new\n                  approaches to solving problems.\n                </p>\n              </div>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint7} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Do you struggle with writer's block or need inspiration for\n                    your next creative project?\n                  </span>{' '}\n                  Paige can help spark your creativity with new ideas and fresh\n                  perspectives.\n                </p>\n              </div>\n            </div>\n            <div className=\"col-4 pe-5\">\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint8} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Are you a small business owner who needs help writing copy\n                    for your website or marketing materials?\n                  </span>{' '}\n                  Paige can assist with generating compelling and effective\n                  language that resonates with your target audience.\n                </p>\n              </div>\n              <div className=\"d-flex align-items-center py-4\">\n                <img src={paint9} alt=\"Paint\" className=\"pe-4\" />\n                <p className=\"mb-0 pe-4\">\n                  <span>\n                    Are you planning an event and need help with writing\n                    invitations or announcements?\n                  </span>{' '}\n                  Paige can generate text that captures the tone and style\n                  you're looking for.\n                </p>\n              </div>\n            </div>\n            <div className=\"col-12 paragraph\">\n              <p className=\"my-4\">\n                <span>\n                  Paige is a versatile tool that can assist you with many\n                  different tasks.\n                </span>{' '}\n                Whether you're{' '}\n                <span>writing a book, creating a presentation</span>, or just\n                need help <span>brainstorming ideas</span>, Paige is always\n                ready to lend a helping hand.{' '}\n                <span>\n                  Paige is your go-to expert for all things content creation,\n                  and she's always ready to assist you whenever you need it.\n                </span>\n              </p>\n              <p>\n                <span>...and by the way, in case you were wondering,</span> this\n                entire document was written by{' '}\n                <img src={paigeText} alt=\"Paige\" />\n              </p>\n            </div>\n          </div>\n        </div>\n      </Paige>\n      <Cube>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-8\">\n              <img src={cubePage} alt=\"Cube\" className=\"w-100\" />\n            </div>\n            <div className=\"col-4 ps-5 text-end\">\n              <img src={cubeLarge} alt=\"Cube\" className=\"w-100 ms-auto mb-5\" />\n\n              <p>\n                Introducing The Cube -{' '}\n                <span>\n                  PROFITi's groundbreaking blockchain-based game that takes fun\n                  and rewards to the next level!\n                </span>\n              </p>\n              <p>\n                Get ready to{' '}\n                <span>experience a gaming world like no other</span>, where you\n                have chances to play for free and earn amazing rewards just for\n                having fun.\n              </p>\n              <p>\n                The Cube is the <span>first of many exciting games</span> from\n                PROFITi that are{' '}\n                <span>designed to bring blockchain gaming to the masses</span>.\n                With its\n                <span>intuitive gameplay</span> and unique features, The Cube\n                will keep you entertained for hours on end. And{' '}\n                <span>\n                  with the opportunity to earn rewards that you can use in the\n                  real world\n                </span>\n                , you'll never want to stop playing!\n              </p>\n              <p>\n                <span>Join the gaming revolution</span> with The Cube and{' '}\n                <span>start having fun while earning amazing rewards!</span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </Cube>\n      <Meta>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-4 pe-5\">\n              <img src={metaLarge} alt=\"Metaverse\" className=\"w-100 mb-5\" />\n              <p>\n                Welcome to the Metaverse,{' '}\n                <span>\n                  the platform that brings together PROFITi's decentralized\n                  community.\n                </span>{' '}\n                It's a virtual world where you can{' '}\n                <span>connect, socialize</span>, and <span>engage</span> in a\n                variety of activities with like-minded individuals from all over\n                the world. Whether you want to <span>play games</span>, attend{' '}\n                <span>virtual events</span>, or simply\n                <span>hang out</span> and chat with friends, the{' '}\n                <span>Metaverse has something for everyone.</span>\n              </p>\n              <p>\n                One of the best things about the Metaverse is its{' '}\n                <span>unparalleled focus on security and privacy</span>. You can\n                rest assured that your personal information and activities are\n                always safe and secure. And with its{' '}\n                <span>intuitive interface and user-friendly design</span>, the\n                Metaverse is easy to navigate and use, making it the{' '}\n                <span>\n                  perfect platform for both tech enthusiasts and casual users\n                </span>\n                .\n              </p>\n              <p>\n                With the Metaverse, you'll{' '}\n                <span>discover a world of limitless possibilities</span>.\n                Whether you want to{' '}\n                <span>explore new places, learn new things</span>, or{' '}\n                <span>connect with new people</span>, the Metaverse has got you\n                covered.\n              </p>\n              <p className=\"mb-0\">\n                In the Metaverse you will experience{' '}\n                <span>the future of online communities.</span>\n              </p>\n            </div>\n            <div className=\"col-8\">\n              <img src={metaPage} alt=\"Metaverse\" className=\"w-100\" />\n            </div>\n          </div>\n        </div>\n      </Meta>\n      <Defi>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-8\">\n              <img src={defiPage} alt=\"Cube\" className=\"w-100\" />\n            </div>\n            <div className=\"col-4 ps-5 text-end\">\n              <img src={defiLarge} alt=\"Cube\" className=\"w-100 ms-auto mb-5\" />\n\n              <p>\n                The ultimate tool for crypto arbitrage on decentralized\n                exchanges.{' '}\n                <span>\n                  This cutting-edge protocol uses advanced artificial\n                  intelligence to identify arbitrage opportunities\n                </span>{' '}\n                on decentralized exchanges, eliminating the guesswork and\n                generating opportunities for users without requiring any prior\n                trading experience.\n              </p>\n              <p>\n                The bot{' '}\n                <span>\n                  works by scanning multiple exchanges for potential price\n                  discrepancies\n                </span>\n                , and <span>uses smart contracts to execute trades</span> on\n                your behalf. And if the parameters of the trade don't align with\n                the bot's algorithm, the entire transaction is voided -{' '}\n                <span>so you'll never have to worry about losing money.</span>\n              </p>\n              <p>\n                But the AI-powered DeFi trading bot is more than just powerful -\n                <span>it's also incredibly easy to use</span>. Designed with\n                user-friendliness in mind, the system is a breeze to set up and\n                requires no technical knowledge. Once you're up and running, you\n                can sit back and relax while the bot makes informed decisions\n                and executes trades on your behalf.\n              </p>\n            </div>\n          </div>\n        </div>\n      </Defi>\n      <Ideas>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-8\">\n              <div className=\"text-center texts\">\n                <img src={ideasStamp} alt=\"Stamp\" className=\"\" />\n\n                <p>... this page was intentionally left blank</p>\n                <img src={ideasText} alt=\"Bring your ideas\" className=\"w-75\" />\n                <p className=\"px-5\">\n                  PROFITi was{' '}\n                  <span>created by the community for the community</span>, do\n                  you have a talent or product that can help us grow?\n                  <br />\n                  <span>Our next product feature could be yours!</span>\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Ideas>\n      <Final>\n        <div className=\"container zoom\">\n          <div className=\"row align-items-center justify-content-center\">\n            <div className=\"col-10\">\n              <div className=\"title text-center\">\n                <h2>\n                  PROFITi is revolutionizing the digital landscape with\n                  innovative products that empower\n                </h2>\n                <h2>\n                  our users to explore new horizons and, connect with\n                  like-minded individuals\n                </h2>\n                <h2>and unleash their creativity like never before.</h2>\n              </div>\n              <div className=\"bg\">\n                <div className=\"bg-products d-flex align-items-center justify-content-center\">\n                  <div className=\"text-center mb-4\">\n                    <h2>LET’S BUILD THE MOST INNOVATIVE</h2>\n                    <h3>Decentralized Community</h3>\n                    <p>and grow together</p>\n                  </div>\n                </div>\n              </div>\n              <div className=\"text-center\">\n                <img src={logo} alt=\"Logo\" className=\"logo\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Final>\n    </Container>\n  );\n};\n\nexport default ProductRoadmap;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBnVK7bhNBFD13duexjiK5pbMoUsdfgFPmGwBB/gD+gPyJKfiGlF6JArpVaJCo3FHaZMG7Ozs7lzveKFBYSZRTzEh37pw559whCJrqy8yY+AbO087kaJ3jbW7ot5vwjXHYwZAPOTzkzKvy9fFxiVtQWsLXakVFvyDbIboBO2u5NpZqbXFjHWrt0LFBN+Too2E/5B9fHdmLdDdPC7d5omIgUqbABXUUUz0VFTGTFHMizvY1ioy3n5pu/bKwlyOBt0IgADaI9rk+mW9xAFfNz5nRqKR56gPeSelSpYO406LCMLf6F80PX044L56trRpKo3rWWZjeWRDTiElvcnEPqs332Z/YnbI8G0Hr/zLQ4gAcaWz0n7+tsolfkOshk4G3CrVxXFNP5DuwIUZG5R3BIAqUCJC4wKtq2rd6EaVH7TOLZCjgSILlpJFSF65DMbz/p6DRIgmUAqGz+ba5+nGR9fkLYQQyESu7zQKCIvkL6hoxLM8mY1ZjBq1MAYr51kJxfrKUbYlHYFQw0D4H9UCIh7AfowRYyh+i2OkST8XmA5/iCfgLJIi3eNoYkFMAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAYAAADgbT9oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIkSURBVHgBtZM7jhNBEIarqh8zwApsISSEkDw3AMQBMPEGPA6AzEkWIlL2BAsXYEVA7CFy6CVAhPYmEK6BxfPoR1HTYHtFwErIlDXqdmnmq7//rgL4T4GwhXjTnt5qI5U+qoWL7tHTnZ0jgi2EAjey5K8YCgNLetTlNGwhYoB9pVyfkTmifQnbjEOe9bpn9X/tMR/Meu5q3GPrHqo8AFgHaGXVsmZB9h6CYai1gaUy0JLav3ntblI3qT4VVXZ53IopAbPhLvaPkxUnB1+KysCYGl90tSJ6OZVsWOrGrnyqz8Qec3adGiaMDySXwDnoAnxbgNLg0d+X1KsEtstLe5D5QYwIxHAUIyxkBZYfccdHYWM6oGJ/T+CIMa5t6HnPP2JkJfs6qJRLYF6aobiOFHGeP7l+529e8sfJjMAPcg7rXO4rKS4ogZASv1bg2NiCRBsHKuGciI0o6kSYzQjkdYOoBcrMNgZcgyHQSaxNDwMW54G5MfK+XCTDGcW1WNTZJrqD3igWK9+KihG3evjthRuT9XPMnXzhgDIP1HWIDqV9PHgdaysdQoBnrRCsca3kIpD55X0CyyvP5bKGckUFt2q4aoRuLEWIqEstMuJ3n8um/i5NJZPAGyv8Qpy4QHwRPGS/T5JGuv8M5wLr2qQU+AIaDSz9x7Xl9FRWrtuUuHvjGJyZi23INX1YgbXXktNfsSE0zr2Hf43Tw9ntP3PVdFLwdLqevJ/LfgiUiXGI7gAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH6SURBVHgBpZPNThRBEMf/1dMz3bOALPHmhTEaz+sTqDcTEg0XzzyBevEsPoHwBryBcPCMTyDwBMCFkwmzXzAz/VHW7Lqsy0FiqKT6o7rq113V3cA9hWYDPjzqxgfxA+XVFhuHxmoMdYaxMRikRnqLkcrQRI0mZPCkd95ly7u6Db7+dlo4Vx/SuCkoEpNXZKJHYq5hOHIWI2wMlGYBI4EmmuFC/CihUwD69nP0ulBOVnx9gkAlRwftG6yECqnA0tBqgE3dy2HmcZVkk9AJIIxWesrXzC45zzeePv9Xzhe/fp7a4NeH2s0Bscx7bBOoSp/gDnlYjWCDgUmbOQBBnfGVXY+NfnEXIBsraFPBSEo3AGYcyHW8F0B3+IWPyLhj6sgOtoZaqqA6HpTXx9nrZ7uhb2XsqGMcz1MAdhLGWyIUYu3FOu1RVFCeEKXnUCMJivn7xX4YlzJ3UuN68gRU26xt01kAXoGxJ4BysuISjqMcsd8RXUIY5D9o49G574ttYCkO8rPWjfAfcvn1sjBrzamkA5W7ffPmyaZecNjmrjzA1cnEL8IThdW6cnuxTKEajVg3BwsnaIMTwpEUtKBb5xLb1LFtEmZl6vPlT/njmxr8ka7oNJjnsa3SX6D2lbqx3Zw5LOw12OYt8SkmZIL8gls1UijlW+xJ0cuZ6TdHgPNJGCZipgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgBnZFNbtRAEIVfddltj+0wjkACdmbDCVixYbhBcoRcgDW7yRGCWLCEEyA4QcIGlhwhkwXKBsj8aOJu211FxxlygHSrpFJJX+nVe8A9H/1v2h8/G5uGOVVuNmQBbZ5ik02wshnWdoJtksOJRSfJsu34iEfo43ljmE9VaYZgpkawn+lQZ9rXVmVqRWqG7CtrDYMnzOqSG1D6eo6/rjGdV+ndN5ZkoeKQSYdErpFqQBpiRSVLG1brgHe34J+9A3WpqrcXxUHzuv18+QrZ5hnvOZjSoUwDymKDh+VWtyZfPXr8YjGC2nGt/QS4tmfth8tG13xGZR4dIKgYxcQTE2mmHVHe4vev74fJzpsl1EzFmaZ6+3Sxfn91aALqMAA8EDgAgwBGFfFu5M9ffhldXR3rSVz+Js6JDT4FwQVogKkGNUWU+6ADckemcuC8P2fpv47g1bE20d7TGE4zStddTlEl5f14p6m8UuFHmKw/uctxB88jM6PbBRo/6U3YicAUXk3pCUW75Mof/QO3i7nEXh/BEgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAUCAYAAAAjvwuMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANZSURBVHgB5VhZTuNAEK2EsEh8TI7gILFJSAM3MCcgc4IhJwicgOQEhBOMOQFwgjEnSD6Q2KSMuUGQsknZ5r1M98hkvMTGREbzJMfudrtSXcurskVSiqenp/37+3tDUoqspBDPz8/nONWXlpZ+wYDHkkLk+EPPZrPZ80wmkw97YDKZtHDc4rje3d115AMA2UV9PR6P9yWFmBoOnj3BqTjPAzAuD64t393dfdvb22tIwhiNRofQ6QwGfOn1ejVJITL8eXx8tGCM7xIdTqfTOQBa8p8h5zFXgsdtvwcQCXlEwhUMbWBorK+vM/os9xpwlIk1dIQhcwCy7M3Nzaoew5FFUMcP0oKXY6LKBxpbW1uns5MsQDiV55TzRsY/hoPRnDDuenh4uMBmSeDkI8N9D5tiilUkArDebDab1sbGxouaKmKOfJtfW1vj5uz3yAdM0Mqlm1boHJyu4srISQwgGr56zbMCxtjU3GCExJXPTNHXLIba8QoseIF0g/WO2/CehqvX63mk4Bku/arssb5A1bNd8395EopUcc+SAORyuSusi1I1yxHln7srtAaMaIpKTxjkut1ul6LytKfhYLSKW8kAWEhr2zU21bm1vb1dCXsYERRJWWySETe9ptHCKAXp+MouYBakBj0/GAwuQQd5rK1L8H/b4LiSHnsaDko5SEcJEURPncoCoXhvin6/n2QlN1SxC8KbzPA03M7OTg08ENSf+RUQzhk48njenInGdwOba+hipKgkluMgo6HbL6TzkYqkTBQZvsUhzqah0CUU4obIIz8R/o7XOkarV3sQhuFweAO5mrNOVGX0QqPb7Zb85KyurlqQdaYi+BiUYcgfpweB7ciFHsSqqn5YWVmpgTOORIV1QPifoP2oQXmJAjjTgrFMHS0B8o3l5eWqn5xCodBCS1Xla6aaMmUOoB251ZV1SmQMXXWPvOFITFAhKHzIyMPQN9V5nz0buPRGjZ1XwHXfVx8UHbY81SD5gM0NwjBf/BaQjtCzMipt9T9hsD1fL9kjsQ2RBcPvf5PQBzL4dWXCI+m9RSLEzwT3GwYjGpFakASRKMctCoigMvit4m5PZqH7PQKUUJWE8Skjjiko0V7wDyRhpPILcBgQQWwLAgmd6ckigq8rh/IB+A3BStFLu6ZABQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","import { darken } from 'polished';\nimport styled from 'styled-components';\n\nexport const Banner = styled.div`\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 1.84%,\n        #bcffe5 2.62%,\n        #deefd1 7.94%,\n        #ffe0be 22.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 400 !important;\n  }\n\n  .container {\n    max-width: 1920px;\n  }\n\n  .btn-arrow {\n    background: rgba(152, 148, 148, 0.1);\n    box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n    backdrop-filter: blur(15px);\n    border-radius: 19px;\n\n    border: none;\n    rotate: 90deg;\n    width: 60px;\n    height: 60px;\n  }\n  .btn-claim button {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Video = styled.video`\n  background-color: #000 !important;\n  position: fixed;\n  min-width: 100%;\n  left: 0%;\n  z-index: 1;\n  height: 100vh;\n  //top: 50%;\n  //left: 50%;\n  //min-height: 100%;\n  //width: auto;\n\n  //transform: translateX(-50%) translateY(-50%);\n  transition: top 1s ease-in-out;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background: rgba(152, 148, 148, 0.1);\n  box-shadow: 3px 4px 32px rgba(0, 0, 0, 0.54);\n  backdrop-filter: blur(15px);\n  border-radius: 30px;\n\n  .btn-avatar-wallet {\n    background: transparent !important;\n    border-radius: 30px;\n  }\n\n  .title {\n    font-weight: 600;\n    font-size: 30px;\n    line-height: 36px;\n    color: #ffffff;\n  }\n\n  .bg-values span {\n    min-width: 100px;\n  }\n\n  .chat button {\n    cursor: pointer;\n    border: none;\n    padding: 0 0 3px 0;\n    background: transparent;\n    background-origin: border-box !important;\n\n    border-image-slice: 1 !important;\n\n    transition-duration: 0.3s;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 22px;\n    color: #7d7777;\n    span {\n      padding: 5px 20px;\n      display: block;\n      background: #252526;\n      padding-bottom: 3px;\n    }\n    :hover {\n      background: linear-gradient(\n        270deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 0.557292) 54.44%,\n        rgba(255, 255, 255, 0) 87.84%\n      );\n      color: #fff;\n    }\n  }\n\n  .chat-active {\n    background: linear-gradient(\n      270deg,\n      rgba(255, 255, 255, 0) 0%,\n      rgba(255, 255, 255, 0.557292) 54.44%,\n      rgba(255, 255, 255, 0) 87.84%\n    ) !important;\n    color: #fff !important;\n  }\n\n  .messages img {\n    height: 46px;\n    width: 46px;\n  }\n\n  .messages .no-avatar {\n    min-height: 46px;\n    min-width: 46px;\n  }\n\n  .hour {\n    color: #bfbfbf;\n    font-size: 12px;\n  }\n\n  .bg-participants {\n    background: rgba(83, 83, 83, 0.45);\n    backdrop-filter: blur(2px);\n    border-radius: 0px 6px 6px 6px;\n  }\n\n  .bg-you {\n    background: rgba(24, 25, 26, 0.85);\n    backdrop-filter: blur(2px);\n    border-radius: 6px 0px 6px 6px;\n  }\n\n  .vh-67 {\n    height: 67vh;\n    transition: all 0.3s ease;\n  }\n  .vh-32 {\n    height: 32vh;\n    transition: all 0.3s ease;\n  }\n\n  .bg-input {\n    background: rgba(24, 25, 26, 0.85);\n    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25);\n    border-radius: 12px;\n  }\n\n  .bg-input input::placeholder {\n    color: #fff !important;\n  }\n\n  .bg-input button {\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 8px;\n  }\n\n  aside.EmojiPickerReact.epr-main {\n    transition: all 0.3s ease;\n    border-style: none;\n    border-width: none;\n    background: rgba(24, 25, 26, 0.85);\n    box-shadow: 0px 14px 28px rgb(0 0 0 / 25%);\n    border-radius: 12px;\n  }\n\n  .EmojiPickerReact li.epr-emoji-category > .epr-emoji-category-label {\n    background-color: rgba(24, 25, 26, 0.85);\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/chat-group-icon.143ef461.svg\";","import React, { useCallback, useState } from 'react';\nimport { RiSendPlane2Fill } from 'react-icons/ri';\nimport { BsEmojiSmile } from 'react-icons/bs';\nimport { IoMdClose } from 'react-icons/io';\nimport EmojiPicker, { Theme, EmojiClickData } from 'emoji-picker-react';\nimport { Container } from './styles';\nimport arrow from '~/assets/icons/arrow-bottom.svg';\nimport group from '~/assets/icons/chat-group-icon.svg';\nimport logoPurple from '~/assets/logo/logo-p-purple.svg';\n\ninterface IActive {\n  active: boolean;\n  onClick(): void;\n}\n\nconst LiveChat: React.FC<IActive> = ({ active, onClick }) => {\n  // const [activeChat, setActiveChat] = useState(true);\n  const [chatParticipants, setChatParticipants] = useState('chat');\n  const [messageChat, setMessageChat] = useState([\n    {\n      me: false,\n      participants: true,\n      avatar: logoPurple,\n      name: 'Avatar1',\n      text: 'Hello Guys! Whats your opinion?',\n      hour: '12:00 pm',\n    },\n    {\n      me: false,\n      participants: true,\n      avatar: logoPurple,\n      name: 'Avatar2',\n      text: 'Images are better.',\n      hour: '12:01 pm',\n    },\n    {\n      me: true,\n      participants: false,\n      avatar: logoPurple,\n      name: 'You',\n      text: 'Yes, It will decrease the loading',\n      hour: '12:03 pm',\n    },\n    {\n      me: false,\n      participants: true,\n      avatar: logoPurple,\n      name: 'Avatar3',\n      text: 'Anyone is up for illustrations. I think there are less relatable images according to our brand.',\n      hour: '12:05 pm',\n    },\n  ]);\n\n  const [meMessage, setMeMessage] = useState('');\n  const [keyPress, setKeyPress] = useState('');\n\n  const [emojiWindowActive, setEmojiWindowActive] = useState(false);\n\n  const time = new Date().toLocaleTimeString().slice(0, -3);\n\n  const elementClass = document.querySelector('.height-chat');\n\n  if (elementClass) {\n    const height = elementClass.scrollHeight;\n    elementClass.scrollTo(0, height);\n  }\n\n  const handleButtonOpenEmoji = useCallback(() => {\n    setEmojiWindowActive(!emojiWindowActive);\n  }, [emojiWindowActive]);\n\n  const handlePicker = useCallback(\n    (emojiData: EmojiClickData) => {\n      setMeMessage(meMessage + emojiData.emoji);\n      setKeyPress('');\n    },\n    [meMessage]\n  );\n\n  const cleanMeMessage = useCallback(() => {\n    setMeMessage('');\n    setKeyPress('');\n  }, []);\n\n  const handleMeMessage = useCallback((e) => {\n    setMeMessage(e);\n  }, []);\n\n  const handleSendMessage = useCallback(() => {\n    setMessageChat([\n      ...messageChat,\n      {\n        me: true,\n        participants: false,\n        avatar: logoPurple,\n        name: 'You',\n        text: meMessage,\n        hour: time,\n      },\n    ]);\n    cleanMeMessage();\n  }, [messageChat, meMessage, time, cleanMeMessage]);\n\n  const handleKeyPress = useCallback((e) => {\n    setKeyPress(e);\n  }, []);\n\n  if (keyPress === 'Enter' && meMessage !== '') {\n    handleSendMessage();\n  }\n\n  // const handleActiveChat = useCallback(() => {\n  //   setActiveChat(!activeChat);\n  // }, [activeChat]);\n\n  const handleChatParticipants = useCallback((e) => {\n    setChatParticipants(e);\n  }, []);\n\n  return (\n    <Container className=\"py-3\">\n      <div className=\"d-flex justify-content-between align-items-center px-4 pt-3 pb-2\">\n        <div className=\"d-flex justify-content-between align-items-center\">\n          <span className=\"title d-flex align-items-center me-3\">\n            Live Chat\n          </span>\n\n          <span className=\"h6 fw-600 text-white mb-0\">\n            <img src={group} alt=\"Icon group\" /> 2,122\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          className={`${\n            active && 'rotateActive'\n          } me-4 bg-transparent border-0 arrow`}\n        >\n          <img src={arrow} alt=\"Arrow\" />\n        </button>\n      </div>\n      {active && (\n        <>\n          <div className=\"chat my-4\">\n            <button\n              type=\"button\"\n              className={`${chatParticipants === 'chat' && 'chat-active'} mx-3`}\n              onClick={() => {\n                handleChatParticipants('chat');\n              }}\n            >\n              <span>Chat</span>\n            </button>\n            {/* <button\n              type=\"button\"\n              className={`${\n                chatParticipants === 'participants' && 'chat-active'\n              } mx-3`}\n              onClick={() => handleChatParticipants('participants')}\n            >\n              <span>Participants</span>\n            </button> */}\n          </div>\n          {chatParticipants === 'chat' && (\n            <>\n              <div\n                className={`px-4 me-2 overflow-auto ${\n                  emojiWindowActive ? 'vh-32 mb-4' : 'vh-67'\n                }`}\n              >\n                {messageChat.map((element) => (\n                  <div\n                    className={`${\n                      element.me && 'justify-content-end'\n                    } d-flex messages mt-4`}\n                  >\n                    {element.me ? (\n                      <div className=\"me-3 no-avatar\" />\n                    ) : (\n                      <img src={element.avatar} alt=\"Avatar\" className=\"me-3\" />\n                    )}\n                    <div className={`${element.me && 'text-end'}`}>\n                      <span className=\"d-block h6 text-white\">\n                        {element.name}\n                      </span>\n\n                      <div\n                        className={`px-4 py-3 ${\n                          element.me ? 'bg-you' : 'bg-participants'\n                        }`}\n                      >\n                        <p className=\"text-white h6\">{element.text} </p>\n                        <span className=\"hour d-block text-end\">\n                          {element.hour}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                ))}{' '}\n              </div>\n              <div className=\"px-4\">\n                <EmojiPicker\n                  onEmojiClick={handlePicker}\n                  autoFocusSearch={false}\n                  searchDisabled\n                  skinTonesDisabled\n                  theme={Theme.DARK}\n                  width=\"100%\"\n                  height={emojiWindowActive ? 350 : 0}\n                />\n              </div>\n              <div className=\"d-flex mt-3 px-4\">\n                <div className=\"bg-input p-3 flex-grow-1 d-flex\">\n                  <input\n                    className=\"bg-transparent border-0 text-white flex-grow-1 w-100\"\n                    name=\"\"\n                    id=\"\"\n                    placeholder=\"Write message here\"\n                    onChange={(e) => {\n                      handleMeMessage(e.target.value);\n                    }}\n                    onKeyPress={(e) => {\n                      handleKeyPress(e.key);\n                    }}\n                    value={meMessage}\n                  />\n                  <button\n                    type=\"button\"\n                    className=\"border-0 p-2 ms-3\"\n                    onClick={handleSendMessage}\n                    disabled={meMessage === ''}\n                  >\n                    <RiSendPlane2Fill size={25} color=\"#18191A\" />\n                  </button>\n                </div>\n                <div className=\"ms-2\">\n                  <button\n                    type=\"button\"\n                    className=\"bg-input border-0 h-100 px-4\"\n                    onClick={handleButtonOpenEmoji}\n                  >\n                    {emojiWindowActive ? (\n                      <IoMdClose size={25} color=\"rgba(255, 255, 255, 0.8)\" />\n                    ) : (\n                      <BsEmojiSmile\n                        size={25}\n                        color=\"rgba(255, 255, 255, 0.8)\"\n                      />\n                    )}\n                  </button>\n                </div>\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default LiveChat;\n","export default __webpack_public_path__ + \"static/media/thumb-discover.cc04f2a1.png\";","import React, { useCallback, useState } from 'react';\n\nimport { Banner } from './styles';\n\nimport LiveChat from './LiveChat';\nimport Player from '~/components/Player';\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\nimport thumbnail from '~/assets/defaults/thumb-discover.png';\nimport logoPurple from '~/assets/logo/logo-p-purple.svg';\nimport arrow from '~/assets/icons/arrow-bottom.svg';\n\nconst Discover: React.FC = () => {\n  const [activeChat, setActiveChat] = useState(true);\n\n  const handleActiveChat = useCallback(() => {\n    setActiveChat(!activeChat);\n  }, [activeChat]);\n  return (\n    <Banner>\n      <div className=\"container position-relative container-zindex pt-4\">\n        <div className=\"row\">\n          <div className=\"col-12 d-flex justify-content-between position-absolute mt-3 px-5\">\n            <img src={logoPurple} alt=\"Logo\" className=\"ms-3\" />{' '}\n            <button\n              type=\"button\"\n              className={`${activeChat && 'd-none'} btn-arrow`}\n              onClick={handleActiveChat}\n            >\n              <img src={arrow} alt=\"Arrow\" />\n            </button>\n          </div>\n        </div>\n        <div className={`row ${!activeChat && 'justify-content-center'}`}>\n          <div className=\"col-lg-9 px-lg-5\">\n            <div className=\"row px-lg-5 mb-2 mb-lg-4\">\n              <div className=\"col-1\" />\n              <div className=\"col-11 zoom\">\n                <h1\n                  className={`${!activeChat && 'text-center'} h2 display-lg-4`}\n                >\n                  <span>Discover The Digital Revolution</span>\n                </h1>\n\n                <p\n                  className={`${\n                    !activeChat && 'text-center'\n                  } gradient-parts h5 my-4 my-lg-2`}\n                >\n                  <span>\n                    And the exact steps you need to know, to{' '}\n                    <span className=\"fw-bold\">position yourself today</span> in\n                    what will be the best and most{' '}\n                    <span className=\"fw-bold\">lucrative&nbsp;opportunity</span>{' '}\n                    of the decade.\n                  </span>{' '}\n                  <b>The next 15 minutes will change everything.</b>\n                </p>\n              </div>\n            </div>\n\n            <div className=\"row justify-content-center px-lg-5\">\n              <div className=\"col-12 position-relative\">\n                <img src={retangle} alt=\"\" className=\"back-retangle-right\" />\n                <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n\n                <Player\n                  src=\"https://prfti.s3.amazonaws.com/1.mp4\"\n                  thumbnail={thumbnail}\n                />\n              </div>\n            </div>\n\n            <div className=\"row justify-content-center px-lg-5 mt-4\">\n              <div className=\"col-11 zoom btn-claim\">\n                <button type=\"button\" className=\"w-100 mt-4 mt-lg-0\">\n                  <b>ACTIVATE YOUR NFT ACCOUNT NOW</b>\n                </button>\n              </div>\n            </div>\n          </div>\n          {activeChat && (\n            <div className=\"col-lg-3\">\n              <LiveChat active={activeChat} onClick={handleActiveChat} />\n            </div>\n          )}\n        </div>\n      </div>\n    </Banner>\n  );\n};\n\nexport default Discover;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\n\nimport background from '~/assets/banners/background.png';\n\nexport const Banner = styled.div`\n  //background-image: url(${background});\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 900;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .btn-claim button {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Timeline = styled.div`\n  background: #000000;\n  box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n\n  .sinalizer {\n    > div:nth-child(1) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(180deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n\n    > div:nth-child(2) {\n      width: 50px;\n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      div {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #333333;\n      }\n    }\n\n    > div:nth-child(3) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(0deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n  }\n\n  p {\n    width: 130px;\n    color: #404040;\n    font-weight: 700 !important;\n  }\n\n  .active {\n    .sinalizer {\n      > div:nth-child(1),\n      div:nth-child(3) {\n        opacity: 1;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          rgba(255, 255, 255, 0.096) 100%\n        );\n        box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n          inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n          inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n          inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n          inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n          inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n          inset 0px 4px 18px rgba(255, 255, 255, 0),\n          inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border-radius: 50%;\n\n        div {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n        }\n      }\n    }\n\n    p {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n`;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Banner } from './styles';\n\nimport Timeline from '~/components/Timeline';\nimport Player from '~/components/Player';\nimport WalletAvatar from '~/components/WalletAvatar';\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\nimport thumbnail from '~/assets/defaults/thumbnail-opportunity-new.png';\n\nconst AiAvatar: React.FC = () => {\n  const [claimNft, setClaimNft] = useState(false);\n  localStorage.setItem('@PROFITi:lastPage', `FUNNEL`);\n\n  const history = useHistory();\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Ai avatar',\n        active: true,\n      },\n      {\n        value: 'How To Participate',\n        active: false,\n        semi: true,\n      },\n      {\n        value: 'Activate Your Profit Centers',\n        active: false,\n      },\n      {\n        value: 'Earn Even More!',\n        active: false,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n      },\n    ],\n    []\n  );\n\n  const handleClick = useCallback(() => {\n    setClaimNft(true);\n  }, []);\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"bg-gray col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n\n            <div className=\"col-lg-10 max-width pb-3 p-lg-5 text-center text-lg-end\">\n              <div className=\"d-none d-lg-flex justify-content-end logo mb-n5\">\n                <WalletAvatar />\n              </div>\n              <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                <div className=\"col-lg-9 text-center zoom\">\n                  <h1 className=\"h2 display-lg-4\">\n                    <span>AI Dream Avatar</span>\n                  </h1>\n                  <div className=\"row justify-content-center\">\n                    <div className=\"col-lg-12 col-xxl-10\">\n                      <p className=\"gradient-parts h5 my-4 my-lg-2\">\n                        <span>Elevate your social media game with</span>{' '}\n                        <b>mind-blowing personalized avatars</b>{' '}\n                        <span>\n                          that will leave your friends and followers speechless\n                        </span>{' '}\n                        <b>generated by state-of-the-art AI</b>{' '}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5\">\n                <div className=\"col-11 col-md-9 position-relative\">\n                  <img src={retangle} alt=\"\" className=\"back-retangle-right\" />\n                  <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n\n                  <Player\n                    src=\"https://prfti.s3.amazonaws.com/1.mp4\"\n                    thumbnail={thumbnail}\n                  />\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5 mt-4\">\n                <div className=\"col-11 col-md-9 zoom btn-claim\">\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      history.push(`${process.env.PUBLIC_URL}/what-to-expect`)\n                    }\n                    className=\"w-100 mt-4 mt-lg-0\"\n                  >\n                    <b>GET YOURS FREE NOW</b>\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Banner>\n    </>\n  );\n};\n\nexport default AiAvatar;\n","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\n\nimport background from '~/assets/banners/background.png';\n\nexport const Banner = styled.div`\n  //background-image: url(${background});\n  background-color: #18191a;\n  background-position: center;\n  background-size: cover;\n  min-height: 100vh;\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 900;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .btn-claim button {\n    background-color: #00f9ab;\n    color: #000;\n    border-radius: 20px;\n    font-size: 24px;\n    padding: 16px;\n    transition-duration: 0.3s;\n\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .logo {\n    right: 2rem;\n    top: 2rem;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  .timeline-box {\n    > div {\n      height: 100%;\n    }\n  }\n\n  .back-retangle-right {\n    position: absolute;\n    right: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  .back-retangle-left {\n    position: absolute;\n    left: -27px;\n    top: 20%;\n    height: 18vw;\n    max-height: 400px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    button {\n      font-size: 20px;\n    }\n    .back-retangle-right {\n      height: 25vw;\n      right: -1vw;\n    }\n    .back-retangle-left {\n      height: 25vw;\n      left: -1vw;\n    }\n  }\n\n  @media screen and (min-width: 2160px) {\n    .max-width {\n      max-width: 1800px;\n      margin: 0 auto;\n    }\n  }\n`;\n\nexport const Timeline = styled.div`\n  background: #000000;\n  box-shadow: 8px 16px 40px rgba(0, 0, 0, 0.25);\n\n  .sinalizer {\n    > div:nth-child(1) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(180deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n\n    > div:nth-child(2) {\n      width: 50px;\n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      div {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #333333;\n      }\n    }\n\n    > div:nth-child(3) {\n      height: 100px;\n      width: 1px;\n      background: linear-gradient(0deg, #7d40ff 19.44%, #02a4ff 81.9%);\n      margin: -10px auto;\n      opacity: 0;\n    }\n  }\n\n  p {\n    width: 130px;\n    color: #404040;\n    font-weight: 700 !important;\n  }\n\n  .active {\n    .sinalizer {\n      > div:nth-child(1),\n      div:nth-child(3) {\n        opacity: 1;\n      }\n\n      > div:nth-child(2) {\n        width: 50px;\n        height: 50px;\n\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          rgba(255, 255, 255, 0.096) 100%\n        );\n        box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0),\n          inset 6px 1px 1px -4px rgba(255, 255, 255, 0.2),\n          inset -6px -7px 8px -4px rgba(255, 255, 255, 0.2),\n          inset 0px 7px 3px -4px rgba(255, 255, 255, 0.2),\n          inset 51px -73px 72px -60px rgba(255, 255, 255, 0),\n          inset 0px 98px 100px -48px rgba(255, 255, 255, 0),\n          inset 0px 4px 18px rgba(255, 255, 255, 0),\n          inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border-radius: 50%;\n\n        div {\n          background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n        }\n      }\n    }\n\n    p {\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n`;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Banner } from './styles';\n\nimport Timeline from '~/components/Timeline';\nimport Player from '~/components/Player';\nimport WalletAvatar from '~/components/WalletAvatar';\nimport retangle from '~/assets/defaults/thumbnail-opportunity-rectangle.png';\nimport thumbnail from '~/assets/defaults/thumbnail-opportunity-new.png';\n\nconst AiExpect: React.FC = () => {\n  const [claimNft, setClaimNft] = useState(false);\n  localStorage.setItem('@PROFITi:lastPage', `FUNNEL`);\n\n  const history = useHistory();\n  const steps = useMemo(\n    () => [\n      {\n        value: 'Ai avatar',\n        active: true,\n      },\n      {\n        value: 'What To Expect',\n        active: true,\n        semi: true,\n      },\n      {\n        value: 'Activate Your Profit Centers',\n        active: false,\n      },\n      {\n        value: 'Earn Even More!',\n        active: false,\n      },\n      {\n        value: 'Final Step',\n        active: false,\n      },\n    ],\n    []\n  );\n\n  const handleClick = useCallback(() => {\n    setClaimNft(true);\n  }, []);\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto\">\n            <div className=\"bg-gray col-lg-2 px-0\">\n              <Timeline steps={steps} />\n            </div>\n\n            <div className=\"col-lg-10 max-width pb-3 p-lg-5 text-center text-lg-end\">\n              <div className=\"d-none d-lg-flex justify-content-end logo mb-n5\">\n                <WalletAvatar />\n              </div>\n              <div className=\"row justify-content-center px-lg-5 mb-2 mb-lg-4\">\n                <div className=\"col-lg-9 text-center zoom\">\n                  <h1 className=\"h2 display-lg-4\">\n                    <span>What To Expect</span>\n                  </h1>\n                  <div className=\"row justify-content-center\">\n                    <div className=\"col-lg-12 col-xxl-10\">\n                      <p className=\"gradient-parts h5 my-4 my-lg-2\">\n                        <span>Elevate your social media game with</span>{' '}\n                        <b>mind-blowing personalized avatars</b>{' '}\n                        <span>\n                          that will leave your friends and followers speechless\n                        </span>{' '}\n                        <b>generated by state-of-the-art AI</b>{' '}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5\">\n                <div className=\"col-11 col-md-9 position-relative\">\n                  <img src={retangle} alt=\"\" className=\"back-retangle-right\" />\n                  <img src={retangle} alt=\"\" className=\"back-retangle-left\" />\n\n                  <Player\n                    src=\"https://prfti.s3.amazonaws.com/1.mp4\"\n                    thumbnail={thumbnail}\n                  />\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center px-lg-5 mt-4\">\n                <div className=\"col-11 col-md-9 zoom btn-claim\">\n                  <button\n                    type=\"button\"\n                    // onClick={handleClick}\n                    // onClick={() =>\n                    //   history.push(`${process.env.PUBLIC_URL}/dashboard`)\n                    // }\n                    className=\"w-100 mt-4 mt-lg-0\"\n                  >\n                    <b>GET YOURS FREE NOW</b>\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Banner>\n    </>\n  );\n};\n\nexport default AiExpect;\n","export default __webpack_public_path__ + \"static/media/signup-rings.28c1474a.png\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport banner from '~/assets/banners/nft-lp.png';\nimport rings from '~/assets/banners/signup-rings.png';\n\ninterface IWidthScreen {\n  width: number;\n}\n\nexport const Container = styled.div`\n  h1 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 180px;\n    line-height: 143px;\n    letter-spacing: -0.04em;\n    color: #fff;\n    //padding: 2.5rem 1.5rem;\n    span {\n      font-family: 'Expletus Sans', sans-serif !important;\n    }\n  }\n\n  h2 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 300;\n    font-size: 32px;\n    line-height: 40px;\n    color: #d6d6d6;\n  }\n\n  .second-bubble h3 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 300;\n    font-size: 22px;\n    line-height: 31px;\n\n    color: #dadada;\n    span {\n      font-weight: 700;\n    }\n  }\n\n  .fw-600 {\n    font-weight: 600;\n  }\n\n  .hello {\n    color: #fff;\n    font-family: 'Quicksand';\n    font-size: 40px;\n    font-weight: 400;\n    line-height: 143px;\n    letter-spacing: -1.6px;\n  }\n\n  .rings {\n    background: url(${rings});\n    background-size: auto;\n    background-repeat: no-repeat;\n    background-position: right;\n    //padding-top: 10%;\n  }\n\n  .banner {\n    background: url(${banner});\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    min-height: 100vh;\n  }\n\n  .bg-main {\n    border-radius: 35px;\n    background: rgba(23, 23, 25, 0.66);\n    box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.27);\n    backdrop-filter: blur(5px);\n  }\n\n  .btn-mint {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 24px;\n    font-weight: 700;\n    padding: 22px 49px;\n    font-size: 24px;\n    color: #000;\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .zoom {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (min-width: 1600px) {\n    .container {\n      max-width: 1500px;\n    }\n  }\n`;\n\nexport const Retangle = styled.div<IWidthScreen>`\n  background: rgba(255, 255, 255, 0.1);\n  border-left: 1px solid #ffffff;\n  backdrop-filter: blur(5px);\n  width: 40%;\n  //width: calc(${(props) => props.width - 1920 + 615}px);\n\n  height: 100%;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n\n  img {\n    width: 80px;\n    height: 80px;\n    position: absolute;\n    top: 30px;\n    right: 34px;\n  }\n\n  @media screen and (min-width: 2200px) {\n    width: 36%;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  hr {\n    border-top: solid 1px #434343;\n    opacity: 1;\n  }\n\n  .body {\n    button {\n      background: transparent;\n      border: none;\n      color: #bebebe;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 70px;\n      letter-spacing: -1.04px;\n      transition-duration: 0.3s;\n\n      img {\n        width: 88px;\n        height: 88px;\n      }\n\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n`;\n","export default \"data:image/png;base64,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\"","import React, { useCallback, useState, useEffect } from 'react';\nimport {\n  ethers,\n  utils,\n  ContractReceipt,\n  ContractTransaction,\n  BigNumber,\n} from 'ethers';\n\nimport { useHistory, useParams, useLocation } from 'react-router-dom';\nimport { Container, Retangle, Modal } from './styles';\nimport { useResize } from '~/hooks/Resize';\nimport logo from '~/assets/logo/logo-p-gray.svg';\nimport bubble2 from '~/assets/defaults/bubble_2.svg';\nimport email from '~/assets/logo/email.png';\nimport metamask from '~/assets/logo/metamask.png';\nimport swalError from '~/utils/swalError';\nimport { web3store } from '../../store';\nimport api from '~/services/api';\n\nconst SignupAutoaffiliate: React.FC = () => {\n  // console.log('+++++ SignupAutoaffiliate +++++');\n  const [show, setShow] = useState(false);\n  const resize = useResize();\n  const widthScreen = resize.width;\n  const [funnelType, setFunnelType] = web3store.useState('funnelType');\n  const history = useHistory();\n  const [account, setAccount] = web3store.useState('account');\n  const { reference, placementRef, username } =\n    useParams<{ reference: string; placementRef: string; username: string }>();\n  // path={`${process.env.PUBLIC_URL}/aa/:reference/:placementRef?/:username?`}\n  const [sponsorName, setSponsorName] = useState<string | null>(null);\n\n  useEffect(() => {\n    // setFunnelType('AA');\n    if (reference === undefined || username === undefined) {\n      swalError({\n        message:\n          'Invalid referral link.  Please be sure to use the link provided by the Autoaffiliate dashboard.',\n        textButton: 'Try Again',\n      });\n    }\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleMetamask = useCallback(async () => {\n    if (reference === undefined || username === undefined) {\n      swalError({\n        message:\n          'Invalid referral link.  Please be sure to use the link provided by the Autoaffiliate dashboard.',\n        textButton: 'Try Again',\n      });\n    } else {\n      // Check if MetaMask is available\n      // console.log('checking for metamask');\n      if (typeof window.ethereum === 'undefined') {\n        swalError({\n          message: 'MetaMask is not available.',\n          textButton: 'Try Again',\n        });\n        return;\n      }\n\n      // Request access to the MetaMask accounts\n      try {\n        await window.ethereum.request({ method: 'eth_requestAccounts' });\n        const provider = new ethers.providers.Web3Provider(window.ethereum);\n        // Get the selected account address\n        const signer = provider.getSigner();\n        const selectedAddress = await signer.getAddress();\n        // get nft list\n        api\n          .get('/v1/nft/list', {\n            params: {\n              registered: 2,\n              owner: selectedAddress,\n            },\n          })\n          .then(function (nftresponse) {\n            // console.log(nftresponse.data.nft_list);\n            if (nftresponse.data.nft_list.length === 0) {\n              // log referral code\n              api\n                .post('/v2/aa/member/prospect', {\n                  ref: reference,\n                  place: placementRef,\n                  username,\n                  account: selectedAddress,\n                })\n                .then((response) => {\n                  // console.log(response.data.result);\n                  if (response.data.result === 'REGISTERED') {\n                    swalError({\n                      message: `Sorry, the username (${username}) has already been registered in Profiti.`,\n                      textButton: 'Try Again',\n                    });\n                  } else if (response.data.result === 'BADREF') {\n                    swalError({\n                      message: `Sorry, ${reference} is not a valid Profiti referral code.`,\n                      textButton: 'Try Again',\n                    });\n                  } else {\n                    // ---------------------------------------------------\n                    // AVAILABLE\n                    // ---------------------------------------------------\n                    // console.log(\n                    //   '+++++ sponsor_name: %s +++++',\n                    //   response.data.sponsor_name\n                    // );\n                    const paramData = {\n                      selectedAddress,\n                      reference,\n                      placementRef,\n                      username,\n                      sponsorName: response.data.sponsor_name,\n                      sponsorUsername: response.data.sponsor_username,\n                    };\n                    history.push({\n                      pathname: '/autoaffiliate-member/order',\n                      state: paramData,\n                    });\n                    // ---------------------------------------------------\n                    // ---------------------------------------------------\n                  }\n                })\n                .catch((error) => {\n                  swalError({\n                    message:\n                      'Sorry, there was a problem checking your referral link.',\n                    textButton: 'Try Again',\n                  });\n                });\n            } else {\n              console.log('has nft id: %s', nftresponse.data.nft_list[0]);\n              // check member status\n              // If member, setaccount\n              // if not, error (mint only - ignore for now)\n              setAccount(selectedAddress);\n            }\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n          });\n      } catch (error) {\n        swalError({\n          message: 'Connection to MetaMask failed.',\n          textButton: 'Try Again',\n        });\n        console.error(error);\n      }\n    }\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"banner position-relative\">\n        <Retangle\n          width={widthScreen}\n          className=\"d-flex flex-column justify-content-center retangle\"\n        >\n          <img src={logo} alt=\"Logo\" className=\"zoom\" />\n          <div className=\"d-flex mx-auto p-4 justify-content-evenly bg-main\">\n            <button\n              type=\"button\"\n              className=\"btn-mint zoom\"\n              onClick={() => setShow(true)}\n            >\n              CONNECT WALLET TO SIGN UP\n            </button>\n          </div>\n        </Retangle>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-12 rings d-flex align-items-center zoom\">\n              <div className=\"row align-items-center\">\n                <div className=\"col-lg-6\">\n                  <h2 className=\"hello \">\n                    Hello, <span className=\"fw-600\">AutoAffiliate</span> member!\n                    👋🏻\n                  </h2>\n                  <h1 className=\"\">\n                    WELCOME TO PROFIT<span>i</span>\n                  </h1>\n                  <h2 className=\"w-75 pt-3 \">\n                    The decentralized community platform{' '}\n                    <span className=\"fw-600\">\n                      where rewards meets innovation.\n                    </span>\n                  </h2>\n\n                  <div className=\"d-flex align-items-center second-bubble mt-5\">\n                    <img src={bubble2} alt=\"bubble\" className=\"\" />\n                    <h3 className=\"ps-5 ps-4 mb-0 \">\n                      Whether you're a beginner or experienced,{' '}\n                      <span>\n                        our suite of innovative no-code tools, powered by\n                        Artificial Intelligence\n                      </span>\n                      , makes it easy for anyone to create images, NFTs, copy,\n                      and much more!\n                    </h3>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <Modal\n        centered\n        size=\"md\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-signin-auto\"\n      >\n        <Modal.Header className=\"border-0 py-2\" />\n        <Modal.Body className=\"px-4 px-sm-5 body\">\n          {false && (\n            <>\n              <div className=\"text-center\">\n                <button type=\"button\" className=\"mt-4\">\n                  <img src={email} alt=\"Email\" className=\"d-block mx-auto\" />\n                  Use Your Email\n                </button>\n              </div>\n              <hr className=\"my-4\" />\n            </>\n          )}\n          <div className=\"text-center my-5\">\n            <button type=\"button\" className=\"mt-4\" onClick={handleMetamask}>\n              <img src={metamask} alt=\"Metamask\" className=\"d-block mx-auto\" />\n              Use MetaMask Wallet\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-2\" />\n      </Modal>\n    </Container>\n  );\n};\n\nexport default SignupAutoaffiliate;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport { lighten } from 'polished';\nimport background from '~/assets/banners/background.png';\nimport thumb from '~/assets/icons/thumb.svg';\nimport check from '~/assets/icons/check-icon.svg';\n\ninterface ICentersYearly {\n  percentage: number;\n}\n\ninterface INetworkYearly {\n  percentage: number;\n}\ninterface ICentersMonthly {\n  percentage: number;\n}\n\ninterface INetworkMonthly {\n  percentage: number;\n}\n\nexport const Banner = styled.div`\n  background-color: #18191a;\n  min-height: 100vh;\n\n  .transition {\n    transition-duration: 0.3s;\n  }\n\n  h1 {\n    background: linear-gradient(269.95deg, #fff 0.02%, #fff 97.45%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    font-size: 48px;\n    > span {\n      background: linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  p {\n    color: #f4f4f4;\n    font-weight: 300 !important;\n  }\n\n  .text-gray {\n    color: #b7b7b7;\n  }\n\n  b {\n    font-weight: bold;\n  }\n\n  .wallet-avatar {\n    position: absolute;\n    top: 2rem;\n  }\n\n  .reference {\n    display: none !important;\n  }\n\n  .padding-btn {\n    padding: 0 2rem;\n  }\n\n  .btn-calculator {\n    max-width: 887px;\n    cursor: pointer;\n    border: none;\n    padding: 1px;\n    font-size: 24px;\n    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #17171a, #17171a),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n\n    span {\n      padding: 16px 10px;\n      display: block;\n      background: #fff;\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n\n  .btn-pay {\n    //max-width: 817px;\n    cursor: pointer;\n    border: none;\n    padding: 1px;\n    font-size: 20px;\n\n    background-image: linear-gradient(180deg, #222, #222),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 18px;\n    transition-duration: 0.3s;\n\n    span {\n      padding: 15px 10px;\n      display: block;\n      background: #fff;\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n\n  .btn-pay-gray {\n    //max-width: 817px;\n    cursor: pointer;\n    border: 1px solid #4f4f4f;\n    padding: 1px;\n    font-size: 20px;\n    background: #222;\n    border-radius: 18px;\n    transition-duration: 0.3s;\n\n    span {\n      padding: 15px 10px;\n      display: block;\n      color: #fff;\n\n      font-weight: 700;\n    }\n  }\n\n  .earnings-title {\n    color: #e9e9e9;\n    text-align: center;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 10px;\n  }\n  .amount {\n    color: #827777;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 125%;\n  }\n\n  .btn-percentage {\n    //max-width: 860px;\n  }\n\n  .btn-percentage button {\n    background: #0c0b0b;\n    padding: 1px;\n    color: #7a7a7a;\n    font-weight: 500;\n    width: 228px;\n    span {\n      background: #0c0b0b;\n      font-size: 20px;\n      padding: 12px;\n    }\n  }\n\n  .btn-percentage button:hover,\n  .btn-percentage .active {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 100%,\n      #bcffe5 100%,\n      #deefd1 100%,\n      #ffe0be 100%,\n      #fbc2d3 100%,\n      #fabcd6 100%,\n      #f281ff 100%\n    );\n    padding: 1px;\n    color: #fff;\n    font-weight: 700;\n    span {\n      background: #222222;\n      font-size: 20px;\n    }\n  }\n\n  .text-gradient {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .video-container {\n    > div {\n      width: 80px;\n      height: 50%;\n      background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.1) 0%,\n        rgba(255, 255, 255, 0.096) 100%\n      );\n      opacity: 0.3;\n      box-shadow: inset 0px 39px 52px -29px rgba(255, 255, 255, 0.5),\n        inset 6px 1px 1px -4px #ffffff, inset -6px -7px 8px -4px #ffffff,\n        inset 0px 7px 3px -4px #ffffff,\n        inset 51px -73px 72px -60px rgba(255, 255, 255, 0.3),\n        inset 0px 98px 100px -48px rgba(255, 255, 255, 0.3),\n        inset 0px 4px 18px rgba(255, 255, 255, 0.3),\n        inset 0px 1px 40px rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(2px);\n      border-radius: 30px;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: -1;\n    }\n\n    div.left {\n      left: -10px;\n    }\n\n    video {\n      width: 100%;\n      border-radius: 50px;\n    }\n\n    div.right {\n      right: -10px;\n    }\n  }\n\n  .eth-amt-wrap {\n    width: 227px;\n    padding: 10px;\n    border-radius: 20px;\n    background: #1c1c1c;\n    .inner {\n      .txt {\n        display: flex;\n\n        color: #7d7777;\n        font-family: 'Poppins', sans-serif;\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: normal;\n        img {\n          height: 40px;\n          width: 40px;\n        }\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .zoom-order {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .zoom-order {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .zoom-order {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .btn-percentage button:hover,\n    .btn-percentage .active {\n      padding: 1.3px 1.4px;\n    }\n    .btn-calculator {\n      max-width: 887px;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .padding-btn {\n      padding: 0.25rem;\n    }\n\n    .btn-percentage button:hover,\n    .btn-percentage .active {\n      padding: 1.5px 1.4px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .padding-btn {\n      padding: 0 1.5rem;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .btn-percentage {\n      width: 575px;\n    }\n\n    .overflow-small {\n      overflow: auto;\n      ::-webkit-scrollbar-thumb {\n        background: transparent !important;\n      }\n    }\n  }\n\n  @media screen and (max-width: 524px) {\n    h1 {\n      > span {\n        background: unset;\n        background-clip: unset;\n        -webkit-background-clip: unset;\n\n        span {\n          background: linear-gradient(\n            239.23deg,\n            #9df3ff 7.84%,\n            #bcffe5 28.62%,\n            #deefd1 38.94%,\n            #ffe0be 49.96%,\n            #fbc2d3 64.82%,\n            #fabcd6 67.63%,\n            #f281ff 91.88%\n          );\n          background-clip: text;\n          -webkit-background-clip: text;\n          color: transparent;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 399px) {\n    h1 {\n      font-size: 9vw;\n    }\n  }\n`;\n\nexport const Card = styled.div`\n  .mg-bottom {\n    margin-bottom: 38px;\n  }\n\n  button.btn-calculator {\n    transition-duration: 0.3;\n\n    :hover {\n      opacity: 0.7;\n    }\n  }\n\n  .color-p {\n    color: #828282;\n  }\n\n  .card-price {\n    border: none;\n    padding: 2px;\n    font-size: 20px;\n\n    background-image: linear-gradient(180deg, #282828, #282828),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 30px;\n\n    ul {\n      list-style: none;\n\n      li {\n        display: flex;\n        align-items: center;\n        justify-content: space-around;\n        margin: 10px 0;\n\n        :before {\n          content: '';\n          background: #f2f2f2;\n          background-image: url(${check});\n          background-position: center;\n          background-size: 13px;\n          background-repeat: no-repeat;\n          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          display: block;\n        }\n\n        small {\n          color: #f2f2f2;\n          width: 85%;\n        }\n      }\n    }\n  }\n\n  .card-price-gray {\n    border: 2px solid #4f4f4f;\n    padding: 2px;\n    font-size: 20px;\n    background: #282828;\n    border-radius: 30px;\n\n    ul {\n      list-style: none;\n\n      li {\n        display: flex;\n        align-items: center;\n        justify-content: space-around;\n        margin: 10px 0;\n\n        :before {\n          content: '';\n          background: #f2f2f2;\n          background-image: url(${check});\n          background-position: center;\n          background-size: 13px;\n          background-repeat: no-repeat;\n          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          display: block;\n        }\n\n        small {\n          color: #f2f2f2;\n          width: 85%;\n        }\n      }\n    }\n  }\n\n  .commom-price {\n    .value {\n      margin: 0 auto;\n\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 1.6rem;\n      }\n      p {\n        font-size: 8rem;\n        font-weight: bold !important;\n      }\n    }\n  }\n\n  .best-price {\n    .value {\n      span {\n        left: 0;\n        top: 20px;\n\n        font-size: 2rem;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n      }\n\n      p {\n        font-size: 40px;\n        font-style: italic;\n        text-align: center;\n        font-weight: bold !important;\n        background: linear-gradient(\n          239.23deg,\n          #9df3ff 7.84%,\n          #bcffe5 28.62%,\n          #deefd1 38.94%,\n          #ffe0be 49.96%,\n          #fbc2d3 64.82%,\n          #fabcd6 67.63%,\n          #f281ff 91.88%\n        );\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n      }\n    }\n    .value-token {\n      span {\n        left: 0;\n        top: 20px;\n        font-weight: bold !important;\n        font-size: 2rem;\n        color: #e9e9e9;\n      }\n      p {\n        font-size: 72px;\n        font-weight: 600 !important;\n        color: #e9e9e9;\n        line-height: 70px;\n      }\n    }\n  }\n\n  .slider-pic {\n    position: relative;\n    z-index: 1;\n    -webkit-appearance: none;\n    height: 2px;\n    border-radius: 2px;\n    background: #595757;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-pic::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 50px;\n    height: 50px;\n    border: 0;\n    background: url(${thumb});\n    background-position: center;\n    background-size: cover;\n    cursor: pointer;\n  }\n\n  .btn-gradient-light,\n  .btn-gradient-gray {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border-radius: 20px;\n    padding: 16px 20px;\n    color: #000;\n    font-size: 20px;\n    font-weight: 700;\n    transition: 0.3s;\n    border: 2px solid #ffffff;\n  }\n\n  .btn-gradient-light:hover {\n    background: linear-gradient(\n      239.23deg,\n      #f281ff 7.84%,\n      #fabcd6 28.62%,\n      #fbc2d3 38.94%,\n      #ffe0be 49.96%,\n      #deefd1 64.82%,\n      #bcffe5 67.63%,\n      #9df3ff 91.88%\n    );\n  }\n\n  .btn-gradient-gray {\n    background: #bdbcbc !important;\n    :hover {\n      background-color: ${lighten(0.1, '#bdbcbc')}!important;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .max-width {\n      max-width: 315px;\n    }\n\n    .max-wid {\n      max-width: 417px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .commom-price {\n      .value {\n        width: 55%;\n\n        span {\n          font-size: 1.4rem;\n        }\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .best-price {\n      .value,\n      .value-token {\n        p {\n          font-size: 5.25rem;\n        }\n      }\n    }\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  h2 {\n    color: #dadada;\n    font-size: 64px;\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  h3 {\n    font-weight: 400;\n    font-size: 24px;\n    color: #dadada;\n  }\n\n  h6 {\n    font-weight: 400;\n    font-size: 12px;\n    color: #dadada;\n  }\n\n  .btn-calculator button {\n    width: 25%;\n    background: #222;\n    padding: 1px;\n    color: #7a7a7a;\n    font-weight: 500;\n    span {\n      background: #222;\n      font-size: 20px;\n    }\n  }\n\n  .btn-calculator button:hover,\n  .btn-calculator .active {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 100%,\n      #bcffe5 100%,\n      #deefd1 100%,\n      #ffe0be 100%,\n      #fbc2d3 100%,\n      #fabcd6 100%,\n      #f281ff 100%\n    );\n    padding: 1px;\n    color: #fff;\n    font-weight: 700;\n    span {\n      background: #222222;\n      font-size: 20px;\n    }\n  }\n\n  .h-main-progress {\n    height: 54px;\n  }\n\n  .progress {\n    background: rgba(34, 34, 34, 30%);\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n  }\n\n  .selector {\n    position: absolute;\n    width: 22px;\n    height: 54px;\n    left: calc(45% - 11px);\n    top: -2px;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.08),\n      inset 1px 1px 2px rgba(255, 255, 255, 0.3),\n      inset -1px -1px 2px rgba(200, 199, 199, 0.5);\n    border-radius: 20px;\n  }\n\n  .selector-gray {\n    position: absolute;\n    width: 38px;\n    height: 54px;\n    left: 0;\n    top: -1px;\n    background: #88898b;\n    border: 1px solid #b3b3b3;\n    border-radius: 15px;\n  }\n\n  .slider-progress-bar {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    -webkit-appearance: none;\n    background: rgba(34, 34, 34, 0%);\n\n    border: 1px solid rgba(122, 122, 122, 30%);\n    border-radius: 30px;\n    height: 50px;\n    outline: none;\n    opacity: 1;\n  }\n\n  .slider-progress-bar::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 25px;\n    height: 54px;\n    border: 0;\n    background-color: #ffffff;\n    border: 1px solid #ececec;\n\n    cursor: pointer;\n    border-radius: 20px;\n  }\n\n  .progress-bar-profit {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n\n    top: 0px;\n    height: 50px;\n  }\n\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n  }\n\n  .progress-cost {\n    background: #00f9ab;\n    border-radius: 16px 15px 15px 16px;\n    border: 1px solid #efefef;\n    height: 54px;\n    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.05);\n  }\n\n  .progress-bar-cost {\n    border-radius: 15px 0px 0px 15px;\n    height: 52px;\n  }\n\n  .cost,\n  .earning {\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    position: relative;\n    color: #5c5e61;\n    width: 120px;\n\n    ::before {\n      content: '';\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      display: block;\n      position: absolute;\n      top: 5px;\n    }\n  }\n\n  .cost::before {\n    background: #9df3ff;\n  }\n\n  .earning::before {\n    background: #884bfd;\n    left: -15px;\n  }\n\n  .value-cost {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 29px;\n\n    color: #c4c4c4;\n  }\n\n  .value-earnings {\n    font-weight: 800;\n    font-size: 28px;\n    line-height: 34px;\n\n    color: #ffffff;\n  }\n\n  .values-total-members {\n    font-weight: 400;\n    font-size: 14px;\n    color: #6e6e6e;\n  }\n\n  .bg-value-revenue {\n    background: #1d1c1c;\n    height: 54px;\n    border-radius: 40px;\n    margin-top: 1.25rem;\n  }\n\n  .value-revenue {\n    border: none;\n    padding: 2px;\n    font-size: 18px;\n    color: #fff;\n    height: 42px;\n    font-weight: 700;\n    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.2));\n    background-image: linear-gradient(180deg, #1d1c1c, #1d1c1c),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 20px;\n    transition-duration: 0.3s;\n  }\n\n  .bg-number {\n    background: rgba(34, 34, 34, 0.3);\n    border: 1px solid rgba(57, 58, 61, 0.3);\n    border-radius: 20px;\n  }\n\n  .number {\n    font-size: 64px;\n    color: #dadada;\n    border-bottom: 1px solid #393c3d;\n  }\n\n  .color {\n    color: #5e5e5e;\n  }\n\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .modal-xl {\n    width: 1140px;\n  }\n\n  .network {\n    span:nth-child(2) {\n      margin-left: 14%;\n    }\n\n    span:nth-child(3) {\n      margin-left: 12%;\n    }\n\n    span:nth-child(4) {\n      margin-left: 11%;\n    }\n\n    span:nth-child(5) {\n      margin-left: 9%;\n    }\n\n    span:nth-child(6) {\n      margin-left: 8%;\n    }\n\n    span:nth-child(7) {\n      margin-left: 7%;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n\n    .btn-calculator button:hover,\n    .btn-calculator .active {\n      padding: 2px;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 28px;\n    }\n    h6 {\n      font-size: 18px;\n    }\n\n    .btn-calculator button {\n      width: 40%;\n    }\n\n    .value-cost {\n      font-size: 18px;\n    }\n\n    .value-earnings {\n      font-size: 20px;\n    }\n\n    .bg-value-revenue {\n      margin-top: 0;\n    }\n\n    .network {\n      span:nth-child(2) {\n        margin-left: 14%;\n      }\n\n      span:nth-child(3) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(4) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(5) {\n        margin-left: 8%;\n      }\n\n      span:nth-child(6) {\n        margin-left: 6%;\n      }\n\n      span:nth-child(7) {\n        margin-left: 5%;\n      }\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .modal-xl {\n      width: 500px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  @media screen and (max-width: 359px) {\n    .modal-xl {\n      width: 450px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .network {\n      span:nth-child(2) {\n        margin-left: 13%;\n      }\n\n      span:nth-child(3) {\n        margin-left: 10%;\n      }\n\n      span:nth-child(4) {\n        margin-left: 9%;\n      }\n\n      span:nth-child(5) {\n        margin-left: 7%;\n      }\n\n      span:nth-child(6) {\n        margin-left: 5%;\n      }\n\n      span:nth-child(7) {\n        margin-left: 5%;\n      }\n    }\n  }\n`;\n\nexport const ModalNeed = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .fw-600 {\n      font-weight: 600;\n    }\n\n    .texts p:nth-child(1) {\n      color: #7d7777;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35px;\n      letter-spacing: -1.04px;\n    }\n\n    .btns-coin button {\n      display: flex;\n      align-items: center;\n      width: 146px;\n      border-radius: 29px;\n      background: #27282a;\n      color: #fff;\n      font-family: 'Poppins';\n      font-size: 24px;\n      font-weight: 500;\n      border: none;\n      border: 1px solid #27282a;\n      text-align: start;\n      transition: all 0.2s ease-in-out;\n      :hover {\n        border: 1px solid #c4c4c4;\n      }\n    }\n\n    .active {\n      border: 1px solid #c4c4c4 !important;\n    }\n\n    .btns-coin img {\n      width: 42px;\n      height: 42px;\n      margin: 7px;\n    }\n\n    .texts p:nth-child(3) {\n      text-align: center;\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 36px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 124%;\n      letter-spacing: 0.72px;\n      span {\n        color: #8287ff;\n\n        font-weight: 300;\n      }\n    }\n\n    .text-worry {\n      color: #dadada;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35.5px;\n      letter-spacing: -1.04px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-c14 {\n      background: #ffae52;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-uphold {\n      background: #05da8d;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-xcoins {\n      background: #686ef9;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-paybis {\n      background: #116bff;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    /* .modal-lg {\n      --bs-modal-width: 617px;\n    } */\n\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const ModalAmount = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .fw-600 {\n      font-weight: 600;\n    }\n\n    .bg-coin {\n      border-radius: 20px;\n      background: #1c1c1c;\n      padding: 10px 22px;\n\n      img {\n        width: 40px;\n        height: 40px;\n      }\n\n      span {\n        color: #7d7777;\n        font-family: 'Poppins';\n        font-size: 20px;\n        font-weight: 500;\n      }\n    }\n\n    .value-eth {\n      color: #e9e9e9;\n      font-family: 'Poppins';\n      font-size: 16px;\n      font-weight: 600;\n\n      span {\n        font-weight: 300;\n      }\n    }\n\n    .value {\n      display: block;\n      color: #fff;\n      font-family: 'Poppins';\n      font-size: 80px;\n      font-weight: 300;\n      text-align: right;\n    }\n\n    .bg-eth {\n      margin-top: 40px;\n      margin-bottom: 12px;\n      border-radius: 20px;\n      background: linear-gradient(78deg, #0554bb 0%, #0b65db 100%);\n      padding: 25px 17px;\n      button {\n        border-radius: 30px;\n        border: 1px solid #c6bdbd;\n        background: rgba(0, 0, 0, 0.4);\n        color: #c6bdbd;\n        font-family: 'Poppins';\n        font-size: 14px;\n        font-weight: 400;\n        padding: 8px 10px;\n      }\n    }\n\n    .bg-btns-value {\n      border-radius: 20px;\n      background: #1c1c1c;\n      padding: 11px;\n    }\n\n    .btn-not-active {\n      color: #7d7777;\n      font-family: 'Poppins';\n      font-size: 30px;\n      font-weight: 500;\n      background: transparent;\n      border: 1px solid #1c1c1c;\n      flex-grow: 1;\n      height: 58px;\n      border-radius: 21px;\n      transition-duration: 0.2s;\n\n      :hover {\n        color: #171719;\n        font-weight: 500;\n        border: 1px solid #c6bdbd;\n        background: #fff;\n      }\n    }\n\n    .btn-active {\n      color: #171719;\n      font-weight: 500;\n      border: 1px solid #c6bdbd;\n      background: #fff;\n      font-family: 'Poppins';\n      font-size: 30px;\n      flex-grow: 1;\n      height: 58px;\n      border-radius: 21px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      --bs-modal-width: 617px;\n    }\n\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n\nexport const RangeCentersYearly = styled.div<ICentersYearly>`\n  .progress-bar-centers {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeCentersMonthly = styled.div<ICentersMonthly>`\n  .progress-bar-centers {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeNetworkYearly = styled.div<INetworkYearly>`\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    max-width: 99%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n\nexport const RangeNetworkMonthly = styled.div<INetworkMonthly>`\n  .progress-bar-network {\n    background: linear-gradient(267.67deg, #e323ff 0.98%, #366dfa 132.89%);\n    border: 1px solid #f2f2f2;\n    border-radius: 27.5px 0px 0px 27.5px;\n    position: absolute;\n    width: ${(props) => props.percentage}%;\n    max-width: 98%;\n    top: 0px;\n    height: 50px;\n  }\n`;\n","import styled from 'styled-components';\n\ninterface IBtnAvatar {\n  isFunnel: boolean;\n}\n\ninterface IAvatar {\n  src: string;\n}\n\nexport const Container = styled.div`\n  img {\n    width: 42px;\n    height: 42px;\n  }\n\n  hr {\n    background: #383939;\n    height: 1px;\n    border: none;\n  }\n\n  .disconnect-tooltip {\n    position: relative;\n  }\n\n  .disconnect-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: 0px;\n    bottom: 42px;\n    width: 120px;\n    z-index: 10000;\n    text-align: justify;\n  }\n\n  .disconnect-tooltip:hover:after {\n    display: block;\n  }\n\n  .reference span:nth-child(1) {\n    font-weight: 300;\n    font-size: 14px;\n    color: #7d7777;\n    span {\n      font-weight: 300;\n      font-size: 16px;\n      color: #ffffff;\n    }\n  }\n\n  .reference-aa span:nth-child(1),\n  .reference-aa span:nth-child(2) {\n    font-weight: 300;\n    font-size: 14px;\n    color: #7d7777;\n    span {\n      font-weight: 300;\n      font-size: 16px;\n      color: #ffffff;\n    }\n  }\n\n  .avatar-token {\n    background: transparent;\n  }\n\n  .wallet-num {\n    font-weight: 600;\n    font-size: 18px;\n    color: #ffffff;\n  }\n\n  .avatar {\n    height: 49px;\n    width: 49px;\n    padding: 3px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(\n        239.23deg,\n        #9df3ff 7.84%,\n        #bcffe5 28.62%,\n        #deefd1 38.94%,\n        #ffe0be 49.96%,\n        #fbc2d3 64.82%,\n        #fabcd6 67.63%,\n        #f281ff 91.88%\n      ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    cursor: unset;\n  }\n\n  .bg-values {\n    background-color: #1d1d1f;\n    border-radius: 24px 10px 10px 24px;\n  }\n\n  .bg-values span {\n    min-width: 130px;\n    font-weight: 600;\n  }\n\n  .disconnect,\n  .token {\n    top: 60px;\n    right: 0;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n  }\n\n  .token .title {\n    background: #1d1e1f;\n    border-radius: 16px;\n    font-weight: 300;\n    font-size: 15px;\n  }\n\n  .token .check {\n    width: 20px;\n    height: 14px;\n  }\n\n  .token .coin {\n    background: transparent;\n    border-radius: 14px;\n    :hover {\n      background: #1c1c1c;\n    }\n  }\n\n  .token span {\n    font-family: 'Poppins';\n    font-weight: 500;\n    font-size: 20px;\n    color: #7d7777;\n  }\n\n  .btn-back span {\n    font-family: 'Inter';\n    font-weight: 300;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .text-balance {\n    font-weight: 400;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .balance {\n    font-weight: 400;\n    font-size: 40px;\n    color: #dadada;\n  }\n\n  .btn-logout {\n    background: rgba(152, 148, 148, 0.1);\n    border-radius: 16px;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-view {\n    background: #5a57ee;\n    //background: #666;\n    border-radius: 15px;\n    border: none;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n      //cursor: not-allowed;\n    }\n  }\n\n  .btn-buy {\n    background: #2b3247;\n    border-radius: 15px;\n    border: none;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btns-color {\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btns-color:disabled {\n    :hover {\n      cursor: not-allowed;\n    }\n  }\n\n  .btns-color span {\n    font-weight: 400;\n    font-size: 16px;\n    color: #7d7777;\n  }\n\n  .btns-color:disabled {\n    span {\n      color: #444;\n    }\n  }\n\n  .btns-color span svg {\n    rotate: -90deg;\n  }\n\n  .text-disconnect {\n    font-weight: 600;\n    font-size: 36px;\n    color: #dadada;\n  }\n\n  .btn-yes-busd,\n  .btn-yes-usdt,\n  .btn-yes-usdc,\n  .btn-yes-gusd,\n  .btn-yes-dai {\n    //background: #ff1a50;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    //color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-yes-busd {\n    background: #ffb422;\n    color: #000;\n  }\n  .btn-yes-usdt {\n    background: #26a17b;\n    color: #f0ebeb;\n  }\n  .btn-yes-usdc {\n    background: #2775ca;\n    color: #f0ebeb;\n  }\n  .btn-yes-gusd {\n    background: #00dcfa;\n    color: #000;\n  }\n  .btn-yes-dai {\n    background: #f5ac37;\n    color: #000;\n  }\n\n  .btn-yes {\n    background: #ff1a50;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  .btn-no {\n    background: #2b3247;\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 22px;\n    color: #f0ebeb;\n    border: none;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 0.9;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n`;\n\nexport const BtnAvatar = styled.button<IBtnAvatar>`\n  background: ${(props) =>\n    props.isFunnel ? 'transparent' : 'rgb(29, 29, 31)'};\n  border: 1px solid ${(props) => (props.isFunnel ? 'transparent' : '#1d2023')};\n  border-radius: 30px 10px 10px 30px;\n  padding: 2px;\n  transition: all 0.2s ease;\n\n  :hover {\n    border-color: #484848;\n  }\n`;\n\nexport const Avatar = styled.div<IAvatar>`\n  width: 100%;\n  height: 100%;\n  background-image: url(${(props) => props.src});\n  background-size: cover;\n  background-position: top;\n`;\n","import React, {\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { IoMdLogOut } from 'react-icons/io';\nimport { truncate } from 'truncate-ethereum-address';\nimport { IoIosArrowDown } from 'react-icons/io';\nimport { MdOutlineLightMode } from 'react-icons/md';\nimport { useAuth } from '~/hooks/Auth';\n\nimport { web3store } from '~/store';\nimport ModalSwap from '../ModalSwap';\nimport { Container, BtnAvatar, Avatar } from './styles';\nimport { formatPrice } from '~/utils/format';\n\ninterface WidgetProps {\n  selectedAddress: string;\n  refCode: string;\n  placement: string;\n  username: string;\n  sponsorName: string;\n  sponsorUsername: string;\n}\n\nconst WalletAvatar: React.FC<WidgetProps> = ({\n  selectedAddress,\n  refCode,\n  placement,\n  username,\n  sponsorName,\n  sponsorUsername,\n}) => {\n  // console.log('+++++ refCode: %s +++++', refCode);\n  const btnDisconnect = useRef<HTMLButtonElement>(null);\n  const disconnectRef = useRef<HTMLDivElement>(null);\n  const disconnectBalanceRef = useRef<HTMLDivElement>(null);\n  const chooseTokenRef = useRef<HTMLDivElement>(null);\n  const closeAddBusdRef = useRef<HTMLDivElement>(null);\n  const closeAddUsdtRef = useRef<HTMLDivElement>(null);\n  const closeAddUsdcRef = useRef<HTMLDivElement>(null);\n  const closeAddGusdRef = useRef<HTMLDivElement>(null);\n  const closeAddDaiRef = useRef<HTMLDivElement>(null);\n  const { user, signOut } = useAuth();\n  const location = useLocation();\n  const history = useHistory();\n  const [account] = web3store.useState('account');\n  const [balusdpi] = web3store.useState('balusdpi');\n  const [reference] = web3store.useState('reference');\n  const [balance, setBalance] = useState(false);\n  const [chooseToken, setChooseToken] = useState(false);\n  const [disconnect, setDisconnect] = useState(false);\n  const [imgURL] = web3store.useState('imgURL');\n  const [nftimg] = web3store.useState('nftimg');\n  const [avatar, setAvatar] = useState('');\n  const [selected, setSelected] = useState('');\n  const [addMetamask, setAddMetamask] = useState('');\n\n  useEffect(() => {\n    setAvatar(imgURL);\n  }, [imgURL, location.pathname, nftimg, user]);\n\n  const locationBar = [\n    '/get-your-free-nft',\n    '/how-to-participate',\n    '/activate-your-profit-centers',\n    '/activate-your-profit-centers/skip',\n    '/earn-even-more',\n    '/final-step',\n    '/ai-avatar',\n    '/what-to-expect',\n    '/autoaffiliate-member/order',\n  ];\n\n  const handleNoAddMetamask = useCallback(() => {\n    setTimeout(() => {\n      setChooseToken(true);\n      setSelected('');\n    }, 100);\n  }, []);\n\n  const signOut2 = useCallback(() => {\n    // do something\n    console.log('Signing out...');\n    history.push({\n      pathname: `/aa/${refCode}/${placement}/${username}`,\n    });\n  }, []);\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      const modalElement = document.querySelector('.modal-backdrop');\n      if (\n        disconnect &&\n        disconnectRef.current &&\n        e.target !== disconnectRef.current &&\n        !disconnectRef.current.contains(e.target)\n      ) {\n        setDisconnect(false);\n      }\n    },\n    [addMetamask, balance, chooseToken, disconnect, handleNoAddMetamask]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick);\n  }, [handleOutsideClick]);\n\n  // const balanceData = useMemo(() => {\n  //   return {\n  //     usdpi: formatPrice(\n  //       parseFloat((parseInt(balusdpi, 10) / 10 ** 18).toFixed(2))\n  //     ),\n  //   };\n  // }, [balusdpi]);\n\n  const handleBalance = useCallback(() => {\n    setTimeout(() => {\n      setBalance(!balance);\n      setDisconnect(false);\n    }, 100);\n  }, [balance]);\n\n  const handleDisconnect = useCallback(() => {\n    setTimeout(() => {\n      setBalance(false);\n      setDisconnect(!disconnect);\n    }, 100);\n  }, [disconnect]);\n\n  return (\n    <Container className=\"zoom position-relative\">\n      <BtnAvatar\n        type=\"button\"\n        data-tooltip=\"Disconnect Wallet\"\n        onClick={handleBalance}\n        className=\"disconnect-tooltip d-flex align-items-center btn-avatar btn-avatar-wallet text-end\"\n        isFunnel={false}\n      >\n        <div className=\"avatar d-flex align-items-center text-center rounded-circle\">\n          <Avatar src={avatar} className=\"rounded-circle\" />\n        </div>\n        {location.pathname !== '/products/cube' && (\n          <div className=\"d-flex flex-column\">\n            <span className=\"px-3 wallet-num\">{truncate(selectedAddress)}</span>\n            {locationBar.includes(location.pathname) && (\n              <div className=\"reference px-3 text-end\">\n                <span>\n                  Invited by: <span>{reference}</span>\n                </span>\n              </div>\n            )}\n          </div>\n        )}\n      </BtnAvatar>\n      {location.pathname === '/autoaffiliate-member/order' && (\n        <div className=\"reference-aa text-end pe-3\">\n          <span className=\"d-block\">\n            Invited by: <span>{sponsorUsername}</span>\n          </span>\n          <span className=\"d-block\">\n            AA Name: <span>{sponsorName}</span>\n          </span>\n        </div>\n      )}\n      {balance && (\n        <div\n          ref={disconnectBalanceRef}\n          className=\"disconnect position-absolute p-4\"\n        >\n          <div className=\"d-flex align-items-center\">\n            <div className=\"avatar d-flex align-items-center text-center rounded-circle\">\n              <Avatar src={imgURL} className=\"rounded-circle\" />\n            </div>\n            <span className=\"px-3 wallet-num\">{truncate(selectedAddress)}</span>\n            <button\n              ref={btnDisconnect}\n              type=\"button\"\n              data-tooltip=\"Disconnect Wallet\"\n              onClick={handleDisconnect}\n              className=\"disconnect-tooltip btn-logout border-0 p-2 ms-auto\"\n            >\n              <IoMdLogOut size={30} color=\"#FF1A50\" />\n            </button>\n          </div>\n        </div>\n      )}\n\n      {disconnect && (\n        <div ref={disconnectRef} className=\"disconnect position-absolute p-4\">\n          <h2 className=\"mb-4 text-disconnect text-center\">\n            Disconnect Wallet?\n          </h2>\n\n          <button\n            type=\"button\"\n            onClick={signOut2}\n            className=\"btn-yes w-100 py-2 mb-2\"\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"btn-no py-2  mb-2 w-100\"\n          >\n            No\n          </button>\n        </div>\n      )}\n    </Container>\n  );\n};\n\nexport default WalletAvatar;\n","export default __webpack_public_path__ + \"static/media/arrow.0cc59daa.svg\";","export default __webpack_public_path__ + \"static/media/logo-eth.401a8869.svg\";","export default __webpack_public_path__ + \"static/media/logo-usdc.18026b66.svg\";","export default __webpack_public_path__ + \"static/media/logo-bnb-border-white.2179fae1.svg\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  img {\n    width: 42px;\n    height: 42px;\n  }\n\n  .bg-values {\n    background-color: #1d1d1f;\n    border-radius: 24px 10px 10px 24px;\n  }\n\n  .bg-values span {\n    min-width: 130px;\n    font-weight: 600;\n  }\n\n  .wm-tooltip {\n    position: relative;\n  }\n\n  .wm-tooltip:after {\n    background-color: #212122;\n    color: #8c8c8c;\n    border: 1px solid #262626;\n    border-radius: 15px;\n    box-sizing: border-box;\n    content: attr(data-tooltip);\n    display: none;\n    padding: 15px;\n    font-size: 10px;\n    position: absolute;\n    right: -82px;\n    width: 110px;\n    bottom: 23px;\n    z-index: 10000;\n    box-shadow: -2px 7px 15px 0px rgba(0, 0, 0, 0.16);\n  }\n\n  .wm-tooltip:hover:after {\n    display: block;\n  }\n\n  .addPRFTI {\n    top: 104px;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n\n    h2 {\n      color: #dadada;\n    }\n\n    .btn-yes {\n      background: #8767ed;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n\n    .btn-no {\n      background: #2b3247;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n  }\n\n  .addUSDPI {\n    top: 104px;\n    background: #18191a;\n    border: 1px solid #373737;\n    box-shadow: 4px 15px 40px rgba(0, 0, 0, 0.25);\n    border-radius: 25px;\n    width: 350px;\n    z-index: 1055;\n\n    h2 {\n      color: #dadada;\n    }\n\n    .btn-yes {\n      background: #01c2c5;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n\n    .btn-no {\n      background: #2b3247;\n      border-radius: 15px;\n      font-weight: 600;\n      font-size: 22px;\n      color: #f0ebeb;\n      border: none;\n      transition: all 0.3s ease;\n      :hover {\n        opacity: 0.9;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    zoom: 0.8;\n  }\n\n  @media screen and (max-width: 1399px) {\n    zoom: 0.7;\n  }\n`;\n","import React, { useState, useEffect } from 'react';\nimport { ethers } from 'ethers';\n\nimport { Container } from './styles';\nimport logoSwap from '~/assets/logo/logo-swap.png';\nimport ethLogo from '~/assets/logo/eth-wallet.png';\n\ninterface BalanceProps {\n  ethBalance: string;\n  usdpiBalance: string;\n}\n\nconst WalletRowAutoAffiliate: React.FC<BalanceProps> = ({\n  ethBalance,\n  usdpiBalance,\n}) => {\n  const [displayedEthBalance, setDisplayedEthBalance] = useState(ethBalance);\n  const [displayedUsdpiBalance, setDisplayedUsdpiBalance] =\n    useState(usdpiBalance);\n\n  useEffect(() => {\n    const weiEthValue = ethers.BigNumber.from(ethBalance);\n    const formattedEthValue = ethers.utils.formatUnits(weiEthValue, 18);\n    // Convert the formatted value to a JavaScript Number\n    const numericEthValue = parseFloat(formattedEthValue);\n    // Use toPrecision() to display 8 significant digits\n    const displayedEthValue = numericEthValue.toPrecision(4);\n\n    const weiUsdpiValue = ethers.BigNumber.from(usdpiBalance);\n    const formattedUsdpiValue = ethers.utils.formatUnits(weiUsdpiValue, 18);\n    const numericUsdpiValue = parseFloat(formattedUsdpiValue);\n    const displayedUsdpiValue = numericUsdpiValue.toFixed(2);\n\n    setDisplayedEthBalance(displayedEthValue);\n    setDisplayedUsdpiBalance(displayedUsdpiValue);\n  }, [ethBalance, usdpiBalance]);\n\n  return (\n    <Container className=\"ps-5\">\n      <div className=\"d-flex align-items-center mb-3\">\n        <div\n          className=\"bg-values d-flex wm-tooltip\"\n          data-tooltip=\"Your balance of $ETH Tokens\"\n        >\n          <button type=\"button\" className=\"pe-none border-0 bg-transparent\">\n            <img src={ethLogo} alt=\"Logo\" />\n          </button>\n          <span className=\"d-flex align-items-center h6 text-white mb-0 px-3 px-xl-4\">\n            {displayedEthBalance}\n          </span>\n        </div>\n      </div>\n\n      <div className=\"d-flex align-items-center\">\n        <div\n          className=\"bg-values d-flex wm-tooltip\"\n          data-tooltip=\"Your balance of $USDPI Tokens\"\n        >\n          <button type=\"button\" className=\"pe-none border-0 bg-transparent\">\n            <img src={logoSwap} alt=\"Logo\" />\n          </button>\n          <span className=\"d-flex align-items-center h6 text-white mb-0 px-3 px-xl-4\">\n            $ {displayedUsdpiBalance}\n          </span>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default WalletRowAutoAffiliate;\n","export default \"data:image/png;base64,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\"","import styled from 'styled-components';\nimport { lighten, darken } from 'polished';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Button = styled.button`\n  background-color: transparent;\n  color: #fff;\n  border-radius: 20px;\n  font-size: 20px;\n  padding: 16px;\n  border: none;\n  :hover {\n    color: #fff;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    width: 530px !important;\n    background-color: #17171a !important;\n  }\n  .m-3 {\n    margin-bottom: 0px !important;\n    color: red;\n  }\n\n  h2 {\n    font-family: 'Poppins', sans-serif;\n    color: #dadada;\n    font-size: 48px;\n  }\n\n  h3 {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 118%;\n    text-align: center;\n    color: #aeabab;\n    b {\n      color: #a6a2a2;\n    }\n  }\n\n  .modal-header {\n    display: block;\n  }\n\n  .to-dashboard {\n    padding: 14px;\n    border-radius: 15px;\n    font-weight: bold;\n    background-color: #00f9ab;\n    color: #000;\n    font-weight: 700;\n    font-size: 20px;\n    transition-duration: 0.3s;\n    :hover {\n      background-color: ${darken(0.1, '#00f9ab')};\n    }\n  }\n\n  .coin video {\n    border: 1px solid #565656;\n    border-radius: 30px;\n  }\n  .modal-close {\n    color: #e9e9e9;\n    height: 50px;\n    width: 50px;\n  }\n\n  .bg-lg-social-medias {\n    background: #0c0d0d;\n    backdrop-filter: blur(5px);\n    border-radius: 60px;\n  }\n\n  .social-medias {\n    width: auto;\n  }\n\n  .social-medias img {\n    width: 90px;\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px) {\n    .social-medias img {\n      width: 75px;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 42px;\n    }\n    .social-medias img {\n      width: 85px;\n    }\n\n    .bg-mobile-social-medias {\n      background: #0c0d0d;\n      backdrop-filter: blur(5px);\n      border-radius: 60px;\n    }\n\n    .bg-lg-social-medias {\n      background: transparent;\n      backdrop-filter: none;\n      border-radius: unset;\n    }\n  }\n`;\n","import React from 'react';\nimport { Button, Modal } from './styles';\n\ninterface IframeModalProps {\n  isOpen: boolean;\n  onRequestClose: () => void;\n  iframeSrc: string | undefined;\n}\n\nconst ModalC14: React.FC<IframeModalProps> = ({\n  isOpen,\n  onRequestClose,\n  iframeSrc,\n}) => {\n  const iframeContent = isOpen ? (\n    <iframe src={iframeSrc} title=\"C14\" width=\"500px\" height=\"700px\" />\n  ) : null;\n\n  return (\n    <div>\n      {iframeSrc && ( // Conditionally render the modal when iframeSrc is not empty\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={onRequestClose}\n          // ariaHideApp={false} // Disable accessibility warnings\n          className=\"modal-signin\"\n          show={isOpen}\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 ms-auto border-0 bg-transparent\"\n            onClick={onRequestClose}\n          >\n            x\n          </button>\n          <Modal.Body className=\"container\">{iframeContent}</Modal.Body>\n        </Modal>\n      )}\n    </div>\n  );\n};\n\nexport default ModalC14;\n","import styled from 'styled-components';\n\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    h3 {\n      color: #dadada;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35.5px;\n      letter-spacing: -0.96px;\n    }\n\n    h4 {\n      color: #dadada;\n\n      text-align: center;\n      font-family: 'Poppins';\n      font-size: 40px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 124%;\n      letter-spacing: 0.8px;\n    }\n\n    p {\n      color: #dadada;\n      font-family: 'Quicksand';\n      font-size: 22px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 35.5px;\n      letter-spacing: -0.88px;\n      span {\n        font-weight: 600;\n      }\n    }\n\n    b {\n      font-weight: 600 !important;\n    }\n\n    .bg-name {\n      background: #0d0d0d;\n    }\n\n    .igree-check label {\n      align-items: start;\n    }\n\n    .igree-check span {\n      margin-top: -7px;\n      color: #dadada;\n      font-family: 'Quicksand';\n      font-size: 22px;\n      font-weight: 300;\n      line-height: 35.5px;\n      letter-spacing: -0.88px;\n    }\n\n    .opacity-10 {\n      opacity: 0.1 !important;\n    }\n\n    .cursor-allowed {\n      cursor: not-allowed;\n    }\n\n    .complete {\n      color: #7d7777;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      letter-spacing: -1.04px;\n    }\n\n    .anything-text {\n      color: #7d7777;\n\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 20px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 31px;\n      letter-spacing: -0.8px;\n    }\n\n    .more {\n      background: #a3c0e1;\n      border-radius: 10px;\n      border: none;\n      font-weight: 700;\n      font-size: 10px;\n      padding: 8px 15px;\n      color: #0927c6;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n","import React, { useCallback, useState, useMemo } from 'react';\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport attention from '~/assets/animations/attention.json';\nimport { Modal } from './styles';\nimport InputCheckbox from '../InputCheckbox';\n\ninterface IShow {\n  show: boolean;\n  aaName: string;\n  handleCancel(): void;\n  handleAccept(): void;\n}\n\nconst ModalPleaseConfirm: React.FC<IShow> = ({\n  show,\n  aaName,\n  handleCancel,\n  handleAccept,\n}) => {\n  const [checkedIGree, setCheckedIGree] = useState(false);\n  return (\n    <>\n      <Modal size=\"lg\" centered show={show} className=\"modal-wrong-network\">\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-4\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden pe-none\">\n            <Lottie\n              options={{\n                animationData: attention,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={160}\n              width={160}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-0 mt-n5\">\n          <h2 className=\"mb-1 fw-bold text-center w-100\">Please Confirm...</h2>\n          <p className=\"text-center complete mb-4\">\n            You are about to complete a remote registration\n          </p>\n          <div className=\"bg-name py-4\">\n            <h3 className=\"text-center\">\n              This is the <span className=\"fw-semibold\">YOUR REFERRER</span> to\n              the platform:\n            </h3>\n            <h4 className=\"text-center mb-0\">{aaName}</h4>\n          </div>\n          <div className=\"texts w-lg-80 mx-auto\">\n            <p className=\"anything-text text-center mt-4 mb-5\">\n              If anything seems incorrect, please reach back out to\n              AutoAffiliate support immediately. Remember, transactions on the\n              blockchain are irreversible.\n            </p>\n\n            <div className=\"d-flex justify-content-center\">\n              <label\n                htmlFor=\"check-gree\"\n                className=\"igree-check d-flex text-center ps-2 pe-4 mb-5\"\n              >\n                <InputCheckbox\n                  name=\"check-gree\"\n                  options={[\n                    {\n                      labelHtml: true,\n                      label: `<b>I AGREE:</b>  All <b>subscription sales are final.</b> Due to the nature of blockchain, <b>refunds are not available.</b>`,\n                      value:\n                        'I AGREE: All subscription sales are final. Due to the nature of blockchain, refunds are not available.',\n                      selected: checkedIGree,\n                    },\n                  ]}\n                  onChange={() => setCheckedIGree(!checkedIGree)}\n                />\n              </label>\n            </div>\n\n            <button\n              type=\"button\"\n              className={`${\n                checkedIGree ? 'opacity-100' : 'opacity-10 cursor-allowed'\n              } btn-confirm w-100 mb-3`}\n              onClick={handleAccept}\n              disabled={!checkedIGree}\n            >\n              FINALIZE REGISTRATION{' '}\n              <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n            </button>\n\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              className=\"btn-cancel w-100\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalPleaseConfirm;\n","import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from 'react';\nimport { useHistory, useParams, useLocation } from 'react-router-dom';\nimport ReactApexChart from 'react-apexcharts';\nimport {\n  BigNumber,\n  ethers,\n  utils,\n  ContractTransaction,\n  providers,\n} from 'ethers';\nimport { ApexOptions } from 'apexcharts';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport Lottie from 'react-lottie';\nimport {\n  Banner,\n  Card,\n  Modal,\n  ModalNeed,\n  ModalAmount,\n  RangeCentersYearly,\n  RangeCentersMonthly,\n  RangeNetworkYearly,\n  RangeNetworkMonthly,\n} from './styles';\n\nimport {\n  formatPrice,\n  formatUSDValueFromWei,\n  formatEthValue,\n} from '~/utils/format';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\n\nimport api from '~/services/api';\nimport { useResize } from '~/hooks/Resize';\nimport { web3store } from '~/store';\nimport WalletAvatar from '~/components/WalletAvatarAutoAffiliate';\nimport ethLogo from '~/assets/logo/eth.png';\nimport usdLogo from '~/assets/logo/usd.png';\nimport arrow from '~/assets/logo/arrow.svg';\nimport ethLogoWhite from '~/assets/icons/logo-eth.svg';\nimport usdcLogo from '~/assets/icons/logo-usdc.svg';\nimport bnbLogo from '~/assets/logo/logo-bnb-border-white.svg';\nimport usdpiLogo from '~/assets/logo/logo-usdpi-border-white.svg';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport swalError from '~/utils/swalError';\nimport Loading from '~/components/Loading';\nimport WalletRowAutoAffiliate from '~/components/WalletRowAutoAffiliate';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\nimport ModalC14 from '~/components/ModalC14';\nimport { abi as EthUsdtSwapV3Abi } from '~/abi/EthUsdtSwapV3.json';\nimport { abi as USDPIAbi } from '~/abi/usdpi.json';\nimport ModalPleaseConfirm from '~/components/ModalPleaseConfirm';\n\ninterface IDemoEarning {\n  5: string;\n  30: string;\n  155: string;\n  780: string;\n  3905: string;\n  19530: string;\n  FINAL: string;\n}\n\ninterface IDemoEarnings {\n  earnings: {\n    annual: IDemoEarning[];\n    monthly: IDemoEarning[];\n  };\n}\n\ninterface IParams {\n  slug: string;\n}\n\ninterface EthNeeded {\n  wei: string;\n  formatted: string;\n}\n\ninterface AmtNeeded {\n  usdWei: string;\n  usdWeiFull: string;\n  ethWei: string;\n}\n\nconst OrderOption: React.FC = () => {\n  // console.log('+++++ OrderOption +++++');\n  const history = useHistory();\n  const params = useParams<IParams>();\n  // console.log(params);\n  const { width } = useResize();\n  const [selectCoin, setSelectCoin] = useState('usdpi');\n  const [activePayment, setActivePayment] = useState(false);\n  const [showModalConfirm, setShowModalConfirm] = useState(false);\n  const [percentage, setPercentage] = useState(133);\n  const [btnYearlyMonthly, setBtnYearlyMonthly] = useState('yearly');\n  const [cartProfitCentersLeft, setCartProfitCentersLeft] = useState(6);\n  const [cartProfitCentersRight, setCartProfitCentersRight] = useState(1);\n  const [cartPrepayMonths, setCartPrepayMonths] = useState(1);\n  const [show, setShow] = useState(false);\n  const [showNeed, setShowNeed] = useState(false);\n  const [showAmount, setShowAmount] = useState(false);\n  const [percentageBarCenterYearly, setPercentageBarCenterYearly] = useState(1);\n  const [percentageBarNetworkYearly, setPercentageBarNetworkYearly] =\n    useState(0);\n\n  const [percentageBarCenterMonthly, setPercentageBarCenterMonthly] =\n    useState(1);\n  const [percentageBarNetworkMonthly, setPercentageBarNetworkMonthly] =\n    useState(0);\n  const [multiple, setMultiple] = useState(50);\n  const [valueSelected, setValueSelected] = useState(100);\n  const [demoEarnings, setDemoEarnings] = useState({} as IDemoEarnings);\n  const [demoEarningPrice, setDemoEarningPrice] = useState('$0');\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const [pollingEnabled, setPollingEnabled] = useState(false);\n  const [account, setAccount] = web3store.useState('account');\n  const [formattedEthValue, setFormattedEthValue] = useState('');\n  const [formattedEthValueRight, setFormattedEthValueRight] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [ethNeededLeft, setEthNeededLeft] = useState<EthNeeded>({\n    wei: '0', // Initialize with a valid wei value\n    formatted: '0.0',\n  });\n  const [ethNeededRight, setEthNeededRight] = useState<EthNeeded>({\n    wei: '0', // Initialize with a valid wei value\n    formatted: '0.0',\n  });\n  const [amtOwedLeft, setAmtOwedLeft] = useState<AmtNeeded>({\n    usdWei: '0',\n    usdWeiFull: '0',\n    ethWei: '0',\n  });\n  const [amtOwedRight, setAmtOwedRight] = useState<AmtNeeded>({\n    usdWei: '0',\n    usdWeiFull: '0',\n    ethWei: '0',\n  });\n  const [amtOwedBuyFiat, setAmtOwedBuyFiat] = useState<AmtNeeded>({\n    usdWei: '0',\n    usdWeiFull: '0',\n    ethWei: '0',\n  });\n  const [amtNeededActivate, setAmtNeededActivate] = useState<string | null>(\n    null\n  );\n  const [profitCentersNeededActivate, setProfitCentersNeededActivate] =\n    useState<number | null>(null);\n  const [provider, setProvider] = useState(null);\n  const [contract, setContract] = useState(null);\n  const [ethBalance, setEthBalance] = useState('0');\n  const [usdpiBalance, setUsdpiBalance] = useState('0');\n  const [lastUsdpiBalance, setLastUsdpiBalance] = useState('0');\n  const [imgURL, setImgURL] = useState<string | null>(null);\n  const [c14Src, setC14Src] = useState<string | null>(null);\n  const [sponsorName, setSponsorName] = useState<string | null>(null);\n  // const [promiseResolve, setPromiseResolve] = useState<\n  //   ((value?: any) => void) | null\n  // >(null);\n  // const [promiseReject, setPromiseReject] = useState<\n  //   ((reason?: any) => void) | null\n  // >(null);\n  const promiseResolveRef = useRef<((value: unknown) => void) | null>(null);\n  const promiseRejectRef = useRef<((reason?: any) => void) | null>(null);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const location = useLocation();\n  const receivedData = location.state as\n    | {\n        selectedAddress: string;\n        reference: string;\n        placementRef: string;\n        username: string;\n        sponsorName: string;\n        sponsorUsername: string;\n      }\n    | undefined;\n  const [isC14Open, setIsC14Open] = useState(true);\n  const externalSiteURL = 'https://example.com'; // Replace with the URL of the external site\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const closeC14Modal = () => {\n    setIsC14Open(false);\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ON LOAD\n  useEffect(() => {\n    // This code will run only once when the component mounts (page loads)\n    // Check to see if receivedData is populated by previous page.\n    // if not, bounce the user back to start of route\n    if (!receivedData) {\n      history.push({\n        pathname: '/aa',\n      });\n    }\n  }, []); // The empty dependency array ensures this effect runs only once\n\n  const options = useMemo(() => {\n    const data: ApexOptions = {\n      chart: {\n        toolbar: {\n          show: false,\n        },\n      },\n\n      fill: {\n        type: 'solid',\n        colors: ['#9DF3FF', '#884BFD'],\n      },\n\n      dataLabels: {\n        enabled: false,\n      },\n      legend: {\n        show: false,\n      },\n      stroke: {\n        width: 0,\n      },\n      tooltip: {\n        enabled: false,\n      },\n    };\n\n    return data;\n  }, []);\n\n  const series = useMemo(() => {\n    let total = 0;\n    let costPercent = 0;\n    let earningPercent = 0;\n    const demoEarning = parseFloat(\n      demoEarningPrice.replace('$', '').replaceAll(',', '')\n    );\n    if (btnYearlyMonthly === 'yearly') {\n      total = percentageBarCenterYearly * 50 * 12 + demoEarning;\n      costPercent = (percentageBarCenterYearly * 50 * 12 * 100) / total;\n      earningPercent = (demoEarning * 100) / total;\n    } else {\n      total = percentageBarCenterMonthly * 50 + demoEarning;\n      costPercent = (percentageBarCenterMonthly * 50 * 100) / total;\n      earningPercent = (demoEarning * 100) / total;\n    }\n    costPercent = costPercent <= 5 ? 5 : costPercent;\n    costPercent = costPercent >= 95 ? 95 : costPercent;\n    earningPercent = earningPercent <= 5 ? 5 : earningPercent;\n    earningPercent = earningPercent >= 95 ? 95 : earningPercent;\n\n    return [costPercent, earningPercent];\n  }, [\n    btnYearlyMonthly,\n    demoEarningPrice,\n    percentageBarCenterMonthly,\n    percentageBarCenterYearly,\n  ]);\n\n  useEffect(() => {\n    api.get('v1/demo/earnings').then((response) => {\n      setDemoEarnings(response.data);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (Object.keys(demoEarnings).length > 0) {\n      let networkSize: 5 | 30 | 155 | 780 | 3905 | 19530 | 'FINAL' = 5;\n      let data = '0';\n      if (btnYearlyMonthly === 'yearly') {\n        switch (percentageBarNetworkYearly) {\n          case 1:\n            networkSize = 30;\n            break;\n\n          case 2:\n            networkSize = 155;\n            break;\n\n          case 3:\n            networkSize = 780;\n            break;\n\n          case 4:\n            networkSize = 3905;\n            break;\n\n          case 5:\n            networkSize = 19530;\n            break;\n\n          case 6:\n            networkSize = 'FINAL';\n            break;\n\n          default:\n            networkSize = 5;\n            break;\n        }\n\n        data =\n          demoEarnings.earnings.annual[percentageBarCenterYearly][networkSize];\n      } else {\n        switch (percentageBarNetworkMonthly) {\n          case 1:\n            networkSize = 30;\n\n            break;\n          case 2:\n            networkSize = 155;\n\n            break;\n          case 3:\n            networkSize = 780;\n\n            break;\n          case 4:\n            networkSize = 3905;\n\n            break;\n          case 5:\n            networkSize = 19530;\n            break;\n\n          case 6:\n            networkSize = 'FINAL';\n            break;\n\n          default:\n            networkSize = 5;\n            break;\n        }\n\n        data =\n          demoEarnings.earnings.monthly[percentageBarCenterMonthly][\n            networkSize\n          ];\n      }\n      setDemoEarningPrice(data || '$0');\n    }\n  }, [\n    btnYearlyMonthly,\n    demoEarnings,\n    percentageBarCenterMonthly,\n    percentageBarCenterYearly,\n    percentageBarNetworkMonthly,\n    percentageBarNetworkYearly,\n  ]);\n\n  useEffect(() => {\n    setActivePayment(true);\n    setTimeout(() => {\n      if (width <= 991) {\n        const element = document.getElementById('resum');\n        if (element) {\n          element.scrollIntoView({\n            behavior: 'smooth',\n          });\n        }\n      }\n    }, 50);\n  }, [width]);\n\n  useEffect(() => {\n    switch (percentage) {\n      case 200: {\n        setMultiple(600);\n        break;\n      }\n      case 175: {\n        setMultiple(300);\n        break;\n      }\n      case 150: {\n        setMultiple(150);\n        break;\n      }\n      case 133: {\n        setMultiple(50);\n        break;\n      }\n      default:\n      // console.log('multiple');\n    }\n  }, [cartPrepayMonths, cartProfitCentersLeft, percentage]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // Method assumes amt2Adjust is USD amount in usdt wei(6) format.\n  // Balance is in usdpi string wei(18) format\n  // Return value will be USD amount in usdt wei (6) format.\n  const adjustForUsdpiBalance = useCallback(\n    (amt2Adjust: string) => {\n      let retVal = amt2Adjust;\n      const bn_amt2Adjust = BigNumber.from(amt2Adjust).mul(\n        BigNumber.from(10).pow(12)\n      );\n      const bn_usdpiBalance = BigNumber.from(usdpiBalance);\n      if (!bn_usdpiBalance.isZero() && !bn_amt2Adjust.isZero()) {\n        // Only adjust if balance and amt are not zero\n        if (bn_usdpiBalance.gte(bn_amt2Adjust)) {\n          retVal = '0'; // User balance already gte amt needed\n        } else {\n          const difference = bn_amt2Adjust.sub(bn_usdpiBalance);\n          retVal = difference.div(BigNumber.from(10).pow(12)).toString();\n        }\n      }\n      return retVal;\n    },\n    [usdpiBalance]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getQuote = async (usdpiNeeded: string): Promise<string> => {\n    // console.log('+++++ getQuote +++++');\n    // console.log('+++++ usdpiNeeded: %s +++++', usdpiNeeded);\n    try {\n      const response = await api.get(\n        `v1/exchange/quote/USD/ETH/${usdpiNeeded}`\n      );\n      const net = response.data.estimate.net / 10 ** 18;\n      // console.log('New net: %s', net);\n      const ethWei = utils.parseUnits(net.toString(), 18).toString();\n      const formattedValue = formatEthValue(ethWei);\n      // console.log('+++++ formattedValue: %s +++++', formattedValue);\n      return ethWei;\n    } catch (error: any) {\n      if (error.name === 'AbortError') {\n        console.log('Request canceled:', error.message);\n      } else {\n        // Handle other errors\n      }\n      throw error; // Re-throw the error so it can be handled outside\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // START REMOVE FOR PROD\n  // useEffect(() => {\n  //   console.log('+++ amtOwedLeft +++');\n  //   console.log(amtOwedLeft);\n  // }, [amtOwedLeft]);\n\n  // useEffect(() => {\n  //   console.log('+++ amtOwedRight +++');\n  //   console.log(amtOwedRight);\n  // }, [amtOwedRight]);\n  // END REMOVE FOR PROD\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // LEFT SELECTION\n  useEffect(() => {\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('LEFT SELECTION');\n    // console.log('multiple: %s', multiple);\n    // console.log('cartProfitCentersLeft: %s', cartProfitCentersLeft);\n    // console.log('usdpiBalance: %s', usdpiBalance);\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    const newUSD = utils\n      .parseUnits(\n        (\n          multiple * cartProfitCentersLeft +\n          cartProfitCentersLeft * 25 +\n          0\n        ).toFixed(6),\n        6\n      )\n      .toString();\n    // console.log('newUSD - left: %s', newUSD);\n    const newUSDWithFee = utils\n      .parseUnits(\n        (\n          multiple * cartProfitCentersLeft +\n          cartProfitCentersLeft * 25 +\n          8\n        ).toFixed(6),\n        6\n      )\n      .toString();\n    // console.log('newUSDWithFee - left: %s', newUSDWithFee);\n\n    const adjustedUSDWithFee = adjustForUsdpiBalance(newUSDWithFee);\n    // console.log('adjustedUSDWithFee - left: %s', adjustedUSDWithFee);\n\n    const controller = new AbortController();\n    setFormattedEthValue('...');\n\n    const newAmt = { usdWei: newUSD, usdWeiFull: newUSDWithFee, ethWei: '0' };\n    setAmtOwedLeft(newAmt);\n\n    // Use getQuote function to get the ETH value\n    getQuote(adjustedUSDWithFee)\n      .then((ethWei) => {\n        const formattedValue = formatEthValue(ethWei);\n        setFormattedEthValue(formattedValue);\n        setAmtOwedLeft((prevAmt) => ({ ...prevAmt, ethWei }));\n        setFormattedEthValue(formattedValue);\n      })\n      .catch((error) => {\n        if (error.name === 'AbortError') {\n          console.log('Request canceled:', error.message);\n        } else {\n          // Handle other errors\n        }\n      });\n\n    return () => {\n      controller.abort(); // Cancel the request when the component unmounts or effect re-runs\n    };\n  }, [multiple, cartProfitCentersLeft, usdpiBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // RIGHT SELECTION\n  useEffect(() => {\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('RIGHT SELECTION');\n    // console.log('multiple: %s', multiple);\n    // console.log('cartProfitCentersRight: %s', cartProfitCentersRight);\n    // console.log('usdpiBalance: %s', usdpiBalance);\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    // console.log('+++++++++++++++++++++++++++++++++++++');\n    const newUSD = utils\n      .parseUnits(\n        (\n          multiple * cartProfitCentersRight +\n          cartProfitCentersRight * 25 +\n          0\n        ).toFixed(6),\n        6\n      )\n      .toString();\n    // console.log('newUSD: %s', newUSD);\n    const newUSDWithFee = utils\n      .parseUnits(\n        (\n          multiple * cartProfitCentersRight +\n          cartProfitCentersRight * 25 +\n          8\n        ).toFixed(6),\n        6\n      )\n      .toString();\n    // console.log('newUSDWithFee: %s', newUSDWithFee);\n\n    const adjustedUSDWithFee = adjustForUsdpiBalance(newUSDWithFee);\n    // console.log('adjustedUSDWithFee: %s', adjustedUSDWithFee);\n\n    const controller = new AbortController();\n    setFormattedEthValueRight('...');\n\n    const newAmt = { usdWei: newUSD, usdWeiFull: newUSDWithFee, ethWei: '0' };\n    setAmtOwedRight(newAmt);\n\n    // Use getQuote function to get the ETH value\n    getQuote(adjustedUSDWithFee)\n      .then((ethWei) => {\n        const formattedValue = formatEthValue(ethWei);\n        setFormattedEthValueRight(formattedValue);\n        setAmtOwedRight((prevAmt) => ({ ...prevAmt, ethWei }));\n        setFormattedEthValueRight(formattedValue);\n      })\n      .catch((error) => {\n        if (error.name === 'AbortError') {\n          console.log('Request canceled:', error.message);\n        } else {\n          // Handle other errors\n        }\n      });\n\n    return () => {\n      controller.abort(); // Cancel the request when the component unmounts or effect re-runs\n    };\n  }, [multiple, cartProfitCentersRight, usdpiBalance]);\n\n  const handleCloseModalConfirm = useCallback(() => {\n    setShowModalConfirm(false);\n  }, []);\n\n  const handleBtnYearly = useCallback((e) => {\n    setBtnYearlyMonthly(e);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setShowNeed(false);\n    setShowAmount(false);\n  }, []);\n\n  const handleShow = useCallback(() => setShow(true), []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // BUY ETH NOW BUTTON\n  const handleBuyNowButtonClickOld = () => {\n    // Open a new tab with the specified URL\n    window.open('https://pay.c14.money/', '_blank');\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // BUY USDPI NOW BUTTON\n  const handleBuyNowButtonClick = useCallback(() => {\n    if (receivedData) {\n      console.log('+++++ amtOwedBuyFiat +++++');\n      console.log(amtOwedBuyFiat);\n      // console.log((parseInt(amtOwedBuyFiat.ethWei, 10) / 10 ** 18).toString());\n      console.log(\n        (parseInt(amtOwedBuyFiat.usdWeiFull, 10) / 10 ** 6).toString()\n      );\n\n      const b_usdNeeded = BigNumber.from(amtOwedBuyFiat.usdWeiFull);\n      const b_ethNeeded = BigNumber.from(amtOwedBuyFiat.ethWei);\n      console.log('+++++ b_ethNeeded: %s +++++', b_ethNeeded);\n      const exchangeETHValue = (\n        parseInt(b_ethNeeded.toString(), 10) /\n        10 ** 18\n      ).toString();\n      console.log('+++++ exchangeETHValue: %s +++++', exchangeETHValue);\n\n      // const b_ethNeededNet = b_ethNeeded.sub(BigNumber.from(ethBalance));\n\n      const exchangeUSDPIValue = (\n        parseInt(b_usdNeeded.toString(), 10) /\n        10 ** 6\n      ).toString();\n      const ethId = '5f86f8ad-f546-4aeb-b77e-d75733834b39';\n      const usdpiId = '5910b23a-0fa6-46f8-ab1c-6e6a71cc0a69';\n      const clientId = '9594c88f-2edf-407f-82da-b4ca569690be';\n      const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${usdpiId}&targetAmount=${exchangeUSDPIValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171a&quoteAmountLock=true&targetAssetIdLock=true`;\n      // const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${ethId}&targetAmount=${exchangeUSDPIValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171a&quoteAmountLock=true&targetAssetIdLock=true`;\n      // const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${ethId}&targetAmount=${exchangeUSDPIValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171a&targetAssetIdLock=true`;\n      // const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${ethId}&targetAmount=${exchangeETHValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171a&targetAssetIdLock=true`;\n      window.open(url, '_blank');\n    }\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // UPHOLD\n  const handleBuyNowUpholdButtonClick = useCallback(() => {\n    const url = `https://uphold.com/en-us/assets/crypto/buy-eth`;\n    window.open(url, '_blank');\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // XCOINS\n  const handleBuyNowXCButtonClick = useCallback(() => {\n    const url = `https://xcoins.com/en/buy-crypto/ethereum/`;\n    window.open(url, '_blank');\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // PAYBIS\n  const handleBuyNowPBButtonClick = useCallback(() => {\n    const url = `https://paybis.com/buy-ethereum/`;\n    window.open(url, '_blank');\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // COINBASE\n  const handleBuyNowCBButtonClick = useCallback(() => {\n    const url = `https://login.coinbase.com/signin`;\n    window.open(url, '_blank');\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleBuyNowButtonClick2 = useCallback(() => {\n    console.log('amtOwedBuyFiat');\n    console.log(amtOwedBuyFiat);\n    console.log((parseInt(amtOwedBuyFiat.ethWei, 10) / 10 ** 18).toString());\n\n    const b_ethNeeded = BigNumber.from(amtOwedBuyFiat.ethWei);\n    const b_ethNeededNet = b_ethNeeded.sub(BigNumber.from(ethBalance));\n\n    const exchangeEthValue = (\n      parseInt(b_ethNeededNet.toString(), 10) /\n      10 ** 18\n    ).toString();\n    const ethId = '5f86f8ad-f546-4aeb-b77e-d75733834b39';\n    if (receivedData) {\n      setShowNeed(false);\n      setC14Src(\n        // `https://pay.c14.money/?targetAssetId=${ethId}&targetAmount=${exchangeEthValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171a&quoteAmountLock=true&targetAssetIdLock=true`\n        `https://pay.c14.money/?targetAssetId=${ethId}&targetAmount=${exchangeEthValue}&targetAddress=${receivedData.selectedAddress}&bgColor=282828&mainColor=17171`\n      );\n      // https://pay.c14.money/?bgColor=282828&mainColor=171719\n      setIsC14Open(true);\n      // window.open(\n      //   `https://pay.c14.money/?targetAssetId=${ethId}&targetAmount=${exchangeEthValue}&targetAddress=${receivedData.selectedAddress}`,\n      //   '_blank'\n      // );\n    }\n  }, [amtOwedBuyFiat, ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // PREPAY MONTHS CHANGED\n  const handleChangePeriod = useCallback(\n    (period, percent) => {\n      // console.log('+++++ handleChangePeriod +++++');\n      // console.log(period);\n      setCartPrepayMonths(period);\n      setPercentage(percent);\n    },\n    [setCartPrepayMonths]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const imgGenerate = async () => {\n    const cmd =\n      'cute, mystic lion, colorful glassy, background stunning, not ugly, up lighting';\n    setProcessText('Activating - Generating NFT image.');\n    try {\n      // throw new Error('This is a test error.');\n      const response = await api.post('/v1/image/create', { command: cmd });\n      return response.data.image;\n    } catch (error) {\n      swalError({\n        message: 'There was a problem generating an NFT image.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getHashes = async (usdpiNeeded: string) => {\n    try {\n      if (!receivedData) {\n        throw new Error('Wallet address not found');\n      } else {\n        setProcessText('Activating - Preparing transaction');\n        const hashes = await api.get('/v1/member/activate/', {\n          params: {\n            wallet_address: receivedData.selectedAddress,\n            amt2authorize: usdpiNeeded,\n          },\n        });\n        return hashes.data;\n      }\n    } catch (error) {\n      swalError({\n        message: 'There was a problem preparing your activation transaction.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleAcceptModalConfirm = useCallback(() => {\n    setShowModalConfirm(false);\n    if (\n      promiseResolveRef.current &&\n      typeof promiseResolveRef.current === 'function'\n    ) {\n      promiseResolveRef.current(undefined); // Pass undefined explicitly\n      // Reset the refs after resolving\n      promiseResolveRef.current = null;\n      promiseRejectRef.current = null;\n    }\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleCancelModalConfirm = useCallback(() => {\n    // Hide the modal\n    setShowModalConfirm(false);\n\n    // Check if there's a reject function and it's callable\n    if (\n      promiseRejectRef.current &&\n      typeof promiseRejectRef.current === 'function'\n    ) {\n      // Reject the promise with a specific error message\n      promiseRejectRef.current(new Error('User cancelled the confirmation'));\n\n      // Reset the promise resolve and reject refs after handling the cancellation\n      promiseResolveRef.current = null;\n      promiseRejectRef.current = null;\n    }\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // CONFIRMATION MODAL WORKFLOW\n  const confirmAction = useCallback(() => {\n    console.log('+++++ confirmAction running +++++');\n    return new Promise((resolve, reject) => {\n      // Show the modal\n      setShowModalConfirm(true);\n      // setPromiseResolve(resolve);\n      // setPromiseReject(reject);\n      promiseResolveRef.current = resolve;\n      promiseRejectRef.current = reject;\n    });\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const executeActivation = async (\n    profitCenters: any,\n    prepayMonths: any,\n    hashResultValue: any,\n    sig: string,\n    imgName: string\n  ) => {\n    try {\n      if (!receivedData) {\n        throw new Error('Wallet address not found');\n      } else {\n        setProcessText('Activating - Sending activation.');\n        try {\n          const acctresponse = await api.post('/v1/member/activate', {\n            owner: receivedData.selectedAddress,\n            prepay: prepayMonths,\n            pcount: profitCenters,\n            amt: hashResultValue.amt2authorize,\n            deadline: hashResultValue.deadline,\n            sig,\n            nft_id: null,\n            img_name: imgName,\n          });\n          console.log(acctresponse);\n          return acctresponse.data.tx;\n        } catch (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          throw error;\n        }\n      }\n    } catch (error) {\n      swalError({\n        message: 'There was a problem activating your account.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getSignature = async (hashData: any) => {\n    try {\n      if (!receivedData) {\n        throw new Error('Wallet address not found');\n      } else {\n        setProcessText('Activating - Waiting for wallet signature.');\n        const { deadline, amt2authorize, nonce, name, chain } = hashData;\n        const version = '1';\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: receivedData.selectedAddress,\n          spender: process.env.REACT_APP_BSC_USDPISUBS,\n          // spender: process.env.REACT_APP_BSC_MEMBEROPS,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        const sig = await tsigner._signTypedData(domainData, types, val); // eslint-disable-line no-underscore-dangle\n        return sig;\n      }\n    } catch (error) {\n      swalError({\n        message: 'There was a problem Getting your signature.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const logExchange = useCallback((hash: string): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      console.log('+++++ logExchange +++++');\n      api\n        .post('/v1/usdpi/deposit/usdt/tx', {\n          nft_id: 0,\n          tx: hash,\n        })\n        .then(function (acctresponse) {\n          setProcessText(\n            'Exchange accepted. Waiting for bridged USDPI to arrive.'\n          );\n          resolve('Complete');\n        })\n        .catch(function (error) {\n          console.log('== ERROR ==');\n          console.log(error);\n          reject(error);\n        });\n    });\n  }, []);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const exchange = useCallback(\n    (amtOwed: AmtNeeded, profitCenters): Promise<any> => {\n      return new Promise((resolve, reject) => {\n        if (receivedData) {\n          networkSwitch('PAY')\n            .then((response) => {\n              setLoading(true);\n              try {\n                // console.log(amtOwed);\n                // console.log(profitCenters);\n                // Call exchange\n                const tprovider = new ethers.providers.Web3Provider(\n                  window.ethereum\n                );\n                const tsigner = tprovider.getSigner();\n                const swapBank = new ethers.Contract(\n                  process.env.REACT_APP_ETH_SWAP as string,\n                  EthUsdtSwapV3Abi,\n                  tprovider\n                );\n                console.log('amtOwed.ethWei: %s', amtOwed.ethWei);\n                console.log('amtOwed.usdWeiFull: %s', amtOwed.usdWeiFull);\n                swapBank\n                  .connect(tsigner)\n                  .swapEth4Usdt(amtOwed.ethWei, 0, {\n                    value: amtOwed.ethWei,\n                  })\n                  // .swapEth4Usdt('1000000000000000', 0, {\n                  //   value: '1000000000000000',\n                  // })\n                  .then((tx: ContractTransaction) => {\n                    // console.log('+++++ ContractTransaction +++++');\n                    // console.log(tx);\n                    setProcessText(\n                      'Exchange - waiting for transaction to complete'\n                    );\n                    console.log('Transaction sent successfully:', tx);\n\n                    // Start polling for the transaction receipt\n                    const interval = 10000; // Check every 10 seconds\n                    const timeout = 300000; // Stop checking after 5 minutes\n                    const intervalId = setInterval(async () => {\n                      try {\n                        console.log('+++++ Getting receipt +++++');\n                        const receipt =\n                          await tsigner.provider.getTransactionReceipt(tx.hash);\n                        if (receipt && receipt.confirmations > 0) {\n                          console.log(receipt);\n                          clearInterval(intervalId);\n                          setProcessText('Exchange - bridging funds');\n                          logExchange(tx.hash)\n                            .then((logResult) => {\n                              setTimeout(() => {\n                                resolve('Complete');\n                              }, 10000);\n                            })\n                            .catch((logError) => {\n                              reject(logError);\n                            });\n                        }\n                      } catch (error) {\n                        console.error(\n                          'Error while checking transaction status:',\n                          error\n                        );\n                      }\n                    }, interval);\n\n                    // Set a timeout to stop checking\n                    setTimeout(() => {\n                      clearInterval(intervalId);\n                      // Handle the case where the transaction is not mined within the timeout\n                      console.error(\n                        'Transaction was not mined within the specified timeout.'\n                      );\n                      logExchange(tx.hash)\n                        .then((logResult) => {\n                          resolve('Complete');\n                        })\n                        .catch((logError) => {\n                          reject(logError);\n                        });\n                    }, timeout);\n                  })\n                  .catch((error: Error) => {\n                    console.error('Error during swap:', error);\n                    reject(error);\n                  });\n                // ------------------------\n              } catch (err) {\n                reject(err);\n                // setIsAlertOpen(true);\n              }\n            })\n            .catch((switchError) => {\n              console.log(switchError);\n              reject(switchError);\n            });\n        }\n      });\n    },\n    [receivedData]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const activate = useCallback(\n    (usdpiNeeded, profitCenters): Promise<any> => {\n      return new Promise((resolve, reject) => {\n        if (receivedData) {\n          confirmAction()\n            .then(() => {\n              setLoading(true);\n              networkSwitch('NETWORK')\n                .then((response) => {\n                  imgGenerate()\n                    .then((imgResultValue) => {\n                      getHashes(usdpiNeeded)\n                        .then((hashResultValue) => {\n                          console.log(hashResultValue);\n                          getSignature(hashResultValue)\n                            .then((sig) => {\n                              executeActivation(\n                                profitCenters,\n                                cartPrepayMonths,\n                                hashResultValue,\n                                sig,\n                                imgResultValue\n                              )\n                                .then((activationResult) => {\n                                  console.log(\n                                    'activationResult: %s',\n                                    activationResult\n                                  );\n                                  setLoading(false);\n                                  setAccount(receivedData.selectedAddress);\n                                  // history.push({\n                                  //   pathname: '/',\n                                  // });\n                                })\n                                .catch((error) => {\n                                  console.log('activation error: %s', error);\n                                  setLoading(false);\n                                });\n                            })\n                            .catch((error) => {\n                              console.log('signature error: %s', error);\n                              setLoading(false);\n                            });\n                        })\n                        .catch((error) => {\n                          // xxx\n                          console.log('hashes error: %s', error);\n                          setLoading(false);\n                        });\n                    })\n                    .catch((error) => {\n                      // xxx\n                      console.log('img error: %s', error);\n                      setLoading(false);\n                    });\n                })\n                .catch((switchError) => {\n                  console.log(switchError);\n                  reject(switchError);\n                });\n            })\n            .catch(() => {\n              // Handle the case where the user cancels the confirmation\n              console.log('User cancelled the activation');\n              setLoading(false);\n            });\n        }\n      });\n    },\n    [receivedData, cartPrepayMonths, setCartPrepayMonths]\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // EXCHANGE POST POLLING\n  // When activating and usdpi balance changes,\n  // proceed if balance gt amtNeeded\n  useEffect(() => {\n    // console.log('++++++++++++++++++++++++++++++++++++++');\n    // console.log('++++++++++++++++++++++++++++++++++++++');\n    // console.log('usdpiBalance: %s', usdpiBalance);\n    // console.log('lastUsdpiBalance: %s', lastUsdpiBalance);\n    // console.log('amtNeededActivate: %s', amtNeededActivate);\n    // console.log('++++++++++++++++++++++++++++++++++++++');\n    // console.log('++++++++++++++++++++++++++++++++++++++');\n    if (amtNeededActivate && profitCentersNeededActivate) {\n      if (!pollingEnabled) {\n        console.log('Start polling');\n        setPollingEnabled(true);\n      }\n      console.log('Activation checks running');\n      console.log(\n        'profitCentersNeededActivate: %s',\n        profitCentersNeededActivate\n      );\n      console.log('usdpiBalance: %s', usdpiBalance);\n      console.log('lastUsdpiBalance: %s', lastUsdpiBalance);\n      console.log('amtNeededActivate: %s', amtNeededActivate);\n      if (usdpiBalance !== lastUsdpiBalance) {\n        console.log('Balance change detected');\n        if (\n          // true // ToDo: TEST - remove for prod\n          ethers.BigNumber.from(usdpiBalance).gte(\n            ethers.BigNumber.from(amtNeededActivate)\n          )\n        ) {\n          console.log('Enough USDPI - ACTIVATE');\n          setProcessText('Activating - Waiting for wallet approval.');\n          activate(amtNeededActivate, profitCentersNeededActivate)\n            .then((resultValue) => {\n              console.log('activate result: %s', resultValue);\n              setLoading(false);\n            })\n            .catch((error) => {\n              console.log('activate error: %s', error);\n              setLoading(false);\n            });\n        } else {\n          console.log('Not enough balance');\n          setLoading(false);\n          swalError({\n            message:\n              'Sorry, your USDPI has arrived, but your balance is too small to activate.',\n            textButton: 'Try Again',\n          });\n          setAmtNeededActivate(null);\n          setProfitCentersNeededActivate(null);\n        }\n      } else {\n        console.log('No balance change...yet');\n      }\n    } else {\n      console.log('No activation checks running');\n    }\n  }, [\n    usdpiBalance,\n    amtNeededActivate,\n    profitCentersNeededActivate,\n    lastUsdpiBalance,\n    pollingEnabled,\n  ]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchBalances = async () => {\n    try {\n      if (receivedData) {\n        const response = await api.get(\n          `v2/member/tokenBalances/${receivedData.selectedAddress}`\n        );\n        if (response.data.balances.wallet_eth !== ethBalance) {\n          setEthBalance(response.data.balances.wallet_eth);\n        }\n        if (response.data.balances.wallet_usdpi !== usdpiBalance) {\n          setUsdpiBalance(response.data.balances.wallet_usdpi);\n        }\n        return { balances: response.data.balances };\n      }\n    } catch (error) {\n      console.log(error);\n      setEthBalance('0');\n      setUsdpiBalance('0');\n      setLoading(false);\n      throw error;\n    }\n    return { balances: {} };\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // BALANCE POLLING\n  useEffect(() => {\n    // Initial fetch\n    fetchBalances();\n\n    // POLL BALANCES\n    if (pollingEnabled) {\n      const interval = setInterval(() => {\n        fetchBalances();\n      }, 30000);\n      // Cleanup function: Clear the interval when the component unloads\n      return () => {\n        clearInterval(interval);\n      };\n    }\n    return undefined;\n  }, [pollingEnabled]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // PAY NOW button handler.\n  // Received amtOwed structure from left or right form\n  const handleBuyNowClick = useCallback(\n    (amtOwed: AmtNeeded, profitCenters) => {\n      console.log('+++++ amtOwed +++++');\n      if (receivedData) {\n        setProcessText('Getting wallet balances');\n        // setLoading(true);\n        // ====================================\n        // ====================================\n        // TEST ONLY - REMOVE FOR PROD\n        // (adjust to smaller minimum eth needed)\n        // ====================================\n        // console.log(amtOwed);\n        // const ethWeiTEST = '1000000000000000';\n        // setAmtNeededActivate('2000000');\n        // ====================================\n        // END TEST ONLY - REMOVE FOR PROD\n        // ====================================\n        // ====================================\n\n        getQuote(amtOwed.usdWeiFull)\n          .then((ethWei) => {\n            console.log('+++++ new ethWei: %s +++++', ethWei);\n            // GET BALANCES\n            fetchBalances()\n              .then((balances) => {\n                // console.log(balances);\n                setLastUsdpiBalance(usdpiBalance);\n                // SET CONSTANTS\n                const b_usdNeeded: BigNumber = ethers.BigNumber.from(\n                  amtOwed.usdWei\n                );\n                const b_usdpiNeeded: BigNumber = b_usdNeeded.mul(\n                  BigNumber.from(10).pow(12)\n                );\n                // const b_usdpiNeeded_test = b_usdpiNeeded.add(\n                //   BigNumber.from('9000000000000000000')\n                // );\n                const b_ethNeeded: BigNumber = ethers.BigNumber.from(\n                  ethWei\n                  // ethWeiTEST // TEST ONLY - REMOVE FOR PROD\n                );\n                const b_usdpiBal: BigNumber = ethers.BigNumber.from(\n                  balances.balances.wallet_usdpi\n                );\n                const b_ethBal = ethers.BigNumber.from(\n                  balances.balances.wallet_eth\n                );\n                // ====================================\n                // VALIDATE AMOUNTS\n                // ====================================\n                // TEST STUB\n                // ====================================\n                // console.log('+++ eth balance: %s', b_ethBal);\n                // console.log('+++ eth needed: %s', b_ethNeeded);\n                // if (false) {\n                //   setProcessText('Activating - Waiting for wallet approval.');\n\n                //   activate(b_usdpiNeeded.toString(), profitCenters)\n                //     .then((resultValue) => {\n                //       console.log('activate result: %s', resultValue);\n                //       setLoading(false);\n                //     })\n                //     .catch((error) => {\n                //       console.log('activate error: %s', error);\n                //       setLoading(false);\n                //     });\n                // }\n                // ====================================\n                // END TEST STUB\n                // ====================================\n                if (b_usdpiBal.isZero() && b_ethBal.isZero()) {\n                  // console.log('amtOwed');\n                  // console.log(amtOwed);\n                  setAmtOwedBuyFiat({ ...amtOwed });\n                  setLoading(false);\n                  setShowNeed(true);\n                  // } else if (b_usdpiBal.gte(b_usdpiNeeded_test)) {\n                } else if (b_usdpiBal.gte(b_usdpiNeeded)) {\n                  // Enough USDPI - ACTIVATE!!!\n                  console.log('Enough USDPI - ACTIVATE');\n                  console.log('b_usdpiNeeded: %s', b_usdpiNeeded);\n                  setProcessText('Activating - Waiting for wallet approval.');\n                  activate(b_usdpiNeeded.toString(), profitCenters)\n                    .then((resultValue) => {\n                      console.log('activate result: %s', resultValue);\n                      setLoading(false);\n                    })\n                    .catch((error) => {\n                      console.log('activate error: %s', error);\n                      setLoading(false);\n                    });\n                } else if (b_ethBal.gte(b_ethNeeded) && !b_ethNeeded.isZero()) {\n                  console.log('No USDPI, but have ETH - EXCHANGE!!!');\n                  // No USDPI, but have ETH - EXCHANGE!!!\n                  setProcessText(\n                    'Exchanging ETH for USDPI - Waiting for wallet approval.'\n                  );\n                  setProfitCentersNeededActivate(profitCenters);\n                  exchange(amtOwed, profitCenters)\n                    .then((resultValue) => {\n                      console.log('exchange result: %s', resultValue);\n                      // const bn_amtNeededActivate = BigNumber.from(\n                      //   amtOwed.usdWeiFull\n                      // ).mul(BigNumber.from(10).pow(12));\n                      const bn_amtNeededActivate = BigNumber.from(\n                        amtOwed.usdWei\n                      ).mul(BigNumber.from(10).pow(12));\n                      // .add(BigNumber.from(5).mul(BigNumber.from(10).pow(18)));\n                      setAmtNeededActivate(bn_amtNeededActivate.toString());\n                    })\n                    .catch((error) => {\n                      console.log('exchange error: %s', error);\n                      setLoading(false);\n                    });\n                } else {\n                  console.log('Not enough crypto');\n                  setAmtOwedBuyFiat({ ...amtOwed });\n                  setLoading(false);\n                  setShowNeed(true);\n                }\n              })\n              .catch((error) => {\n                console.log(error);\n                setLoading(false);\n                swalError({\n                  message: 'There was a problem getting your wallet balances.',\n                  textButton: 'Try Again',\n                });\n              });\n          })\n          .catch((error) => {\n            if (error.name === 'AbortError') {\n              console.log('Request canceled:', error.message);\n            } else {\n              // Handle other errors\n            }\n          });\n      } // if (receivedData)\n    },\n    [receivedData, usdpiBalance, cartPrepayMonths, amtOwedBuyFiat]\n  );\n\n  return (\n    <>\n      <Banner className=\"position-relative overflow-hidden w-100\">\n        <div className=\"container-fluid\">\n          <div className=\"row vh-lg-100 overflow-auto justify-content-center\">\n            <div className=\"d-none col-12 d-lg-flex justify-content-between wallet-avatar\">\n              <WalletRowAutoAffiliate\n                ethBalance={ethBalance}\n                usdpiBalance={usdpiBalance}\n              />\n              {receivedData && (\n                <WalletAvatar\n                  selectedAddress={receivedData.selectedAddress || ''}\n                  refCode={receivedData.reference}\n                  placement={receivedData.placementRef}\n                  username={receivedData.username}\n                  sponsorName={receivedData.sponsorName}\n                  sponsorUsername={receivedData.sponsorUsername}\n                />\n              )}\n            </div>\n\n            <div className=\"col-lg-10 col-xl-9 py-lg-4 zoom-order\">\n              <div className=\"row justify-content-center px-xl-5 mb-4 transition\">\n                <div className=\"col-xl-10 text-center d-flex justify-content-center\">\n                  <div className=\"w-100\">\n                    <h1 className=\"fw-bold\">\n                      <span>\n                        <span>Select Membership Option</span>\n                      </span>\n                    </h1>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"row overflow-small justify-content-sm-center mb-4 mb-xxl-5\">\n                <div className=\"col-12 d-flex justify-content-center btn-percentage\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(12, 200)}\n                    className={`${\n                      percentage === 200 && 'active'\n                    } mx-2 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto\">\n                      Yearly\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(6, 175)}\n                    className={`${\n                      percentage === 175 && 'active'\n                    } mx-2 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto\">\n                      6&nbsp;Months\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(3, 150)}\n                    className={`${\n                      percentage === 150 && 'active'\n                    } mx-2 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto\">\n                      3&nbsp;Months\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangePeriod(1, 133)}\n                    className={`${\n                      percentage === 133 && 'active'\n                    } mx-2 border-0 rounded-pill`}\n                  >\n                    <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto\">\n                      Monthly\n                    </span>\n                  </button>\n                </div>\n              </div>\n\n              <div className=\"row justify-content-center pb-3 pb-lg-0 px-sm-5 px-xl-2 px-xxl-5 transition\">\n                <Card className=\"col-sm-11 col-md-7 col-lg-6 mt-3 mt-lg-0 px-4 mb-5 mb-lg-0\">\n                  <div className=\"h-100 card-price max-wid best-price ms-auto\">\n                    <div className=\"p-3 w-100\">\n                      <h2 className=\"h3 text-center text-white my-4\">\n                        {cartProfitCentersLeft} PROFIT CENTER\n                        {cartProfitCentersLeft > 1 && 'S'}\n                      </h2>\n\n                      <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                        <p className=\"mb-3 d-flex align-items-center\">\n                          <span className=\"pe-3\">$</span>\n                          {formatUSDValueFromWei(amtOwedLeft.usdWei).slice(\n                            0,\n                            -3\n                          )}\n                        </p>\n                      </div>\n                      <div className=\"d-flex text-center position-relative text-center justify-content-center mb-3\">\n                        <div className=\"eth-amt-wrap d-flex text-center position-relative text-center justify-content-center\">\n                          <div className=\"d-flex w-100 inner\">\n                            <div className=\"d-flex align-items-center justify-content-between w-100 txt\">\n                              <img src={ethLogo} alt=\"Logo\" />\n                              <span className=\"d-flex mx-auto\">\n                                {formattedEthValue}&nbsp;ETH\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"d-flex align-items-center justify-content-center mb-3\">\n                        <input\n                          type=\"range\"\n                          name=\"teste\"\n                          min={1}\n                          max={6}\n                          onChange={(e) => {\n                            setCartProfitCentersLeft(\n                              parseInt(e.target.value, 10)\n                            );\n                          }}\n                          value={cartProfitCentersLeft}\n                          className=\"slider-pic\"\n                        />\n                        <span className=\"thumb\" />\n                        <span className=\"py-0 text-white h3 mb-0\">\n                          &nbsp;{cartProfitCentersLeft}\n                        </span>\n                      </div>\n                      <p className=\"text-center amount mb-4\">\n                        Use slider to change amount\n                      </p>\n                      <p className=\"earnings-title mb-0\">\n                        Monthly Earnings Potential of:\n                      </p>\n                      <div className=\"value\">\n                        <p className=\"mb-0\">$1,054,650</p>\n                      </div>\n                      <div className=\"\">\n                        <button\n                          type=\"button\"\n                          className=\"btn-pay w-100 mt-2 fw-bold\"\n                          onClick={() =>\n                            handleBuyNowClick(\n                              amtOwedLeft,\n                              cartProfitCentersLeft\n                            )\n                          }\n                        >\n                          <span className=\"\">PAY NOW</span>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </Card>\n                <Card className=\"col-sm-11 col-md-7 col-lg-6 mt-3 mt-lg-0 px-4 mb-5 mb-lg-0\">\n                  <div className=\"h-100 card-price-gray max-wid best-price me-auto\">\n                    <div className=\"p-3 w-100\">\n                      <h2 className=\"h3 text-center text-white my-4\">\n                        {cartProfitCentersRight} PROFIT CENTER\n                        {cartProfitCentersRight > 1 && 'S'}\n                      </h2>\n\n                      <div className=\"d-flex text-center value-token position-relative text-center justify-content-center\">\n                        <p className=\"mb-3 d-flex align-items-center\">\n                          <span className=\"pe-3\">$</span>\n                          {formatUSDValueFromWei(amtOwedRight.usdWei).slice(\n                            0,\n                            -3\n                          )}\n                        </p>\n                      </div>\n                      <div className=\"d-flex text-center position-relative text-center justify-content-center mb-3\">\n                        <div className=\"eth-amt-wrap d-flex text-center position-relative text-center justify-content-center\">\n                          <div className=\"d-flex w-100 inner\">\n                            <div className=\"d-flex align-items-center justify-content-between w-100 txt\">\n                              <img src={ethLogo} alt=\"Logo\" />\n                              <span className=\"d-flex mx-auto\">\n                                {formattedEthValueRight}&nbsp;ETH\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"d-flex align-items-center justify-content-center mb-3\">\n                        <input\n                          type=\"range\"\n                          name=\"teste\"\n                          min={1}\n                          max={6}\n                          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                            setCartProfitCentersRight(\n                              parseInt(e.target.value, 10)\n                            );\n                          }}\n                          value={cartProfitCentersRight}\n                          className=\"slider-pic\"\n                        />\n                        <span className=\"thumb\" />\n                        <span className=\"py-0 text-white h3 mb-0\">\n                          &nbsp;{cartProfitCentersRight}\n                        </span>\n                      </div>\n                      <p className=\"text-center amount mb-4\">\n                        Use slider to change amount\n                      </p>\n                      <p className=\"earnings-title mb-0\">\n                        Monthly Earnings Potential of:\n                      </p>\n                      <div className=\"value\">\n                        <p className=\"mb-0\">$175,775</p>\n                      </div>\n                      <div className=\"\">\n                        <button\n                          type=\"button\"\n                          className=\"btn-pay-gray w-100 mt-2 fw-bold\"\n                          onClick={() =>\n                            handleBuyNowClick(\n                              amtOwedRight,\n                              cartProfitCentersRight\n                            )\n                          }\n                        >\n                          <span className=\"\">PAY NOW</span>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </Card>\n                <div className=\"col-sm-11 col-md-7 col-lg-11 text-center px-1\">\n                  <button\n                    type=\"button\"\n                    className=\"btn-calculator w-100 mt-4 fw-bold\"\n                    onClick={handleShow}\n                  >\n                    <span className=\"\">OPEN EARNINGS CALCULATOR</span>\n                  </button>\n                </div>\n                {/* TEMP TEST */}\n                {/* <div className=\"\">\n                  <button\n                    type=\"button\"\n                    className=\"btn-pay w-100 mt-2 fw-bold\"\n                    onClick={() => setPollingEnabled(!pollingEnabled)}\n                  >\n                    <span className=\"\">TOGGLE POLLING</span>\n                  </button>\n                </div> */}\n                {/* TEMP TEST */}\n              </div>\n            </div>\n          </div>\n        </div>\n        <Modal\n          size=\"xl\"\n          show={show}\n          onHide={handleClose}\n          className=\"modal-signin\"\n          centered\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n\n          <Modal.Header className=\"container py-0 border-0\">\n            <div className=\"row w-100 justify-content-center\">\n              <div className=\"col-12 text-center\">\n                <h2 className=\"fw-bold mb-0\">Earnings Potential</h2>\n              </div>\n            </div>\n          </Modal.Header>\n\n          <Modal.Body className=\"container\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-lg-8 col-xl-6 btn-calculator text-center mt-4\">\n                <button\n                  type=\"button\"\n                  className={`${\n                    btnYearlyMonthly === 'yearly' && 'active'\n                  } mx-3 border-0 rounded-pill`}\n                  onClick={() => handleBtnYearly('yearly')}\n                >\n                  <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                    Yearly\n                  </span>\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${\n                    btnYearlyMonthly === 'monthly' && 'active'\n                  } mx-3 border-0 rounded-pill`}\n                  onClick={() => handleBtnYearly('monthly')}\n                >\n                  <span className=\"rounded-pill d-block px-lg-2 px-xl-4 px-xxl-auto py-2\">\n                    Monthly\n                  </span>\n                </button>\n              </div>\n            </div>\n            {btnYearlyMonthly === 'yearly' && (\n              <div className=\"row px-4 px-lg-5 mt-5 justify-content-center\">\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">1. Profit Centers</h3>\n                      <RangeCentersYearly\n                        percentage={\n                          percentageBarCenterYearly >= 4\n                            ? (percentageBarCenterYearly - 1) * 19.7\n                            : (percentageBarCenterYearly - 1) * 20.2\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={1}\n                            max={6}\n                            value={percentageBarCenterYearly}\n                            onChange={(e) =>\n                              setPercentageBarCenterYearly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarCenterYearly > 1 && (\n                            <div\n                              className=\"progress-bar-centers\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeCentersYearly>\n\n                      <div className=\"values-total-members d-flex justify-content-between px-2 mt-3\">\n                        <span className=\"\">1</span>\n                        <span className=\"\">2</span>\n                        <span className=\"\">3</span>\n                        <span className=\"\">4</span>\n                        <span className=\"\">5</span>\n                        <span className=\"\">6</span>\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Subscription Cost\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">\n                            $\n                            {formatPrice(\n                              percentageBarCenterYearly * 50 * 12\n                            ).slice(0, -3)}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">2. Network Size</h3>\n                      <RangeNetworkYearly\n                        percentage={\n                          percentageBarCenterYearly === 1\n                            ? percentageBarNetworkYearly * 20\n                            : percentageBarNetworkYearly * 16.7\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={0}\n                            max={percentageBarCenterYearly === 1 ? 5 : 6}\n                            value={percentageBarNetworkYearly}\n                            onChange={(e) =>\n                              setPercentageBarNetworkYearly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarNetworkYearly > 0 && (\n                            <div\n                              className=\"progress-bar-network\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeNetworkYearly>\n\n                      <div\n                        className={`${\n                          percentageBarCenterYearly === 1 &&\n                          'justify-content-between'\n                        } network values-total-members ps-2 d-flex mt-3`}\n                      >\n                        <span className=\"\">5</span>\n                        <span className=\"\">30</span>\n                        <span className=\"\">155</span>\n                        <span className=\"\">780</span>\n                        <span className=\"\">3,905</span>\n                        <span className=\"\">19,530</span>\n                        {percentageBarCenterYearly > 1 && (\n                          <span className=\"\">\n                            {formatPrice(\n                              19530 + (percentageBarCenterYearly - 1) * 15625\n                            ).replace('.00', '')}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Earnings\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">{demoEarningPrice}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-0 mt-lg-5\">\n                  <div className=\"row bg-number py-3 justify-content-center\">\n                    <div className=\"col-lg-8\">\n                      <div className=\"row justify-content-evenly align-items-center\">\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block cost mb-1 mx-auto\">\n                            Your Cost\n                          </span>\n                          <span className=\"d-block value-cost\">\n                            $\n                            {formatPrice(\n                              percentageBarCenterYearly * 50 * 12\n                            ).slice(0, -3)}\n                          </span>\n                        </div>\n                        <div className=\"col-3 col-lg-4 px-0 px-lg-3 pe-none text-center\">\n                          <ReactApexChart\n                            options={options}\n                            series={series}\n                            type=\"donut\"\n                            height={140}\n                          />\n                        </div>\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block earning mb-1 mx-auto\">\n                            Your Earnings\n                          </span>\n                          <span className=\"d-block value-earnings\">\n                            {demoEarningPrice}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {btnYearlyMonthly === 'monthly' && (\n              <div className=\"row px-4 px-lg-5 mt-5 justify-content-center\">\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">1. Profit Centers</h3>\n                      <RangeCentersMonthly\n                        percentage={\n                          percentageBarCenterMonthly >= 4\n                            ? (percentageBarCenterMonthly - 1) * 19.7\n                            : (percentageBarCenterMonthly - 1) * 20.2\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={1}\n                            max={6}\n                            value={percentageBarCenterMonthly}\n                            onChange={(e) =>\n                              setPercentageBarCenterMonthly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarCenterMonthly > 1 && (\n                            <div\n                              className=\"progress-bar-centers\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeCentersMonthly>\n\n                      <div className=\"values-total-members d-flex justify-content-between px-2 mt-3\">\n                        <span className=\"\">1</span>\n                        <span className=\"\">2</span>\n                        <span className=\"\">3</span>\n                        <span className=\"\">4</span>\n                        <span className=\"\">5</span>\n                        <span className=\"\">6</span>\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Subscription Cost\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">\n                            $\n                            {formatPrice(percentageBarCenterMonthly * 50).slice(\n                              0,\n                              -3\n                            )}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-lg-11 col-xl-8 mb-4\">\n                  <div className=\"row\">\n                    <div className=\"col-lg-9\">\n                      <h3 className=\"mb-3\">2. Network Size</h3>\n                      <RangeNetworkMonthly\n                        percentage={\n                          percentageBarCenterMonthly === 1\n                            ? percentageBarNetworkMonthly * 20\n                            : percentageBarNetworkMonthly * 16.7\n                        }\n                        className=\"position-relative\"\n                      >\n                        <>\n                          <input\n                            type=\"range\"\n                            name=\"teste\"\n                            min={0}\n                            max={percentageBarCenterMonthly === 1 ? 5 : 6}\n                            value={percentageBarNetworkMonthly}\n                            onChange={(e) =>\n                              setPercentageBarNetworkMonthly(\n                                parseInt(e.target.value, 10)\n                              )\n                            }\n                            className=\"slider-progress-bar\"\n                          />\n                          <span className=\"thumb-progress-bar\" />\n                          {percentageBarNetworkMonthly > 0 && (\n                            <div\n                              className=\"progress-bar-network\"\n                              role=\"progressbar\"\n                            />\n                          )}\n                        </>\n                      </RangeNetworkMonthly>\n\n                      <div\n                        className={`${\n                          percentageBarCenterMonthly === 1 &&\n                          'justify-content-between'\n                        } network values-total-members ps-2 d-flex mt-3`}\n                      >\n                        <span className=\"\">5</span>\n                        <span className=\"\">30</span>\n                        <span className=\"\">155</span>\n                        <span className=\"\">780</span>\n                        <span className=\"\">3,905</span>\n                        <span className=\"\">19,530</span>\n                        {percentageBarCenterMonthly > 1 && (\n                          <span className=\"\">\n                            {formatPrice(\n                              19530 + (percentageBarCenterMonthly - 1) * 15625\n                            ).replace('.00', '')}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"col-lg-3 mt-4 mt-lg-0 d-flex align-items-center d-lg-block\">\n                      <h6 className=\"mb-0 w-50 w-lg-100 text-lg-center mt-lg-2\">\n                        Earnings\n                      </h6>\n                      <div className=\"bg-value-revenue w-50 w-lg-100 d-flex align-items-center justify-content-center\">\n                        <div className=\"value-revenue w-90 justify-content-center text-center d-flex align-items-center\">\n                          <span className=\"mx-3\">{demoEarningPrice}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"col-12 px-0 mt-lg-5\">\n                  <div className=\"row bg-number py-3 justify-content-center\">\n                    <div className=\"col-lg-8\">\n                      <div className=\"row justify-content-evenly align-items-center\">\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block cost mb-1 mx-auto\">\n                            Your Cost\n                          </span>\n                          <span className=\"d-block value-cost\">\n                            $\n                            {formatPrice(percentageBarCenterMonthly * 50).slice(\n                              0,\n                              -3\n                            )}\n                          </span>\n                        </div>\n                        <div className=\"col-3 col-lg-4 px-0 px-lg-3 pe-none text-center\">\n                          <ReactApexChart\n                            options={options}\n                            series={series}\n                            type=\"donut\"\n                            height={140}\n                          />\n                        </div>\n                        <div className=\"col-4 text-center ps-lg-4\">\n                          <span className=\"d-block earning mb-1 mx-auto\">\n                            Your Earnings\n                          </span>\n                          <span className=\"d-block value-earnings\">\n                            {demoEarningPrice}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )}\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 px-4\" />\n        </Modal>\n\n        <ModalNeed\n          size=\"lg\"\n          show={showNeed}\n          onHide={handleClose}\n          className=\"modal-signin-auto\"\n          centered\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-2 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n          <Modal.Header className=\"justify-content-center border-0 pb-0 pt-5\">\n            <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden pe-none\">\n              <Lottie\n                options={{\n                  animationData: stakingTerms,\n                  autoplay: true,\n                  loop: true,\n                  rendererSettings: {\n                    preserveAspectRatio: 'xMidYMid slice',\n                  },\n                }}\n                height={157}\n                width={157}\n              />\n            </div>\n          </Modal.Header>\n          <Modal.Body className=\"px-4 px-sm-5\">\n            <h2 className=\"mb-2 fw-bold text-center w-100\">Need Funds?</h2>\n            <div className=\"texts w-100 px-3\">\n              <p className=\"text-center mb-4\">\n                We could not find ETH, BNB or USPI in your wallet\n              </p>\n              <div className=\"d-flex btns-coin justify-content-between\">\n                <button\n                  type=\"button\"\n                  className={`${selectCoin === 'usdpi' && 'active'}`}\n                  onClick={() => setSelectCoin('usdpi')}\n                >\n                  <img src={usdpiLogo} alt=\"USDPI\" /> USDPI\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${selectCoin === 'usdc' && 'active'}`}\n                  onClick={() => setSelectCoin('usdc')}\n                >\n                  <img src={usdcLogo} alt=\"USDC\" /> USDC\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${selectCoin === 'eth' && 'active'}`}\n                  onClick={() => setSelectCoin('eth')}\n                >\n                  <img src={ethLogoWhite} alt=\"ETH\" /> ETH\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${selectCoin === 'bnb' && 'active'}`}\n                  onClick={() => setSelectCoin('bnb')}\n                >\n                  <img src={bnbLogo} alt=\"BNB\" /> BNB\n                </button>\n              </div>\n              <p className=\"my-4\">\n                <span>Buy at least</span> 0.235 {selectCoin.toUpperCase()}\n              </p>\n            </div>\n            <div className=\"w-lg-90 mx-auto\">\n              <p className=\"text-worry text-center mb-4\">\n                Don’t worry, you can buy it instantly at the{' '}\n                <span className=\"fw-semibold\">options&nbsp;below:</span>\n              </p>\n              {selectCoin === 'usdpi' && (\n                <div>\n                  <button\n                    type=\"button\"\n                    className=\"btn-c14 w-100 my-1\"\n                    onClick={handleBuyNowButtonClick}\n                  >\n                    BUY USDPI NOW AT C14{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#000\"\n                      size={28}\n                    />\n                  </button>\n                </div>\n              )}\n              {selectCoin === 'usdc' && (\n                <div>\n                  <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                    BUY USDC NOW AT C14{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#000\"\n                      size={28}\n                    />\n                  </button>\n                  <button type=\"button\" className=\"btn-paybis w-100 my-1\">\n                    BUY USDC NOW AT PAYBIS{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                  <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                    BUY USDC NOW AT XCOINS{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                  <button type=\"button\" className=\"btn-uphold w-100 my-1\">\n                    BUY USDC NOW AT UPHOLD{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#000\"\n                      size={28}\n                    />\n                  </button>\n                </div>\n              )}\n              {selectCoin === 'eth' && (\n                <div>\n                  <button\n                    type=\"button\"\n                    className=\"btn-uphold w-100 my-1\"\n                    onClick={handleBuyNowUpholdButtonClick}\n                  >\n                    BUY ETH NOW AT UPHOLD{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#000\"\n                      size={28}\n                    />\n                  </button>\n                  <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                    BUY ETH NOW AT COINBASE{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                </div>\n              )}\n              {selectCoin === 'bnb' && (\n                <div>\n                  <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                    BUY BNB NOW AT C14{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#000\"\n                      size={28}\n                    />\n                  </button>\n\n                  <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                    BUY BNB NOW AT COINBASE{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                </div>\n              )}\n              <button\n                type=\"button\"\n                onClick={handleClose}\n                className=\"btn-cancel w-100 my-1\"\n              >\n                <span className=\"\">Cancel</span>\n              </button>\n            </div>\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 py-4\" />\n        </ModalNeed>\n        <ModalAmount\n          size=\"lg\"\n          show={showAmount}\n          onHide={handleClose}\n          className=\"modal-signin-auto\"\n          centered\n        >\n          <button\n            type=\"button\"\n            className=\"h4 modal-close m-2 mb-0 ms-auto border-0 bg-transparent\"\n            onClick={handleClose}\n          >\n            x\n          </button>\n          <Modal.Header className=\"justify-content-center border-0 pb-0 pt-5\" />\n          <Modal.Body className=\"px-4 px-sm-5\">\n            <h2 className=\"mb-4 fw-bold text-center w-100\">Select Amount</h2>\n            <div className=\"texts w-100 px-3\">\n              <div className=\"bg-coin\">\n                <span>\n                  <img src={ethLogo} alt=\"Coin\" className=\"me-3\" />\n                  ETH\n                </span>\n              </div>\n              <div className=\"bg-transparent\">\n                <div className=\"bg-eth\">\n                  <div className=\"d-flex align-items-center justify-content-between\">\n                    <button type=\"button\" className=\"d-flex align-items-center\">\n                      <img src={usdLogo} alt=\"Usd\" className=\"me-2\" /> USD{' '}\n                      <img src={arrow} alt=\"Arrow\" className=\"ms-2\" />\n                    </button>\n                    <div>\n                      <span className=\"value-eth\">\n                        1 ETH = <span> $1,876.88 USD</span>\n                      </span>\n                      <img src={ethLogo} alt=\"Logo\" className=\"ms-2\" />\n                    </div>\n                  </div>\n                  <span className=\"value\">{valueSelected}.00</span>\n                </div>\n              </div>\n              <div className=\"bg-btns-value d-flex\">\n                <button\n                  type=\"button\"\n                  onClick={() => setValueSelected(100)}\n                  className={`${\n                    valueSelected === 100 ? 'btn-active' : 'btn-not-active'\n                  }`}\n                >\n                  $100\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setValueSelected(250)}\n                  className={`${\n                    valueSelected === 250 ? 'btn-active' : 'btn-not-active'\n                  }`}\n                >\n                  $250\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setValueSelected(500)}\n                  className={`${\n                    valueSelected === 500 ? 'btn-active' : 'btn-not-active'\n                  }`}\n                >\n                  $500\n                </button>\n              </div>\n              <button type=\"button\" className=\"btn-confirm w-100 mt-4\">\n                Continue{' '}\n                <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n              </button>\n            </div>\n          </Modal.Body>\n          <Modal.Footer className=\"border-0 py-4\" />\n        </ModalAmount>\n        <ModalC14\n          isOpen={isC14Open}\n          onRequestClose={closeC14Modal}\n          iframeSrc={c14Src || undefined}\n        />\n        {receivedData && (\n          <ModalPleaseConfirm\n            handleCancel={handleCancelModalConfirm}\n            handleAccept={handleAcceptModalConfirm}\n            show={showModalConfirm}\n            aaName={receivedData.sponsorName}\n          />\n        )}\n        <Loading\n          type=\"dark\"\n          srcImg={logoWhite}\n          text=\"xxx\"\n          className=\"zoom-1-3\"\n          active={loading}\n        />\n      </Banner>\n    </>\n  );\n};\n\nexport default OrderOption;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPzSURBVHgBjZRLSFtpFMdPbm5MbqKJMSrVmthJcUBrpgWrJuODScAZgzOjm8J0KSJMN6PLAelCZlGkqxFsu7G7UqgUEYqtFtJIjYm1FmOs0LdYXzU+khtNvCYxPSfFkt6k4IHLfXzf97v/73z/cyTw/ZD29/erTCaTMSsrKy+RSChYlo1sbW1tzMzMrPb29oZwTiLTQkmmb8PDw6VGo9Euk8lKj46OJHgBQiUYCYZhAK9EOBye9/l8jvb29k9iuBgqm5iYaNDpdL8hQJGdnX0RVepRYSG+yxEsxGKxzYODgwW8luPxeDAUCjktFstjXBtLg1ZVVckGBgb+VCqVNRqN5iLe6wjk4f2wGN4FPhYFNSuDCqUWzOoCUh7c29ub4nl+IRKJTJvN5pFj8DGU8Xg8zRzH/ZKbm1unUql+Jtj/KwtAd3GUyFVw/Ww1wgthf39/KhAIuLa3t8dsNpuDUiGlSX19fUXl5eV/4XYrc3JybLc3XsM/bzywIoQhU/DxKNz3LyWV1+YV6XFHh5gizmq1vh0aGgowpLKxsdGKuVMjtI6U/bc0BycJmufhN4F2hq9cWVmZHe+stLu7W1NTU3NJoVD8iHk8d3nRmVSSGg26Yhi1tIKP34LlSOibsVVhHy4VGll0RPzw8JCXy+XP2Pr6+tNkGQRWksoVnJQaN8/bvj5fq6hPgq94HV+/0RpSW8Vp9egGprm52cjgSReRF9GTBXTK4vj91BnwBVFhmIcW9whcezOTNmcxHACpVFpI4vCeh6oZDu0BZB+yjTj+9j6BhvxiMGny4dZ5K5hy8tPm0DrkkI8BwRwTjUYjpJSMTacpjgXc7uXnj5JqH3z6kASLg9YhQ0BhBI+wgiAEqOwQ7q9Q5paIF9z4yQbBqAAGpRpaTv0Ad1ZepUGpIDCfm/S8vr6+wTidzvf0B4R/JDPXYrWkRotnBG4szX/5wYd5+HfR9c04FQJVGFbXS3p3u92rVFGsy+W6QpYyGAyd0yG/nGx10rhbYYVqVR6/trZ2DzvY06ampjtk/tjc3NxDlC8Eg0E3qb1aeuFEwKtnLiRVYv1PYU4Dk5OT5LV4skxHR0cDra2tlGQOy01i1hXrafI0elBcCBQ0dv1sLfyhMxDQs7OzM0sqOzs7Z3E4kdr65GNjY21arbYam0ol+teCnlN/r0vRaSPQjbDZ3d3d53a7fRgZAoHE/VQxPj7+K0IbUbEGe4Eer3P4XEA+JBC5BMvxo9/vf4HzDzCXj9va2pzHwExQCqanp+c0NhkbqjZhrtPm4A6o8y97vd6HXV1d7/DTUep4JuhxsB0dHWqEl1ApU77RdgKq3HY4HG8HBweps0QzLfwM5y3mF/8xGPAAAAAASUVORK5CYII=\"","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport banner from '~/assets/banners/nft-lp.png';\nimport rings from '~/assets/banners/signup-rings.png';\n\ninterface IWidthScreen {\n  width: number;\n}\n\nexport const Container = styled.div`\n  h1 {\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 400;\n    font-size: 180px;\n    line-height: 143px;\n    letter-spacing: -0.04em;\n    color: #fff;\n    //padding: 2.5rem 1.5rem;\n    padding-top: 18%;\n    span {\n      font-family: 'Expletus Sans', sans-serif !important;\n    }\n  }\n\n  h2 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 300;\n    font-size: 32px;\n    line-height: 40px;\n    color: #d6d6d6;\n    span {\n      font-weight: 600;\n      color: #fff;\n    }\n  }\n\n  .second-bubble h3 {\n    font-family: 'Source Sans Pro', sans-serif;\n\n    font-weight: 300;\n    font-size: 22px;\n    line-height: 31px;\n\n    color: #dadada;\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .fw-600 {\n    font-weight: 600;\n  }\n\n  .hello {\n    color: #fff;\n    font-family: 'Quicksand';\n    font-size: 40px;\n    font-weight: 400;\n    line-height: 143px;\n    letter-spacing: -1.6px;\n  }\n\n  .rings {\n    background: url(${rings});\n    background-size: auto;\n    background-repeat: no-repeat;\n    background-position: right;\n    //padding-top: 10%;\n  }\n\n  .banner {\n    background: url(${banner});\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    min-height: 100vh;\n  }\n\n  .bg-main {\n    border-radius: 35px;\n    background: rgba(23, 23, 25, 0.66);\n    box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.27);\n    backdrop-filter: blur(5px);\n  }\n\n  .btn-mint {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 24px;\n    font-weight: 700;\n    padding: 22px 49px;\n    font-size: 24px;\n    color: #000;\n    transition-duration: 0.3s;\n    :hover {\n      opacity: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .zoom {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .zoom {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .zoom {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (min-width: 1600px) {\n    .container {\n      max-width: 1500px;\n    }\n  }\n`;\n\nexport const Retangle = styled.div<IWidthScreen>`\n  background: rgba(255, 255, 255, 0.1);\n  border-left: 1px solid #ffffff;\n  backdrop-filter: blur(5px);\n  width: 40%;\n  //width: calc(${(props) => props.width - 1920 + 615}px);\n\n  height: 100%;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n\n  img {\n    width: 80px;\n    height: 80px;\n    position: absolute;\n    top: 30px;\n    right: 34px;\n  }\n\n  @media screen and (min-width: 2200px) {\n    width: 36%;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  hr {\n    border-top: solid 1px #434343;\n    opacity: 1;\n  }\n\n  .body {\n    button {\n      background: transparent;\n      border: none;\n      color: #bebebe;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 70px;\n      letter-spacing: -1.04px;\n      transition-duration: 0.3s;\n\n      img {\n        width: 88px;\n        height: 88px;\n      }\n\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n`;\n\nexport const ModalFinish = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 60px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(1) {\n      color: #dadada !important;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      min-width: 940px;\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n","import React, { useCallback, useState, useEffect } from 'react';\n\nimport { Container, Retangle, Modal, ModalFinish } from './styles';\nimport { useResize } from '~/hooks/Resize';\nimport logo from '~/assets/logo/logo-p-gray.svg';\nimport bubble2 from '~/assets/defaults/bubble_2.svg';\nimport metamask from '~/assets/logo/metamask.png';\nimport walletFinish from '~/assets/defaults/wallet-finish.png';\n\nconst Wr: React.FC = () => {\n  const [show, setShow] = useState(false);\n  const [showModalFinish, setShowModalFinish] = useState(false);\n  const resize = useResize();\n  const widthScreen = resize.width;\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n  }, []);\n\n  const handleCloseModalFinish = useCallback(() => {\n    setShowModalFinish(false);\n  }, []);\n\n  return (\n    <Container>\n      <div className=\"banner position-relative\">\n        <Retangle\n          width={widthScreen}\n          className=\"d-flex flex-column justify-content-center retangle\"\n        >\n          <img src={logo} alt=\"Logo\" className=\"zoom\" />\n          <div className=\"w-75 d-flex mx-auto p-4 justify-content-evenly bg-main\">\n            <button\n              type=\"button\"\n              className=\"w-100 btn-mint zoom\"\n              onClick={() => setShow(true)}\n            >\n              CONNECT WALLET\n            </button>\n          </div>\n        </Retangle>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-12 rings d-flex align-items-center zoom\">\n              <div className=\"row align-items-center\">\n                <div className=\"col-lg-6\">\n                  <h1 className=\"\">\n                    WELCOME TO PROFIT<span>i</span>\n                  </h1>\n                  <h2 className=\"w-75 pt-3 \">\n                    On this page you can{' '}\n                    <span>register your wallet to receive an account NFT</span>{' '}\n                    from a current member\n                  </h2>\n\n                  <div className=\"d-flex align-items-center second-bubble mt-5\">\n                    <img src={bubble2} alt=\"bubble\" className=\"\" />\n                    <h3 className=\"ps-5 ps-4 mb-0 \">\n                      <span>Click the button</span> on the right to connect and\n                      authorize your wallet. When done, inform the member who\n                      sent you this link.\n                    </h3>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <Modal\n        centered\n        size=\"md\"\n        show={show}\n        onHide={handleClose}\n        className=\"modal-signin-auto\"\n      >\n        <Modal.Header className=\"border-0 py-2\" />\n        <Modal.Body className=\"px-4 px-sm-5 body\">\n          <div className=\"text-center my-5\">\n            <button\n              type=\"button\"\n              className=\"mt-4\"\n              onClick={() => console.log('wallet')}\n            >\n              <img src={metamask} alt=\"Metamask\" className=\"d-block mx-auto\" />\n              Use MetaMask Wallet\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-2\" />\n      </Modal>\n      <ModalFinish\n        size=\"lg\"\n        show={showModalFinish}\n        onHide={handleCloseModalFinish}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleCloseModalFinish}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n4 mb-4 fw-bold text-center w-100\">\n            Congratulations!\n          </h2>\n          <div className=\"texts w-90 mx-auto\">\n            <p className=\"text-center mb-5\">\n              Your wallet has been authorized to receive an Account NFT\n            </p>\n            <p className=\"text-center mb-4 px-4\">\n              Now, please reach out to the person who sent you this link to\n              finalize the sign up process.\n            </p>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalFinish>\n    </Container>\n  );\n};\n\nexport default Wr;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background-color: #181818;\n  min-height: 100vh;\n\n  h1 {\n    color: #dadada;\n    font-size: 36px;\n    font-weight: 700;\n  }\n\n  h2 {\n    color: #dadada;\n    font-size: 18px;\n    font-weight: 700;\n  }\n\n  h3 {\n    color: #929292;\n    font-size: 18px;\n    font-weight: 400;\n  }\n\n  .fw-500 {\n    font-weight: 500 !important;\n  }\n\n  .bg {\n    border-radius: 30px;\n    background: #131313;\n    padding: 8px 11px;\n  }\n  .btc-large {\n    width: 60px;\n    height: 60px;\n  }\n  .all {\n    color: #e9e9e9;\n    font-size: 33px;\n    font-weight: 500;\n  }\n  .triangle {\n    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n\n    min-width: 11px;\n    min-height: 11px;\n    display: inline-block;\n  }\n\n  .triangle-positive {\n    background-color: #00f9ab;\n  }\n\n  .triangle-negative {\n    background-color: #ff1a50;\n    transform: rotate(180deg);\n  }\n\n  .percentage {\n    font-size: 20px;\n    font-weight: 400;\n  }\n\n  .positive {\n    color: #00f9ab !important;\n  }\n\n  .negative {\n    color: #ff1a50 !important;\n  }\n\n  .btns-time button {\n    position: relative;\n    color: #929292;\n    font-size: 18px;\n    font-weight: 400;\n    border: none;\n    background-color: transparent;\n    margin: 0 20px;\n    transition: all 0.2s ease-in-out;\n    :hover {\n      color: #dadada;\n    }\n  }\n\n  .active {\n    color: #dadada !important;\n\n    ::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 3px;\n      border-radius: 2px;\n      bottom: -8px;\n      left: 0;\n      transition-duration: 0.3s;\n      background: linear-gradient(\n        270deg,\n        #9df3ff 7.84%,\n        #bcffe5 55.62%,\n        #deefd1 75.94%,\n        #ffe0be 99.96%\n      );\n    }\n  }\n\n  .bg-card {\n    border-radius: 20px;\n    background: #181818;\n  }\n\n  .bg-card h4 {\n    color: #dadada;\n    font-size: 18px;\n    font-weight: 400;\n  }\n\n  .bg-card span {\n    color: #929292;\n    font-size: 18px;\n    font-weight: 400;\n  }\n\n  .circle {\n    width: 20px;\n    height: 20px;\n    border-radius: 20px;\n  }\n\n  .red {\n    background-color: #ff1a50;\n  }\n  .bg-btc-signal {\n    border-radius: 10px;\n    background: #0c0c0c;\n  }\n  .t-head {\n    padding-right: 0px;\n  }\n\n  .t-head th:nth-child(1),\n  .t-row td:nth-child(1) {\n    width: 17%;\n  }\n\n  .t-head th,\n  .t-row td {\n    width: calc(83% / 6);\n    padding: 10px 15px;\n  }\n\n  .t-head th {\n    color: #bdbdbd;\n    font-size: 18px;\n    font-weight: 500;\n  }\n\n  .t-row {\n    border-radius: 10px;\n    background: #181818;\n    margin: 10px 0px;\n    display: flex;\n    align-items: center;\n    border: 1px solid #181818;\n  }\n\n  .t-row td {\n    color: #a19e9e;\n    font-size: 18px;\n    font-weight: 400;\n  }\n\n  .t-row img {\n    width: 39px;\n    height: 39px;\n    margin-right: 7px;\n  }\n\n  .warning {\n    color: #ffae52 !important;\n  }\n  .yellow {\n    background-color: #ffae52;\n  }\n\n  .bd-sell {\n    border: 1px solid #ff1a50 !important;\n  }\n\n  tbody.height {\n    max-height: auto;\n  }\n  table {\n    width: 1300px;\n  }\n\n  @media screen and (min-width: 575px) {\n    .btc-large {\n      width: 80px;\n      height: 80px;\n    }\n    .all {\n      font-size: 50px;\n    }\n    .btns-time button {\n      margin: 0 10px;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .btc-large {\n      width: 100px;\n      height: 100px;\n    }\n    .all {\n      font-size: 60px;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .btc-large {\n      width: 154px;\n      height: 154px;\n    }\n    tbody.height {\n      max-height: 430px;\n      overflow: auto;\n      padding-right: 7px;\n    }\n    table {\n      width: 100%;\n    }\n    .t-head {\n      padding-right: 10px;\n    }\n    .zoom {\n      zoom: 0.65;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .zoom {\n      zoom: 0.75;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .zoom {\n      zoom: 0.9;\n    }\n  }\n\n  @media screen and (min-width: 1500px) {\n    .zoom {\n      zoom: 1;\n    }\n    .container-xxl {\n      max-width: 1480px;\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/btc-icon.8902865c.svg\";","import React, { useState } from 'react';\nimport { IoIosArrowDown } from 'react-icons/io';\nimport { Container } from './styles';\n\nimport btc from '~/assets/icons/btc-icon.svg';\n\nconst BtcSignals: React.FC = () => {\n  const [btnSelected, setBtnSelected] = useState('all');\n\n  const sellHistory = [\n    {\n      date: '05 Jun 09:06 PM',\n      prideDrop: '-8.3%',\n      btcSold: '2,545',\n      btcSignal: '51,323',\n      btcNow: '41,923',\n    },\n    {\n      date: '05 Jun 09:06 PM',\n      prideDrop: '-8.3%',\n      btcSold: '2,545',\n      btcSignal: '51,323',\n      btcNow: '41,923',\n    },\n    {\n      date: '05 Jun 09:06 PM',\n      prideDrop: '-8.3%',\n      btcSold: '2,545',\n      btcSignal: '51,323',\n      btcNow: '41,923',\n    },\n  ];\n\n  const recentActivity = [\n    {\n      exchange: 'BINANCE/ BTC',\n      size: '1,290',\n      buySell: 'Buy',\n      reaction: '3.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Warning',\n    },\n    {\n      exchange: 'COINBASE/ BTC',\n      size: '2,500',\n      buySell: 'Sell',\n      reaction: '-8.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Sell',\n    },\n    {\n      exchange: 'BINANCE/ BTC',\n      size: '1,290',\n      buySell: 'Buy',\n      reaction: '3.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Warning',\n    },\n    {\n      exchange: 'COINBASE/ BTC',\n      size: '2,500',\n      buySell: 'Sell',\n      reaction: '-8.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Sell',\n    },\n    {\n      exchange: 'BINANCE/ BTC',\n      size: '1,290',\n      buySell: 'Buy',\n      reaction: '3.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Warning',\n    },\n    {\n      exchange: 'COINBASE/ BTC',\n      size: '2,500',\n      buySell: 'Sell',\n      reaction: '-8.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Sell',\n    },\n    {\n      exchange: 'BINANCE/ BTC',\n      size: '1,290',\n      buySell: 'Buy',\n      reaction: '3.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Warning',\n    },\n    {\n      exchange: 'COINBASE/ BTC',\n      size: '2,500',\n      buySell: 'Sell',\n      reaction: '-8.9%',\n      volume: '12,232 BTC',\n      time: '05 Apr 09:06 PM',\n      action: 'Sell',\n    },\n  ];\n  return (\n    <Container>\n      <div className=\"container container-xxl\">\n        <div className=\"row\">\n          <div className=\"col-12\">\n            <h1 className=\"mt-4 mb-5 pt-2\">Activity Dashboard</h1>\n          </div>\n        </div>\n        <div className=\"row\">\n          <div className=\"col-lg-7 zoom\">\n            <div className=\"bg d-flex align-items-center justify-content-between\">\n              <img src={btc} alt=\"Bitcoin logo\" className=\"btc-large\" />\n              <span className=\"all\">$100,000.00</span>\n              <div className=\"me-sm-4\">\n                <span className=\"triangle triangle-positive\" />{' '}\n                <span className=\"percentage positive\">0.00%</span>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-lg-5 zoom mt-4 mt-lg-0\">\n            <div className=\"bg h-100 py-4 px-4 px-md-5\">\n              <h2 className=\"text-center text-sm-start mt-2 mb-4\">\n                Price Movement\n              </h2>\n              <div className=\"d-sm-flex justify-content-between\">\n                <div className=\"d-flex d-sm-block align-items-center justify-content-center justify-content-sm-start mb-2 mb-sm-0\">\n                  <h3 className=\"mb-0 mb-sm-2\">Today&nbsp;</h3>\n                  <div className=\"\">\n                    <span className=\"triangle triangle-positive\" />{' '}\n                    <span className=\"percentage positive\">0.00%</span>\n                  </div>\n                </div>\n                <div className=\"d-flex d-sm-block align-items-center justify-content-center justify-content-sm-start mb-2 mb-sm-0\">\n                  <h3 className=\"mb-0 mb-sm-2\">Yesterday&nbsp;</h3>\n\n                  <div className=\"\">\n                    <span className=\"triangle triangle-positive\" />{' '}\n                    <span className=\"percentage positive\">0.00%</span>\n                  </div>\n                </div>\n                <div className=\"d-flex d-sm-block align-items-center justify-content-center justify-content-sm-start mb-2 mb-sm-0\">\n                  <h3 className=\"mb-0 mb-sm-2\">Last Week&nbsp;</h3>\n                  <div className=\"\">\n                    <span className=\"triangle triangle-negative\" />{' '}\n                    <span className=\"percentage negative\">0.00%</span>\n                  </div>\n                </div>\n                <div className=\"d-flex d-sm-block align-items-center justify-content-center justify-content-sm-start\">\n                  <h3 className=\"mb-0 mb-sm-2\">Last Month&nbsp;</h3>\n                  <div className=\"\">\n                    <span className=\"triangle triangle-negative\" />{' '}\n                    <span className=\"percentage negative\">0.00%</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-12 zoom\">\n            <div className=\"bg p-4 p-md-5 mt-4\">\n              <div className=\"d-lg-flex justify-content-between mb-2\">\n                <h2 className=\"text-center text-sm-start mb-0\">\n                  Sell Signal History\n                </h2>\n                <div className=\"btns-time text-center text-lg-start mt-5 mt-lg-0\">\n                  <button\n                    type=\"button\"\n                    className={`${btnSelected === 'all' && 'active'}`}\n                    onClick={() => setBtnSelected('all')}\n                  >\n                    All Time\n                  </button>\n\n                  <button\n                    type=\"button\"\n                    className={`${btnSelected === 'three' && 'active'}`}\n                    onClick={() => setBtnSelected('three')}\n                  >\n                    Last 3 Days\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${\n                      btnSelected === 'seven' && 'active'\n                    } mt-4 mt-sm-0`}\n                    onClick={() => setBtnSelected('seven')}\n                  >\n                    Last 7 Days\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`${\n                      btnSelected === 'thirty' && 'active'\n                    } mt-4 mt-sm-0`}\n                    onClick={() => setBtnSelected('thirty')}\n                  >\n                    Last 30 Days\n                  </button>\n                </div>\n              </div>\n              <div className=\"row\">\n                {sellHistory.map((card) => (\n                  <div className=\"col-lg-4\">\n                    <div className=\"bg-card p-4 mt-4\">\n                      <div className=\"d-flex justify-content-between\">\n                        <h4>{card.date}</h4>\n                        <span className=\"circle red\" />\n                      </div>\n                      <div className=\"d-flex py-2 px-3 mb-1\">\n                        <span className=\"w-50\">\n                          Price Drop:{' '}\n                          <span className=\"fw-bold negative\">\n                            {card.prideDrop}\n                          </span>\n                        </span>\n                        <span className=\"w-50 ps-3\">\n                          BTC Sold:{' '}\n                          <span className=\"fw-bold negative\">\n                            {card.btcSold}\n                          </span>\n                        </span>\n                      </div>\n                      <div className=\"d-flex bg-btc-signal py-2 px-3\">\n                        <span className=\"w-50\">\n                          BTC Signal:{' '}\n                          <span className=\"text-white fw-500\">\n                            ${card.btcSignal}\n                          </span>\n                        </span>\n                        <span className=\"w-50 ps-3\">\n                          BTC Now:{' '}\n                          <span className=\"fw-500 positive\">\n                            ${card.btcNow}\n                          </span>\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n          <div className=\"col-12 zoom\">\n            <div className=\"bg p-4 p-md-5 mt-4\">\n              <div className=\"d-flex align-items-center justify-content-center justify-content-sm-start mb-3\">\n                <h2 className=\"mb-0\">Recent Activity</h2>\n                <button type=\"button\" className=\"border-0 bg-transparent ms-3\">\n                  <IoIosArrowDown size={30} color=\"#dadada\" />\n                </button>\n              </div>\n              <div className=\"overflow-auto\">\n                <table>\n                  <tr className=\"t-head d-flex\">\n                    <th className=\"text-center\">EXCHANGE</th>\n                    <th>Size</th>\n                    <th>Buy / Sell</th>\n                    <th>Market Reaction</th>\n                    <th>Candle Volume</th>\n                    <th>Time</th>\n                    <th>Action</th>\n                  </tr>\n                  <tbody className=\"height d-block\">\n                    {recentActivity.map((activity) => (\n                      <tr\n                        className={`${\n                          activity.action === 'Sell' && 'bd-sell'\n                        } t-row d-flex`}\n                      >\n                        <td className=\"d-flex align-items-center\">\n                          <img src={btc} alt=\"Btc logo\" />\n                          {activity.exchange}\n                        </td>\n                        <td>{activity.size}</td>\n                        <td\n                          className={`${\n                            activity.buySell === 'Buy' ? 'positive' : 'negative'\n                          }`}\n                        >\n                          {activity.buySell}\n                        </td>\n                        <td\n                          className={`${\n                            activity.buySell === 'Buy' ? 'positive' : 'negative'\n                          }`}\n                        >\n                          {activity.reaction}\n                        </td>\n                        <td>{activity.volume}</td>\n                        <td>{activity.time}</td>\n                        <td\n                          className={`${\n                            activity.action === 'Warning'\n                              ? 'warning'\n                              : 'negative'\n                          } d-flex justify-content-between align-items-center`}\n                        >\n                          {activity.action}{' '}\n                          <div\n                            className={`${\n                              activity.action === 'Warning' ? 'yellow' : 'red'\n                            } circle`}\n                          />\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default BtcSignals;\n","export default __webpack_public_path__ + \"static/media/graph-trading.223d4a8c.png\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\nimport graph from '~/assets/defaults/graph-trading.png';\n\nexport const Container = styled.div``;\nexport const Welcome = styled.div`\n  h1 {\n    color: #f1f1f1;\n\n    font-weight: 300;\n\n    span {\n      background: linear-gradient(91deg, #addcb7 0.31%, #5eba72 25.21%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      font-weight: 700;\n    }\n  }\n`;\n\nexport const Trade = styled.div`\n  .bg-black {\n    background-color: #000;\n    border-radius: 50%;\n  }\n  .status {\n    color: #a1a1a1;\n    font-family: 'Inter';\n    font-size: 16px;\n    font-style: italic;\n    font-weight: 300;\n  }\n  .bg-status {\n    background-color: #212122;\n    border-radius: 50px;\n    padding: 2px 30px 2px 2px;\n  }\n  .bg-graph {\n    background-image: url(${graph});\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    border-radius: 34px;\n    width: 100%;\n    height: calc(100% - 64px);\n\n    img {\n      width: 48px;\n      height: 48px;\n    }\n    button {\n      color: #0d0d0d;\n      border: 1px solid #070a0e;\n\n      background: rgba(255, 255, 255, 0.4);\n\n      backdrop-filter: blur(10px);\n    }\n    h4 {\n      color: #0d0d0d;\n      font-size: 22px;\n      font-weight: 400;\n      line-height: 38px;\n      letter-spacing: 0.33px;\n      span {\n        font-size: 12px;\n        font-weight: 300;\n        letter-spacing: 0.18px;\n      }\n    }\n  }\n\n  .price {\n    h3 {\n      color: #1a1d1e;\n      font-weight: 400;\n      letter-spacing: 0.16px;\n    }\n    span {\n      color: #0d0d0d;\n      font-size: 34px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 38px;\n      letter-spacing: 0.51px;\n    }\n  }\n\n  .top {\n    h3 {\n      color: #a1a1a1;\n      font-size: 16px;\n      font-style: italic;\n      font-weight: 300;\n    }\n  }\n\n  .top-trades {\n    border-radius: 34px;\n    background: #212122;\n    h4 {\n      color: #fff;\n      font-size: 22px;\n      font-weight: 400;\n    }\n  }\n\n  .bg-coins {\n    border-radius: 30px;\n    background: #1c1c1d;\n    img {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .times h4 {\n    color: #e1e1e1;\n    font-size: 12px;\n    font-style: italic;\n    font-weight: 300;\n  }\n\n  .times p {\n    border-radius: 30px;\n    background: #212122;\n    padding: 8px 13px;\n  }\n\n  .arrow-positive {\n    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n    background-color: #00f9ab !important;\n    width: 12px;\n    height: 9px;\n  }\n\n  .arrow-negative {\n    transform: rotate(180deg);\n    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n    background-color: #f92c2c !important;\n    width: 12px;\n    height: 9px;\n  }\n\n  .positive {\n    color: #00f9ab;\n  }\n  .negative {\n    color: #f92c2c;\n  }\n\n  .header-tab {\n    display: none;\n  }\n\n  .table {\n    background-color: transparent !important;\n  }\n\n  .table img {\n    width: 23px;\n    height: 23px;\n  }\n\n  div.tableData div:not(.arrow-positive):not(.arrow-negative) {\n    color: #fff;\n    background-color: transparent !important;\n  }\n\n  div.tableData .rdt_TableRow div {\n    font-size: 16px;\n  }\n\n  div.tableData .rdt_TableRow {\n    border-bottom: 1px solid #212325;\n  }\n\n  div.tableData .rdt_TableHead {\n    border-top: 1px solid #212325;\n    border-bottom: 1px solid #212325;\n  }\n\n  div.tableData .rdt_TableHeadRow {\n    min-height: 42px;\n  }\n\n  div.tableData .rdt_TableRow {\n    min-height: 60px;\n  }\n\n  // .rdt_TableCol,\n  // .rdt_TableCell {\n  //   justify-content: left;\n  // }\n\n  .btns {\n    display: flex;\n  }\n\n  .btns button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: transparent;\n    border-radius: 15px;\n    border: 1px solid #212325;\n    min-width: 30px;\n    min-height: 30px;\n  }\n`;\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 35px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .btns-values button {\n      border-radius: 16px;\n      border: 1px solid #302f2f;\n      background: #1d1d1f;\n      box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.15);\n      color: #5d6267;\n      text-align: center;\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 24px;\n      letter-spacing: -0.18px;\n      padding: 20px 10px;\n      transition: all 0.2s ease-in-out;\n      :hover {\n        background: #3a3a3c;\n        color: #fcfcfc !important;\n      }\n    }\n\n    .btns-values .active {\n      color: #fcfcfc !important;\n      border: 1px solid #2a9fff !important;\n    }\n\n    .btns-actions {\n      background-color: #101012;\n      border-radius: 20px;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .btns-actions button {\n      background-color: transparent;\n      border-radius: 15px;\n      font-size: 15px;\n      color: #6f767e;\n      border: 1px solid #101012;\n      height: 50px;\n      min-width: 48%;\n      font-weight: 600;\n      transition: all 0.2s ease-in-out;\n    }\n\n    .btns-actions .active {\n      border-radius: 16px;\n      border: 1px solid #393939;\n      color: #8c8c8c;\n      background: #1d1d1f;\n    }\n\n    .modal-title,\n    label span {\n      color: #dadada;\n    }\n\n    .fund-wallet-modal-title {\n      color: #dadada;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: Inter;\n      font-size: 34px;\n      font-style: normal;\n      font-weight: 600;\n      // line-height: 114px; /* 335.294% */\n    }\n    .fund-wallet-modal-title-2 {\n      color: #666;\n      text-align: center;\n      font-family: Inter;\n      font-size: 18px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 24px; /* 133.333% */\n    }\n    .amt-needed-text {\n      color: #fff;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: Inter;\n      font-size: 28px;\n      font-style: normal;\n      font-weight: 500;\n      // line-height: 114px; /* 407.143% */\n    }\n\n    .amt-needed-text span {\n      color: #dadada;\n      font-family: 'Inter';\n      font-size: 28px;\n      font-weight: 400;\n    }\n\n    .amt-needed-text i {\n      font-size: 20px;\n    }\n\n    .amt-needed-text i img {\n      width: 20px;\n      height: 20px;\n    }\n\n    .eth-needed-text,\n    .eth-needed-amount {\n      color: #767676;\n\n      text-align: center;\n      font-family: 'Inter';\n      font-size: 18px;\n      font-weight: 300;\n      line-height: 24px;\n    }\n\n    .amt-needed-input input {\n      color: #fcfcfc;\n      font-feature-settings: 'clig' off, 'liga' off;\n      font-family: 'Inter';\n      font-size: 64px;\n      font-style: normal;\n      font-weight: 600;\n      text-align: center;\n      // line-height: 114px; /* 407.143% */\n    }\n\n    input[type='number']::-webkit-inner-spin-button,\n    input[type='number']::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    .amt-needed-input input::placeholder {\n      // color: #efefef;\n      color: #5d5b5b;\n      font-family: Inter;\n      font-size: 64px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 24px; /* 133.333% */\n    }\n\n    .input {\n      border: 1px solid #4f4f4f;\n      border-radius: 24px;\n      height: 160px !important;\n      text-align: center;\n      /* margin-bottom: 1rem; */\n\n      input::placeholder {\n        color: #5d5b5b;\n        font-weight: 600;\n        font-size: 64px;\n      }\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .claim {\n      background: #a3c0e1;\n      border-radius: 10px;\n      font-weight: 700;\n      font-size: 10px;\n      color: #0927c6;\n      transition-duration: 0.3s;\n\n      :hover {\n        opacity: 0.8;\n      }\n\n      :disabled {\n        opacity: 0.7;\n      }\n    }\n\n    .buy {\n      padding: 13px 16px;\n      border-radius: 10px;\n      background: #00f9ab;\n      color: #1e2322;\n      text-align: center;\n      font-family: Inter;\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: normal;\n      :hover {\n        opacity: 0.8;\n      }\n\n      :disabled {\n        opacity: 0.7;\n      }\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 3px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 36px;\n        color: #7d7777;\n      }\n    }\n\n    .texts .toggle {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 3px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 36px;\n        color: #7d7777;\n      }\n      &.highlight {\n        background: #2b3247;\n        border: 2px solid #0056b3;\n        color: #fff;\n        font-weight: 700;\n      }\n      &:hover {\n        background: #3a3a3c;\n      }\n      cursor: pointer;\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-done {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #0f0f0f;\n      border-radius: 20px;\n      border: none;\n      height: 75px;\n      color: #fff;\n      font-weight: 600;\n      font-size: 22px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-fund-wallet {\n      background: #00f9ab;\n      border-radius: 20px;\n      border: none;\n      height: 75px;\n      color: #000;\n      font-weight: 600;\n      font-size: 24px;\n      padding: 20px 50px;\n      transition-duration: 0.3s;\n\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .error-message {\n      margin-top: 10px;\n      margin-left: 10px;\n      color: #ff1a50;\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n    .btns-values button {\n      font-size: 36px;\n    }\n  }\n\n  @media screen and (min-width: 1799px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n\n    .btn-fund-wallet {\n      padding: 20px 30px !important;\n    }\n  }\n`;\nexport const ModalFinishRegister = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n\nexport const ModalFinishWithdraw = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n\nexport const ModalFinishDeposit = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1),\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 22px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duraton: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n  }\n`;\n\nexport const ModalNeed = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .fw-600 {\n      font-weight: 600;\n    }\n\n    .texts p:nth-child(1) {\n      color: #7d7777;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35px;\n      letter-spacing: -1.04px;\n    }\n\n    .btns-coin button {\n      display: flex;\n      align-items: center;\n      width: 146px;\n      border-radius: 29px;\n      background: #27282a;\n      color: #fff;\n      font-family: 'Poppins';\n      font-size: 24px;\n      font-weight: 500;\n      border: none;\n      border: 1px solid #27282a;\n      text-align: start;\n      transition: all 0.2s ease-in-out;\n      :hover {\n        border: 1px solid #c4c4c4;\n      }\n    }\n\n    .active {\n      border: 1px solid #c4c4c4 !important;\n    }\n\n    .btns-coin img {\n      width: 42px;\n      height: 42px;\n      margin: 7px;\n    }\n\n    .texts p:nth-child(3) {\n      text-align: center;\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 36px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 124%;\n      letter-spacing: 0.72px;\n      span {\n        color: #8287ff;\n\n        font-weight: 300;\n      }\n    }\n\n    .text-worry {\n      color: #dadada;\n      text-align: center;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 35.5px;\n      letter-spacing: -1.04px;\n    }\n\n    .texts .terms {\n      background: #1d1d1f;\n      border-radius: 12px;\n      font-weight: 300;\n      font-size: 16px;\n      padding: 10px;\n      span {\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 32px;\n        color: #7d7777;\n      }\n    }\n\n    .color-span {\n      color: #a6a2a2 !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-confirm {\n      background: #696ffd;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-c14 {\n      background: #ffae52;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-uphold {\n      background: #05da8d;\n      border-radius: 20px;\n      border: none;\n      color: #000;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-xcoins {\n      background: #686ef9;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-paybis {\n      background: #116bff;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-cancel {\n      background: #2b3247;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition: all 0.3s ease-in-out;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-dialog {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (min-width: 1400px) {\n    .modal-dialog {\n      zoom: 1;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\nexport const ModalFinishWallet = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 40px;\n    position: relative;\n\n    h2 {\n      font-family: 'Poppins';\n      font-style: normal;\n      font-weight: 700;\n      font-size: 48px;\n      color: #dadada;\n    }\n\n    img {\n      width: 750px;\n      margin: -4rem;\n    }\n\n    .modal-close {\n      color: #e9e9e9;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .texts p:nth-child(1) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 118%;\n      color: #a6a2a2;\n    }\n\n    .texts p:nth-child(2) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      color: #7d7777;\n    }\n\n    .texts div:nth-child(3) {\n      border: 1px solid #4f4f4f;\n      border-radius: 20px;\n      font-weight: 300;\n      font-size: 14px;\n      align-items: center;\n      text-align: center;\n      color: #8767ed;\n      padding: 23px;\n    }\n\n    .texts p:nth-child(4) {\n      font-family: 'Poppins';\n      font-weight: 400;\n      font-size: 20px;\n      line-height: 118%;\n      text-align: center;\n      color: #a6a2a2;\n    }\n\n    .btn-add-usdpi {\n      background: #01c2c5;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n\n    .btn-add-prfti {\n      background: #6d50d0;\n      border-radius: 20px;\n      border: none;\n      color: #fff;\n      font-weight: 700;\n      font-size: 24px;\n      padding: 20px;\n      transition-duration: 0.3s;\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media screen and (max-width: 1799px) {\n    .modal-dialog {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    h2 {\n      font-size: 24px;\n    }\n    .modal-content img {\n      margin: -1rem 0 -4rem 0;\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\nexport const Modal = styled(ModalComponent)`\n  .modal-content {\n    background: #171719 !important;\n    border-radius: 60px;\n    position: relative;\n\n    h2 {\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 48px;\n      font-weight: 700;\n      letter-spacing: 0.96px;\n    }\n\n    h3 {\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 26px;\n      font-weight: 600;\n      span {\n        color: #a6a2a2;\n        font-weight: 300;\n      }\n    }\n\n    h4 {\n      color: #dadada;\n      font-family: 'Poppins';\n      font-size: 26px;\n      font-weight: 600;\n      line-height: normal;\n      margin: 1rem 0;\n    }\n\n    h6 {\n      text-align: center;\n      color: #7d7777;\n      font-family: 'Quicksand';\n      font-size: 26px;\n      font-weight: 400;\n      letter-spacing: -1.04px;\n    }\n\n    p {\n      color: #a6a2a2;\n\n      font-family: 'Poppins';\n      font-size: 22px;\n      font-weight: 300;\n      line-height: normal;\n      margin-bottom: 0px;\n      span {\n        color: #dadada;\n        font-weight: 600;\n      }\n    }\n\n    li::marker {\n      color: #dadada;\n    }\n\n    label div label {\n      align-items: start;\n    }\n    label div label div {\n      min-width: 16px;\n      min-height: 16px;\n    }\n\n    label div span {\n      color: #dadada;\n\n      font-family: 'Quicksand';\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 300;\n      line-height: 25px;\n      letter-spacing: -0.64px;\n      span {\n        font-weight: 600;\n      }\n      b {\n        font-weight: 500;\n      }\n    }\n\n    svg {\n      color: #fff !important;\n    }\n\n    .btn-logout {\n      position: absolute;\n      top: 3%;\n      left: 5%;\n      border: none;\n      background-color: transparent;\n      color: #ff1a50;\n      font-size: 12px;\n      font-weight: 600;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n\n    .scroll-click {\n      color: #ff1a50;\n      font-size: 16px;\n    }\n\n    .scroll-text {\n      // color: #f5f5f5;\n      color: #ffffff;\n      background-color: #ff1a50;\n      border-radius: 14px;\n      display: inline-flex;\n      font-size: 16px;\n      align-items: center;\n    }\n\n    .scroll-text div {\n      margin: 0 7px !important;\n    }\n\n    .scroll-click div {\n      margin: 0 3px 0 1px !important;\n    }\n\n    .scroll-click-div {\n      //display: inline-flex;\n      align-items: center;\n    }\n\n    .opacity-25 {\n      opacity: 0.25;\n    }\n    .opacity-100 {\n      opacity: 1;\n    }\n    .pe-none {\n      pointer-events: none;\n    }\n    .cursor-allowed {\n      cursor: not-allowed;\n    }\n\n    .bg-content {\n      border-radius: 22px;\n      background: transparent;\n    }\n\n    .center-italic {\n      text-align: center;\n      font-style: italic;\n    }\n\n    .content {\n      padding-right: 10px;\n      height: 550px;\n      overflow: auto;\n      h2 {\n        color: #dadada;\n        font-family: 'Poppins';\n        font-size: 48px;\n        font-weight: 700;\n        letter-spacing: 0.96px;\n        b {\n          background: linear-gradient(91deg, #addcb7 0.31%, #5eba72 25.21%);\n          background-clip: text;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          font-weight: 800;\n        }\n\n        span {\n          font-weight: 400;\n        }\n      }\n    }\n\n    .content::-webkit-scrollbar {\n      background-color: #424242;\n      width: 12px;\n    }\n\n    .content::-webkit-scrollbar-thumb {\n      background-color: #ffffff !important;\n      border-radius: 10px;\n      border: 3px solid #171719;\n    }\n\n    .checkbox-label {\n      font-size: 22px; /* Match the text size of <p> */\n      display: flex;\n      align-items: center;\n      margin-left: 8px;\n      color: #dadada; /* Set text color */\n      cursor: pointer;\n    }\n\n    .checkbox-input {\n      width: 48px; /* Increase checkbox size */\n      height: 48px;\n      margin-right: 8px;\n      cursor: pointer;\n    }\n\n    .modal-close {\n      color: #021027;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n\n    .btn-download {\n      background-color: #f9f9f9;\n      border-radius: 14px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition-duration: 0.3s;\n\n      :hover {\n        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);\n      }\n    }\n\n    .btn-decline {\n      background-color: #2b3247;\n      color: #fff;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 24px;\n      min-width: 48%;\n      height: 75px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition-duration: 0.3s;\n\n      :hover {\n        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);\n      }\n    }\n\n    .btn-accept {\n      background-color: #696ffd;\n      border-radius: 20px;\n      color: #fff;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 24px;\n      min-width: 48%;\n      height: 75px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      transition-duration: 0.3s;\n      //margin-left: 25px;\n\n      :hover {\n        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);\n      }\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .modal-content label div label {\n      align-items: center;\n    }\n    .modal-xl {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (min-width: 1799px) {\n    .modal-xl {\n      max-width: 1100px;\n      zoom: 0.85;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n    .modal-content h2 {\n      font-size: 23px;\n    }\n\n    .modal-content h3,\n    .modal-content h4 {\n      font-size: 20px;\n    }\n\n    .modal-content p {\n      font-size: 16px;\n    }\n  }\n\n  @media screen and (max-width: 575px) {\n    .modal-content h2 {\n      font-size: 5vw;\n    }\n\n    .modal-content p {\n      font-size: 15px;\n    }\n\n    label div {\n      display: block;\n    }\n\n    label div label {\n      display: block;\n    }\n    .modal-content label {\n      text-align: center;\n    }\n\n    .modal-content label div span {\n      font-size: 16px;\n    }\n    .modal-content label div label div {\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n    }\n\n    .modal-content .btn-accept {\n      width: 250px;\n    }\n  }\n`;\n","/* eslint-disable @typescript-eslint/no-empty-interface */\nimport React, { useCallback, useState, useEffect, useRef } from 'react';\nimport { format } from 'date-fns';\n\nimport Lottie from 'react-lottie';\n\nimport { MdClose } from 'react-icons/md';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport { Modal } from './styles';\nimport InputCheckbox from '~/components/InputCheckbox';\n\nimport attention from '~/assets/animations/attention.json';\n\ninterface ITerms {\n  show?: boolean;\n  onClose?(): void;\n  onRegister?(): void;\n}\n\nexport const TermsProvider: React.FC<ITerms> = ({\n  show,\n  onClose,\n  onRegister,\n}) => {\n  const scroll = useRef<HTMLDivElement>(null);\n  const [checked, setChecked] = useState(false);\n  const [effectiveDate, setEffectiveDate] = useState('');\n\n  useEffect(() => {\n    const now = new Date();\n    const formattedDate = format(now, 'MMMM dd, yyyy');\n    setEffectiveDate(formattedDate);\n    // setShow(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n    setChecked(false);\n  }, [onClose]);\n\n  const handleRegister = useCallback(() => {\n    if (onRegister) {\n      onRegister(); // Call parent method when registration button is clicked\n    }\n    handleClose(); // Optionally close the modal afterward\n  }, [onRegister, handleClose]);\n\n  return (\n    <Modal show={show} size=\"xl\" className=\"modal-terms\" centered>\n      <button\n        type=\"button\"\n        className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n        onClick={handleClose}\n      >\n        <MdClose color=\"#E9E9E9\" size={20} />\n      </button>\n\n      <Modal.Header className=\"justify-content-center border-0 px-3 px-sm-5 pb-0 pt-4\">\n        <div className=\"overflow-hidden w-100 px-sm-4\">\n          <Modal.Title className=\"pr-3\">\n            <Lottie\n              options={{\n                animationData: attention,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={160}\n              width={160}\n            />\n            <h2 className=\"h5 text-center\">Please Read</h2>\n            <h6>You must understand and agree to the terms and conditions.</h6>\n            <p className=\"center-italic\">\n              (scroll to the bottom of the terms to agree)\n            </p>\n          </Modal.Title>\n        </div>\n      </Modal.Header>\n      <Modal.Body className=\"pt-4 pb-0 px-3 px-lg-5\">\n        <div className=\"bg-content px-3 py-4 pt-lg-2 px-lg-5 pb-lg-5\">\n          <div ref={scroll} className=\"content scroll-click\">\n            <h2>\n              How <b>Smart</b>\n              <span>Trading</span> works\n            </h2>\n            <h3 className=\"my-4\">\n              <b>SmartTrading: Terms and Conditions</b>\n            </h3>\n            <h3 className=\"mb-4\">\n              Effective Date: <span>{effectiveDate}</span>\n            </h3>\n            <h4>1. Introduction</h4>\n            <p className=\"mb-3\">\n              Welcome to SmartTrading. These Terms and Conditions govern your\n              use of our automated trading bot system. By accessing or using\n              SmartTrading, you agree to comply with and be bound by these Terms\n              and Conditions. Please read them carefully.\n            </p>\n            <h4>2. Eligibility</h4>\n            <p className=\"mb-3\">\n              To use SmartTrading, you must be at least 18 years old and possess\n              the legal capacity to enter into this Agreement. By using\n              SmartTrading, you represent and warrant that you meet these\n              eligibility requirements.\n            </p>\n            <h4>3. Account Registration</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Registration:</span> o use SmartTrading, you must create\n                  an account with PROFITi. You agree to provide accurate and\n                  complete information during the registration process.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Security:</span> You are responsible for maintaining the\n                  confidentiality of your account credentials and for all\n                  activities that occur under your account. You must notify\n                  PROFITi immediately of any unauthorized use of your account.\n                </p>\n              </li>\n            </ul>\n            <h4>4. Use of SmartTrading</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>License:</span> PROFITi grants you a limited,\n                  non-exclusive, non-transferable license to use SmartTrading\n                  for personal, non-commercial purposes, subject to these Terms\n                  and Conditions.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Subscription Payments:</span> Access to SmartTrading is\n                  included with your PROFITi subscription. Subscription payments\n                  are made in USDPI. If your subscription payments are not\n                  current, your ability to trade using SmartTrading will be\n                  suspended until payments are up to date.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Restrictions:</span> You agree not to:\n                  <ul>\n                    <li>Use SmartTrading for any unlawful purpose.</li>\n                    <li>\n                      Modify, distribute, or create derivative works based on\n                      SmartTrading.\n                    </li>\n                    <li>\n                      Reverse engineer, decompile, or disassemble SmartTrading.\n                    </li>\n                  </ul>\n                </p>\n              </li>\n            </ul>\n            <h4>5. Trading and Risks</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Automated Trading:</span> SmartTrading uses algorithms\n                  to execute trades on your behalf. You understand and agree\n                  that all trading decisions are made by the algorithm without\n                  human intervention.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Risk Disclosure:</span> Trading in financial markets\n                  involves significant risk. You may lose some or all of your\n                  invested capital. You should only trade with money you can\n                  afford to lose. PROFITi does not guarantee any specific\n                  results or returns from using SmartTrading.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>No Advice:</span> The information provided by\n                  SmartTrading is not intended as financial advice. You should\n                  consult with a qualified financial advisor before making any\n                  trading decisions.\n                </p>\n              </li>\n            </ul>\n            <h4>6. Deposits and Withdrawals</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Deposits:</span> You may deposit funds into your trading\n                  account at any time without restrictions.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Withdrawals:</span> You may withdraw funds from your\n                  trading account at any time without restrictions. However, the\n                  system will always check if you have any balance due to cover\n                  your subscription payment. If there is a balance due, the\n                  system will deduct the amount needed to cover your\n                  subscription payment before processing the withdrawal.\n                </p>\n              </li>\n            </ul>\n            <h4>7. Trading Limits</h4>\n            <p>\n              Each PROFIT Center allows you to trade up to $5,000. If you have\n              multiple PROFIT Centers, you can trade up to the combined limit.\n              For example, if you have six PROFIT Centers, you can trade up to\n              $30,000.\n            </p>\n            <h4>8. Additional Benefits</h4>\n            <p>\n              Members can increase their potential returns by purchasing staking\n              contracts. Your maximum monthly profit cap may increase up to 15%\n              per month based on the amount of staking. Once the monthly profit\n              cap is reached, the system will stop trading on your behalf and\n              will resume trading the following month. The profit caps are as\n              follows:\n            </p>\n            <ul className=\"mt-4\">\n              <li>\n                <p>\n                  <span>No staking to $500 staking:</span> Up to 5% monthly\n                  profit cap\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>$500 to $2,000 staking:</span> Up to 10% monthly profit\n                  cap\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Above $2,000 staking:</span> Up to 15% monthly profit\n                  cap\n                </p>\n              </li>\n            </ul>\n            <h4>9. Fees and Payments</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Subscription Fees:</span> Access to SmartTrading is\n                  included in your PROFITi subscription. Subscription payments\n                  are made in USDPI.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Payment Method:</span> You must provide a valid payment\n                  method for subscription payments. By providing payment\n                  information, you authorize PROFITi to charge the specified\n                  fees to your payment method.\n                </p>\n              </li>\n            </ul>\n            <h4>10. Termination</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Termination by You:</span> You may terminate your use of\n                  SmartTrading at any time by closing your account.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Termination by PROFITi:</span> PROFITi reserves the\n                  right to suspend or terminate your access to SmartTrading at\n                  any time for any reason, including breach of these Terms and\n                  Conditions.\n                </p>\n              </li>\n            </ul>\n            <h4>11. Limitation of Liability</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Disclaimer of Warranties:</span> SmartTrading is\n                  provided “as is” and “as available” without warranties of any\n                  kind, either express or implied. PROFITi disclaims all\n                  warranties, including but not limited to merchantability,\n                  fitness for a particular purpose, and non-infringement.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Limitation of Liability:</span> PROFITi shall not be\n                  liable for any indirect, incidental, special, consequential,\n                  or exemplary damages arising from your use of SmartTrading,\n                  even if PROFITi has been advised of the possibility of such\n                  damages.\n                </p>\n              </li>\n            </ul>\n            <h4>12. Indemnification</h4>\n            <p>\n              You agree to indemnify and hold harmless PROFITi and its\n              affiliates, officers, agents, and employees from any claim or\n              demand, including reasonable attorneys’ fees, made by any third\n              party due to or arising out of your use of SmartTrading, your\n              violation of these Terms and Conditions, or your violation of any\n              rights of another.\n            </p>\n            <h4>13. Governing Law and Dispute Resolution</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Governing Law:</span> These Terms and Conditions shall\n                  be governed by and construed in accordance with the laws of\n                  Dubai, UAE, without regard to its conflict of law principles.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Dispute Resolution:</span> Any disputes arising under\n                  these Terms and Conditions shall be resolved through good\n                  faith negotiation. If negotiation fails, the dispute shall be\n                  submitted to mediation or arbitration in accordance with the\n                  rules of a mutually agreed-upon mediation or arbitration\n                  entity.\n                </p>\n              </li>\n            </ul>\n            <h4>14. Amendments</h4>\n            <p>\n              PROFITi reserves the right to modify or update these Terms and\n              Conditions at any time. You will be notified of any changes\n              through the contact information provided during your registration\n              process or via the SmartTrading platform. Continued use of\n              SmartTrading after any such modifications will constitute your\n              consent to such changes. It is your responsibility to regularly\n              review these Terms and Conditions and stay informed of any\n              updates.\n            </p>\n            <h4>15. Miscellaneous</h4>\n            <ul>\n              <li>\n                <p>\n                  <span>Entire Agreement:</span> These Terms and Conditions\n                  constitute the entire agreement between you and PROFITi\n                  regarding your use of SmartTrading and supersede all prior\n                  agreements and understandings, whether written or oral.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Severability:</span> If any provision of these Terms and\n                  Conditions is found to be invalid or unenforceable, the\n                  remaining provisions will remain in full force and effect.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Waiver:</span> No waiver of any provision of these Terms\n                  and Conditions shall be deemed a further or continuing waiver\n                  of such provision or any other provision.\n                </p>\n              </li>\n              <li>\n                <p>\n                  <span>Assignment:</span> You may not assign or transfer any of\n                  your rights or obligations under these Terms and Conditions\n                  without prior written consent from PROFITi. However, PROFITi\n                  may assign this Agreement without restriction.\n                </p>\n              </li>\n            </ul>\n            <h3>\n              <b>SmartTrading: Disclosures</b>\n            </h3>\n            <h4>1. Risk Disclosure</h4>\n            <p>\n              Trading in financial markets involves significant risk. The use of\n              SmartTrading may result in losses, including the loss of all\n              invested capital. You should only trade with money you can afford\n              to lose. Past performance is not indicative of future results. No\n              guarantees are made regarding the results or returns that may be\n              achieved through the use of SmartTrading.\n            </p>\n            <h4>2. Automated Trading</h4>\n            <p>\n              SmartTrading operates using automated trading algorithms that make\n              trading decisions without human intervention. While these\n              algorithms are designed to execute trades based on specific\n              criteria, there is no assurance that their performance will be\n              successful. Market conditions can change rapidly, and automated\n              systems may not respond as expected.\n            </p>\n            <h4>3. No Financial Advice</h4>\n            <p>\n              The information and signals provided by SmartTrading are not\n              intended as financial advice and should not be construed as such.\n              PROFITi does not provide personalized financial advice and does\n              not consider your individual financial situation or goals. You\n              should consult with a qualified financial advisor before making\n              any trading decisions.\n            </p>\n            <h4>4. Performance and Results</h4>\n            <p>\n              The performance of SmartTrading may vary based on market\n              conditions, account settings, and other factors. PROFITi does not\n              guarantee any specific results or that the system will achieve any\n              particular level of performance. All trading carries inherent\n              risks, and you should be prepared for the possibility of losses.\n            </p>\n            <h4>5. Fees and Charges</h4>\n            <p>\n              Using SmartTrading may involve subscription fees, transaction\n              fees, and other charges. These fees are outlined during the\n              registration process and are subject to change. It is your\n              responsibility to review and understand all applicable fees before\n              using the service.\n            </p>\n            <h4>6. Data and Privacy</h4>\n            <p>\n              PROFITi respects your privacy and is committed to protecting your\n              personal information. We collect, use, and disclose information in\n              accordance with our Privacy Policy. By using SmartTrading, you\n              consent to the collection and use of your information as described\n              in the Privacy Policy.\n            </p>\n            <h4>7. Amendments to Disclosures</h4>\n            <p className=\"mb-4\">\n              PROFITi reserves the right to update these Disclosures at any\n              time. You will be notified of any changes through the contact\n              information provided during your registration process or via the\n              SmartTrading platform. It is your responsibility to regularly\n              review these Disclosures and stay informed of any updates.\n            </p>\n            <p className=\"mb-4\">\n              By using SmartTrading, you acknowledge that you have read,\n              understood, and agreed to these Terms and Conditions and\n              Disclosures.\n            </p>\n            <label className=\"checkbox-label\">\n              <input\n                type=\"checkbox\"\n                className=\"checkbox-input\"\n                name=\"check\"\n                checked={checked}\n                onChange={() => setChecked(!checked)}\n              />\n              <span>\n                I AGREE: By using SmartTrading,\n                <b>you acknowledge that you have read, understood</b>, and{' '}\n                <b>agreed to these Terms and Conditions</b> and Disclosures.{' '}\n                <br />\n                (Click here to agree)\n              </span>\n            </label>\n            {/* <label htmlFor=\"check\" className=\"d-flex ml-2\">\n              <InputCheckbox\n                name=\"check\"\n                options={[\n                  {\n                    labelHtml: true,\n                    label: `<span>I AGREE:</span> By using SmartTrading, <b>you acknowledge that you have read, understood</b>, and <b>agreed to these Terms and Conditions</b> and Disclosures.`,\n                    value: `I AGREE: By using SmartTrading, you acknowledge that you have read, understood, and agreed to these Terms and Conditions and Disclosures.`,\n                    selected: checked,\n                  },\n                ]}\n                onChange={() => setChecked(!checked)}\n              />\n            </label> */}\n          </div>\n        </div>\n      </Modal.Body>\n      <Modal.Footer className=\"border-0 px-3 px-sm-5 pt-0 pb-3 my-4\">\n        <div className=\"d-flex justify-content-center justify-content-lg-between w-100\">\n          <button\n            type=\"button\"\n            className=\"btn btn-decline ml-3\"\n            onClick={handleClose}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            className={`${\n              checked ? 'opacity-100' : 'opacity-25 pe-none '\n            } btn btn-accept`}\n            onClick={handleRegister}\n          >\n            COMPLETE REGISTRATION{' '}\n            <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n          </button>\n        </div>\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default TermsProvider;\n","import React, { useCallback, useMemo, useEffect, useState } from 'react';\nimport {\n  BigNumber,\n  ethers,\n  utils,\n  ContractTransaction,\n  providers,\n} from 'ethers';\n\nimport { BsPlus } from 'react-icons/bs';\nimport { BsThreeDotsVertical } from 'react-icons/bs';\n\nimport Lottie from 'react-lottie';\nimport { HiArrowNarrowRight } from 'react-icons/hi';\nimport { MdClose } from 'react-icons/md';\nimport { Form } from '@unform/web';\nimport {\n  Container,\n  Trade,\n  Welcome,\n  Modal,\n  ModalFinishRegister,\n  ModalFinishWithdraw,\n  ModalFinishDeposit,\n  ModalFinishWallet,\n  ModalNeed,\n} from './styles';\nimport WalletRow from '~/components/WalletRow';\nimport swalError from '~/utils/swalError';\nimport Loading from '~/components/Loading';\nimport logoWhite from '~/assets/logo/logo-p-white.svg';\nimport earningsDone from '~/assets/animations/earnings-done.json';\nimport agreement from '~/assets/animations/agreement-trade.json';\nimport active from '~/assets/animations/active-trade.json';\nimport recalibrating from '~/assets/animations/recalibrating-trade.json';\n\nimport usdpi from '~/assets/logo/logo-usdpi.svg';\nimport usdt from '~/assets/logo/logo-usdt.svg';\nimport usdc from '~/assets/logo/logo-usdc.svg';\nimport dai from '~/assets/logo/token-dai.png';\n// BUY CRYPTO\nimport currencyETH from '~/assets/icons/logo-eth.svg';\nimport currencyUSDC from '~/assets/icons/logo-usdc.svg';\nimport currencyBNB from '~/assets/logo/logo-bnb-border-white.svg';\nimport currencyUSDPI from '~/assets/logo/logo-usdpi-border-white.svg';\n// BUY CRYPTO\nimport walletFinish from '~/assets/defaults/wallet-finish.png';\nimport stakingTerms from '~/assets/animations/staking-terms-details.json';\nimport { formatPrice } from '~/utils/format';\nimport Table from '~/components/Table';\nimport Terms from './Terms';\nimport InputMask from '~/components/InputMask';\nimport { web3store } from '~/store';\nimport { useAuth } from '~/hooks/Auth';\nimport api from '~/services/api';\nimport {\n  getConfigAddress,\n  getConfigNumber,\n  getConfigString,\n} from '~/utils/configContract';\nimport ModalNetworkSwitch, {\n  networkSwitch,\n} from '~/components/ModalNetworkSwitch';\n\nconst logoMap: { [key: string]: string } = {\n  usdt,\n  usdpi,\n  usdc,\n  dai,\n  default: usdt,\n};\n\ninterface ITrending {\n  id: number;\n  name: string;\n  percentage: number;\n  img: string;\n}\n\ninterface IPair {\n  asset: string;\n  stable: string;\n}\n\ninterface ITrade {\n  id: number;\n  entry: number;\n  exit: number;\n  roi: number;\n  roi_amt: number;\n  fee_amt: number;\n  ts: number;\n  profit_loss: number;\n  pair: IPair;\n  txid: string;\n  tx_chain: string;\n  img: string;\n}\n\ninterface IRollup {\n  total_roi_today: number | null;\n  total_roi_amt_today: number | null;\n  total_roi_wtd: number | null;\n  total_roi_amt_wtd: number | null;\n  total_roi_mtd: number | null;\n  total_roi_amt_mtd: number | null;\n  total_roi_all_time: number | null;\n  total_roi_amt_all_time: number | null;\n}\n\ninterface IWithdrawalRequest {\n  nftId: number;\n  userAddress: string;\n  message: string;\n  deadline: number;\n  transaction_fee: BigNumber;\n}\n\n/* eslint no-underscore-dangle: 0 */\nconst SmartTrade: React.FC = () => {\n  const { user } = useAuth();\n  const [loading, setLoading] = useState(true);\n  const [processText, setProcessText] = web3store.useState('processText');\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const [account, setAccount] = web3store.useState('account');\n  const [trending, setTrending] = useState<ITrending[]>([]);\n  const [trades, setTrades] = useState<ITrade[]>([]);\n  const [rollups, setRollups] = useState<IRollup | null>(null);\n  // const [balance, setBalance] = useState<number | null>(null);\n  const [balance, setBalance] = useState(0);\n  const [tradeBalance, setTradeBalance] = useState<number | null>(null);\n  const [accountStatus, setAccountStatus] = useState<string | null>(null);\n  const [accountTier, setAccountTier] = useState<number | null>(null);\n  const [modalCongratulations, setModalCongratulations] = useState(false);\n  const [show, setShow] = useState(false);\n  const [showFinishWallet, setShowFinishWallet] = useState(false);\n  const [showFinishWithdrawal, setShowFinishWithdrawal] = useState(false);\n  const [showFinishDeposit, setShowFinishDeposit] = useState(false);\n  const [valueDeposit, setValueDeposit] = useState('0');\n  const [valueWithdraw, setValueWithdraw] = useState('0');\n  const [isDeposit, setIsDeposit] = useState(true);\n  const [showTerms, setShowTerms] = useState(false);\n  const [usdpiBalance, setUsdpiBalance] = useState('0');\n  const [available, setAvailable] = useState('0.00');\n  const [fixedAmount, setFixedAmount] = useState(0);\n  // BUY CRYPTO\n  const [showNeed, setShowNeed] = useState(false);\n  const [selectCoin, setSelectCoin] = useState('usdpi');\n  const [ethBalance, setEthBalance] = useState('0');\n  // BUY CRYPTO\n  // DEPOSIT\n  const [selectedSource, setSelectedSource] = useState<string | null>(\n    'metamask'\n  );\n  const [depositTX, setDepositTX] = useState('');\n  const [depositTXChain, setDepositTXChain] = useState('NETWORK');\n  const [depositError, setDepositError] = useState<string | null>(null);\n  const [withdrawError, setWithdrawError] = useState<string | null>(null);\n  const [fixedDepositAmount, setFixedDepositAmount] = useState<string | null>(\n    null\n  );\n  const [fixedWithdrawalAmount, setFixedWithdrawalAmount] = useState<\n    string | null\n  >(null);\n  const explorerURL = process.env.REACT_APP_NETWORK_BLOCK_EXPLORER_URLS;\n  const explorerURLEth = process.env.REACT_APP_PAY_BLOCK_EXPLORER_URLS;\n  // DEPOSIT\n\n  const topTrades = useMemo(\n    () => [\n      {\n        id: 1,\n        name: 'USDT/SOL',\n        percentage: +0.4,\n        img: usdt,\n      },\n      {\n        id: 2,\n        name: 'UNI/USDC',\n        percentage: +2.45,\n        img: usdt,\n      },\n      {\n        id: 3,\n        name: 'WRX/USDT',\n        percentage: -1.3,\n        img: usdt,\n      },\n    ],\n    []\n  );\n\n  const tradeColumns = useMemo(\n    () => [\n      {\n        name: 'Trades',\n        selector: 'trades',\n        sortable: false,\n        className: 'left-align',\n      },\n      {\n        name: 'Entry',\n        selector: 'entry',\n        sortable: false,\n        className: 'right-align',\n      },\n      {\n        name: 'Exit',\n        selector: 'exit',\n        sortable: false,\n        className: 'right-align',\n      },\n      {\n        name: 'ROI',\n        selector: 'roi',\n        sortable: false,\n      },\n      {\n        name: 'Profit/Loss',\n        selector: 'profit_loss',\n        sortable: false,\n        className: 'right-align',\n      },\n      // {\n      //   name: 'Date',\n      //   selector: 'date',\n      //   sortable: false,\n      // },\n      {\n        name: 'Confirmation',\n        selector: 'confirmation',\n        sortable: false,\n      },\n    ],\n    []\n  );\n\n  const columns = useMemo(\n    () => [\n      {\n        name: 'Trades',\n        selector: 'trades',\n        sortable: false,\n      },\n      {\n        name: 'Entry',\n        selector: 'entry',\n        sortable: false,\n      },\n      {\n        name: 'Exit',\n        selector: 'exit',\n        sortable: false,\n      },\n      {\n        name: 'ROI',\n        selector: 'roi',\n        sortable: false,\n      },\n      {\n        name: 'Profit/Loss',\n        selector: 'profit_loss',\n        sortable: false,\n      },\n      {\n        name: 'Date',\n        selector: 'date',\n        sortable: false,\n      },\n      {\n        name: 'Confirmation',\n        selector: 'confirmation',\n        sortable: false,\n      },\n    ],\n    []\n  );\n\n  const abbreviateTxId = (txId: string, startChars = 3, endChars = 5) => {\n    if (!txId) return '';\n    return `${txId.substring(0, startChars)}...${txId.substring(\n      txId.length - endChars\n    )}`;\n  };\n\n  const handleTxClick = (fullTxId: string, chain: string) => {\n    if (fullTxId !== 'Pending') {\n      if (chain === 'DEVNET') {\n        window.open(\n          `https://explorer.solana.com/tx/${fullTxId}?cluster=devnet`,\n          '_blank'\n        );\n      }\n      if (chain === 'MAINNET') {\n        window.open(`https://explorer.solana.com/tx/${fullTxId}`, '_blank');\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (user) {\n      api\n        .get(`/v2/trader/mbalances/${connectedMember.memberId}`)\n        .then((response) => {\n          // Parse and calculate the value as a number\n          const accountValue: number = parseInt(response.data.account, 10);\n          const roundedValue: number =\n            Math.floor((accountValue / 10 ** 18) * 100) / 100;\n\n          // Pass the roundedValue directly to formatPrice as a number\n          setAvailable(formatPrice(roundedValue));\n        });\n    }\n  }, [user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const fetchBalances = useCallback(async () => {\n    try {\n      if (account !== '') {\n        // First API call\n        const response = await api.get(`v3/member/tokenBalances/${account}`);\n        // Check if balance has changed\n        if (response.data.balances.wallet_usdpi !== usdpiBalance) {\n          const rawValue =\n            parseInt(response.data.balances.wallet_usdpi, 10) / 10 ** 18;\n          // Round down to the cent\n          const roundedValue = Math.floor(rawValue * 100) / 100;\n          console.log(roundedValue);\n          setUsdpiBalance(formatPrice(roundedValue));\n        }\n      }\n      // if (account !== '') {\n      //   // First API call\n      //   const response = await api.get(`v3/member/tokenBalances/${account}`);\n      //   // console.log(response.data.balances.wallet_usdpi.toString());\n      //   if (response.data.balances.wallet_usdpi !== usdpiBalance) {\n      //     setUsdpiBalance(\n      //       formatPrice(\n      //         parseFloat(\n      //           (\n      //             parseInt(response.data.balances.wallet_usdpi, 10) /\n      //             10 ** 18\n      //           ).toFixed(2)\n      //         )\n      //       )\n      //     );\n      //     // console.log(usdpiBalance);\n      //   }\n      // }\n      // Second API call\n      if (connectedMember?.memberId) {\n        const traderResponse = await api.get(\n          `/v2/trader/mbalances/${connectedMember.memberId}`\n        );\n\n        // Parse and calculate the value as a number\n        const accountValue: number = parseInt(traderResponse.data.account, 10);\n        const roundedValue: number =\n          Math.floor((accountValue / 10 ** 18) * 100) / 100;\n\n        // Pass the roundedValue directly to formatPrice as a number\n        setAvailable(formatPrice(roundedValue));\n      }\n    } catch (error) {\n      console.log(error);\n      // Handle errors for both API calls\n      setUsdpiBalance('0');\n      setAvailable('0'); // Set available balance to 0 in case of an error\n    }\n  }, [account, usdpiBalance, connectedMember]);\n\n  const formatToSixDecimalPlaces = (value: number) => {\n    if (typeof value !== 'number') {\n      return parseFloat(value).toFixed(6); // Return the value as is if it's not a number\n    }\n    return value.toFixed(6); // Format to 6 decimal places\n  };\n\n  const formatToTwoDecimalPlaces = (\n    value: number | string | null | undefined\n  ): string => {\n    if (typeof value === 'number') {\n      return value.toFixed(2);\n    }\n\n    if (typeof value === 'string' && !Number.isNaN(parseFloat(value))) {\n      return parseFloat(value).toFixed(2);\n    }\n\n    return 'N/A'; // No need for 'else' here\n  };\n\n  const tradeData = useMemo(\n    () =>\n      trades.map((trade) => ({\n        trades: (\n          <div>\n            <img src={trade.img} alt=\"Logo\" className=\"me-2\" />\n            {`${trade.pair.stable}/${trade.pair.asset}`}\n          </div>\n        ),\n        entry: `$${formatToTwoDecimalPlaces(trade.entry)}`,\n        exit: `$${formatToTwoDecimalPlaces(trade.exit)}`,\n        roi: (\n          <p\n            className={`mb-0 d-flex align-items-center h6 fw-normal ${\n              trade.roi >= 0 ? 'positive' : 'negative'\n            }`}\n          >\n            <div\n              className={`arrow-${\n                trade.roi >= 0 ? 'positive' : 'negative'\n              } me-2`}\n            />\n            {`${(trade.roi * 100).toFixed(4)}%`}\n          </p>\n        ),\n        profit_loss: `${\n          trade.profit_loss >= 0 ? '+' : ''\n        }$${formatToTwoDecimalPlaces(trade.profit_loss)}`,\n        date: new Date(trade.ts).toLocaleDateString(),\n        // confirmation: abbreviateTxId(trade.txid),\n        confirmation: (\n          <button\n            type=\"button\"\n            onClick={() => handleTxClick(trade.txid, trade.tx_chain)}\n            style={{\n              cursor: 'pointer',\n              color: '#438AFF',\n              textDecoration: 'underline',\n              border: 'none',\n              background: 'none',\n              padding: 0,\n            }}\n            title=\"Click to view full transaction details\"\n          >\n            {abbreviateTxId(trade.txid)}\n          </button>\n        ),\n      })),\n    [trades]\n  );\n\n  const handleClose = useCallback(() => {\n    setShow(false);\n    setIsDeposit(true);\n    setModalCongratulations(false);\n    setShowNeed(false);\n    setShowFinishWallet(false);\n    setShowFinishWithdrawal(false);\n    setShowFinishDeposit(false);\n  }, [\n    setShow,\n    setIsDeposit,\n    setModalCongratulations,\n    setShowNeed,\n    setShowFinishWallet,\n    setShowFinishWithdrawal,\n    setShowFinishDeposit,\n  ]);\n\n  const handleDepositChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = event.target.value;\n      // Remove non-numeric characters except for the decimal point\n      const numericValue = rawValue.replace(/[^0-9.]/g, '');\n      console.log(numericValue);\n      // Set the cleaned value to the state\n      setValueDeposit(numericValue);\n    },\n    []\n  );\n  const handleWithdrawChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = event.target.value;\n      // Remove non-numeric characters except for the decimal point\n      const numericValue = rawValue.replace(/[^0-9.]/g, '');\n      // Set the cleaned value to the state\n      setValueWithdraw(numericValue);\n    },\n    []\n  );\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const parseFloatOrNull = (\n    value: string | number | null | undefined\n  ): number | null => {\n    if (typeof value === 'string' && !Number.isNaN(parseFloat(value))) {\n      return parseFloat(value);\n    }\n    return value !== null && value !== undefined ? Number(value) : null;\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // BUY USDPI NOW BUTTON\n  const handleBuyNowButtonClick = useCallback(() => {\n    // setShowNeed(false);\n    // setFund('');\n    // setShowFundAccountWallet(false);\n    // setIsValid(false);\n    // setErrorTextFund('');\n    // const exchangeUSDPIValue = amtNeededFund.toString();\n    const usdpiId = '5910b23a-0fa6-46f8-ab1c-6e6a71cc0a69';\n    const clientId = '9594c88f-2edf-407f-82da-b4ca569690be';\n    // const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${usdpiId}&targetAmount=${fund}&targetAddress=\n    // ${connectedMember.memberId}&bgColor=282828&mainColor=17171a&targetAssetIdLock=true`;\n    const url = `https://pay.c14.money/?clientId=${clientId}&targetAssetId=${usdpiId}&targetAddress=${connectedMember.memberId}&bgColor=282828&mainColor=17171a&targetAssetIdLock=true`;\n    window.open(url, '_blank');\n  }, [connectedMember.memberId]);\n  // }, [connectedMember.memberId, amtNeededFund, fund]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // UPHOLD\n  const handleBuyNowUpholdButtonClick = useCallback(() => {\n    const url = `https://uphold.com/en-us/assets/crypto/buy-eth`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // XCOINS\n  const handleBuyNowXCButtonClick = useCallback(() => {\n    const url = `https://xcoins.com/en/buy-crypto/ethereum/`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // PAYBIS\n  const handleBuyNowPBButtonClick = useCallback(() => {\n    const url = `https://paybis.com/buy-ethereum/`;\n    window.open(url, '_blank');\n  }, [ethBalance]);\n\n  const fetchTraderDash = useCallback(() => {\n    setProcessText('Loading trading dashboard');\n    setLoading(true);\n    api\n      .get('v2/trader/dash', {\n        params: {\n          owner: connectedMember.memberId,\n        },\n      })\n      .then(function (response) {\n        // console.log(response.data);\n        const roundedBalance =\n          Math.floor(parseFloat(response.data.balance) * 100) / 100;\n        setBalance(roundedBalance);\n        // setBalance(response.data.balance);\n        setTradeBalance(response.data.trade_balance);\n        setAccountStatus(response.data.account_status);\n        setAccountTier(response.data.account_tier);\n\n        const transformedTrending = response.data.trending.map(\n          (trade: ITrending) => ({\n            ...trade,\n            img: logoMap[trade.img.toLowerCase()] || logoMap.default,\n          })\n        );\n        setTrending(transformedTrending);\n        // setTrending(response.data.trending);\n\n        const transformedRecent = response.data.recent.map((trade: ITrade) => ({\n          ...trade,\n          img: logoMap[trade.pair.stable.toLowerCase()] || logoMap.default,\n        }));\n        setTrades(transformedRecent);\n        // setRollups(response.data.rollups);\n\n        const parsedRollups: IRollup = {\n          total_roi_today: parseFloatOrNull(\n            response.data.rollups.total_roi_today\n          ),\n          total_roi_amt_today: parseFloatOrNull(\n            response.data.rollups.total_roi_amt_today\n          ),\n          total_roi_wtd: parseFloatOrNull(response.data.rollups.total_roi_wtd),\n          total_roi_amt_wtd: parseFloatOrNull(\n            response.data.rollups.total_roi_amt_wtd\n          ),\n          total_roi_mtd: parseFloatOrNull(response.data.rollups.total_roi_mtd),\n          total_roi_amt_mtd: parseFloatOrNull(\n            response.data.rollups.total_roi_amt_mtd\n          ),\n          total_roi_all_time: parseFloatOrNull(\n            response.data.rollups.total_roi_all_time\n          ),\n          total_roi_amt_all_time: parseFloatOrNull(\n            response.data.rollups.total_roi_amt_all_time\n          ),\n        };\n        setRollups(parsedRollups);\n        setLoading(false);\n      })\n      .catch(function (error) {\n        console.log('================= ERROR ===================');\n        console.log(error);\n      });\n  }, [connectedMember]);\n\n  const handleDepositClick = useCallback(() => {\n    if (accountStatus === 'AGREEMENT') {\n      setModalCongratulations(false);\n      setShowTerms(true);\n    } else {\n      setModalCongratulations(false);\n      fetchBalances();\n      fetchTraderDash();\n      setShow(true);\n    }\n  }, [accountStatus, user, setShowTerms, setShow]);\n\n  const handleRegister = useCallback(() => {\n    if (!connectedMember) {\n      console.error('No connected member found');\n      return;\n    }\n    api\n      .post('v1/trader/register', {\n        owner: connectedMember.memberId,\n      })\n      .then(function (response) {\n        console.log('Registration completed', response.data);\n        setShowTerms(false); // Close the modal after registration\n        fetchTraderDash();\n        setModalCongratulations(true);\n      })\n      .catch(function (error) {\n        console.error('Error registering the account', error);\n        // Handle any errors here\n      });\n  }, [connectedMember]);\n\n  const handleSelectDepSrc = (walletType: string) => {\n    if (selectedSource === walletType) {\n      // setSelectedSource(null); // Deselect if already selected\n      console.log('No change');\n    } else {\n      setSelectedSource(walletType); // Select the clicked one\n      // console.log(walletType);\n    }\n  };\n\n  const handleKeyPressDepSrc = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    walletType: string\n  ) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      handleSelectDepSrc(walletType);\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getSignature = async (hashData: any) => {\n    try {\n      if (!account) {\n        throw new Error('Wallet address not found');\n      } else {\n        // setProcessText('Activating - Waiting for wallet signature.');\n        const {\n          deadline,\n          amt2authorize,\n          nonce,\n          tokname,\n          chain,\n          spender,\n          version,\n        } = hashData;\n        // console.log('tokname: %s', tokname);\n        // const version = '1';\n        const domainData = {\n          name: tokname,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        // console.log(account);\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        const sig = await tsigner._signTypedData(domainData, types, val); // eslint-disable-line no-underscore-dangle\n        return sig;\n      }\n    } catch (error) {\n      swalError({\n        message: 'There was a problem Getting your signature.',\n        textButton: 'Try Again',\n      });\n      throw error;\n    }\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const getFundHashes = (usdpi2Send: string): Promise<any> => {\n    return new Promise((resolve, reject) => {\n      try {\n        if (account === '') {\n          reject(new Error('Wallet address not found'));\n        } else {\n          // setProcessText('Activating - Preparing transaction');\n          api\n            .get('/v1/billing/fund/', {\n              params: {\n                wallet_address: account,\n                amt2authorize: usdpi2Send,\n              },\n            })\n            .then((response) => {\n              resolve(response.data);\n            })\n            .catch((error) => {\n              swalError({\n                message: 'There was a problem preparing your deposit.',\n                textButton: 'Try Again',\n              });\n              reject(error);\n            });\n        }\n      } catch (error) {\n        reject(error);\n      }\n    });\n  };\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleUSDPIFundAccount = useCallback(() => {\n    return new Promise((resolve, reject) => {\n      // console.log('+++++ handleUSDPIFundAccount running +++++');\n      // const f_fund = parseFloat(valueDeposit) / 10 ** 6;\n      // console.log('valueDeposit: %s', valueDeposit.replace(/,/g, ''));\n      const f_fund = parseFloat(valueDeposit.replace(/,/g, ''));\n      // const f_balusdpi = parseFloat(usdpiBalance) / 10 ** 18;\n      const f_balusdpi = parseFloat(usdpiBalance.replace(/,/g, ''));\n      // console.log('f_fund: %s, f_balusdpi: %s', f_fund, f_balusdpi);\n      // console.log('f_fund: %2 type: %s', f_fund, typeof f_fund);\n      // console.log('f_balusdpi: %2 type: %s', f_balusdpi, typeof f_balusdpi);\n      if (f_fund > 0 && f_fund > f_balusdpi) {\n        setShowNeed(true);\n        reject(new Error('Insufficient balance'));\n      } else if (f_fund > 0) {\n        setProcessText('Preparing deposit - please confirm in wallet');\n        setLoading(true);\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const s_fund = utils.parseEther(f_fund.toString()).toString();\n            return getFundHashes(s_fund);\n          })\n          .then((hashes) => {\n            // console.log(hashes);\n            // Pass 'hashes' along with the next promise\n            return getSignature(hashes).then((sigResult) => ({\n              hashes,\n              sigResult,\n            }));\n          })\n          .then(({ hashes, sigResult }) => {\n            // Now 'hashes' is accessible here\n            setProcessText('Sending deposit to the blockchain');\n            return api.post('/v1/billing/fund', {\n              owner: account,\n              amt: hashes.amt2authorize,\n              deadline: hashes.deadline,\n              sig: sigResult,\n              nft_id: connectedMember.memberId,\n            });\n          })\n          .then((fundResult) => {\n            // Introduce a 5-second delay\n            // setTimeout(() => {\n            setLoading(false);\n            setDepositTX(fundResult.data.tx);\n            setDepositTXChain('NETWORK');\n            setShowFinishWallet(true);\n            resolve(fundResult);\n            // }, 10000);\n          })\n          .catch((error) => {\n            setLoading(false);\n            swalError({\n              message: 'There was a problem with the transaction',\n              textButton: 'Try Again',\n            });\n            reject(error);\n          });\n      } else {\n        reject(new Error('Invalid fund amount'));\n      }\n    });\n  }, [usdpiBalance, account, connectedMember, valueDeposit]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleWithdraw = useCallback(async () => {\n    // const amt2Claim = parseFloat(inputValue.replace(/,/g, ''));\n    const amt2Claim = parseFloat(valueWithdraw);\n    console.log(amt2Claim);\n    console.log(balance);\n    if (amt2Claim > 0 && balance !== null && amt2Claim <= balance) {\n      if (user) {\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const amtFloat = parseFloat(valueWithdraw);\n            // console.log('amtFloat: %s', amtFloat);\n            if (amtFloat > 1) {\n              setProcessText('Preparing withdrawal transaction');\n              setLoading(true);\n              // setRunWithdrawal(true);\n              // GET FEE ESTIMATE\n              api\n                .get('/v1/trader/fee/estimate')\n                .then(function (feeresponse) {\n                  // console.log(feeresponse.data);\n                  // const fee = feeresponse.data.estimate.fee;\n                  const { fee } = feeresponse.data.estimate;\n                  // processOrder(response.data.estimate.fee);\n                  // const purser = process.env.REACT_APP_BSC_PURSER;\n                  getConfigAddress('contract_ptb_v1')\n                    .then((purserresult) => {\n                      const purser = purserresult?.toString();\n                      // console.log('purser: %s', purser);\n                      // console.log('verifyingContract: %s', purser);\n                      const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                      console.log('deadline: %s', deadline);\n                      const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                      const chainInt = parseInt(chainNo || '0', 16);\n                      console.log(chainInt);\n                      // const purserold = process.env.REACT_APP_BSC_PURSER;\n                      // console.log(purserold, typeof purserold);\n                      const domain = {\n                        name: 'Ptb',\n                        version: '1',\n                        chainId: chainInt,\n                        verifyingContract: purser,\n                      };\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      // console.log(domain);\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      const types = {\n                        Request: [\n                          { name: 'nftId', type: 'uint256' },\n                          { name: 'userAddress', type: 'address' },\n                          { name: 'message', type: 'string' },\n                          { name: 'deadline', type: 'uint256' },\n                          { name: 'transaction_fee', type: 'uint256' },\n                        ],\n                      };\n                      const transaction_fee = BigNumber.from(fee);\n                      const transaction_fee_in_ether = parseFloat(\n                        ethers.utils.formatEther(transaction_fee)\n                      );\n                      const message = `I authorize this withdrawal of $${amtFloat.toFixed(\n                        2\n                      )}, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n                        2\n                      )}`;\n                      // console.log(message);\n                      const request: IWithdrawalRequest = {\n                        nftId: parseInt(user.id, 10),\n                        userAddress: account,\n                        message,\n                        deadline,\n                        transaction_fee: BigNumber.from(fee),\n                      };\n                      const tprovider = new ethers.providers.Web3Provider(\n                        window.ethereum\n                      );\n                      // console.log('+++++ Wei Value +++++ ');\n                      // console.log((amtFloat * 1e18).toString());\n                      // console.log(\n                      //   ethers.utils.parseEther(amtFloat.toString()).toString()\n                      // );\n                      // console.log('+++++ Wei Value +++++ ');\n                      setProcessText('Waiting for signature from wallet.');\n                      const tsigner = tprovider.getSigner();\n                      tsigner\n                        ._signTypedData(domain, types, request)\n                        .then((sig) => {\n                          // Handle the result (sig) here\n                          // console.log('signature: %s', sig);\n                          setProcessText(\n                            'Sending transaction to the blockchain.'\n                          );\n                          api\n                            .post('/v3/trader/withdraw', {\n                              nftId: user.id,\n                              userAddress: account,\n                              message,\n                              deadline,\n                              signature: sig,\n                              transaction_fee: fee,\n                              amount_requested: ethers.utils\n                                .parseEther(amtFloat.toString())\n                                .toString(),\n                            })\n                            .then(function (withdrawalresponse) {\n                              // console.log(withdrawalresponse);\n                              setLoading(false);\n                              setDepositTX(withdrawalresponse.data.tx);\n                              fetchTraderDash();\n                              fetchBalances();\n                              setShowFinishWithdrawal(true);\n                              // setShowFinish(true);\n                              // processOrder(response.data.estimate.fee);\n                              // setWithdrawalResult(response.data.tx);\n                            })\n                            .catch(function (withdrawalerror) {\n                              console.log('============ ERROR ==============');\n                              console.log(withdrawalerror);\n                              setLoading(false);\n                              // setWithdrawalResult('ERROR');\n                              swalError({\n                                message:\n                                  'Sorry, there was a problem processing your withdrawal',\n                                textButton: 'Close',\n                              });\n                            });\n                        })\n                        .catch((sigerror) => {\n                          // Handle any errors that occur during the function call\n                          console.log(sigerror);\n                          setLoading(false);\n                        });\n                    })\n                    .catch((purserError) => {\n                      console.log(purserError);\n                      setLoading(false);\n                      swalError({\n                        message:\n                          'Sorry, there was a problem processing your withdrawal',\n                        textButton: 'Close',\n                      });\n                    });\n                })\n                .catch(function (feeerror) {\n                  console.log('================= ERROR ===================');\n                  console.log(feeerror);\n                  setLoading(false);\n                  swalError({\n                    message:\n                      'Sorry, there was a problem getting network fees for this transaction',\n                    textButton: 'Close',\n                  });\n                });\n            }\n          })\n          .catch((error) => {\n            console.log(error);\n            setLoading(false);\n          });\n      }\n      //  if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, '')))\n    } else {\n      console.log('Invalid withdrawal value');\n    }\n  }, [balance, valueWithdraw, user]);\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleDeposit = useCallback(async () => {\n    // const amt2Claim = parseFloat(inputValue.replace(/,/g, ''));\n    const amt2Claim = parseFloat(valueDeposit);\n    if (\n      amt2Claim > 0 &&\n      amt2Claim <= parseFloat(available.replace(/[^0-9.]/g, ''))\n    ) {\n      if (user) {\n        networkSwitch('NETWORK')\n          .then((response) => {\n            const amtFloat = parseFloat(valueDeposit);\n            // console.log('amtFloat: %s', amtFloat);\n            if (amtFloat > 1) {\n              setProcessText('Preparing deposit transaction');\n              setLoading(true);\n              // setRunWithdrawal(true);\n              // GET FEE ESTIMATE\n              api\n                .get('/v1/trader/fee/estimate')\n                .then(function (feeresponse) {\n                  // console.log(feeresponse.data);\n                  // const fee = feeresponse.data.estimate.fee;\n                  const { fee } = feeresponse.data.estimate;\n                  // processOrder(response.data.estimate.fee);\n                  // const purser = process.env.REACT_APP_BSC_PURSER;\n                  getConfigAddress('contract_ptb_v2')\n                    .then((purserresult) => {\n                      const purser = purserresult?.toString();\n                      // console.log('purser: %s', purser);\n                      // console.log('verifyingContract: %s', purser);\n                      const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n                      // console.log('deadline: %s', deadline);\n                      const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n                      const chainInt = parseInt(chainNo || '0', 16);\n                      // console.log(chainInt);\n                      // const purserold = process.env.REACT_APP_BSC_PURSER;\n                      // console.log(purserold, typeof purserold);\n                      const domain = {\n                        name: 'Ptb',\n                        version: '2',\n                        chainId: chainInt,\n                        verifyingContract: purser,\n                      };\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      // console.log(domain);\n                      // console.log('++++++++++++++++++++++++++++++++++++++++++');\n                      const types = {\n                        Request: [\n                          { name: 'nftId', type: 'uint256' },\n                          { name: 'userAddress', type: 'address' },\n                          { name: 'message', type: 'string' },\n                          { name: 'deadline', type: 'uint256' },\n                          { name: 'transaction_fee', type: 'uint256' },\n                        ],\n                      };\n                      const transaction_fee = BigNumber.from(fee);\n                      const transaction_fee_in_ether = parseFloat(\n                        ethers.utils.formatEther(transaction_fee)\n                      );\n                      const message = `I authorize this deposit of $${amtFloat.toFixed(\n                        2\n                      )}, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n                        2\n                      )}`;\n                      // console.log(message);\n                      const request: IWithdrawalRequest = {\n                        nftId: parseInt(user.id, 10),\n                        userAddress: account,\n                        message,\n                        deadline,\n                        transaction_fee: BigNumber.from(fee),\n                      };\n                      const tprovider = new ethers.providers.Web3Provider(\n                        window.ethereum\n                      );\n                      // console.log('+++++ Wei Value +++++ ');\n                      // console.log((amtFloat * 1e18).toString());\n                      // console.log(\n                      //   ethers.utils.parseEther(amtFloat.toString()).toString()\n                      // );\n                      // console.log('+++++ Wei Value +++++ ');\n                      setProcessText('Waiting for signature from wallet.');\n                      const tsigner = tprovider.getSigner();\n                      tsigner\n                        ._signTypedData(domain, types, request)\n                        .then((sig) => {\n                          // Handle the result (sig) here\n                          // console.log('signature: %s', sig);\n                          setProcessText(\n                            'Sending transaction to the blockchain.'\n                          );\n                          api\n                            .post('/v3/trader/deposit', {\n                              nftId: user.id,\n                              userAddress: account,\n                              message,\n                              deadline,\n                              signature: sig,\n                              transaction_fee: fee,\n                              amount_requested: ethers.utils\n                                .parseEther(amtFloat.toString())\n                                .toString(),\n                            })\n                            .then(function (withdrawalresponse) {\n                              // console.log(withdrawalresponse);\n                              setLoading(false);\n                              setDepositTX(withdrawalresponse.data.tx);\n                              fetchTraderDash();\n                              fetchBalances();\n                              setShowFinishDeposit(true);\n                              // setShowFinish(true);\n                              // processOrder(response.data.estimate.fee);\n                              // setWithdrawalResult(response.data.tx);\n                            })\n                            .catch(function (withdrawalerror) {\n                              console.log('============ ERROR ==============');\n                              console.log(withdrawalerror);\n                              setLoading(false);\n                              // setWithdrawalResult('ERROR');\n                              swalError({\n                                message:\n                                  'Sorry, there was a problem processing your deposit',\n                                textButton: 'Close',\n                              });\n                            });\n                        })\n                        .catch((sigerror) => {\n                          // Handle any errors that occur during the function call\n                          console.log(sigerror);\n                          setLoading(false);\n                        });\n                    })\n                    .catch((purserError) => {\n                      console.log(purserError);\n                      setLoading(false);\n                      swalError({\n                        message:\n                          'Sorry, there was a problem processing your deposit',\n                        textButton: 'Close',\n                      });\n                    });\n                })\n                .catch(function (feeerror) {\n                  console.log('================= ERROR ===================');\n                  console.log(feeerror);\n                  setLoading(false);\n                  swalError({\n                    message:\n                      'Sorry, there was a problem getting network fees for this transaction',\n                    textButton: 'Close',\n                  });\n                });\n            }\n          })\n          .catch((error) => {\n            console.log(error);\n            setLoading(false);\n          });\n      }\n      //  if (amt2Claim > 0 && amt2Claim <= parseFloat(available.replace(/,/g, '')))\n    } else {\n      console.log('Invalid deposit value');\n    }\n  }, [available, valueDeposit, user]);\n\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  // ++++++++++++++++++++++++++++++++++++++\n  const handleSubmitFundAccount = useCallback(() => {\n    // handleDeposit\n    if (selectedSource === 'metamask') {\n      handleUSDPIFundAccount()\n        .then((result) => {\n          // Handle success\n          fetchTraderDash();\n          fetchBalances();\n        })\n        .catch((error) => {\n          // Handle error\n          console.log('FAIL');\n        });\n    } else if (selectedSource === 'member') {\n      handleDeposit();\n    }\n  }, [handleUSDPIFundAccount, selectedSource]);\n\n  const handleSetFixedDepositAmount = useCallback(\n    (amount: string): void => {\n      setValueDeposit(amount);\n    },\n    [setValueDeposit, available]\n  );\n\n  const handleSetFixedWithdrawalAmount = useCallback(\n    (amount: string): void => {\n      setValueWithdraw(amount);\n      console.log(usdpiBalance);\n    },\n    [setValueWithdraw, usdpiBalance]\n  );\n\n  // EFFECTS\n  useEffect(() => {\n    // console.log('useEffect');\n    if (selectedSource === 'member') {\n      setValueDeposit(available);\n    } else if (selectedSource === 'metamask') {\n      setValueDeposit(usdpiBalance);\n    }\n  }, [selectedSource, usdpiBalance, available]);\n\n  // DEPOSIT ERROR\n  useEffect(() => {\n    if (parseFloat(valueDeposit) > 0 && parseFloat(valueDeposit) <= 1) {\n      setDepositError('Deposit must be greater than $1.00');\n    } else if (\n      parseFloat(valueDeposit) >\n        parseFloat(available.replace(/[^0-9.]/g, '')) &&\n      selectedSource === 'member'\n    ) {\n      setDepositError('Amount exceeds balance.  Deposit from Metamask');\n    } else {\n      setDepositError(null);\n    }\n  }, [valueDeposit, available]);\n\n  // WITHDRAWAL ERROR\n  useEffect(() => {\n    if (parseFloat(valueWithdraw) > balance) {\n      setWithdrawError('Amount exceeds available balance.');\n    } else if (\n      parseFloat(valueWithdraw) <= 1 &&\n      parseFloat(valueWithdraw) > 0\n    ) {\n      setWithdrawError('Amount must be greater than $1.00');\n    } else {\n      setWithdrawError(null);\n    }\n  }, [valueWithdraw, balance]);\n\n  // PAGE LOAD\n  useEffect(() => {\n    if (user !== undefined) {\n      fetchTraderDash();\n      fetchBalances();\n    }\n  }, [user]);\n\n  return (\n    <Container>\n      <div className=\"container-fluid container-xxl\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-sm-11 col-lg-12 mb-2 mt-4\">\n            <Welcome>\n              <div className=\"container-fluid\">\n                <div className=\"row align-items-center mb-4 pb-3\">\n                  <div className=\"col-lg-6 px-0\">\n                    <h1 className=\"h3 h2-lg font-weight-bold mb-lg-0\">\n                      <span>Smart</span>Trading\n                    </h1>\n                  </div>\n                  <div className=\"col-lg-6 px-0\">\n                    <WalletRow />\n                  </div>\n                </div>\n              </div>\n            </Welcome>\n            <Trade>\n              <div className=\"container-fluid\">\n                <div className=\"row\">\n                  <div className=\"col-md-6 col-xl-5 col-xxl-4\">\n                    <h2 className=\"text-white h3 fw-normal mb-3\">\n                      Your Wallet\n                    </h2>\n                    <div className=\"bg-graph p-4\">\n                      <div className=\"d-flex justify-content-between\">\n                        <img src={usdpi} alt=\"Usdpi\" />\n                        <button\n                          type=\"button\"\n                          className=\"h6 mb-0 py-2 px-3 rounded-pill d-flex align-items-center\"\n                          onClick={() => handleDepositClick()}\n                        >\n                          <BsPlus size={24} color=\"#0D0D0D\" />\n                          {/* Deposit / Withdraw */}\n                          {accountStatus === 'AGREEMENT'\n                            ? 'Register for Trading'\n                            : 'Deposit / Withdraw'}\n                        </button>\n                      </div>\n                      <div className=\"price mt-4\">\n                        <h3 className=\"h6\">USDPI</h3>\n                        {/* <span>${balance?.toString()}</span> */}\n                        <span>\n                          ${balance !== null ? formatPrice(balance) : 'N/A'}\n                        </span>\n                      </div>\n                      {/* new */}\n                      <div className=\"mt-5 pt-5\">\n                        <h4 className=\"mb-0 d-flex justify-content-between\">\n                          <div className=\"text-left\">\n                            {rollups?.total_roi_all_time !== null &&\n                            rollups?.total_roi_all_time !== undefined\n                              ? `${rollups.total_roi_all_time.toFixed(2)}%`\n                              : 'N/A'}\n                            <span> All time</span>\n                          </div>\n                          <div className=\"text-right\">\n                            <span>Tier: </span>\n                            {accountTier}\n                          </div>\n                        </h4>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"col-md-6 col-xl-4 col-xxl-6 top\">\n                    <h3 className=\"mt-3 mb-3\">Today's Top Trades</h3>\n                    <div className=\"top-trades p-4\">\n                      <h4 className=\"mb-3\">🔥Trending</h4>\n                      {trending.map((trade, index) => (\n                        <div\n                          key={trade.id}\n                          className=\"d-flex align-items-center mb-3 p-3 bg-coins\"\n                        >\n                          <span className=\" text-white h6 mb-0 fw-normal\">\n                            {index + 1}\n                            {/* <img src={usdt} alt=\"Coin\" className=\"mx-2\" />{' '} */}\n                            <img src={trade.img} alt=\"Coin\" className=\"mx-2\" />{' '}\n                            {trade.name}\n                          </span>\n                          <span\n                            className={`${\n                              trade.percentage < 0 ? 'negative' : 'positive'\n                            } h6 fw-normal mb-0 ms-auto`}\n                          >\n                            {trade.percentage}%\n                          </span>\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                  <div className=\"col-xl-3 col-xxl-2 times\">\n                    <div className=\"d-flex flex-column flex-lg-row flex-xl-column  justify-content-between pt-4 h-100 pb-3\">\n                      <div>\n                        <h4>All time profit</h4>\n                        <p className=\"d-flex align-items-center h6 fw-normal positive\">\n                          <div className=\"arrow-positive me-2\" />\n                          {rollups?.total_roi_all_time !== null &&\n                          rollups?.total_roi_all_time !== undefined\n                            ? `${rollups.total_roi_all_time.toFixed(2)}%`\n                            : 'N/A'}\n                          {' (+$'}\n                          {formatToTwoDecimalPlaces(\n                            rollups?.total_roi_amt_all_time\n                          )}\n                          )\n                        </p>\n                      </div>\n                      <div>\n                        <h4>Today’s profit</h4>\n                        <p className=\"d-flex align-items-center h6 fw-normal positive\">\n                          <div className=\"arrow-positive me-2\" />\n                          {rollups?.total_roi_today !== null &&\n                          rollups?.total_roi_today !== undefined\n                            ? `${rollups.total_roi_today.toFixed(2)}%`\n                            : 'N/A'}\n                          {' (+$'}\n                          {formatToTwoDecimalPlaces(\n                            rollups?.total_roi_amt_today\n                          )}\n                          )\n                        </p>\n                      </div>\n                      <div>\n                        <h4>This week’s profit</h4>\n                        <p className=\"d-flex align-items-center h6 fw-normal positive\">\n                          <div className=\"arrow-positive me-2\" />\n                          {rollups?.total_roi_wtd !== null &&\n                          rollups?.total_roi_wtd !== undefined\n                            ? `${rollups.total_roi_wtd.toFixed(2)}%`\n                            : 'N/A'}\n                          {' (+$'}\n                          {formatToTwoDecimalPlaces(rollups?.total_roi_amt_wtd)}\n                          )\n                        </p>\n                      </div>\n                      <div>\n                        <h4>This month’s profit</h4>\n                        {/* <p className=\"d-flex align-items-center h6 fw-normal negative\"> */}\n                        <p className=\"d-flex align-items-center h6 fw-normal positive\">\n                          <div className=\"arrow-positive me-2\" />\n                          {rollups?.total_roi_mtd !== null &&\n                          rollups?.total_roi_mtd !== undefined\n                            ? `${rollups.total_roi_mtd.toFixed(2)}%`\n                            : 'N/A'}\n                          {' (+$'}\n                          {formatToTwoDecimalPlaces(rollups?.total_roi_amt_mtd)}\n                          )\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"col-12\">\n                    <div className=\"d-flex justify-content-between align-items-center mb-4 mt-4\">\n                      <h2 className=\"text-white h3 fw-normal mb-4 mt-4\">\n                        Recent Trades\n                      </h2>\n                      <span className=\"status d-flex align-items-center\">\n                        Account Status:\n                        <span className=\"ms-3 d-flex bg-status h6 mb-0 fw-normal fst-normal text-white align-items-center\">\n                          <span\n                            className={`${\n                              accountStatus === 'recalibrating'\n                                ? 'bg-black'\n                                : ''\n                            } pe-none`}\n                          >\n                            <Lottie\n                              options={{\n                                animationData:\n                                  (accountStatus === 'AGREEMENT' &&\n                                    agreement) ||\n                                  (accountStatus === 'UNFUNDED' && agreement) ||\n                                  (accountStatus === 'BILLING' && agreement) ||\n                                  (accountStatus === 'UNDERFUNDED' &&\n                                    agreement) ||\n                                  (accountStatus === 'ACTIVE' && active) ||\n                                  (accountStatus === 'RECALIBRATING' &&\n                                    recalibrating),\n\n                                autoplay: true,\n                                loop: true,\n                                rendererSettings: {\n                                  preserveAspectRatio: 'xMidYMid slice',\n                                },\n                              }}\n                              height={44}\n                              width={44}\n                            />{' '}\n                          </span>\n                          <span className=\"d-block ms-2\">\n                            {accountStatus === 'AGREEMENT' &&\n                              'Pending Agreement'}\n                            {accountStatus === 'UNFUNDED' && 'Deposit Needed'}\n                            {accountStatus === 'BILLING' && 'Subscription Due'}\n                            {accountStatus === 'UNDERFUNDED' &&\n                              '$100 Minimum to Trade'}\n                            {accountStatus === 'ACTIVE' && 'Trading Active'}\n                            {accountStatus === 'RECALIBRATING' &&\n                              'Recalibrating'}\n                          </span>\n                        </span>\n                      </span>\n                    </div>\n                    <Table\n                      data={tradeData}\n                      columns={tradeColumns}\n                      pagination\n                      className=\"table h-auto\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </Trade>\n          </div>\n        </div>\n      </div>\n      <Modal size=\"lg\" show={show} onHide={handleClose} className=\"modal-terms\">\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          <MdClose color=\"#e9e9e9\" size={20} />\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pt-4\">\n          <div className=\"pe-none my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: false,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={152}\n              width={152}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 py-0 px-lg-5\">\n          <Form onSubmit={() => console.log('submit')}>\n            <div className=\"texts w-100 mx-auto px-lg-3\">\n              <div className=\"btns-actions p-2 mb-3\">\n                <button\n                  type=\"button\"\n                  className={isDeposit ? 'active' : ''}\n                  onClick={() => setIsDeposit(true)}\n                >\n                  Deposit\n                </button>\n                <button\n                  type=\"button\"\n                  className={!isDeposit ? 'active' : ''}\n                  onClick={() => setIsDeposit(false)}\n                >\n                  Withdraw\n                </button>\n              </div>\n              {isDeposit ? (\n                <>\n                  <div>\n                    <InputMask\n                      name=\"deposit\"\n                      kind=\"money\"\n                      options={{ unit: '$', separator: '.', delimiter: ',' }}\n                      placeholder=\"$0.00\"\n                      className=\"input amt-needed-input\"\n                      value={valueDeposit}\n                      onChange={handleDepositChange}\n                    />\n                  </div>\n                  <div\n                    className=\"d-flex justify-content-center align-items-center text-center text-danger small\"\n                    style={{ height: '50px' }}\n                  >\n                    {depositError}\n                  </div>\n                  <div className=\"d-flex flex-wrap btns-values\">\n                    <div className=\"w-50 w-lg-25 px-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSetFixedDepositAmount('100.00')}\n                        className={`${\n                          fixedAmount === 100 ? 'active' : ''\n                        } w-100 mb-3`}\n                      >\n                        $100\n                      </button>\n                    </div>\n                    <div className=\"w-50 w-lg-25 px-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSetFixedDepositAmount('500.00')}\n                        className={`${\n                          fixedAmount === 500 ? 'active' : ''\n                        } w-100 mb-3`}\n                      >\n                        $500\n                      </button>\n                    </div>\n                    <div className=\"w-50 w-lg-25 px-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSetFixedDepositAmount('1000.00')}\n                        className={`${\n                          fixedAmount === 1000 ? 'active' : ''\n                        } w-100 mb-3`}\n                      >\n                        $1,000\n                      </button>\n                    </div>\n                    <div className=\"w-50 w-lg-25 px-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSetFixedDepositAmount('5000.00')}\n                        className={`${\n                          fixedAmount === 5000 ? 'active' : ''\n                        } w-100 mb-3`}\n                      >\n                        $5,000\n                      </button>\n                    </div>\n                  </div>\n                  <div className=\"d-flex terms justify-content-between ps-5 mb-2\">\n                    <div className=\"d-flex justify-content-between align-items-center w-40 me-4\">\n                      <span>Need to buy USDPI?</span>\n                    </div>\n                    <button\n                      type=\"button\"\n                      onClick={() => setShowNeed(true)}\n                      className=\"buy border-0\"\n                    >\n                      Buy USDPI With Your Debit Card Here\n                    </button>\n                  </div>\n                  <div\n                    className={`d-flex toggle justify-content-between py-2 px-5 mb-2 ${\n                      selectedSource === 'member' ? 'highlight' : ''\n                    }`}\n                    onClick={() => handleSelectDepSrc('member')}\n                    onKeyDown={(e) => handleKeyPressDepSrc(e, 'member')}\n                    role=\"button\"\n                    tabIndex={0}\n                    style={{ cursor: 'pointer' }}\n                  >\n                    <span>Available USDPI In Your Member Wallet:</span>\n                    <span className=\"color-span\">{available} USDPI</span>\n                  </div>\n                  <div\n                    className={`d-flex toggle justify-content-between py-2 px-5 mb-2 ${\n                      selectedSource === 'metamask' ? 'highlight' : ''\n                    }`}\n                    onClick={() => handleSelectDepSrc('metamask')}\n                    onKeyDown={(e) => handleKeyPressDepSrc(e, 'metamask')}\n                    role=\"button\"\n                    tabIndex={0}\n                    style={{ cursor: 'pointer' }}\n                  >\n                    <span>USDPI In Your Metamask Wallet:</span>\n                    <span className=\"color-span\">{usdpiBalance} USDPI</span>\n                  </div>\n                  <button\n                    type=\"button\"\n                    className=\"btn-confirm w-100 my-3\"\n                    onClick={handleSubmitFundAccount}\n                  >\n                    {selectedSource === 'member'\n                      ? 'Deposit from Member Account'\n                      : 'Deposit from Wallet'}{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                </>\n              ) : (\n                <>\n                  <div>\n                    <InputMask\n                      name=\"withdraw\"\n                      kind=\"money\"\n                      options={{ unit: '$', separator: '.', delimiter: ',' }}\n                      placeholder=\"$0.00\"\n                      className=\"input amt-needed-input\"\n                      value={valueWithdraw}\n                      onChange={handleWithdrawChange}\n                    />\n                  </div>\n                  <div\n                    className=\"d-flex justify-content-center align-items-center text-center text-danger small\"\n                    style={{ height: '50px' }}\n                  >\n                    {withdrawError}\n                  </div>\n                  <div className=\"d-flex terms justify-content-between py-2 px-5 mb-2 mt-5\">\n                    <span>\n                      Funds Available Be Withdrawn To Your Member Wallet:\n                    </span>\n                    {/* ================================= */}\n                    <span className=\"color-span\">\n                      {formatToTwoDecimalPlaces(balance)} USDPI\n                    </span>\n                  </div>\n                  <button\n                    type=\"button\"\n                    className=\"btn-confirm w-100 my-4\"\n                    onClick={handleWithdraw}\n                  >\n                    Confirm Withdrawal{' '}\n                    <HiArrowNarrowRight\n                      className=\"ms-3\"\n                      color=\"#fff\"\n                      size={28}\n                    />\n                  </button>\n                </>\n              )}\n              <button\n                type=\"button\"\n                onClick={handleClose}\n                className=\"btn-done w-100 mb-0\"\n              >\n                <span className=\"\">DONE</span>\n              </button>\n            </div>\n          </Form>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </Modal>\n\n      <Terms\n        show={showTerms}\n        onClose={() => setShowTerms(false)}\n        onRegister={handleRegister}\n      />\n\n      <ModalFinishRegister\n        size=\"xl\"\n        show={modalCongratulations}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n4 mb-5 fw-bold text-center w-100\">\n            Congratulations!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">Your Trading Account is Ready!</p>\n            <p className=\"text-center mb-4 px-4\">\n              Please proceed to deposit funds to start trading.\n            </p>\n\n            <button\n              type=\"button\"\n              onClick={handleDepositClick}\n              // onClick={() =>\n              //   history.push(`${process.env.PUBLIC_URL}/dashboard`)\n              // }\n              className=\"btn-confirm w-100 mt-5 mb-4\"\n            >\n              <span className=\"\">Deposit Now</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalFinishRegister>\n\n      <ModalFinishWallet\n        size=\"xl\"\n        show={showFinishWallet}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <ModalFinishWallet.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <Lottie\n              options={{\n                animationData: earningsDone,\n                autoplay: true,\n                loop: false,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={220}\n              width={300}\n            />\n          </div>\n        </ModalFinishWallet.Header>\n        <ModalFinishWallet.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-4 fw-bold text-center w-100\">\n            Wallet Successfully Funded!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4 px-xl-5\">\n              Your account wallet was successfully funded. If you have a balance\n              due for your subscription, the amount funded will be applied\n              towards it.\n            </p>\n            <p className=\"text-center\">Here is the transaction hash:</p>\n            <div className=\"mb-5\">\n              <a\n                href={`${\n                  depositTXChain === 'NETWORK' ? explorerURL : explorerURLEth\n                }/tx/${depositTX}`}\n                // href={`${explorerURL}/tx/${depositTX}`}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {depositTX}\n              </a>\n            </div>\n            <p className=\"mb-4\">\n              * Unpaid subscription invoices are automatically paid once your\n              account has enough funds from commissions and deposits.\n            </p>\n          </div>\n        </ModalFinishWallet.Body>\n        <ModalFinishWallet.Footer className=\"border-0 py-4\" />\n      </ModalFinishWallet>\n\n      <ModalFinishWithdraw\n        size=\"xl\"\n        show={showFinishWithdrawal}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n4 mb-5 fw-bold text-center w-100\">\n            Congratulations!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">Your Withdrawal is Complete!</p>\n            <p className=\"text-center mb-4 px-4\">\n              Funds have been credited to your member balance.\n            </p>\n            <p className=\"text-center mb-4 px-4\">\n              * Unpaid subscription invoices are automatically paid once your\n              account has enough funds from commissions and deposits.\n            </p>\n\n            {/* <button\n              type=\"button\"\n              onClick={handleDepositClick}\n              // onClick={() =>\n              //   history.push(`${process.env.PUBLIC_URL}/dashboard`)\n              // }\n              className=\"btn-confirm w-100 mt-5 mb-4\"\n            >\n              <span className=\"\">Deposit Now</span>\n            </button> */}\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalFinishWithdraw>\n\n      <ModalFinishDeposit\n        size=\"xl\"\n        show={showFinishDeposit}\n        onHide={handleClose}\n        className=\"modal-wrong-network\"\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-3 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pb-lg-4 pt-5\">\n          <div className=\"mt-5 d-flex align-items-center justify-content-center overflow-hidden\">\n            <img src={walletFinish} alt=\"Wallet\" />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mt-n4 mb-5 fw-bold text-center w-100\">\n            Congratulations!\n          </h2>\n          <div className=\"texts w-75 mx-auto\">\n            <p className=\"text-center mb-4\">\n              Congratulations! Your Deposit Is Confirmed!\n            </p>\n            <p className=\"text-center mb-4 px-4\">\n              Your account is now one step closer to trading. Please note that\n              it may take a little time to calibrate your SmartTrading settings\n              and ensure everything is optimized for the next trading rotation.\n            </p>\n            <p className=\"text-center mb-4 px-4\">\n              We appreciate your patience—rest assured, you're on the right path\n              to potential growth. Keep an eye on your dashboard for updates,\n              and welcome to the next phase of your financial journey!\n            </p>\n\n            {/* <button\n              type=\"button\"\n              onClick={handleDepositClick}\n              // onClick={() =>\n              //   history.push(`${process.env.PUBLIC_URL}/dashboard`)\n              // }\n              className=\"btn-confirm w-100 mt-5 mb-4\"\n            >\n              <span className=\"\">Deposit Now</span>\n            </button> */}\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalFinishDeposit>\n\n      {/* Buy USDPI modal */}\n      <ModalNeed\n        size=\"lg\"\n        show={showNeed}\n        onHide={handleClose}\n        className=\"modal-signin-auto\"\n        centered\n      >\n        <button\n          type=\"button\"\n          className=\"h4 modal-close m-2 mb-0 ms-auto border-0 bg-transparent\"\n          onClick={handleClose}\n        >\n          x\n        </button>\n        <Modal.Header className=\"justify-content-center border-0 pb-0 pt-5\">\n          <div className=\"my-n5 d-flex align-items-center justify-content-center overflow-hidden pe-none\">\n            <Lottie\n              options={{\n                animationData: stakingTerms,\n                autoplay: true,\n                loop: true,\n                rendererSettings: {\n                  preserveAspectRatio: 'xMidYMid slice',\n                },\n              }}\n              height={157}\n              width={157}\n            />\n          </div>\n        </Modal.Header>\n        <Modal.Body className=\"px-4 px-sm-5\">\n          <h2 className=\"mb-2 fw-bold text-center w-100\">Need Funds?</h2>\n          <div className=\"texts w-100 px-3\">\n            <p className=\"text-center mb-4\">\n              We could not find USPI in your wallet\n            </p>\n            <div className=\"d-flex btns-coin justify-content-between\">\n              {/* <button\n                type=\"button\"\n                className={`${selectCoin === 'usdpi' && 'active'}`}\n                onClick={() => setSelectCoin('usdpi')}\n              >\n                <img src={currencyUSDPI} alt=\"USDPI\" /> USDPI\n              </button> */}\n              {/* <button\n                type=\"button\"\n                className={`${selectCoin === 'usdc' && 'active'}`}\n                onClick={() => setSelectCoin('usdc')}\n              >\n                <img src={currencyUSDC} alt=\"USDC\" /> USDC\n              </button>\n              <button\n                type=\"button\"\n                className={`${selectCoin === 'eth' && 'active'}`}\n                onClick={() => setSelectCoin('eth')}\n              >\n                <img src={currencyETH} alt=\"ETH\" /> ETH\n              </button>\n              <button\n                type=\"button\"\n                className={`${selectCoin === 'bnb' && 'active'}`}\n                onClick={() => setSelectCoin('bnb')}\n              >\n                <img src={currencyBNB} alt=\"BNB\" /> BNB\n              </button> */}\n            </div>\n            <p className=\"my-4\">\n              <span>Buy at least</span> 0.235 {selectCoin.toUpperCase()}\n            </p>\n          </div>\n          <div className=\"w-lg-90 mx-auto\">\n            <p className=\"text-worry text-center mb-4\">\n              Don’t worry, you can buy it instantly at the{' '}\n              <span className=\"fw-semibold\">options&nbsp;below:</span>\n            </p>\n            {selectCoin === 'usdpi' && (\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"btn-c14 w-100 my-1\"\n                  onClick={handleBuyNowButtonClick}\n                >\n                  BUY USDPI NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'usdc' && (\n              <div>\n                <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                  BUY USDC NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-paybis w-100 my-1\">\n                  BUY USDC NOW AT PAYBIS{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY USDC NOW AT XCOINS{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-uphold w-100 my-1\">\n                  BUY USDC NOW AT UPHOLD{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'eth' && (\n              <div>\n                <button\n                  type=\"button\"\n                  className=\"btn-uphold w-100 my-1\"\n                  onClick={handleBuyNowUpholdButtonClick}\n                >\n                  BUY ETH NOW AT UPHOLD{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY ETH NOW AT COINBASE{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n              </div>\n            )}\n            {selectCoin === 'bnb' && (\n              <div>\n                <button type=\"button\" className=\"btn-c14 w-100 my-1\">\n                  BUY BNB NOW AT C14{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#000\" size={28} />\n                </button>\n\n                <button type=\"button\" className=\"btn-xcoins w-100 my-1\">\n                  BUY BNB NOW AT COINBASE{' '}\n                  <HiArrowNarrowRight className=\"ms-3\" color=\"#fff\" size={28} />\n                </button>\n              </div>\n            )}\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              className=\"btn-cancel w-100 my-1\"\n            >\n              <span className=\"\">Cancel</span>\n            </button>\n          </div>\n        </Modal.Body>\n        <Modal.Footer className=\"border-0 py-4\" />\n      </ModalNeed>\n      <Loading\n        type=\"dark\"\n        srcImg={logoWhite}\n        text=\"PLEASE WAIT...\"\n        active={loading}\n      />\n    </Container>\n  );\n};\n\nexport default SmartTrade;\n","import React from 'react';\nimport { Switch } from 'react-router-dom';\n\nimport Route from './Route';\n\nimport Home from '~/pages/Home';\n\nimport Sales from '~/pages/Sales';\nimport ActivateNft from '~/pages/ActivateNft';\nimport TokenUp from '~/pages/TokenUp';\nimport Order from '~/pages/Order';\nimport Payment from '~/pages/Payment';\nimport Register from '~/pages/Register';\nimport Dashboard from '~/pages/Dashboard';\nimport Resources from '~/pages/Resources';\nimport Referrers from '~/pages/Referrers';\nimport Learderboard from '~/pages/Learderboard';\nimport Wallet from '~/pages/Wallet';\nimport Winnings from '~/pages/Winnings';\nimport Links from '~/pages/Links';\nimport Training from '~/pages/Training';\nimport TrainingDetails from '~/pages/TrainingDetails';\nimport Profit from '~/pages/Profit';\nimport News from '~/pages/News';\nimport Nft from '~/pages/Nft';\nimport NftHistory from '~/pages/NftHistory';\nimport NftSaved from '~/pages/NftSaved';\nimport NftCollectionsPrivate from '~/pages/NftCollectionsPrivate';\nimport NftCollections from '~/pages/NftCollections';\nimport Matrix5X6 from '~/pages/Matrix5X6';\nimport UserProfile from '~/pages/UserProfile';\nimport Game from '~/pages/Game';\nimport TokenVault from '~/pages/TokenVault';\nimport ValueCrypto from '~/pages/ValueCrypto';\nimport Subscriptions from '~/pages/Subscriptions';\nimport Chatbot from '~/pages/Chatbot';\nimport LpNft from '~/pages/LpNft';\nimport NotFound from '~/pages/NotFoundPage';\n\nimport MyNfts from '~/pages/MyNfts';\nimport PageSwap from '~/pages/PageSwap';\nimport Launchpad from '~/pages/Launchpad';\nimport ProductRoadmap from '~/pages/ProductRoadmap';\nimport Discover from '~/pages/Discover';\nimport AiAvatar from '~/pages/AiAvatar';\nimport AiExpect from '~/pages/AiExpect';\nimport SignupAutoaffiliate from '~/pages/SignupAutoaffiliate';\nimport OrderOption from '~/pages/OrderOption';\nimport Wr from '~/pages/Wr';\nimport BtcSignals from '~/pages/BtcSignals';\nimport SmartTrade from '~/pages/SmartTrade';\n\nconst routes: React.FC = () => {\n  return (\n    <Switch>\n      <Route path={`${process.env.PUBLIC_URL}/`} exact component={Home} />\n      {/* <Route\n        path={`${process.env.PUBLIC_URL}/i/:reference`}\n        exact\n        component={Home}\n      /> */}\n      {/* <Route\n        path={`${process.env.PUBLIC_URL}/i/:reference/:placementRef?/:username?`}\n        exact\n        component={SignupAutoaffiliate}\n      /> */}\n      <Route\n        path={`${process.env.PUBLIC_URL}/swap`}\n        exact\n        component={PageSwap}\n      />\n      <Route path={`${process.env.PUBLIC_URL}/try/i/:slug`} component={LpNft} />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/roadmap`}\n        exact\n        component={ProductRoadmap}\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/discover`}\n        exact\n        component={Discover}\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/get-your-free-nft`}\n        component={Sales}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/how-to-participate`}\n        component={ActivateNft}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/earn-even-more`}\n        component={TokenUp}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/activate-your-profit-centers`}\n        component={Order}\n        exact\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/activate-your-profit-centers/:slug`}\n        component={Order}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/final-step`}\n        component={Payment}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/ai-avatar`}\n        component={AiAvatar}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/what-to-expect`}\n        component={AiExpect}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/finalizar-cadastro`}\n        component={Register}\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/dashboard`}\n        component={Dashboard}\n        isPrivate\n        exact\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/ai-art/nft-history`}\n        component={NftHistory}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/ai-art/collections/:slug`}\n        component={NftCollections}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/ai-art/collections-private`}\n        component={NftCollectionsPrivate}\n        exact\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/ai-art/:slug`}\n        isPrivate\n        component={Nft}\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/news`}\n        component={News}\n        isPrivate\n        exact\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/business/resources`}\n        component={Resources}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/my-nfts`}\n        component={MyNfts}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/business/referrals`}\n        component={Referrers}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/activities/profit-center-:slug`}\n        component={Profit}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/business/matrix`}\n        component={Matrix5X6}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/business/wallet`}\n        component={Wallet}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/token-vault`}\n        component={TokenVault}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/activities/earnings`}\n        component={Winnings}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/business/links`}\n        component={Links}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/learning`}\n        exact\n        component={Training}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/learning/:slug`}\n        component={TrainingDetails}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/leaders`}\n        component={Learderboard}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/user-profile`}\n        component={UserProfile}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/launchpad`}\n        component={Launchpad}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/cube`}\n        component={Game}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/paige`}\n        component={Chatbot}\n        isPrivate\n        exact\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/products/paige/:slug`}\n        component={Chatbot}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/tokenomics`}\n        component={ValueCrypto}\n        isPrivate\n      />\n      <Route\n        path={`${process.env.PUBLIC_URL}/subscriptions`}\n        component={Subscriptions}\n        isPrivate\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/aa/:reference/:placementRef?/:username?`}\n        component={SignupAutoaffiliate}\n        exact\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/aa`}\n        component={SignupAutoaffiliate}\n        exact\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/autoaffiliate-member`}\n        component={SignupAutoaffiliate}\n        exact\n      />\n\n      <Route path={`${process.env.PUBLIC_URL}/wr`} component={Wr} exact />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/autoaffiliate-member/order`}\n        component={OrderOption}\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/btc-signals`}\n        component={BtcSignals}\n      />\n\n      <Route\n        path={`${process.env.PUBLIC_URL}/smart-trader`}\n        component={SmartTrade}\n        isPrivate\n      />\n\n      <Route path=\"*\" component={NotFound} isPrivate />\n    </Switch>\n  );\n};\n\nexport default routes;\n","import { createGlobalStyle } from 'styled-components';\n\nexport default createGlobalStyle`\n  ::-webkit-scrollbar {\n    background-color: #18191a;\n    width: 5px;\n    height: 5px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background: #1d2023;\n  }\n\n  *{\n    margin: 0;\n    padding: 0;\n    outline: 0;\n    box-sizing: border-box;\n  }\n\n  body{\n    -webkit-font-smoothing: antialiased;\n    padding: 0 !important;\n    background-color: #000;\n\n\n  }\n\n  body, input, button {\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    color: #606060;\n  }\n\n  h1, h2, h3, h4, h5, h6, strong{\n    font-weight: 500\n  }\n\n  button {\n    cursor: pointer;\n  }\n\n  button:focus{\n    outline: none;\n    box-shadow: none !important;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  #qrCode{\n    position: absolute;\n    top: -10000px;\n  }\n\n  .font-weight-300{\n    font-weight: 300 !important;\n  }\n\n  .font-weight-400{\n    font-weight: 400 !important;\n  }\n\n  .font-weight-600{\n    font-weight: 600 !important;\n  }\n\n  .h-42{\n    height: 42px;\n  }\n\n  .reveal-w {\n    width: 1440px !important;\n    height: 983px !important;\n    zoom: 1;\n  }\n\n  // inicio estlilização datepicker\n\n  .react-datepicker {\n    border-radius: 15px !important;\n  }\n\n  .react-datepicker__month-container {\n    background: #17171a !important;\n    border-radius: 15px !important;\n  }\n\n  .react-datepicker__header {\n    background: #17171a !important;\n    border-radius: 15px 15px 0 0 !important;\n  }\n\n  .react-datepicker__current-month,\n  .react-datepicker-time__header,\n  .react-datepicker-year-header {\n    color: #bdbdbd !important;\n  }\n\n  .react-datepicker__month {\n    border-radius: 15px !important;\n  }\n\n  .react-datepicker__day-name,\n  .react-datepicker__day,\n  .react-datepicker__time-name {\n    color: #bdbdbd !important;\n    :hover {\n      color: #17171a !important;\n    }\n  }\n\n  .react-datepicker__month-select,\n  .react-datepicker__year-select {\n    color: #bdbdbd !important;\n    background: #17171a !important;\n  }\n\n  // fim estilização datepicker\n\n\n\n  .border-silver {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(0deg, #242526, #242526),\n      linear-gradient(180deg, #4A4B4B 0%, #c3c3c3 100%);\n      background-origin: border-box;\n    background-clip: content-box, border-box;\n    border-image-slice: 1;\n    border-radius: 10px;\n    color: #e4e4e4;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  a.border-silver:hover, a.border-silver.active, button.border-silver:hover, button.border-silver.active {\n    background-image: linear-gradient(180deg, #4A4B4B, #c3c3c3),\n    linear-gradient(180deg, #4A4B4B, #c3c3c3);\n    color: #fff;\n    text-decoration: none;\n  }\n\n  .border-golden {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n      linear-gradient(180deg, rgba(168, 107, 15), rgba(242, 201, 76, 1));\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n    border-image-slice: 1;\n    border-radius: 10px;\n    transition-duration: 0.3s;\n    color: #fff;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  a.border-golden:hover:not([disabled]), a.border-golden.active, button.border-golden:hover:not([disabled]), button.border-golden.active {\n    background-image: linear-gradient(180deg, rgba(168, 107, 15), rgba(242, 201, 76, 1)),\n    linear-gradient(180deg, rgba(168, 107, 15), rgba(242, 201, 76, 1));\n    color: #fff;\n    text-decoration: none;\n  }\n\n  a.border-golden:disabled, button.border-golden:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  .btn-gradient {\n    background: linear-gradient(269.95deg, #e323ff 0.02%, #6A9AAE 97.45%);\n    border-radius: 15px;\n    color: #fff;\n    border: none;\n    height: 52px;\n    transition-duration: 0.3s;\n    font-size: 1.5rem;\n\n    :hover {\n      background: linear-gradient(\n        269.95deg,\n        rgba(227, 35, 255, 0.8) 0.02%,\n        rgba(121, 209, 248, 0.8) 97.45%\n      ) !important;\n      color: #fff;\n    }\n\n    :disabled{\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%) !important;\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n  }\n\n  .border-gradient {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n    linear-gradient(239.23deg, #9DF3FF 7.84%, #BCFFE5 28.62%, #DEEFD1 38.94%, #FFE0BE 49.96%, #FBC2D3 64.82%, #FABCD6 67.63%, #F281FF 91.88%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    transition-duration: 0.3s;\n    color: #fff;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  .border-gradient-light {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #323336, #323336),\n    linear-gradient(239.23deg, #9DF3FF 7.84%, #BCFFE5 28.62%, #DEEFD1 38.94%, #FFE0BE 49.96%, #FBC2D3 64.82%, #FABCD6 67.63%, #F281FF 91.88%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 10px;\n    transition-duration: 0.3s;\n    color: #fff;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  .border-gradient-cancel {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #242526, #242526),\n    linear-gradient(269.95deg, #E323FF 0.02%, #6A9AAE 97.45%) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 15px;\n    transition-duration: 0.3s;\n    color: #fff;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n\n\n  .border-noGradient {\n    cursor: pointer;\n    border: none;\n    padding: 2px;\n    background-image: linear-gradient(180deg, #323336, #323336),\n      linear-gradient(269.95deg, #323336 0.02%, #323336 97.45% ) !important;\n    background-origin: border-box !important;\n    background-clip: content-box, border-box !important;\n    border-image-slice: 1 !important;\n    border-radius: 10px;\n    transition-duration: 0.3s;\n    color: #A3A3A4;\n\n    span {\n      padding: 5px 10px;\n      display: block;\n    }\n  }\n\n  button.border-gradient,\n  button.border-gradient-cancel {\n    transition-duration: 0.3;\n    height: 50px;\n\n    :hover{\n      opacity: 0.7;\n    }\n\n    :disabled{\n      opacity: 0.7;\n      cursor: no-drop;\n    }\n  }\n\n  label.border-noGradient {\n    transition-duration: 0.3;\n\n    :hover{\n      background-image: linear-gradient(180deg, #323336, #323336),\n        linear-gradient(239.23deg, #9DF3FF 7.84%, #BCFFE5 28.62%, #DEEFD1 38.94%, #FFE0BE 49.96%, #FBC2D3 64.82%, #FABCD6 67.63%, #F281FF 91.88%) !important;\n      color: #fff;\n    }\n  }\n\n  .error-input{\n    border-color: #c53030 !important;\n  }\n\n  .loading-box {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    z-index: 2000;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    left: 0;\n    background: #00000055;\n  }\n\n  .zoom-1-3{\n    zoom: 1.3;\n  }\n\n  .gradient-parts {\n    background: linear-gradient(\n      239.23deg,\n      #9df3ff 7.84%,\n      #bcffe5 28.62%,\n      #deefd1 38.94%,\n      #ffe0be 49.96%,\n      #fbc2d3 64.82%,\n      #fabcd6 67.63%,\n      #f281ff 91.88%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n\n    b {\n      font-weight: bold;\n    }\n\n    span {\n      background-clip: unset;\n      -webkit-background-clip: unset;\n      color: #fff;\n      -webkit-text-fill-color: #fff;\n    }\n  }\n\n  .modal-wrong-network{\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.75) -38.97%,\n      rgba(0, 0, 0, 0.85) 75.53%\n    );\n    backdrop-filter: blur(10px);\n\n    .modal-content {\n      background: #030303;\n      box-shadow: 19px 49px 112px rgba(0, 0, 0, 0.4),\n    }\n  }\n\n  .modal-signin-auto {\n    background: rgba(0, 0, 0, 0.60);\n    backdrop-filter: blur(10px);\n\n    .modal-content {\n      background: #171719;\n      box-shadow: 19px 49px 112px rgba(0, 0, 0, 0.4),\n        inset 1px 1px 2px rgba(107, 107, 107, 0.3),\n        inset -1px -1px 2px rgba(43, 43, 43, 0.5);\n      border-radius: 40px;\n\n      .close{\n        color: #fff;\n      }\n    }\n  }\n\n  .modal-signin, .modal-news {\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.15) -38.97%,\n      rgba(0, 0, 0, 0.15) 75.53%\n    );\n    backdrop-filter: blur(10px);\n\n    .modal-content {\n      background: #17171a;\n      box-shadow: 19px 49px 112px rgba(0, 0, 0, 0.4),\n        inset 1px 1px 2px rgba(107, 107, 107, 0.3),\n        inset -1px -1px 2px rgba(43, 43, 43, 0.5);\n      border-radius: 30px;\n\n      .close{\n        color: #fff;\n      }\n    }\n  }\n\n  .modal-history-nft {\n    background: linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.15) -38.97%,\n      rgba(0, 0, 0, 0.15) 75.53%\n    );\n    backdrop-filter: blur(10px);\n\n    .modal-content {\n      background: #171719;\n      border-radius: 40px;\n      border: none;\n      .close{\n        color: #fff;\n      }\n    }\n  }\n\n  .modal-terms{\n    background: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(2.5px);\n  }\n\n  .modal-backdrop{\n    background-color: transparent!important;\n  }\n\n  .modal-news .modal-dialog .modal-content {\n    box-shadow: none !important;\n  }\n\n  .modal-nft {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) -38.97%, rgba(0, 0, 0, 0.25) 75.53%);\n    backdrop-filter: blur(25px);\n      .modal-dialog .modal-content {\n      box-shadow: none !important;\n      border-radius: 25px;\n      border: none!important;\n      background: #212122;\n    }\n  }\n\n  .choose-nft{\n    .modal-content{\n      width: 1300px;\n    }\n  }\n\n  .modal-user-profile {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) -38.97%, rgba(0, 0, 0, 0.25) 75.53%);\n    backdrop-filter: blur(25px);\n    .modal-dialog .modal-content {\n      box-shadow: none !important;\n      background: #1D2023;\n      border-radius: 42px;\n      border: none!important;\n    }\n  }\n\n  .modal-img-upload {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) -38.97%, rgba(0, 0, 0, 0.25) 75.53%);\n    backdrop-filter: blur(25px);\n      .modal-dialog .modal-content {\n        box-shadow: none !important;\n        border-radius: 25px;\n\n        background: #212122;\n      }\n\n      /* .modal-dialog{\n        width: 80%;\n      } */\n\n  }\n\n\n\n  .modal-connect-wallet {\n    background: rgba(214, 203, 210, 0.69);\n    backdrop-filter: blur(7.5px);\n\n    .modal-content {\n      background: rgba(244, 247, 253, 0.42) !important;\n      backdrop-filter: blur(10px);\n      border-radius: 30px;\n      border: none!important;\n    }\n  }\n\n  .modal-news {\n    .bg-title {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .slick-prev {\n      left: 15px;\n      z-index: 100;\n      top: 75%;\n    }\n    .slick-next {\n      right: 15px;\n      z-index: 100;\n      top: 75%;\n    }\n\n    .slick-dots li.slick-active button:before {\n      color: #cbccce !important;\n      font-size: 13px !important;\n    }\n\n    .slick-dots li button:before {\n      color: #4f4f4f !important;\n      font-size: 13px !important;\n    }\n\n    .slick-dots {\n      bottom: 25px;\n    }\n\n    .slick-dots li {\n      margin: 0 !important;\n    }\n\n    .slick-prev:before,\n    .slick-next:before {\n      color: #cbccce;\n    }\n  }\n\n  .font-weight-tiny{\n    font-weight: 100 !important;\n  }\n\n  .opacity-0 {\n    opacity: 0 !important;\n  }\n\n  .error-swal-box{\n    padding-bottom: 76px;\n\n    img{\n      width: 230px;\n    }\n\n    p.h1{\n      color: #DADADA;\n      font-weight: 700;\n      margin-bottom: 20px;\n    }\n\n    p {\n      color: #A6A2A2;\n    }\n\n    .swal2-actions{\n      width: 100%;\n\n      button.swal2-confirm{\n        width: 75%;\n        height: 50px;\n        background: #6D50D0 !important;\n        border-radius: 10px !important;\n      }\n    }\n\n    @media screen and (min-width: 992px) {\n      width: 630px;\n      padding: 0 40px 76px;\n    }\n  }\n\n  .swal2-container{\n    z-index: 2000 !important;\n  }\n\n  .swal2-popup{\n    background: #17171a !important;\n    box-shadow: 19px 49px 112px rgba(0, 0, 0, 0.4),\n      inset 1px 1px 2px rgba(107, 107, 107, 0.3),\n      inset -1px -1px 2px rgba(43, 43, 43, 0.5) !important;\n    border-radius: 30px;\n\n    .swal2-title {\n      color: #fff;\n    }\n\n    .swal2-html-container{\n      color: #949494;\n    }\n\n    .swal2-confirm{\n      background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%) !important;\n      border-radius: 20px !important;\n      color: #fff;\n      border: none;\n      height: 45px;\n      transition-duration: 0.3s;\n      width: 100%;\n      font-weight: 600;\n\n      :hover {\n        background: linear-gradient(\n          269.95deg,\n          rgba(227, 35, 255, 0.8) 0.02%,\n          rgba(121, 209, 248, 0.8) 97.45%\n        ) !important;\n        color: #fff;\n      }\n\n      :disabled{\n        background: linear-gradient(269.95deg, #e323ff 0.02%, #79d1f8 97.45%) !important;\n        cursor: not-allowed;\n        opacity: 0.5;\n      }\n    }\n  }\n\n  .btn-filter{\n    background: #1D2023;\n    border: 1px solid #4A4B4B;\n    padding: 0 25px;\n    height: 40px;\n  }\n\n  @media screen and (max-width: 1799px){\n    .reveal-w {\n      zoom: 0.8;\n    }\n  }\n\n  @media screen and (max-width: 1399px){\n    .btn-gradient{\n      font-size: 1.3rem;\n    }\n\n    .reveal-w {\n      zoom: 0.7;\n    }\n  }\n\n  @media screen and (max-width: 1199px){\n\n  }\n\n  @media screen and (max-width: 991px){\n    .btn-gradient{\n      height: 50px;\n    }\n\n    .modal-signin {\n      .modal-content {\n        .close{\n          position: absolute;\n          right: 1rem;\n        }\n      }\n    }\n  }\n\n  /* COMPLEMENTO BS5 */\n  body{\n    .fw-medium {\n      font-weight: 500 !important;\n    }\n\n    .fw-semibold {\n      font-weight: 600 !important;\n    }\n\n    .h1, .h2, .h3, .h4, .h5, .h6,\n    .h1-sm, .h2-sm, .h3-sm, .h4-sm, .h5-sm, .h6-sm,\n    .h1-md, .h2-md, .h3-md, .h4-md, .h5-md, .h6-md,\n    .h1-lg, .h2-lg, .h3-lg, .h4-lg, .h5-lg, .h6-lg,\n    .h1-xl, .h2-xl, .h3-xl, .h4-xl, .h5-xl, .h6-xl,\n    .h1-xxl, .h2-xxl, .h3-xxl, .h4-xxl, .h5-xxl, .h6-xxl {\n      margin-bottom: 0.5rem;\n      font-weight: 500;\n      line-height: 1.2;\n    }\n\n    .display-1 {\n      font-size: 6rem;\n      font-weight: 300;\n      line-height: 1.2;\n    }\n\n    .display-2 {\n      font-size: 5.5rem;\n      font-weight: 300;\n      line-height: 1.2;\n    }\n\n    .display-3 {\n      font-size: 4.5rem;\n      font-weight: 300;\n      line-height: 1.2;\n    }\n\n    .display-4 {\n      font-size: 3.5rem;\n      font-weight: 300;\n      line-height: 1.2;\n    }\n\n    .h1 {\n      font-size: 2.5rem;\n    }\n\n    .h2 {\n      font-size: 2rem;\n    }\n\n    .h3 {\n      font-size: 1.75rem;\n    }\n\n    .h4 {\n      font-size: 1.5rem;\n    }\n\n    .h5 {\n      font-size: 1.25rem;\n    }\n\n    .h6 {\n      font-size: 1rem;\n    }\n\n    .w-20 {\n      width: 20% !important;\n    }\n\n    .w-25 {\n      width: 25% !important;\n    }\n\n     .w-30 {\n      width: 30% !important;\n    }\n\n    .w-35 {\n      width: 35% !important;\n    }\n\n    .w-40 {\n      width: 40% !important;\n    }\n\n    .w-45 {\n      width: 45% !important;\n    }\n\n    .w-50 {\n      width: 50% !important;\n    }\n\n    .w-55 {\n      width: 55% !important;\n    }\n\n    .w-60 {\n      width: 60% !important;\n    }\n\n    .w-65 {\n      width: 65% !important;\n    }\n\n    .w-70 {\n      width: 70% !important;\n    }\n\n    .w-75 {\n      width: 75% !important;\n    }\n\n    .w-80 {\n      width: 80% !important;\n    }\n\n    .w-85 {\n      width: 85% !important;\n    }\n\n    .w-90 {\n      width: 90% !important;\n    }\n\n    .w-95 {\n      width: 95% !important;\n    }\n\n    .w-100 {\n      width: 100% !important;\n    }\n\n    .w-auto {\n      width: auto !important;\n    }\n\n    .h-25 {\n      height: 25% !important;\n    }\n\n    .h-50 {\n      height: 50% !important;\n    }\n\n    .h-75 {\n      height: 75% !important;\n    }\n\n    .h-100 {\n      height: 100% !important;\n    }\n\n    .h-auto {\n      height: auto !important;\n    }\n\n    .mw-100 {\n      max-width: 100% !important;\n    }\n\n    .mh-100 {\n      max-height: 100% !important;\n    }\n\n    .min-vw-100 {\n      min-width: 100vw !important;\n    }\n\n    .min-vh-100 {\n      min-height: 100vh !important;\n    }\n\n    .vw-100 {\n      width: 100vw !important;\n    }\n\n    .vh-100 {\n      height: 100vh !important;\n    }\n\n    .small {\n      font-size: 90%;\n      font-weight: 400;\n    }\n\n    .normal{\n      font-size: 100%;\n    }\n\n    .big{\n      font-size: 120%;\n    }\n\n    .m-n1 {\n      margin: -0.25rem !important;\n    }\n    .m-n2 {\n      margin: -0.5rem !important;\n    }\n    .m-n3 {\n      margin: -1rem !important;\n    }\n    .m-n4 {\n      margin: -1.5rem !important;\n    }\n    .m-n5 {\n      margin: -3rem !important;\n    }\n\n    .mt-n1 {\n      margin-top: -0.25rem !important;\n    }\n    .mt-n2 {\n        margin-top: -0.5rem !important;\n    }\n    .mt-n3 {\n        margin-top: -1rem !important;\n    }\n    .mt-n4 {\n        margin-top: -1.5rem !important;\n    }\n    .mt-n5 {\n        margin-top: -3rem !important;\n    }\n\n    .me-n1 {\n      margin-right: -0.25rem !important;\n    }\n    .me-n2 {\n        margin-right: -0.5rem !important;\n    }\n    .me-n3 {\n        margin-right: -1rem !important;\n    }\n    .me-n4 {\n        margin-right: -1.5rem !important;\n    }\n    .me-n5 {\n        margin-right: -3rem !important;\n    }\n\n    .mb-n1 {\n      margin-bottom: -0.25rem !important;\n    }\n    .mb-n2 {\n        margin-bottom: -0.5rem !important;\n    }\n    .mb-n3 {\n        margin-bottom: -1rem !important;\n    }\n    .mb-n4 {\n        margin-bottom: -1.5rem !important;\n    }\n    .mb-n5 {\n        margin-bottom: -3rem !important;\n    }\n\n    .ms-n1 {\n      margin-left: -0.25rem !important;\n    }\n    .ms-n2 {\n        margin-left: -0.5rem !important;\n    }\n    .ms-n3 {\n        margin-left: -1rem !important;\n    }\n    .ms-n4 {\n        margin-left: -1.5rem !important;\n    }\n    .ms-n5 {\n        margin-left: -3rem !important;\n    }\n\n    @media (min-width: 576px) {\n      .fw-sm-medium {\n        font-weight: 500 !important;\n      }\n\n      .fw-sm-semibold {\n        font-weight: 600 !important;\n      }\n\n      .display-sm-1 {\n        font-size: 6rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-sm-2 {\n        font-size: 5.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-sm-3 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-sm-4 {\n        font-size: 3.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .h1-sm {\n        font-size: 2.5rem;\n      }\n\n      .h2-sm {\n        font-size: 2rem;\n      }\n\n      .h3-sm {\n        font-size: 1.75rem;\n      }\n\n      .h4-sm {\n        font-size: 1.5rem;\n      }\n\n      .h5-sm {\n        font-size: 1.25rem;\n      }\n\n      .h6-sm {\n        font-size: 1rem;\n      }\n\n      .w-sm-25 {\n        width: 25% !important;\n      }\n\n      .w-sm-50 {\n        width: 50% !important;\n      }\n\n      .w-sm-75 {\n        width: 75% !important;\n      }\n\n      .w-sm-100 {\n        width: 100% !important;\n      }\n\n      .w-sm-auto {\n        width: auto !important;\n      }\n\n      .h-sm-25 {\n        height: 25% !important;\n      }\n\n      .h-sm-50 {\n        height: 50% !important;\n      }\n\n      .h-sm-75 {\n        height: 75% !important;\n      }\n\n      .h-sm-100 {\n        height: 100% !important;\n      }\n\n      .h-sm-auto {\n        height: auto !important;\n      }\n\n      .mw-sm-100 {\n        max-width: 100% !important;\n      }\n\n      .mh-sm-100 {\n        max-height: 100% !important;\n      }\n\n      .min-vw-sm-100 {\n        min-width: 100vw !important;\n      }\n\n      .min-vh-sm-100 {\n        min-height: 100vh !important;\n      }\n\n      .vw-sm-100 {\n        width: 100vw !important;\n      }\n\n      .vh-sm-100 {\n        height: 100vh !important;\n      }\n\n      .small-sm {\n        font-size: 80%;\n        font-weight: 400;\n      }\n\n      .normal-sm {\n        font-size: 100%;\n      }\n\n      .big-sm {\n        font-size: 120%;\n      }\n\n      .m-sm-n1 {\n        margin: -0.25rem !important;\n      }\n      .m-sm-n2 {\n        margin: -0.5rem !important;\n      }\n      .m-sm-n3 {\n        margin: -1rem !important;\n      }\n      .m-sm-n4 {\n        margin: -1.5rem !important;\n      }\n      .m-sm-n5 {\n        margin: -3rem !important;\n      }\n\n      .mt-sm-n1 {\n        margin-top: -0.25rem !important;\n      }\n      .mt-sm-n2 {\n          margin-top: -0.5rem !important;\n      }\n      .mt-sm-n3 {\n          margin-top: -1rem !important;\n      }\n      .mt-sm-n4 {\n          margin-top: -1.5rem !important;\n      }\n      .mt-sm-n5 {\n          margin-top: -3rem !important;\n      }\n\n      .me-sm-n1 {\n        margin-right: -0.25rem !important;\n      }\n      .me-sm-n2 {\n          margin-right: -0.5rem !important;\n      }\n      .me-sm-n3 {\n          margin-right: -1rem !important;\n      }\n      .me-sm-n4 {\n          margin-right: -1.5rem !important;\n      }\n      .me-sm-n5 {\n          margin-right: -3rem !important;\n      }\n\n      .mb-sm-n1 {\n        margin-bottom: -0.25rem !important;\n      }\n      .mb-sm-n2 {\n          margin-bottom: -0.5rem !important;\n      }\n      .mb-sm-n3 {\n          margin-bottom: -1rem !important;\n      }\n      .mb-sm-n4 {\n          margin-bottom: -1.5rem !important;\n      }\n      .mb-sm-n5 {\n          margin-bottom: -3rem !important;\n      }\n\n      .ms-sm-n1 {\n        margin-left: -0.25rem !important;\n      }\n      .ms-sm-n2 {\n          margin-left: -0.5rem !important;\n      }\n      .ms-sm-n3 {\n          margin-left: -1rem !important;\n      }\n      .ms-sm-n4 {\n          margin-left: -1.5rem !important;\n      }\n      .ms-sm-n5 {\n          margin-left: -3rem !important;\n      }\n    }\n\n    @media (min-width: 768px) {\n      .fw-md-medium {\n        font-weight: 500 !important;\n      }\n\n      .fw-md-semibold {\n        font-weight: 600 !important;\n      }\n\n      .display-md-1 {\n        font-size: 6rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-md-2 {\n        font-size: 5.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-md-3 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-md-4 {\n        font-size: 3.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .h1-md {\n        font-size: 2.5rem;\n      }\n\n      .h2-md {\n        font-size: 2rem;\n      }\n\n      .h3-md {\n        font-size: 1.75rem;\n      }\n\n      .h4-md {\n        font-size: 1.5rem;\n      }\n\n      .h5-md {\n        font-size: 1.25rem;\n      }\n\n      .h6-md {\n        font-size: 1rem;\n      }\n\n      .w-md-25 {\n        width: 25% !important;\n      }\n\n      .w-md-50 {\n        width: 50% !important;\n      }\n\n      .w-md-75 {\n        width: 75% !important;\n      }\n\n      .w-md-100 {\n        width: 100% !important;\n      }\n\n      .w-md-auto {\n        width: auto !important;\n      }\n\n      .h-md-25 {\n        height: 25% !important;\n      }\n\n      .h-md-50 {\n        height: 50% !important;\n      }\n\n      .h-md-75 {\n        height: 75% !important;\n      }\n\n      .h-md-100 {\n        height: 100% !important;\n      }\n\n      .h-md-auto {\n        height: auto !important;\n      }\n\n      .mw-md-100 {\n        max-width: 100% !important;\n      }\n\n      .mh-md-100 {\n        max-height: 100% !important;\n      }\n\n      .min-vw-md-100 {\n        min-width: 100vw !important;\n      }\n\n      .min-vh-md-100 {\n        min-height: 100vh !important;\n      }\n\n      .vw-md-100 {\n        width: 100vw !important;\n      }\n\n      .vh-md-100 {\n        height: 100vh !important;\n      }\n\n      .small-md {\n        font-size: 80%;\n        font-weight: 400;\n      }\n\n      .normal-md {\n        font-size: 100%;\n      }\n\n      .big-md {\n        font-size: 120%;\n      }\n\n      .m-md-n1 {\n        margin: -0.25rem !important;\n      }\n      .m-md-n2 {\n        margin: -0.5rem !important;\n      }\n      .m-md-n3 {\n        margin: -1rem !important;\n      }\n      .m-md-n4 {\n        margin: -1.5rem !important;\n      }\n      .m-md-n5 {\n        margin: -3rem !important;\n      }\n\n      .mt-md-n1 {\n        margin-top: -0.25rem !important;\n      }\n      .mt-md-n2 {\n          margin-top: -0.5rem !important;\n      }\n      .mt-md-n3 {\n          margin-top: -1rem !important;\n      }\n      .mt-md-n4 {\n          margin-top: -1.5rem !important;\n      }\n      .mt-md-n5 {\n          margin-top: -3rem !important;\n      }\n\n      .me-md-n1 {\n        margin-right: -0.25rem !important;\n      }\n      .me-md-n2 {\n          margin-right: -0.5rem !important;\n      }\n      .me-md-n3 {\n          margin-right: -1rem !important;\n      }\n      .me-md-n4 {\n          margin-right: -1.5rem !important;\n      }\n      .me-md-n5 {\n          margin-right: -3rem !important;\n      }\n\n      .mb-md-n1 {\n        margin-bottom: -0.25rem !important;\n      }\n      .mb-md-n2 {\n          margin-bottom: -0.5rem !important;\n      }\n      .mb-md-n3 {\n          margin-bottom: -1rem !important;\n      }\n      .mb-md-n4 {\n          margin-bottom: -1.5rem !important;\n      }\n      .mb-md-n5 {\n          margin-bottom: -3rem !important;\n      }\n\n      .ms-md-n1 {\n        margin-left: -0.25rem !important;\n      }\n      .ms-md-n2 {\n          margin-left: -0.5rem !important;\n      }\n      .ms-md-n3 {\n          margin-left: -1rem !important;\n      }\n      .ms-md-n4 {\n          margin-left: -1.5rem !important;\n      }\n      .ms-md-n5 {\n          margin-left: -3rem !important;\n      }\n    }\n\n    @media (min-width: 992px) {\n      .fw-lg-medium {\n        font-weight: 500 !important;\n      }\n\n      .fw-lg-semibold {\n        font-weight: 600 !important;\n      }\n\n      .display-lg-1 {\n        font-size: 6rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-lg-2 {\n        font-size: 5.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-lg-3 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-lg-4 {\n        font-size: 3.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .h1-lg {\n        font-size: 2.5rem;\n      }\n\n      .h2-lg {\n        font-size: 2rem;\n      }\n\n      .h3-lg {\n        font-size: 1.75rem;\n      }\n\n      .h4-lg {\n        font-size: 1.5rem;\n      }\n\n      .h5-lg {\n        font-size: 1.25rem;\n      }\n\n      .h6-lg {\n        font-size: 1rem;\n      }\n\n      .w-lg-25 {\n        width: 25% !important;\n      }\n\n      .w-lg-50 {\n        width: 50% !important;\n      }\n\n      .w-lg-70 {\n        width: 70% !important;\n      }\n\n      .w-lg-75 {\n        width: 75% !important;\n      }\n\n      .w-lg-80 {\n        width: 80% !important;\n      }\n\n      .w-lg-90 {\n        width: 90% !important;\n      }\n\n      .w-lg-100 {\n        width: 100% !important;\n      }\n\n      .w-lg-auto {\n        width: auto !important;\n      }\n\n      .h-lg-25 {\n        height: 25% !important;\n      }\n\n      .h-lg-50 {\n        height: 50% !important;\n      }\n\n      .h-lg-75 {\n        height: 75% !important;\n      }\n\n      .h-lg-100 {\n        height: 100% !important;\n      }\n\n      .h-lg-auto {\n        height: auto !important;\n      }\n\n      .mw-lg-100 {\n        max-width: 100% !important;\n      }\n\n      .mh-lg-100 {\n        max-height: 100% !important;\n      }\n\n      .min-vw-lg-100 {\n        min-width: 100vw !important;\n      }\n\n      .min-vh-lg-100 {\n        min-height: 100vh !important;\n      }\n\n      .vw-lg-100 {\n        width: 100vw !important;\n      }\n\n      .vh-lg-100 {\n        height: 100vh !important;\n      }\n\n      .small-lg {\n        font-size: 80%;\n        font-weight: 400;\n      }\n\n      .normal-lg {\n        font-size: 100%;\n      }\n\n      .big-lg {\n        font-size: 120%;\n      }\n\n      .m-lg-n1 {\n        margin: -0.25rem !important;\n      }\n      .m-lg-n2 {\n        margin: -0.5rem !important;\n      }\n      .m-lg-n3 {\n        margin: -1rem !important;\n      }\n      .m-lg-n4 {\n        margin: -1.5rem !important;\n      }\n      .m-lg-n5 {\n        margin: -3rem !important;\n      }\n\n      .mt-lg-n1 {\n        margin-top: -0.25rem !important;\n      }\n      .mt-lg-n2 {\n          margin-top: -0.5rem !important;\n      }\n      .mt-lg-n3 {\n          margin-top: -1rem !important;\n      }\n      .mt-lg-n4 {\n          margin-top: -1.5rem !important;\n      }\n      .mt-lg-n5 {\n          margin-top: -3rem !important;\n      }\n\n      .me-lg-n1 {\n        margin-right: -0.25rem !important;\n      }\n      .me-lg-n2 {\n          margin-right: -0.5rem !important;\n      }\n      .me-lg-n3 {\n          margin-right: -1rem !important;\n      }\n      .me-lg-n4 {\n          margin-right: -1.5rem !important;\n      }\n      .me-lg-n5 {\n          margin-right: -3rem !important;\n      }\n\n      .mb-lg-n1 {\n        margin-bottom: -0.25rem !important;\n      }\n      .mb-lg-n2 {\n          margin-bottom: -0.5rem !important;\n      }\n      .mb-lg-n3 {\n          margin-bottom: -1rem !important;\n      }\n      .mb-lg-n4 {\n          margin-bottom: -1.5rem !important;\n      }\n      .mb-lg-n5 {\n          margin-bottom: -3rem !important;\n      }\n\n      .ms-lg-n1 {\n        margin-left: -0.25rem !important;\n      }\n      .ms-lg-n2 {\n          margin-left: -0.5rem !important;\n      }\n      .ms-lg-n3 {\n          margin-left: -1rem !important;\n      }\n      .ms-lg-n4 {\n          margin-left: -1.5rem !important;\n      }\n      .ms-lg-n5 {\n          margin-left: -3rem !important;\n      }\n    }\n\n    @media (min-width: 1200px) {\n      .fw-xl-medium {\n        font-weight: 500 !important;\n      }\n\n      .fw-xl-semibold {\n        font-weight: 600 !important;\n      }\n\n      .display-xl-1 {\n        font-size: 6rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xl-2 {\n        font-size: 5.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xl-3 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xl-4 {\n        font-size: 3.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .h1-xl {\n        font-size: 2.5rem;\n      }\n\n      .h2-xl {\n        font-size: 2rem;\n      }\n\n      .h3-xl {\n        font-size: 1.75rem;\n      }\n\n      .h4-xl {\n        font-size: 1.5rem;\n      }\n\n      .h5-xl {\n        font-size: 1.25rem;\n      }\n\n      .h6-xl {\n        font-size: 1rem;\n      }\n\n      .w-xl-25 {\n        width: 25% !important;\n      }\n\n      .w-xl-50 {\n        width: 50% !important;\n      }\n\n      .w-xl-75 {\n        width: 75% !important;\n      }\n\n      .w-xl-100 {\n        width: 100% !important;\n      }\n\n      .w-xl-auto {\n        width: auto !important;\n      }\n\n      .h-xl-25 {\n        height: 25% !important;\n      }\n\n      .h-xl-50 {\n        height: 50% !important;\n      }\n\n      .h-xl-75 {\n        height: 75% !important;\n      }\n\n      .h-xl-100 {\n        height: 100% !important;\n      }\n\n      .h-xl-auto {\n        height: auto !important;\n      }\n\n      .mw-xl-100 {\n        max-width: 100% !important;\n      }\n\n      .mh-xl-100 {\n        max-height: 100% !important;\n      }\n\n      .min-vw-xl-100 {\n        min-width: 100vw !important;\n      }\n\n      .min-vh-xl-100 {\n        min-height: 100vh !important;\n      }\n\n      .vw-xl-100 {\n        width: 100vw !important;\n      }\n\n      .vh-xl-100 {\n        height: 100vh !important;\n      }\n\n      .small-xl {\n        font-size: 80%;\n        font-weight: 400;\n      }\n\n      .normal-xl {\n        font-size: 100%;\n      }\n\n      .big-xl {\n        font-size: 120%;\n      }\n\n      .m-xl-n1 {\n        margin: -0.25rem !important;\n      }\n      .m-xl-n2 {\n        margin: -0.5rem !important;\n      }\n      .m-xl-n3 {\n        margin: -1rem !important;\n      }\n      .m-xl-n4 {\n        margin: -1.5rem !important;\n      }\n      .m-xl-n5 {\n        margin: -3rem !important;\n      }\n\n      .mt-xl-n1 {\n        margin-top: -0.25rem !important;\n      }\n      .mt-xl-n2 {\n          margin-top: -0.5rem !important;\n      }\n      .mt-xl-n3 {\n          margin-top: -1rem !important;\n      }\n      .mt-xl-n4 {\n          margin-top: -1.5rem !important;\n      }\n      .mt-xl-n5 {\n          margin-top: -3rem !important;\n      }\n\n      .me-xl-n1 {\n        margin-right: -0.25rem !important;\n      }\n      .me-xl-n2 {\n          margin-right: -0.5rem !important;\n      }\n      .me-xl-n3 {\n          margin-right: -1rem !important;\n      }\n      .me-xl-n4 {\n          margin-right: -1.5rem !important;\n      }\n      .me-xl-n5 {\n          margin-right: -3rem !important;\n      }\n\n      .mb-xl-n1 {\n        margin-bottom: -0.25rem !important;\n      }\n      .mb-xl-n2 {\n          margin-bottom: -0.5rem !important;\n      }\n      .mb-xl-n3 {\n          margin-bottom: -1rem !important;\n      }\n      .mb-xl-n4 {\n          margin-bottom: -1.5rem !important;\n      }\n      .mb-xl-n5 {\n          margin-bottom: -3rem !important;\n      }\n\n      .ms-xl-n1 {\n        margin-left: -0.25rem !important;\n      }\n      .ms-xl-n2 {\n          margin-left: -0.5rem !important;\n      }\n      .ms-xl-n3 {\n          margin-left: -1rem !important;\n      }\n      .ms-xl-n4 {\n          margin-left: -1.5rem !important;\n      }\n      .ms-xl-n5 {\n          margin-left: -3rem !important;\n      }\n    }\n\n    @media (min-width: 1400px) {\n      .fw-xxl-medium {\n        font-weight: 500 !important;\n      }\n\n      .fw-xxl-semibold {\n        font-weight: 600 !important;\n      }\n\n      .display-xxl-1 {\n        font-size: 6rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xxl-2 {\n        font-size: 5.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xxl-3 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .display-xxl-4 {\n        font-size: 3.5rem;\n        font-weight: 300;\n        line-height: 1.2;\n      }\n\n      .h1-xxl {\n        font-size: 2.5rem;\n      }\n\n      .h2-xxl {\n        font-size: 2rem;\n      }\n\n      .h3-xxl {\n        font-size: 1.75rem;\n      }\n\n      .h4-xxl {\n        font-size: 1.5rem;\n      }\n\n      .h5-xxl {\n        font-size: 1.25rem;\n      }\n\n      .h6-xxl {\n        font-size: 1rem;\n      }\n\n      .w-xxl-25 {\n        width: 25% !important;\n      }\n\n      .w-xxl-50 {\n        width: 50% !important;\n      }\n\n      .w-xxl-75 {\n        width: 75% !important;\n      }\n\n      .w-xxl-100 {\n        width: 100% !important;\n      }\n\n      .w-xxl-auto {\n        width: auto !important;\n      }\n\n      .h-xxl-25 {\n        height: 25% !important;\n      }\n\n      .h-xxl-50 {\n        height: 50% !important;\n      }\n\n      .h-xxl-75 {\n        height: 75% !important;\n      }\n\n      .h-xxl-100 {\n        height: 100% !important;\n      }\n\n      .h-xxl-auto {\n        height: auto !important;\n      }\n\n      .mw-xxl-100 {\n        max-width: 100% !important;\n      }\n\n      .mh-xxl-100 {\n        max-height: 100% !important;\n      }\n\n      .min-vw-xxl-100 {\n        min-width: 100vw !important;\n      }\n\n      .min-vh-xxl-100 {\n        min-height: 100vh !important;\n      }\n\n      .vw-xxl-100 {\n        width: 100vw !important;\n      }\n\n      .vh-xxl-100 {\n        height: 100vh !important;\n      }\n\n      .small-xxl {\n        font-size: 80%;\n        font-weight: 400;\n      }\n\n      .normal-xxl {\n        font-size: 100%;\n      }\n\n      .big-xxl {\n        font-size: 120%;\n      }\n\n      .m-xxl-n1 {\n        margin: -0.25rem !important;\n      }\n      .m-xxl-n2 {\n        margin: -0.5rem !important;\n      }\n      .m-xxl-n3 {\n        margin: -1rem !important;\n      }\n      .m-xxl-n4 {\n        margin: -1.5rem !important;\n      }\n      .m-xxl-n5 {\n        margin: -3rem !important;\n      }\n\n      .mt-xxl-n1 {\n        margin-top: -0.25rem !important;\n      }\n      .mt-xxl-n2 {\n          margin-top: -0.5rem !important;\n      }\n      .mt-xxl-n3 {\n          margin-top: -1rem !important;\n      }\n      .mt-xxl-n4 {\n          margin-top: -1.5rem !important;\n      }\n      .mt-xxl-n5 {\n          margin-top: -3rem !important;\n      }\n\n      .me-xxl-n1 {\n        margin-right: -0.25rem !important;\n      }\n      .me-xxl-n2 {\n          margin-right: -0.5rem !important;\n      }\n      .me-xxl-n3 {\n          margin-right: -1rem !important;\n      }\n      .me-xxl-n4 {\n          margin-right: -1.5rem !important;\n      }\n      .me-xxl-n5 {\n          margin-right: -3rem !important;\n      }\n\n      .mb-xxl-n1 {\n        margin-bottom: -0.25rem !important;\n      }\n      .mb-xxl-n2 {\n          margin-bottom: -0.5rem !important;\n      }\n      .mb-xxl-n3 {\n          margin-bottom: -1rem !important;\n      }\n      .mb-xxl-n4 {\n          margin-bottom: -1.5rem !important;\n      }\n      .mb-xxl-n5 {\n          margin-bottom: -3rem !important;\n      }\n\n      .ms-xxl-n1 {\n        margin-left: -0.25rem !important;\n      }\n      .ms-xxl-n2 {\n          margin-left: -0.5rem !important;\n      }\n      .ms-xxl-n3 {\n          margin-left: -1rem !important;\n      }\n      .ms-xxl-n4 {\n          margin-left: -1.5rem !important;\n      }\n      .ms-xxl-n5 {\n          margin-left: -3rem !important;\n      }\n    }\n  }\n`;\n","import React, { useState, useEffect, useCallback, useContext } from 'react';\nimport {\n  ethers,\n  utils,\n  ContractReceipt,\n  ContractTransaction,\n  BigNumber,\n} from 'ethers';\nimport { Provider } from 'ethers-multicall';\nimport { useHistory, useParams } from 'react-router-dom';\nimport axios from 'axios';\nimport { AbiItem } from 'web3-utils';\nimport { string } from 'yup';\nimport Cookies from 'universal-cookie';\nimport { web3store } from '../../store';\nimport { useAuth } from '~/hooks/Auth';\n// import { abi as usdpiAbi } from '../../abi/usdpi.json';\nimport { abibusd as busdAbi } from '../../abi/busd.json';\nimport { abibank as bankAbi } from '../../abi/bank.json';\nimport { abi as EthUsdtSwapV3Abi } from '~/abi/EthUsdtSwapV3.json';\nimport { abi as erc20Abi } from '~/abi/erc20.json';\n\n/* eslint no-underscore-dangle: 0 */\nconst Web3Stats: React.FC = () => {\n  const [funnelType, setFunnelType] = web3store.useState('funnelType');\n\n  const [reference, setReference] = web3store.useState('reference');\n  const [placementRef, setPlacementRef] = web3store.useState('placementRef');\n  const [username, setUsername] = web3store.useState('username');\n\n  const [account, setAccount] = web3store.useState('account');\n  const [provider, setProvider] = web3store.useState('provider');\n  const [signer, setSigner] = web3store.useState('signer');\n  // ---------------------\n  // Required Blockchain\n  const [reqChainHex, setReqChainHex] = web3store.useState('reqChainHex');\n  // const [reqChainInt, setReqChainInt] = web3store.useState('reqChainInt');\n  const [chainMode, setChainMode] = web3store.useState('chainMode');\n  const [currentChain, setCurrentChain] = web3store.useState('currentChain');\n  const [skipModal, setSkipModal] = web3store.useState('skipModal');\n  // Required Blockchain\n  // ---------------------\n  const [balusdpi, setBalusdpi] = web3store.useState('balusdpi');\n  const [balbusd, setBalbusd] = web3store.useState('balbusd');\n  const [balprfti, setBalprfti] = web3store.useState('balprfti');\n  const [balbnb, setBalbnb] = web3store.useState('balbnb');\n  const [baleth, setBaleth] = web3store.useState('baleth');\n  const [balusdt, setBalusdt] = web3store.useState('balusdt');\n\n  const [contractusdpi, setContractusdpi] = web3store.useState('contractusdpi');\n  const [authBusd2Bank, setAuthBusd2Bank] = web3store.useState('authBusd2Bank'); // Authorized BUSD to USDPI Bank\n  const [authUsdpi2Subs, setAuthUsdpi2Subs] =\n    web3store.useState('authUsdpi2Subs'); // Authorized BUSD to USDPI Bank\n  const [nftlist, setNftlist] = web3store.useState('nftlist');\n  const [refW3, setRefW3] = web3store.useState('refW3');\n  const [refContractDef, setRefContractDef] =\n    web3store.useState('refContractDef');\n  const [refNftList, setRefNftList] = web3store.useState('refNftList');\n  const [memberStatus, setMemberStatus] = web3store.useState('memberStatus');\n  const [refBalances, setRefBalances] = web3store.useState('refBalances');\n  const [imgCommand, setImgCommand] = web3store.useState('imgCommand');\n  const [imgURL, setImgURL] = web3store.useState('imgURL');\n  const [imgSeed, setImgSeed] = web3store.useState('imgSeed');\n  const [cartProfitCenters, setCartProfitCenters] =\n    web3store.useState('cartProfitCenters');\n  const [cartPrepayMonths, setCartPrepayMonths] =\n    web3store.useState('cartPrepayMonths');\n  const [cartPurchase, setCartPurchase] = web3store.useState('cartPurchase');\n  const [cartPurchaseStake, setCartPurchaseStake] =\n    web3store.useState('cartPurchaseStake');\n  const [cartHashes, setCartHashes] = web3store.useState('cartHashes');\n  const [cartAmt, setCartAmt] = web3store.useState('cartAmt');\n  const [buyStakingAmt, setBuyStakingAmt] = web3store.useState('buyStakingAmt');\n  const [buyStakingHashes, setBuyStakingHashes] =\n    web3store.useState('buyStakingHashes');\n  const [cartPurchaseStakeTX, setCartPurchaseStakeTX] = web3store.useState(\n    'cartPurchaseStakeTX'\n  );\n  const [cartPurchaseTX, setCartPurchaseTX] =\n    web3store.useState('cartPurchaseTX');\n  //  ===== TOKEN SWAP =====\n  const [usdpiPurchaseAmt, setUsdpiPurchaseAmt] =\n    web3store.useState('usdpiPurchaseAmt');\n  const [usdpiPurchaseAmtEth, setUsdpiPurchaseAmtEth] = web3store.useState(\n    'usdpiPurchaseAmtEth'\n  );\n  const [usdpiPurchaseAmtUsdt, setUsdpiPurchaseAmtUsdt] = web3store.useState(\n    'usdpiPurchaseAmtUsdt'\n  );\n  const [usdpiSaleAmt, setUsdpiSaleAmt] = web3store.useState('usdpiSaleAmt');\n  const [usdpiPurchaseFee, setUsdpiPurchaseFee] =\n    web3store.useState('usdpiPurchaseFee');\n  const [usdpiPurchaseTX, setUsdpiPurchaseTX] =\n    web3store.useState('usdpiPurchaseTX');\n  const [usdpiPurchaseToken, setUsdpiPurchaseToken] =\n    web3store.useState('usdpiPurchaseToken');\n  //  ===== TOKEN SWAP =====\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const [invalidRef, setInvalidRef] = web3store.useState('invalidRef');\n  const [wrongChain, setWrongChain] = web3store.useState('wrongChain');\n  const [activating, setActivating] = web3store.useState('activating');\n  const [mintOnly, setMintOnly] = web3store.useState('mintOnly');\n  const [lastPageServed, setLastPageServed] =\n    web3store.useState('lastPageServed');\n  const [processText, setProcessText] = web3store.useState('processText');\n  const history = useHistory();\n  const cookies = new Cookies();\n  const { setStatus, setConnected } = useAuth();\n  const url = process.env.REACT_APP_API as string;\n  // console.log('url: %s', url);\n  const [harvestStake, setHarvestStake] = web3store.useState('harvestStake');\n  // Withdrawal\n  const [runWithdrawal, setRunWithdrawal] = web3store.useState('runWithdrawal');\n  const [withdrawalResult, setWithdrawalResult] =\n    web3store.useState('withdrawalResult');\n  // Claim Revenue Share USDPI\n  const [runClaimPoolUsdpi, setRunClaimPoolUsdpi] =\n    web3store.useState('runClaimPoolUsdpi');\n  const [withdrawalPoolUsdpiResult, setWithdrawalPoolUsdpiResult] =\n    web3store.useState('withdrawalPoolUsdpiResult');\n  // Claim Performance Share USDPI\n  const [runClaimPerfPoolUsdpi, setRunClaimPerfPoolUsdpi] = web3store.useState(\n    'runClaimPerfPoolUsdpi'\n  );\n  const [withdrawalPerfPoolUsdpiResult, setWithdrawalPerfPoolUsdpiResult] =\n    web3store.useState('withdrawalPerfPoolUsdpiResult');\n  // Claim Performance Share USDPI\n  const [runClaimDripPrfti, setRunClaimDripPrfti] =\n    web3store.useState('runClaimDripPrfti');\n  const [withdrawalDripResult, setWithdrawalDripResult] = web3store.useState(\n    'withdrawalDripResult'\n  );\n  // Claim Performance Share USDPI\n  const [runClaimStakingPrfti, setRunClaimStakingPrfti] = web3store.useState(\n    'runClaimStakingPrfti'\n  );\n  const [withdrawalStakingResult, setWithdrawalStakingResult] =\n    web3store.useState('withdrawalStakingResult');\n  // Add tokens\n  const [walletAddPRFTI, setWalletAddPRFTI] =\n    web3store.useState('walletAddPRFTI');\n  const [walletAddUSDPI, setWalletAddUSDPI] =\n    web3store.useState('walletAddUSDPI');\n  // AI Image generator\n  const [aiigSeed, setAiigSeed] = web3store.useState('aiigSeed');\n  const [aiigPrompt, setAiigPrompt] = web3store.useState('aiigPrompt');\n  const [aiigResult, setAiigResult] = web3store.useState('aiigResult');\n  const [aiigCount, setAiigCount] = web3store.useState('aiigCount');\n  const [aiigCreate, setAiigCreate] = web3store.useState('aiigCreate');\n  // Balance polling\n  const [balanceInterval, setBalanceInterval] =\n    web3store.useState('balanceInterval');\n  const [balanceId, setBalanceId] = web3store.useState('balanceId');\n\n  const currentHostname = window.location.hostname;\n  // console.log('****** currentHostname %s ******', currentHostname);\n  // const hostnameParts = currentHostname.split('.');\n  // console.log(hostnameParts);\n  // const prefix = hostnameParts[1]; // Get the second part of the hostname\n  // console.log('****** PREFIX %s ******', prefix);\n  // ======================================\n  // Account changed\n  // ======================================\n  useEffect(() => {\n    // console.log('===== balanceId: %s', balanceId);\n    if (account !== '') {\n      // console.log('-----------------------------');\n      // console.log(' Acct Changed - Get NFT List ');\n      // console.log('-----------------------------');\n      axios\n        .get(url.concat('/v1/nft/list'), {\n          params: {\n            registered: 2,\n            owner: account,\n          },\n        })\n        .then(function (response) {\n          // console.log(response);\n          setNftlist(response.data.nft_list);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n      setRefBalances(true);\n      setBalanceInterval(300000);\n    } else {\n      setBalanceInterval(0);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [account]);\n\n  // Balance Polling\n  useEffect(() => {\n    if (!refBalances) {\n      if (balanceId !== null) {\n        // console.log('===== STOP POLLING =====');\n        window.clearInterval(balanceId);\n        setBalanceId(null);\n      }\n      if (balanceInterval > 0) {\n        // console.log('===== START POLLING =====');\n        const newIntervalId = window.setInterval(() => {\n          // console.log('Poll time: %s', refBalances);\n          if (!refBalances) {\n            setRefBalances(true);\n          }\n        }, balanceInterval);\n        setBalanceId(newIntervalId);\n      }\n    }\n  }, [balanceInterval, refBalances]);\n\n  // ======================================\n  // Refresh NFT List\n  // ======================================\n  useEffect(() => {\n    if (account !== '' && refNftList) {\n      console.log('-----------------------');\n      console.log('       Get NFT List       ');\n      console.log('-----------------------');\n      // const url = process.env.REACT_APP_API as string;\n      axios\n        .get(url.concat('/v1/nft/list'), {\n          params: {\n            registered: 2,\n            owner: account,\n          },\n        })\n        .then(function (response) {\n          console.log(response);\n          setNftlist(response.data.nft_list);\n          setRefNftList(false);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [refNftList]);\n\n  // ======================================\n  // NFT LIST UPDATED\n  // Set Member & Route User\n  // ======================================\n  useEffect(() => {\n    // console.log('======================================');\n    // console.log('NFT LIST UPDATED');\n    // console.log('======================================');\n    if (account !== '') {\n      // const url = process.env.REACT_APP_API as string;\n      // console.log(nftlist);\n      let refCode;\n      let placeCode;\n      let aaName;\n      const saveReferral = async (ref: any, place: any, usernm: any) => {\n        console.log('*********** saveReferral ***********');\n        console.log('ref: %s', ref);\n        console.log('place: %s', place);\n        console.log('usernm: %s', usernm);\n        console.log('*********** saveReferral ***********');\n        axios\n          .post(url.concat('/v1/ref/assign'), {\n            ref,\n            account,\n            place,\n            usernm,\n          })\n          .then(function (acctresponse) {\n            // console.log(acctresponse.data);\n            if (acctresponse.data.success) {\n              // console.log('**************************');\n              // console.log('REFERRAL FOUND OR ASSIGNED');\n              // console.log('**************************');\n              // console.log(acctresponse.data.ref_code);\n              if (acctresponse.data.ref_code !== null) {\n                // console.log('saving new ref code: %s', acctresponse.data);\n                cookies.set('reference', '', { expires: new Date(0) });\n                cookies.set('reference', acctresponse.data.ref_code);\n                setReference(acctresponse.data.ref_code);\n              } else {\n                // console.log('ref %s was accepted by database', ref);\n                cookies.set('reference', ref);\n                // console.log('ref: %s', ref);\n                setReference(ref);\n                // console.log(cookies.get('reference'));\n              }\n              setInvalidRef(false);\n              setMemberStatus('entry');\n              setConnected(true);\n              history.push('/get-your-free-nft');\n            } else {\n              setInvalidRef(true);\n            }\n          })\n          .catch(function (error) {\n            setInvalidRef(true);\n            console.log('================= ERROR ===================');\n            console.log(error);\n          });\n      };\n      if (nftlist.length === 0) {\n        console.log('New user - no NFT - Check referral code');\n        // console.log('***** NOOBIE ***** %s', reference);\n        // console.log('***** NOOBIE ***** %s', placementRef);\n        // console.log('***** NOOBIE ***** %s', username);\n\n        // setMemberStatus('entry');\n        refCode = reference;\n        placeCode = placementRef;\n        aaName = username;\n        if (refCode === undefined) {\n          console.log('No url ref code');\n          // no referral code from url\n          refCode = cookies.get('reference');\n          placeCode = cookies.get('placementRef');\n          aaName = cookies.get('username');\n        } else {\n          console.log('Url ref code found: %s', refCode);\n          // console.log('Url placement code found: %s', placeCode);\n          // console.log('Url username found: %s', aaName);\n          cookies.set('reference', refCode, { path: '/' });\n          cookies.set('placementRef', placeCode, { path: '/' });\n          cookies.set('username', aaName, { path: '/' });\n          saveReferral(refCode, placeCode, aaName);\n        }\n        if (refCode === undefined) {\n          console.log('No url or cookie ref code...checking database');\n          // no referral code from url or cookie\n          axios\n            .get(url.concat('/v1/ref/lookup'), {\n              params: {\n                account,\n              },\n            })\n            .then(function (response) {\n              console.log(response);\n              console.log(response.data.reference);\n              // if (response.data.reference.length === 0) {\n              if (response.data.reference === null) {\n                console.log('No database record found...sending to stub page');\n                history.push('/');\n                setInvalidRef(true);\n              } else {\n                setInvalidRef(false);\n                saveReferral(\n                  response.data.reference,\n                  'x',\n                  response.data.aa_username\n                );\n              }\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setInvalidRef(true);\n            });\n        } else {\n          // console.log('found in cookie');\n          saveReferral(refCode, placeCode, aaName);\n        }\n      } else if (nftlist[0].is_active) {\n        /*\n        User has an activated NFT.  Go to the dashboard\n          */\n        // console.log('setting memberstatus to member');\n        // login(nftlist[0].id);\n        setMemberStatus('member');\n        setInvalidRef(false);\n        setConnectedMember({\n          memberId: nftlist[0].id,\n          nft: nftlist[0],\n        });\n      } else {\n        /*\n        User has an NFT, but it isn't activated.  Go to the activation page.\n        */\n        console.log('setting memberstatus to minted');\n        setInvalidRef(false);\n        setMemberStatus('minted');\n        setConnectedMember({\n          memberId: nftlist[0].id,\n          nft: nftlist[0],\n        });\n      }\n      // } else {\n      //   console.log('ERROR ERROR');\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nftlist]);\n\n  // ======================================\n  // MEMBER RECORD CHANGED\n  // Route user\n  // ======================================\n  useEffect(() => {\n    if (connectedMember !== null) {\n      // console.log('connectedMember:');\n      // console.log('=============================');\n      // console.log('connectedMember');\n      // console.log(connectedMember);\n      // console.log('=============================');\n      if (lastPageServed.length > 0 && lastPageServed !== 'FUNNEL') {\n        history.push(lastPageServed);\n      } else if (connectedMember.nft.is_active) {\n        if (activating) {\n          if (mintOnly) {\n            history.push('/dashboard');\n          } else {\n            history.push('/earn-even-more');\n          }\n        } else {\n          history.push('/dashboard');\n        }\n      } else if (activating) {\n        if (mintOnly) {\n          history.push('/dashboard');\n        } else {\n          history.push('/how-to-participate');\n        }\n      } else {\n        history.push('/how-to-participate');\n      }\n\n      setConnected(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [connectedMember]);\n\n  // ======================================\n  // REFRESH BALANCES\n  // ======================================\n  useEffect(() => {\n    if (refBalances) {\n      // console.log('account: %s', account);\n      if (account !== '') {\n        // console.log('-----------------------');\n        // console.log('   Get Balances    ');\n        // console.log(url.concat('v1/member/tokenBalances/', account));\n        // console.log('-----------------------');\n        axios\n          .get(url.concat('/v1/member/tokenBalances/', account))\n          .then(function (response) {\n            setBalusdpi(response.data.balances.wallet_usdpi);\n            setBalbusd(response.data.balances.wallet_busd);\n            setBalprfti(response.data.balances.wallet_prfti);\n            setBalbnb(response.data.balances.wallet_bnb);\n            setBaleth(response.data.balances.wallet_eth);\n            setBalusdt(response.data.balances.wallet_usdt);\n            // const [baleth, setBaleth] = web3store.useState('baleth');\n            // const [balusdt, setBalusdt] = web3store.useState('balusdt');\n            setAuthBusd2Bank(response.data.balances.auth_bnb_bank);\n            setAuthUsdpi2Subs(response.data.balances.auth_usdpi_subs);\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n          });\n      }\n      setRefBalances(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [refBalances]);\n\n  // ======================================\n  // GENERATE IMAGE\n  // ======================================\n  useEffect(() => {\n    if (imgCommand !== '') {\n      console.log('-----------------------');\n      console.log('   Generate image    ');\n      console.log(imgCommand);\n      console.log('-----------------------');\n      // API CALL HERE\n      interface Params {\n        command: string;\n        seed?: string; // add a \"?\" to make the \"seed\" key optional\n      }\n      const params: Params = {\n        command: imgCommand,\n      };\n      if (imgSeed !== '') {\n        params.seed = imgSeed;\n      }\n      axios\n        .post(url.concat('/v1/image/create'), params)\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          setImgURL(url.concat('/v1/image/get/', acctresponse.data.image));\n          setImgSeed(acctresponse.data.seed);\n          setImgCommand('');\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setImgCommand('');\n        });\n      // setImgURL(\n      //   'https://stablediffusion.fr/assets/cats/000_cat_art_portrait_stable_diffusion_artwork_by_smeagol_0005.webp'\n      // ); // Sample image\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [imgCommand]);\n\n  // ======================================\n  // ACTIVATION\n  // ======================================\n  useEffect(() => {\n    if (cartPurchase) {\n      setActivating(true);\n      console.log('-----------------------');\n      console.log('   Activating    ');\n      console.log('cartPurchase: %s', cartPurchase);\n      console.log('-----------------------');\n      // const url = process.env.REACT_APP_API as string;\n      const processOrder = async (response: any) => {\n        // setProcessText('Waiting for wallet signature...');\n        const { deadline, amt2authorize, nonce, name, chain } = response;\n        const version = '1';\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender: process.env.REACT_APP_BSC_USDPISUBS,\n          // spender: process.env.REACT_APP_BSC_MEMBEROPS,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        console.log('processOrder 7');\n        try {\n          console.log('cartProfitCenters: %s', cartProfitCenters);\n          const sig = await tsigner._signTypedData(domainData, types, val);\n          if (cartProfitCenters === 0) {\n            setMintOnly(true);\n            axios\n              .post(url.concat('/v1/member/mint/activate'), {\n                owner: account,\n                amt: amt2authorize.toString(),\n                deadline,\n                sig,\n              })\n              .then(function (acctresponse) {\n                console.log(acctresponse.data);\n                setRefBalances(true);\n                setRefNftList(true);\n                setCartAmt(0);\n                setCartPurchaseTX(acctresponse.data.tx);\n              })\n              .catch(function (error) {\n                console.log('================= ERROR ===================');\n                console.log(error);\n                setCartPurchase(false);\n                setCartPurchaseTX('ERROR: Activation error');\n              });\n          } else {\n            console.log('processOrder 8');\n            let nft2activate;\n            if (connectedMember !== null) {\n              nft2activate = connectedMember.memberId;\n            }\n            console.log('processOrder 9');\n            axios\n              .post(url.concat('/v1/member/activate'), {\n                owner: account,\n                prepay: cartPrepayMonths,\n                pcount: cartProfitCenters,\n                amt: amt2authorize.toString(),\n                deadline,\n                sig,\n                nft_id: nft2activate,\n                img_name: imgURL.substring(imgURL.lastIndexOf('/') + 1),\n              })\n              .then(function (acctresponse) {\n                console.log(acctresponse.data);\n                setRefBalances(true);\n                setRefNftList(true);\n                console.log('clearing cart amount');\n                setCartAmt(0);\n                setCartPurchaseTX(acctresponse.data.tx);\n              })\n              .catch(function (error) {\n                console.log('================= ERROR ===================');\n                console.log(error);\n                setCartPurchase(false);\n                setCartPurchaseTX('ERROR: Activation error');\n              });\n          }\n        } catch (error) {\n          setCartPurchaseTX('ERROR: Activation error');\n        }\n        setCartPurchase(false);\n      };\n      if (cartProfitCenters === 0) {\n        console.log('****MINT ONLY****');\n        // Get hashes\n        axios\n          .get(url.concat('/v1/member/mint/activate'), {\n            params: {\n              wallet_address: account,\n            },\n          })\n          .then(function (acctresponse) {\n            console.log(acctresponse.data);\n            processOrder(acctresponse.data);\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n            setCartPurchase(false);\n            setCartPurchaseTX('ERROR: API Error');\n          });\n      } else {\n        // Get hashes\n        console.log('Cart Amount: %s', cartAmt);\n        console.log(ethers.utils.parseEther(cartAmt.toString()).toString());\n        const amtAuth = ethers.utils.parseEther(cartAmt.toString()).toString();\n        axios\n          .get(url.concat('/v1/member/activate/'), {\n            params: {\n              wallet_address: account,\n              amt2authorize: amtAuth,\n            },\n          })\n          .then(function (acctresponse) {\n            console.log('acctresponse');\n            console.log(acctresponse.data);\n            processOrder(acctresponse.data);\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n            setCartPurchase(false);\n            setCartPurchaseTX('ERROR: API Error');\n          });\n      }\n      // // set member id\n      // // change member status\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cartPurchase]);\n\n  // ======================================\n  // USDPI Purchase - ETH\n  // ======================================\n  useEffect(() => {\n    // console.log('usdpiPurchaseAmtEth detected!!!');\n    // console.log(usdpiPurchaseAmtEth);\n    if (usdpiPurchaseAmtEth > 0) {\n      const authamount = ethers.utils.parseEther(\n        usdpiPurchaseAmtEth.toString()\n      );\n      // console.log('authamount: %s', authamount);\n      // console.log(process.env.REACT_APP_ETH_SWAP);\n      const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const tsigner = tprovider.getSigner();\n      const swapBank = new ethers.Contract(\n        process.env.REACT_APP_ETH_SWAP as string,\n        EthUsdtSwapV3Abi,\n        tprovider\n      );\n      const exchange = async () => {\n        try {\n          setProcessText('Waiting for wallet approval...');\n          const tx = await swapBank\n            .connect(tsigner)\n            .swapEth4Usdt(authamount, 0, {\n              value: authamount,\n            });\n          setProcessText('Exchange complete.  Your balances will update soon');\n          // console.log(tx);\n          const receipt = await tx.wait();\n          // console.log(receipt.transactionHash);\n          axios\n            .post(url.concat('/v1/usdpi/deposit/usdt/tx'), {\n              nft_id: connectedMember ? connectedMember.memberId : null,\n              tx: receipt.transactionHash,\n            })\n            .then(function (acctresponse) {\n              setUsdpiPurchaseAmtEth(0);\n              setUsdpiPurchaseTX(acctresponse.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setUsdpiPurchaseAmtEth(0);\n              // setUsdpiSaleAmt('');\n              // setUsdpiPurchaseTX('ERROR: Exchange error');\n            });\n        } catch (error: any) {\n          if (error.code === 'CALL_EXCEPTION') {\n            console.error('Transaction reverted:', error);\n            setUsdpiPurchaseAmtEth(0);\n            setUsdpiPurchaseTX('ERROR: Exchange error');\n          } else {\n            console.error('Error occurred:', error);\n            setUsdpiPurchaseAmtEth(0);\n            setUsdpiPurchaseTX('ERROR: Exchange error');\n          }\n        }\n      };\n      exchange();\n    }\n  }, [usdpiPurchaseAmtEth]);\n\n  // usdpiPurchaseAmtUsdt\n  // ======================================\n  // USDPI Purchase - USDT\n  // ======================================\n  useEffect(() => {\n    if (usdpiPurchaseAmtUsdt > 0) {\n      console.log('-----------------------');\n      console.log(' Purchase USDPI w/USDT ');\n      console.log('usdpiPurchaseAmt: %s', usdpiPurchaseAmtUsdt);\n      console.log('-----------------------');\n      const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const tsigner = tprovider.getSigner();\n      const contractbank = new ethers.Contract(\n        process.env.REACT_APP_ETH_SWAP as string,\n        EthUsdtSwapV3Abi,\n        tprovider\n      );\n      const usdtInterface = new ethers.utils.Interface(erc20Abi);\n      const contractusdt = new ethers.Contract(\n        process.env.REACT_APP_BSC_USDT as string,\n        usdtInterface,\n        tprovider\n      );\n      const amountInToken = usdpiPurchaseAmtUsdt * 10 ** 6; // Convert the amount to the token's base unit (with 6 decimal places)\n      const authamount = ethers.BigNumber.from(amountInToken); // Convert the base unit to a BigNumber\n      console.log(authamount);\n      // const authamount = ethers.utils.parseEther(\n      //   usdpiPurchaseAmtUsdt.toString()\n      // );\n      const feeamount = ethers.utils.parseEther(usdpiPurchaseFee.toString());\n      console.log('authamount: %s', authamount);\n      console.log('feeamount: %s', feeamount);\n      console.log(\n        'process.env.REACT_APP_ETH_SWAP: %s',\n        process.env.REACT_APP_ETH_SWAP\n      );\n      const swapBank = new ethers.Contract(\n        process.env.REACT_APP_ETH_SWAP as string,\n        EthUsdtSwapV3Abi,\n        tprovider\n      );\n      const exchange = async () => {\n        console.log('Exchange - payamt: %s', usdpiPurchaseAmtUsdt);\n        console.log('+++++ authamount: %s', authamount);\n        console.log(typeof authamount);\n        setProcessText('Waiting for wallet approval 2/2...');\n        swapBank\n          .connect(tsigner)\n          .depositUsdt(account, authamount, {\n            from: account,\n          })\n          .then((trxexchange: ContractTransaction) => {\n            console.log(trxexchange);\n            setProcessText('Waiting for blockchain confirmations...');\n            return trxexchange.wait(3);\n          })\n          .then((receipt: ContractReceipt) => {\n            setProcessText('');\n            console.log('***********************');\n            console.log(receipt.transactionHash);\n            console.log('***********************');\n            setRefBalances(true);\n            setUsdpiPurchaseTX(receipt.transactionHash);\n            axios\n              .post(url.concat('/v1/usdpi/deposit/usdt/tx'), {\n                nft_id: connectedMember ? connectedMember.memberId : null,\n                tx: receipt.transactionHash,\n              })\n              .then(function (acctresponse) {\n                setUsdpiPurchaseAmt(0);\n                setUsdpiPurchaseTX(acctresponse.data.tx);\n              })\n              .catch(function (error) {\n                console.log('================= ERROR ===================');\n                console.log(error);\n                setUsdpiPurchaseAmt(0);\n                // setUsdpiSaleAmt('');\n                setUsdpiPurchaseTX('ERROR: Exchange error');\n              });\n          })\n          .catch((error: any) => {\n            setProcessText('');\n            // console.error(error);\n            setUsdpiPurchaseTX('ERROR: Exchange error');\n            setUsdpiPurchaseAmt('');\n          });\n      };\n\n      // Approve the amount\n      const approve = async () => {\n        console.log('Approving authamount: %s', authamount);\n        setProcessText('Waiting for wallet approval 1/2...');\n        const overrides = { gasLimit: 500000 };\n        contractusdt\n          .connect(tsigner)\n          .approve(process.env.REACT_APP_ETH_SWAP, authamount, {\n            from: await tsigner.getAddress(),\n            ...overrides,\n          })\n          .then((trxapprove: ContractTransaction) => {\n            console.log(trxapprove);\n            setProcessText('Waiting for blockchain confirmations...');\n            return trxapprove.wait(3);\n          })\n          .then((receipt: ContractReceipt) => {\n            console.log('***********************');\n            console.log(receipt);\n            console.log('***********************');\n            exchange();\n          })\n          .catch((error: any) => {\n            setProcessText('');\n            console.error(error);\n            setUsdpiPurchaseAmt('');\n            setUsdpiPurchaseTX('ERROR: Approval error');\n          });\n      };\n      approve();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usdpiPurchaseAmtUsdt]);\n\n  // ======================================\n  // USDPI Purchase - BUSD\n  // ======================================\n  useEffect(() => {\n    if (usdpiPurchaseAmt > 0) {\n      console.log('-----------------------');\n      console.log('    Purchase USDPI     ');\n      console.log('usdpiPurchaseAmt: %s', usdpiPurchaseAmt);\n      console.log('-----------------------');\n      const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const tsigner = tprovider.getSigner();\n      const contractbank = new ethers.Contract(\n        process.env.REACT_APP_BSC_USDPIBANK as string,\n        bankAbi,\n        tprovider\n      );\n      const busdInterface = new ethers.utils.Interface(busdAbi);\n      const contractbusd = new ethers.Contract(\n        process.env.REACT_APP_BSC_BUSD as string,\n        busdInterface,\n        tprovider\n      );\n\n      const authamount = ethers.utils.parseEther(\n        (usdpiPurchaseAmt - 1).toString()\n      );\n      const feeamount = ethers.utils.parseEther(usdpiPurchaseFee.toString());\n      console.log('authamount: %s', authamount);\n      console.log('feeamount: %s', feeamount);\n      const exchange = async () => {\n        console.log('Exchange - payamt: %s', usdpiPurchaseAmt);\n        setProcessText('Waiting for wallet approval 2/2...');\n        contractbank\n          .connect(tsigner)\n          .buy(authamount, feeamount, {\n            from: await tsigner.getAddress(),\n          })\n          .then((trxexchange: ContractTransaction) => {\n            console.log(trxexchange);\n            setProcessText('Waiting for blockchain confirmations...');\n            return trxexchange.wait(3);\n          })\n          .then((receipt: ContractReceipt) => {\n            setProcessText('');\n            console.log('***********************');\n            console.log(receipt.transactionHash);\n            console.log('***********************');\n            setRefBalances(true);\n            setUsdpiPurchaseTX(receipt.transactionHash);\n            setUsdpiPurchaseAmt('');\n          })\n          .catch((error: any) => {\n            setProcessText('');\n            // console.error(error);\n            setUsdpiPurchaseTX('ERROR: Exchange error');\n            setUsdpiPurchaseAmt('');\n          });\n      };\n      // Approve the amount\n      const approve = async () => {\n        console.log('Approving authamount: %s', authamount);\n        setProcessText('Waiting for wallet approval 1/2...');\n        const overrides = { gasLimit: 500000 };\n        contractbusd\n          .connect(tsigner)\n          .approve(process.env.REACT_APP_BSC_USDPIBANK, authamount, {\n            from: await tsigner.getAddress(),\n            ...overrides,\n          })\n          .then((trxapprove: ContractTransaction) => {\n            console.log(trxapprove);\n            setProcessText('Waiting for blockchain confirmations...');\n            return trxapprove.wait(3);\n          })\n          .then((receipt: ContractReceipt) => {\n            console.log('***********************');\n            console.log(receipt);\n            console.log('***********************');\n            exchange();\n          })\n          .catch((error: any) => {\n            setProcessText('');\n            console.error(error);\n            setUsdpiPurchaseAmt('');\n            setUsdpiPurchaseTX('ERROR: Approval error');\n          });\n      };\n      approve();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usdpiPurchaseAmt]);\n\n  // ======================================\n  // USDPI Sale\n  // ======================================\n  useEffect(() => {\n    if (usdpiSaleAmt > 0) {\n      console.log('Selling USDPI');\n      console.log('-----------------------');\n      console.log('    Sell USDPI     ');\n      console.log('usdpiSaleAmt: %s', usdpiSaleAmt);\n      console.log('-----------------------');\n      // const url = process.env.REACT_APP_API as string;\n      const processSell = async (response: any) => {\n        const { deadline, amt2authorize, nonce, name, chain } = response;\n        const version = '1';\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender: process.env.REACT_APP_BSC_USDPIBANK,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        let sig;\n        try {\n          sig = await tsigner._signTypedData(domainData, types, val);\n        } catch (error) {\n          // code to handle errors during signing of typed data\n          console.error(error); // log the error message to the console\n          setUsdpiSaleAmt('');\n          setUsdpiPurchaseTX('ERROR: User rejected');\n        }\n        // console.log(sig);\n        // console.log(amt2authorize);\n        axios\n          .post(url.concat('/v1/usdpi/sell/'), {\n            owner: account,\n            amount: amt2authorize.toString(),\n            deadline,\n            signature: sig,\n          })\n          .then(function (acctresponse) {\n            console.log(acctresponse.data);\n            setUsdpiSaleAmt('');\n            setUsdpiPurchaseTX(acctresponse.data.msg);\n            setRefBalances(true);\n          })\n          .catch(function (error) {\n            console.log('================= ERROR ===================');\n            console.log(error);\n            setUsdpiSaleAmt('');\n            setUsdpiPurchaseTX('ERROR: Exchange error');\n          });\n      };\n      // Get hashes\n      // console.log('Cart Amount: %s', usdpiSaleAmt);\n      // console.log(ethers.utils.parseEther(usdpiSaleAmt.toString()).toString());\n      const amtAuth = ethers.utils\n        .parseEther(usdpiSaleAmt.toString())\n        .toString();\n      axios\n        .get(url.concat('/v1/usdpi/sell/'), {\n          params: {\n            wallet_address: account,\n            amt2authorize: amtAuth,\n          },\n        })\n        .then(function (acctresponse) {\n          // console.log(acctresponse.data);\n          processSell(acctresponse.data);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setUsdpiSaleAmt('');\n          setUsdpiPurchaseTX('ERROR: Exchange error');\n        });\n    }\n  }, [usdpiSaleAmt]);\n\n  // ======================================\n  // Staking purchase\n  // ======================================\n  useEffect(() => {\n    if (cartPurchaseStake) {\n      console.log('-----------------------');\n      console.log('      Buy Stake        ');\n      console.log('cartPurchase: %s', cartPurchaseStake);\n      console.log('-----------------------');\n      console.log('Cart Amount: %s', buyStakingAmt);\n      console.log(ethers.utils.parseEther(buyStakingAmt.toString()).toString());\n      const amtAuth = ethers.utils\n        .parseEther(buyStakingAmt.toString())\n        .toString();\n      // console.log('amtAuth: %s', amtAuth);\n      const processPurchase = async (response: any) => {\n        const { deadline, amt2authorize, nonce, name, chain, spender } =\n          response;\n        const version = '1';\n        // console.log('amt2authorize: %s', amt2authorize);\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            {\n              name: 'owner',\n              type: 'address',\n            },\n            {\n              name: 'spender',\n              type: 'address',\n            },\n            {\n              name: 'value',\n              type: 'uint256',\n            },\n            {\n              name: 'nonce',\n              type: 'uint256',\n            },\n            {\n              name: 'deadline',\n              type: 'uint256',\n            },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        try {\n          const sig = await tsigner._signTypedData(domainData, types, val);\n          // console.log(sig);\n          axios\n            .post(url.concat('/v1/staking/purchase'), {\n              owner: account,\n              tokenId: connectedMember.memberId,\n              amt: amt2authorize.toString(),\n              deadline,\n              sig,\n            })\n            .then(function (acctresponse) {\n              console.log(acctresponse.data);\n              setRefBalances(true);\n              setCartPurchaseStake(false);\n              setCartPurchaseStakeTX(acctresponse.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setCartPurchaseStake(false);\n              setCartPurchaseStakeTX('ERROR: xxx');\n            });\n        } catch (error) {\n          // setCartPurchaseStake(false);\n          setCartPurchaseStakeTX('ERROR: User rejected signature');\n        }\n      };\n      axios\n        .get(url.concat('/v1/staking/purchase/'), {\n          params: {\n            wallet_address: account,\n            amt2authorize: amtAuth,\n          },\n        })\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          processPurchase(acctresponse.data);\n          // setCartPurchaseStakeTX('xxx');\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setCartPurchaseStakeTX('ERROR: xxx');\n          setCartPurchaseStake(false);\n        });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cartPurchaseStake]);\n\n  useEffect(() => {\n    // console.log('------------------------');\n    // console.log('PAGE CHANGE DETECTED');\n    // console.log('------------------------');\n    // console.log(lastPageServed);\n  }, [lastPageServed]);\n\n  useEffect(() => {\n    // console.log('------------------------');\n    // console.log('HARVEST STAKING REWARDS');\n    // console.log('------------------------');\n    // console.log(harvestStake);\n  }, [harvestStake]);\n\n  useEffect(() => {\n    if (runWithdrawal) {\n      console.log('------------------------');\n      console.log('    MEMBER WITHDRAWAL   ');\n      console.log('NFT ID: %s', connectedMember.memberId);\n      console.log('account: %s', account);\n      console.log('------------------------');\n      interface Request {\n        nftId: number;\n        userAddress: string;\n        message: string;\n        deadline: number;\n        transaction_fee: BigNumber;\n      }\n      const processOrder = async (fee: any) => {\n        const purser = process.env.REACT_APP_BSC_PURSER;\n        console.log('+++++++++++++++++++++++++++++++++++++++++++++++');\n        console.log('verifyingContract: %s', purser);\n        const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n        console.log('deadline: %s', deadline);\n        const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n        const chainInt = parseInt(chainNo || '0', 16);\n        console.log(chainInt);\n        const domain = {\n          name: 'Purser',\n          version: '1',\n          chainId: chainInt,\n          verifyingContract: purser,\n        };\n        console.log('+++++++++++++++++++++++++++++++++++++++++++++++');\n        console.log(domain);\n        console.log('+++++++++++++++++++++++++++++++++++++++++++++++');\n        const types = {\n          Request: [\n            { name: 'nftId', type: 'uint256' },\n            { name: 'userAddress', type: 'address' },\n            { name: 'message', type: 'string' },\n            { name: 'deadline', type: 'uint256' },\n            { name: 'transaction_fee', type: 'uint256' },\n          ],\n        };\n        const transaction_fee = BigNumber.from(fee);\n        const transaction_fee_in_ether = parseFloat(\n          ethers.utils.formatEther(transaction_fee)\n        );\n        const message = `I authorize this withdrawal, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n          2\n        )}`;\n        console.log(message);\n        const request: Request = {\n          nftId: connectedMember.memberId,\n          userAddress: account,\n          message,\n          deadline,\n          transaction_fee: BigNumber.from(fee),\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        // const sig = await tsigner._signTypedData(domain, types, request);\n        try {\n          const sig = await tsigner._signTypedData(domain, types, request);\n          // continue with your code\n          // console.log(sig);\n          axios\n            .post(url.concat('/v1/member/withdraw'), {\n              nftId: connectedMember.memberId,\n              userAddress: account,\n              message,\n              deadline,\n              signature: sig,\n              transaction_fee: parseInt(fee, 10),\n            })\n            .then(function (response) {\n              // console.log(response);\n              // processOrder(response.data.estimate.fee);\n              setWithdrawalResult(response.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setWithdrawalResult('ERROR');\n            });\n        } catch (error) {\n          if (\n            error instanceof Error &&\n            error.message === 'User denied message signature.'\n          ) {\n            // handle the case where the user rejected the signature\n            setRunWithdrawal(false);\n            setWithdrawalResult('ERROR');\n          } else {\n            // handle other errors\n            setRunWithdrawal(false);\n            setWithdrawalResult('ERROR');\n          }\n        }\n        setRunWithdrawal(false);\n      };\n      axios\n        .get(url.concat('/v1/net/fee/estimate'), {\n          params: {\n            registered: 2,\n            owner: account,\n          },\n        })\n        .then(function (response) {\n          console.log(response);\n          processOrder(response.data.estimate.fee);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n  }, [runWithdrawal]);\n\n  useEffect(() => {\n    if (runClaimPoolUsdpi) {\n      console.log('-----------------------------');\n      console.log('  MEMBER CLAIM POOL REWARDS  ');\n      console.log('NFT ID: %s', connectedMember.memberId);\n      console.log('account: %s', account);\n      console.log('-----------------------------');\n      interface Request {\n        nftId: number;\n        userAddress: string;\n        message: string;\n        deadline: number;\n        transaction_fee: BigNumber;\n      }\n      const processClaimPool = async (fee: any) => {\n        const purser = process.env.REACT_APP_BSC_PURSER;\n        console.log('verifyingContract: %s', purser);\n        const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n        console.log('deadline: %s', deadline);\n        const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n        const chainInt = parseInt(chainNo || '0', 16);\n        console.log(chainInt);\n        const domain = {\n          name: 'Purser',\n          version: '1',\n          chainId: chainInt,\n          verifyingContract: purser,\n        };\n        const types = {\n          Request: [\n            { name: 'nftId', type: 'uint256' },\n            { name: 'userAddress', type: 'address' },\n            { name: 'message', type: 'string' },\n            { name: 'deadline', type: 'uint256' },\n            { name: 'transaction_fee', type: 'uint256' },\n          ],\n        };\n        const transaction_fee = BigNumber.from(fee);\n        const transaction_fee_in_ether = parseFloat(\n          ethers.utils.formatEther(transaction_fee)\n        );\n        const message = `I authorize this withdrawal, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n          2\n        )}`;\n        console.log(message);\n        const request: Request = {\n          nftId: connectedMember.memberId,\n          userAddress: account,\n          message,\n          deadline,\n          transaction_fee: BigNumber.from(fee),\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        try {\n          const sig = await tsigner._signTypedData(domain, types, request);\n          console.log('sig: %s', sig);\n          axios\n            .post(url.concat('/v1/staking/claimrewards'), {\n              nftId: connectedMember.memberId,\n              userAddress: account,\n              message,\n              deadline,\n              signature: sig,\n              transaction_fee: parseInt(fee, 10),\n            })\n            .then(function (response) {\n              setRunClaimPoolUsdpi(false);\n              setWithdrawalPoolUsdpiResult(response.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setRunClaimPoolUsdpi(false);\n              setWithdrawalPoolUsdpiResult('ERROR');\n            });\n        } catch (error) {\n          // console.log(error);\n          if (\n            error instanceof Error &&\n            error.message === 'User denied message signature.'\n          ) {\n            // handle the case where the user rejected the signature\n            setRunClaimPoolUsdpi(false);\n            setWithdrawalPoolUsdpiResult('ERROR');\n          } else {\n            // handle other errors\n            setRunClaimPoolUsdpi(false);\n            setWithdrawalPoolUsdpiResult('ERROR');\n          }\n        }\n        console.log('procedure end');\n      };\n      axios\n        .get(url.concat('/v1/net/fee/estimate'), {\n          params: {\n            registered: 2,\n            owner: account,\n          },\n        })\n        .then(function (response) {\n          console.log(response);\n          processClaimPool(response.data.estimate.fee);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n        });\n    }\n  }, [runClaimPoolUsdpi]);\n\n  useEffect(() => {\n    if (runClaimPerfPoolUsdpi) {\n      console.log('-----------------------------------------');\n      console.log('  MEMBER CLAIM PERFORMANCE POOL REWARDS  ');\n      console.log('NFT ID: %s', connectedMember.memberId);\n      console.log('account: %s', account);\n      console.log('-----------------------------------------');\n      interface Request {\n        nftId: number;\n        userAddress: string;\n        message: string;\n        deadline: number;\n        transaction_fee: BigNumber;\n      }\n      const processClaimPerfPool = async (fee: any) => {\n        const purser = process.env.REACT_APP_BSC_PURSER;\n        console.log('verifyingContract: %s', purser);\n        const deadline = Math.floor(Date.now() / 1000) + 600; // 10 minutes from now\n        console.log('deadline: %s', deadline);\n        const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n        const chainInt = parseInt(chainNo || '0', 16);\n        console.log(chainInt);\n        const domain = {\n          name: 'Purser',\n          version: '1',\n          chainId: chainInt,\n          verifyingContract: purser,\n        };\n        const types = {\n          Request: [\n            { name: 'nftId', type: 'uint256' },\n            { name: 'userAddress', type: 'address' },\n            { name: 'message', type: 'string' },\n            { name: 'deadline', type: 'uint256' },\n            { name: 'transaction_fee', type: 'uint256' },\n          ],\n        };\n        const transaction_fee = BigNumber.from(fee);\n        const transaction_fee_in_ether = parseFloat(\n          ethers.utils.formatEther(transaction_fee)\n        );\n        const message = `I authorize this withdrawal, less a transaction fee of $${transaction_fee_in_ether.toFixed(\n          2\n        )}`;\n        console.log(message);\n        const request: Request = {\n          nftId: connectedMember.memberId,\n          userAddress: account,\n          message,\n          deadline,\n          transaction_fee: BigNumber.from(fee),\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        try {\n          const sig = await tsigner._signTypedData(domain, types, request);\n          axios\n            .post(url.concat('/v1/perfpool/claimrewards'), {\n              nftId: connectedMember.memberId,\n              userAddress: account,\n              message,\n              deadline,\n              signature: sig,\n              transaction_fee: parseInt(fee, 10),\n            })\n            .then(function (response) {\n              // console.log(response);\n              // processOrder(response.data.estimate.fee);\n              setRunClaimPerfPoolUsdpi(false);\n              setWithdrawalPerfPoolUsdpiResult(response.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setRunClaimPerfPoolUsdpi(false);\n              setWithdrawalPerfPoolUsdpiResult('ERROR');\n            });\n        } catch (error) {\n          console.log(error);\n          if (\n            error instanceof Error &&\n            error.message === 'User denied message signature.'\n          ) {\n            // handle the case where the user rejected the signature\n            setRunClaimPerfPoolUsdpi(false);\n            setWithdrawalPerfPoolUsdpiResult('ERROR');\n          } else {\n            // handle other errors\n            setRunClaimPerfPoolUsdpi(false);\n            setWithdrawalPerfPoolUsdpiResult('ERROR');\n          }\n        }\n      };\n      axios\n        .get(url.concat('/v1/net/fee/estimate'), {\n          params: {\n            registered: 2,\n            owner: account,\n          },\n        })\n        .then(function (response) {\n          console.log(response);\n          processClaimPerfPool(response.data.estimate.fee);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setRunClaimPerfPoolUsdpi(false);\n          setWithdrawalPerfPoolUsdpiResult('ERROR');\n        });\n    }\n  }, [runClaimPerfPoolUsdpi]);\n\n  useEffect(() => {\n    if (runClaimDripPrfti !== '') {\n      console.log('-----------------------------------');\n      console.log('  MEMBER CLAIM DRIP PRFTI REWARDS  ');\n      console.log('NFT ID: %s', connectedMember.memberId);\n      console.log('account: %s', account);\n      console.log('runClaimDripPrfti: %s', runClaimDripPrfti);\n      console.log('-----------------------------------');\n      interface Request {\n        nftId: number;\n        userAddress: string;\n        message: string;\n        deadline: number;\n        transaction_fee: BigNumber;\n      }\n      const processClaimDrip = async (response: any) => {\n        const { deadline, amt2authorize, nonce, name, chain, spender } =\n          response;\n        const version = '1';\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            { name: 'owner', type: 'address' },\n            { name: 'spender', type: 'address' },\n            { name: 'value', type: 'uint256' },\n            { name: 'nonce', type: 'uint256' },\n            { name: 'deadline', type: 'uint256' },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        try {\n          const sig = await tsigner._signTypedData(domainData, types, val);\n          console.log(sig);\n          axios\n            .post(url.concat('/v1/drip/claimtokens'), {\n              owner: account,\n              tokenId: connectedMember.memberId,\n              amt: amt2authorize.toString(),\n              deadline,\n              sig,\n              drip_id: runClaimDripPrfti,\n            })\n            .then(function (acctresponse) {\n              console.log(acctresponse.data);\n              setRefBalances(true);\n              setRunClaimDripPrfti('');\n              setWithdrawalDripResult(acctresponse.data.tx);\n              // setCartPurchaseStakeTX(acctresponse.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setRunClaimDripPrfti('');\n              setWithdrawalDripResult('ERROR');\n              // setCartPurchaseStake(false);\n              // setCartPurchaseStakeTX('ERROR: xxx');\n            });\n        } catch (error) {\n          console.log(error);\n          if (\n            error instanceof Error &&\n            error.message === 'User denied message signature.'\n          ) {\n            // handle the case where the user rejected the signature\n            setRunClaimDripPrfti('');\n            setWithdrawalDripResult('ERROR');\n          } else {\n            // handle other errors\n            setRunClaimDripPrfti('');\n            setWithdrawalDripResult('ERROR');\n          }\n        }\n      };\n\n      axios\n        .get(url.concat('/v1/drip/claimtokens/'), {\n          params: {\n            wallet_address: account,\n          },\n        })\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          processClaimDrip(acctresponse.data);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setRunClaimDripPrfti('');\n        });\n    }\n  }, [runClaimDripPrfti]);\n\n  useEffect(() => {\n    if (runClaimStakingPrfti !== '') {\n      console.log('--------------------------------------');\n      console.log('  MEMBER CLAIM STAKING PRFTI REWARDS  ');\n      console.log('NFT ID: %s', connectedMember.memberId);\n      console.log('account: %s', account);\n      console.log('runClaimStakingPrfti: %s', runClaimStakingPrfti);\n      console.log('--------------------------------------');\n      interface Request {\n        nftId: number;\n        userAddress: string;\n        message: string;\n        deadline: number;\n        transaction_fee: BigNumber;\n      }\n      const processClaimStaking = async (response: any) => {\n        const { deadline, amt2authorize, nonce, name, chain, spender } =\n          response;\n        const version = '1';\n        const domainData = {\n          name,\n          version,\n          chainId: chain,\n          verifyingContract: process.env.REACT_APP_BSC_USDPI,\n        };\n        const types = {\n          Permit: [\n            { name: 'owner', type: 'address' },\n            { name: 'spender', type: 'address' },\n            { name: 'value', type: 'uint256' },\n            { name: 'nonce', type: 'uint256' },\n            { name: 'deadline', type: 'uint256' },\n          ],\n        };\n        const val = {\n          owner: account,\n          spender,\n          value: amt2authorize,\n          nonce,\n          deadline,\n        };\n        const tprovider = new ethers.providers.Web3Provider(window.ethereum);\n        const tsigner = tprovider.getSigner();\n        try {\n          const sig = await tsigner._signTypedData(domainData, types, val);\n          console.log(sig);\n          axios\n            .post(url.concat('/v1/staking/claimtokens'), {\n              owner: account,\n              tokenId: connectedMember.memberId,\n              amt: amt2authorize.toString(),\n              deadline,\n              sig,\n              contract_id: runClaimStakingPrfti,\n            })\n            .then(function (acctresponse) {\n              console.log(acctresponse.data);\n              setRefBalances(true);\n              setRunClaimStakingPrfti('');\n              setWithdrawalStakingResult(acctresponse.data.tx);\n              // setCartPurchaseStakeTX(acctresponse.data.tx);\n            })\n            .catch(function (error) {\n              console.log('================= ERROR ===================');\n              console.log(error);\n              setRunClaimStakingPrfti('');\n              setWithdrawalStakingResult('ERROR');\n              // setCartPurchaseStake(false);\n              // setCartPurchaseStakeTX('ERROR: xxx');\n            });\n        } catch (error) {\n          console.log(error);\n          if (\n            error instanceof Error &&\n            error.message === 'User denied message signature.'\n          ) {\n            // handle the case where the user rejected the signature\n            setRunClaimStakingPrfti('');\n            setWithdrawalStakingResult('ERROR');\n          } else {\n            // handle other errors\n            setRunClaimStakingPrfti('');\n            setWithdrawalStakingResult('ERROR');\n          }\n        }\n      };\n\n      axios\n        .get(url.concat('/v1/staking/claimtokens/'), {\n          params: {\n            wallet_address: account,\n          },\n        })\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          processClaimStaking(acctresponse.data);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setRunClaimStakingPrfti('');\n          setWithdrawalStakingResult('ERROR');\n        });\n    }\n  }, [runClaimStakingPrfti]);\n\n  // ======================================\n  // WALLET LISTENER\n  // ======================================\n  useEffect(() => {\n    // console.log('WALLET LISTENER');\n    // console.log(funnelType);\n    if (funnelType === 'STANDARD') {\n      if (typeof window.ethereum !== 'undefined') {\n        const handleNetworkChange = (network: any) => {\n          // console.log('------------------------');\n          // console.log('Network change detected!');\n          // setCurrentChain(network.chainId);\n          // console.log('------------------------');\n        };\n        const handleAccountChange = (accounts: string[]) => {\n          // console.log('------------------------');\n          // console.log('Account change detected!');\n          // console.log(accounts[0]);\n          // console.log('------------------------');\n          localStorage.removeItem('@PROFITi:status');\n          localStorage.removeItem('@PROFITi:lastPage');\n          setConnectedMember(null);\n          setStatus('');\n          setConnected(false);\n          setAccount('');\n          setLastPageServed('');\n          if (accounts.length > 0) {\n            setAccount(ethers.utils.getAddress(accounts[0]));\n          }\n        };\n\n        const nprovider = new ethers.providers.Web3Provider(\n          window.ethereum,\n          'any'\n        );\n        nprovider.on('network', handleNetworkChange);\n        window.ethereum.on('accountsChanged', handleAccountChange);\n        return () => {\n          nprovider.removeAllListeners('accountsChanged');\n          nprovider.removeAllListeners('network');\n        };\n      }\n    }\n    return undefined;\n  }, [funnelType]);\n\n  useEffect(() => {\n    // console.log('currentChain: %s, chainMode: %s', currentChain, chainMode);\n\n    if (chainMode === null) {\n      setReqChainHex(null);\n    } else if (chainMode === 'NETWORK') {\n      const newReqChainNet = process.env.REACT_APP_NETWORK_CHAIN_ID as string;\n      // console.log('newReqChainNet: %s', newReqChainNet);\n      const newReqChainNetInt = parseInt(newReqChainNet, 16);\n      // console.log('newReqChainNetInt: %s', newReqChainNetInt);\n      setReqChainHex(newReqChainNet);\n      setWrongChain(currentChain !== newReqChainNetInt);\n    } else if (chainMode === 'PAY') {\n      const newReqChainPay = process.env.REACT_APP_PAY_CHAIN_ID as string;\n      // console.log('newReqChainPay: %s', newReqChainPay);\n      const newReqChainPayInt = parseInt(newReqChainPay, 16);\n      // console.log('newReqChainPayInt: %s', newReqChainPayInt);\n      setReqChainHex(newReqChainPay);\n      setWrongChain(currentChain !== newReqChainPayInt);\n    }\n  }, [currentChain, chainMode]);\n\n  useEffect(() => {\n    if (walletAddPRFTI) {\n      // console.log('------------------------');\n      // console.log('ADD PRFTI');\n      // console.log('------------------------');\n      const tokenName = 'Profiti Token';\n      const tokenAddress = process.env.REACT_APP_BSC_PRFTI;\n      const tokenSymbol = 'PRFTI';\n      const tokenDecimals = '18';\n      const tokenImage = '';\n      const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n      const chainInt = parseInt(chainNo || '0', 16);\n      const tprovider = (window as any).ethereum;\n      const eprovider = new ethers.providers.Web3Provider(window.ethereum);\n      const ethCallProvider = new Provider(eprovider, chainInt);\n\n      const token = {\n        type: 'ERC20',\n        options: {\n          address: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      };\n\n      const processAdd = async () => {\n        console.log(token);\n        try {\n          await tprovider.request({\n            method: 'wallet_watchAsset',\n            params: {\n              type: 'ERC20',\n              options: token.options,\n              chainId: chainInt,\n              token,\n            },\n          });\n          console.log(`Added ${tokenName} (${tokenSymbol}) to MetaMask`);\n          setWalletAddPRFTI(false);\n        } catch (error) {\n          console.error(\n            `Error adding ${tokenName} (${tokenSymbol}) to MetaMask`,\n            error\n          );\n          setWalletAddPRFTI(false);\n        }\n      };\n      processAdd();\n    }\n  }, [walletAddPRFTI]);\n\n  useEffect(() => {\n    if (walletAddUSDPI) {\n      // console.log('------------------------');\n      // console.log('ADD USDPI');\n      // console.log('------------------------');\n      const processAdd = async () => {\n        const tokenName = 'USDPI';\n        const tokenAddress = process.env.REACT_APP_BSC_USDPI;\n        const tokenSymbol = 'USDPI';\n        const tokenDecimals = '18';\n        const tokenImage = '';\n        const chainNo = process.env.REACT_APP_NETWORK_CHAIN_ID;\n        const chainInt = parseInt(chainNo || '0', 16);\n        const tprovider = (window as any).ethereum;\n        const token = {\n          type: 'ERC20',\n          options: {\n            address: tokenAddress,\n            symbol: tokenSymbol,\n            decimals: tokenDecimals,\n            image: tokenImage,\n          },\n        };\n        try {\n          await tprovider.request({\n            method: 'wallet_watchAsset',\n            params: {\n              type: 'ERC20',\n              options: token.options,\n              chainId: chainInt,\n              token,\n            },\n          });\n          console.log(`Added ${tokenName} (${tokenSymbol}) to MetaMask`);\n          setWalletAddUSDPI(false);\n        } catch (error) {\n          console.error(\n            `Error adding ${tokenName} (${tokenSymbol}) to MetaMask`,\n            error\n          );\n          setWalletAddUSDPI(false);\n        }\n      };\n      processAdd();\n    }\n  }, [walletAddUSDPI]);\n\n  useEffect(() => {\n    if (aiigCreate) {\n      console.log(connectedMember);\n      console.log(connectedMember.id);\n      axios\n        .post(url.concat('/v2/ai/image/create/'), {\n          tokenID: connectedMember.memberId,\n          command: aiigPrompt,\n          seed: '0',\n          images: aiigCount,\n        })\n        .then(function (acctresponse) {\n          console.log(acctresponse.data);\n          setAiigResult(acctresponse.data.images);\n          // processClaimStaking(acctresponse.data);\n        })\n        .catch(function (error) {\n          console.log('================= ERROR ===================');\n          console.log(error);\n          setRunClaimStakingPrfti('');\n          setWithdrawalStakingResult('ERROR');\n        });\n      setAiigCreate(false);\n    }\n  }, [aiigCreate, aiigPrompt, aiigCount]);\n\n  // const [aiigSeed, setAiigSeed] = web3store.useState('aiigSeed');\n  // const [aiigPrompt, setAiigPrompt] = web3store.useState('aiigPrompt');\n  // const [aiigResult, setAiigResult] = web3store.useState('aiigResult');\n  // const [aiigCount, setAiigCount] = web3store.useState('aiigCount');\n  // const [aiigCreate, setAiigCreate] = web3store.useState('aiigCreate');\n\n  return <></>;\n};\n\nexport default Web3Stats;\n","/* eslint-disable global-require */\n/* eslint-disable import/no-dynamic-require */\nimport React, {\n  createContext,\n  useCallback,\n  useState,\n  useContext,\n  useMemo,\n} from 'react';\n\ninterface ILanguage {\n  sign_in: {\n    h1: string;\n    h2: string;\n    p: string;\n    label_1: string;\n    label_2: string;\n    a: string;\n    button: string;\n    erro_1: string;\n    erro_2: string;\n    erro_3: string;\n    erro_4: string;\n    img_1: string;\n    img_2: string;\n    img_3: string;\n    img_4: string;\n  };\n  sign_up: {\n    h1: string;\n    h2: string;\n    p: string;\n    label_1: string;\n    label_2: string;\n    label_3: string;\n    button_1: string;\n    label_4: string;\n    button_2: string;\n    erro_1: string;\n    erro_2: string;\n    erro_3: string;\n    erro_4: string;\n    erro_5: string;\n    erro_6: string;\n    img_1: string;\n    img_2: string;\n    img_3: string;\n    img_4: string;\n  };\n  forgot_password: {\n    h1: string;\n    h2: string;\n    label_1: string;\n    a: string;\n    button: string;\n    erro_1: string;\n    erro_2: string;\n    success: string;\n    img_1: string;\n    img_2: string;\n    img_3: string;\n    img_4: string;\n  };\n  change_password: {\n    h1: string;\n    label_1: string;\n    label_2: string;\n    a: string;\n    button: string;\n    erro_1: string;\n    erro_2: string;\n    success: string;\n    erro_3: string;\n    img_1: string;\n    img_2: string;\n    img_3: string;\n    img_4: string;\n  };\n  header: {\n    small_1: string;\n    small_2: string;\n    small_3: string;\n    small_4: string;\n    small_5: string;\n    small_6: string;\n    small_7: string;\n    small_8: string;\n  };\n  courses: {\n    h1: string;\n    button_1: string;\n    button_2: string;\n    button_3: string;\n    button_4: string;\n    button_5: string;\n  };\n  course: {\n    p_1: string;\n    p_2: string;\n    p_3: string;\n    button: string;\n    h2: string;\n    p_4: string;\n    h4: string;\n  };\n  dashboard: {\n    h3_1: string;\n    h3_2: string;\n  };\n  discover: {\n    p: string;\n  };\n  my_courses: {\n    p: string;\n  };\n  upcoming: {\n    b: string;\n    p: string;\n  };\n  certificates: {\n    p: string;\n  };\n  lesson: {\n    p_1: string;\n    small: string;\n    button_1: string;\n    button_2: string;\n    button_3: string;\n    button_5: string;\n    h2_1: string;\n    h2_2: string;\n    p_2: string;\n    h2_3: string;\n    h3: string;\n    p_3: string;\n  };\n  profile: {\n    h1: string;\n    button_1: string;\n    button_2: string;\n    button_3: string;\n  };\n  my_profile: {\n    label_1: string;\n    h3_1: string;\n    label_2: string;\n    label_3: string;\n    label_4: string;\n    h3_2: string;\n    label_5: string;\n    label_6: string;\n    label_7: string;\n    label_8: string;\n    h3_3: string;\n    label_9: string;\n    label_10: string;\n    label_11: string;\n    button_1: string;\n    button_2: string;\n  };\n  subscriptions_cards: {\n    h2: string;\n    th_1: string;\n    th_2: string;\n    th_3: string;\n    th_4: string;\n    th_5: string;\n    th_6: string;\n    button_1: string;\n    button_2: string;\n    h4_1: string;\n    input_1: string;\n    input_2: string;\n    input_3: string;\n    input_4: string;\n    input_5: string;\n    button_3: string;\n    button_4: string;\n    h4_2: string;\n    p: string;\n    button_5: string;\n    button_6: string;\n  };\n  receipts: {\n    b_1: string;\n    b_2: string;\n    b_3: string;\n  };\n  resources: {\n    h1: string;\n    p: string;\n    button_1: string;\n    button_2: string;\n    button_3: string;\n  };\n  become_affiliate: {\n    h1: string;\n    h2_1: string;\n    p_1: string;\n    p_2: string;\n    h3: string;\n    img_1: string;\n    h2_2: string;\n    p_3: string;\n    p_4: string;\n    p_5: string;\n    p_6: string;\n    p_7: string;\n    p_8: string;\n    p_9: string;\n    p_10: string;\n    p_11: string;\n    p_12: string;\n    p_13: string;\n    p_14: string;\n    a_1: string;\n    button_1: string;\n    img_2: string;\n    h2_3: string;\n    p_15: string;\n    p_16: string;\n    p_17: string;\n    p_18: string;\n    p_19: string;\n    p_20: string;\n    p_21: string;\n    p_22: string;\n    p_23: string;\n    p_24: string;\n    p_25: string;\n    p_26: string;\n    a_2: string;\n    button_2: string;\n  };\n  products: {\n    h1: string;\n  };\n  faq: {\n    h1: string;\n    input: string;\n    img: string;\n  };\n  footer: {\n    h3_1: string;\n    h3_2: string;\n    h2: string;\n    p_1: string;\n    small: string;\n    button: string;\n    h4: string;\n    b: string;\n    p_2: string;\n    img_1: string;\n    img_2: string;\n    img_3: string;\n    img_4: string;\n  };\n  buy_component: {\n    button_1: string;\n    button_2: string;\n    h4: string;\n    b_1: string;\n    b_2: string;\n    button_3: string;\n    button_4: string;\n    button_5: string;\n    error_message: string;\n  };\n  credit_card_component: {\n    input_1: string;\n    input_2: string;\n    input_3: string;\n    input_4: string;\n    input_5: string;\n  };\n  quiz_component: {\n    button_1: string;\n    button_2: string;\n    h4: string;\n    p: string;\n    button_3: string;\n    error_message: string;\n  };\n  select_component: {\n    input: string;\n  };\n  password_component: {\n    button_1: string;\n    button_2: string;\n  };\n}\n\ninterface LanguageContextData {\n  language: ILanguage;\n  handleSelectIdiom(idiom: string): void;\n  idiom: string;\n}\n\nexport const LanguageContext = createContext<LanguageContextData>(\n  {} as LanguageContextData\n);\n\nexport const LanguageProvider: React.FC = ({ children }) => {\n  const [idiom, setIdiom] = useState(\n    localStorage.getItem('@Membership:language') || 'en'\n  );\n\n  const handleSelectIdiom = useCallback((idiomSelected) => {\n    setIdiom(idiomSelected);\n  }, []);\n\n  const language = useMemo(() => {\n    localStorage.setItem('@Membership:language', idiom);\n    return require(`./languages/${idiom}`);\n  }, [idiom]);\n\n  return (\n    <LanguageContext.Provider value={{ language, handleSelectIdiom, idiom }}>\n      {children}\n    </LanguageContext.Provider>\n  );\n};\n\nexport function useLanguage(): LanguageContextData {\n  const context = useContext(LanguageContext);\n\n  if (!context) {\n    throw new Error('useLanguage must be used within an LanguageProvider');\n  }\n\n  return context;\n}\n","import React from 'react';\n\nimport { ResizeProvider } from './Resize';\nimport { AuthProvider } from './Auth';\nimport { LanguageProvider } from './Language';\n\nconst AppProvider: React.FC = ({ children }) => (\n  <ResizeProvider>\n    <AuthProvider>\n      <LanguageProvider>{children}</LanguageProvider>\n    </AuthProvider>\n  </ResizeProvider>\n);\n\nexport default AppProvider;\n","import React from 'react';\nimport { BrowserRouter } from 'react-router-dom';\nimport HttpsRedirect from 'react-https-redirect';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\nimport '@animxyz/core';\nimport 'react-dropdown/style.css';\n\nimport Routes from '~/routes';\nimport GlobalStyles from './styles/global';\nimport Web3Stats from './components/Web3Stats';\n\nimport AppProvider from './hooks';\n\nconst App: React.FC = () => {\n  return (\n    <HttpsRedirect disabled={process.env.NODE_ENV === 'development'}>\n      <BrowserRouter>\n        <AppProvider>\n          <Routes />\n          <Web3Stats />\n        </AppProvider>\n        <GlobalStyles />\n      </BrowserRouter>\n    </HttpsRedirect>\n  );\n};\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n","import React, { useCallback } from 'react';\nimport axios from 'axios';\n\ninterface ButtonDownloadProps {\n  img: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst ButtonDownload: React.FC<ButtonDownloadProps> = ({\n  img,\n  className,\n  children,\n}) => {\n  const handleClikDownload = useCallback(async () => {\n    const response = await axios.get(img, {\n      responseType: 'arraybuffer',\n    });\n\n    const link = document.createElement('a');\n    link.href = `data:image/png;base64, ${Buffer.from(\n      response.data,\n      'binary'\n    ).toString('base64')}`;\n    link.download = 'my-image.png';\n    link.click();\n  }, [img]);\n\n  return (\n    <button type=\"button\" onClick={handleClikDownload} className={className}>\n      {children}\n    </button>\n  );\n};\n\nexport default ButtonDownload;\n","export default __webpack_public_path__ + \"static/media/bookmark-icon-active.27dbccb9.svg\";","export default __webpack_public_path__ + \"static/media/like-icon.6e43407a.svg\";","import { fromWei } from 'web3-utils';\nimport { utils } from 'ethers';\n\nexport const { format: formatPrice } = new Intl.NumberFormat('en', {\n  currency: 'USD',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n});\nexport function formatUSDValueFromWei(usdValueInWei: string): string {\n  const usdtWeiNumber = parseFloat(utils.formatUnits(usdValueInWei, 6));\n  const formattedUSDValue = formatPrice(usdtWeiNumber);\n  return formattedUSDValue;\n}\nexport function formatEthValue(ethValueInWei: string): string {\n  const ethValue = Number(fromWei(ethValueInWei, 'ether')); // Convert from wei to ETH\n  const formattedEthValue = Intl.NumberFormat('en', {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 6,\n  }).format(ethValue); // Format the ETH value with 18 decimal places\n\n  return formattedEthValue;\n}\n","import axios from 'axios';\n\n// const api = axios.create({ baseURL: 'http://api.pcode.pro' });\nconst api = axios.create({ baseURL: process.env.REACT_APP_API });\n\nexport default api;\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport QRCode from 'qrcode.react';\nimport html2canvas from 'html2canvas';\nimport axios from 'axios';\nimport { Modal, ImgShared, BoxShared } from './styles';\n\nimport { useAuth } from '~/hooks/Auth';\nimport { web3store } from '~/store';\n\nimport like from '~/assets/icons/like-icon.svg';\nimport bookmark from '~/assets/icons/bookmark-icon.svg';\nimport download from '~/assets/icons/download-icon.svg';\nimport share from '~/assets/icons/share-icon.svg';\nimport sample1 from '~/assets/defaults/sample_1.png';\nimport aiArtCreatorShared from '~/assets/logo/ai-art-creator-shared.svg';\nimport bgWaves from '~/assets/defaults/background-waves.png';\nimport bgCube from '~/assets/defaults/background-cube.png';\nimport bgRetangles from '~/assets/defaults/background-retangles.png';\nimport bgBubble from '~/assets/defaults/background-bubble.png';\nimport bgPurpleWaves from '~/assets/defaults/background-purple-waves.png';\nimport bgBlur from '~/assets/defaults/background-blur.png';\nimport bgDarkblur from '~/assets/defaults/background-darkblur.png';\nimport bgDark from '~/assets/defaults/background-dark.png';\nimport qrCode from '~/assets/defaults/qr-code-nft.svg';\nimport instagram from '~/assets/icons/instagram-share.svg';\nimport facebook from '~/assets/icons/face-share.svg';\nimport tiktok from '~/assets/icons/tiktok-share.svg';\nimport twiter from '~/assets/icons/twiter-share.svg';\nimport downloadShare from '~/assets/icons/download-modal-share.svg';\nimport chainShare from '~/assets/icons/chain-modal-share.svg';\n\nimport bgLargeWaves from '~/assets/defaults/bg-waves-large.png';\nimport bgMidWaves from '~/assets/defaults/bg-waves-mid.png';\nimport bgHorizontalWaves from '~/assets/defaults/bg-waves-horizontal.png';\n\nimport bgLargeCubes from '~/assets/defaults/bg-cubes-large.png';\nimport bgMidCubes from '~/assets/defaults/bg-cubes-mid.png';\nimport bgHorizontalCubes from '~/assets/defaults/bg-cubes-horizontal.png';\n\nimport bgLargeRetangles from '~/assets/defaults/bg-retangles-large.png';\nimport bgMidRetangles from '~/assets/defaults/bg-retangles-mid.png';\nimport bgHorizontalRetangles from '~/assets/defaults/bg-retangles-horizontal.png';\n\nimport bgLargeBubble from '~/assets/defaults/bg-bubble-large.png';\nimport bgMidBubble from '~/assets/defaults/bg-bubble-mid.png';\nimport bgHorizontalBubble from '~/assets/defaults/bg-bubble-horizontal.png';\n\nimport bgLargePurpleWaves from '~/assets/defaults/bg-purple-waves-large.png';\nimport bgMidPurpleWaves from '~/assets/defaults/bg-purple-waves-mid.png';\nimport bgHorizontalPurpleWaves from '~/assets/defaults/bg-purple-waves-horizontal.png';\n\nimport bgLargeBlur from '~/assets/defaults/bg-blur-large.png';\nimport bgMidBlur from '~/assets/defaults/bg-blur-mid.png';\nimport bgHorizontalBlur from '~/assets/defaults/bg-blur-horizontal.png';\n\nimport bgLargeDarkBlur from '~/assets/defaults/bg-dark-blur-large.png';\nimport bgMidDarkBlur from '~/assets/defaults/bg-dark-blur-mid.png';\nimport bgHorizontalDarkBlur from '~/assets/defaults/bg-dark-blur-horizontal.png';\n\nimport bgLargeDark from '~/assets/defaults/bg-dark-large.png';\nimport bgMidDark from '~/assets/defaults/bg-dark-mid.png';\nimport bgHorizontalDark from '~/assets/defaults/bg-dark-horizontal.png';\n\nimport aiLogo from '~/assets/logo/ai-logo.svg';\nimport aiLogoText from '~/assets/logo/ai-logo-text.svg';\n\nimport logoBlack from '~/assets/logo/logo-p-black.png';\nimport bookmarkAct from '~/assets/icons/bookmark-icon-active.svg';\nimport ButtonDownload from '../ButtonDownload';\n\ninterface IDownloadShare {\n  show: boolean;\n  selectImg: string;\n  description: string;\n  onCloseShare(): void;\n}\n\nconst ModalDownloadShare: React.FC<IDownloadShare> = ({\n  show,\n  selectImg,\n  description,\n  onCloseShare,\n}) => {\n  const { user } = useAuth();\n  const [reference] = web3store.useState('reference');\n  const div1920Ref = useRef<HTMLDivElement>(null);\n  const div1350Ref = useRef<HTMLDivElement>(null);\n  const div1200Ref = useRef<HTMLDivElement>(null);\n  const [cardIndex, setCardIndex] = useState(0);\n  const [showShared, setShowShared] = useState(false);\n  const [showImageSize, setShowImageSize] = useState(false);\n  const [selectImgNft, setSelectImgNft] = useState('');\n\n  const referralCode = useMemo(() => {\n    return user?.referral_link;\n  }, [user]);\n\n  const code = referralCode?.split('/')[4];\n\n  const cardShare = useMemo(\n    () => [\n      {\n        background: bgWaves,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgCube,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgPurpleWaves,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgBubble,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgRetangles,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgBlur,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgDarkblur,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n      {\n        background: bgDark,\n        nft: selectImgNft,\n        qrCode,\n        referrer: reference,\n      },\n    ],\n    [reference, selectImgNft]\n  );\n\n  const bgSizes = useMemo(\n    () => [\n      {\n        large: bgLargeWaves,\n        mid: bgMidWaves,\n        horizontal: bgHorizontalWaves,\n      },\n      {\n        large: bgLargeCubes,\n        mid: bgMidCubes,\n        horizontal: bgHorizontalCubes,\n      },\n      {\n        large: bgLargePurpleWaves,\n        mid: bgMidPurpleWaves,\n        horizontal: bgHorizontalPurpleWaves,\n      },\n      {\n        large: bgLargeBubble,\n        mid: bgMidBubble,\n        horizontal: bgHorizontalBubble,\n      },\n\n      {\n        large: bgLargeRetangles,\n        mid: bgMidRetangles,\n        horizontal: bgHorizontalRetangles,\n      },\n      {\n        large: bgLargeBlur,\n        mid: bgMidBlur,\n        horizontal: bgHorizontalBlur,\n      },\n      {\n        large: bgLargeDarkBlur,\n        mid: bgMidDarkBlur,\n        horizontal: bgHorizontalDarkBlur,\n      },\n      {\n        large: bgLargeDark,\n        mid: bgMidDark,\n        horizontal: bgHorizontalDark,\n      },\n    ],\n    []\n  );\n\n  const handleClickShared = useCallback(() => {\n    setShowShared(true);\n  }, []);\n\n  const handleCloseShared = useCallback(() => {\n    setShowShared(false);\n  }, []);\n\n  const handleClickImageSize = useCallback((index) => {\n    setShowImageSize(true);\n    setCardIndex(index);\n  }, []);\n\n  const handleCloseImageSize = useCallback(() => {\n    setShowImageSize(false);\n  }, []);\n\n  const handleClickDownloadImage = useCallback((size) => {\n    if (div1920Ref.current && div1350Ref.current && div1200Ref.current) {\n      let element: HTMLDivElement | undefined;\n      let sizeObject = {\n        width: 0,\n        height: 0,\n      };\n\n      switch (size) {\n        case 1920:\n          element = div1920Ref.current;\n          sizeObject = {\n            width: 1080,\n            height: 1920,\n          };\n          break;\n        case 1350:\n          element = div1350Ref.current;\n          sizeObject = {\n            width: 1080,\n            height: 1350,\n          };\n          break;\n\n        default:\n          element = div1200Ref.current;\n          sizeObject = {\n            width: 1200,\n            height: 675,\n          };\n          break;\n      }\n\n      const scale = Math.max(\n        sizeObject.width / element.offsetWidth,\n        sizeObject.height / element.offsetHeight\n      );\n\n      html2canvas(element, { scale }).then((canvas) => {\n        const url = canvas.toDataURL('image/png');\n        const link = document.createElement('a');\n        link.href = url;\n        link.download = `my-image-${sizeObject.width}x${sizeObject.height}.png`;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    axios\n      .get(selectImg, {\n        responseType: 'arraybuffer',\n      })\n      .then((response) => {\n        setSelectImgNft(\n          `data:image/png;base64, ${Buffer.from(\n            response.data,\n            'binary'\n          ).toString('base64')}`\n        );\n      });\n  }, [selectImg]);\n\n  return (\n    <>\n      <Modal\n        className=\"modal-nft text-white d-flex\"\n        size=\"xl\"\n        show={show}\n        onHide={onCloseShare}\n      >\n        <Modal.Header className=\"border-0 pb-0\">\n          <button\n            type=\"button\"\n            className=\"modal-close ms-auto fw-bold border-0 bg-transparent\"\n            onClick={onCloseShare}\n          >\n            x\n          </button>\n        </Modal.Header>\n        <Modal.Body className=\"padding-modal\">\n          <div className=\"container p-0\">\n            <div className=\"row justify-content-center\">\n              <div className=\"col-12 text-center position-relative\" />\n\n              <div className=\"col-6 pe-5 position-relative\">\n                <img\n                  src={selectImgNft}\n                  alt=\"Logo fox\"\n                  className=\"w-100 img-nft \"\n                />\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-like\"\n                >\n                  <img src={like} alt=\"Like\" />\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"border-0 bg-transparent btn-dislike\"\n                >\n                  <img src={like} alt=\"Like\" />\n                </button>\n              </div>\n\n              <div className=\"col-6 text-center\">\n                <div className=\"right-side p-5 h-100 d-flex flex-column justify-content-between\">\n                  <p className=\"mt-4\">{`“${description}”`}</p>\n                  <div className=\"d-flex justify-content-around btns-share\">\n                    <div className=\"text-center\">\n                      <ButtonDownload img={selectImg} className=\"d-flex\">\n                        <img src={download} alt=\"Download\" />\n                      </ButtonDownload>\n                      Download\n                    </div>\n                    <div className=\"text-center\">\n                      <button type=\"button\">\n                        <img\n                          src={selectImg.includes('-') ? bookmark : bookmarkAct}\n                          alt=\"Bookmark\"\n                        />\n                      </button>\n                      <br />\n                      Collection\n                    </div>\n                    <div className=\"text-center\">\n                      <button type=\"button\" onClick={handleClickShared}>\n                        <img src={share} alt=\"share\" />\n                      </button>\n                      <br />\n                      Share\n                    </div>\n                  </div>\n\n                  <button\n                    type=\"button\"\n                    className=\"btn-launchpad mt-4 py-3 border-0 fw-bold w-100\"\n                  >\n                    Mint With NFT Launchpad\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </Modal.Body>\n      </Modal>\n      <Modal\n        className=\"modal-nft choose-nft text-white d-flex\"\n        size=\"xl\"\n        show={showShared}\n        onHide={handleCloseShared}\n      >\n        <Modal.Header className=\"ms-auto border-0 pb-0\">\n          <button\n            type=\"button\"\n            className=\"modal-close ms-auto fw-bold border-0 bg-transparent\"\n            onClick={handleCloseShared}\n          >\n            x\n          </button>\n        </Modal.Header>\n        <Modal.Body className=\"padding-modal\">\n          <h2 className=\"title-choose text-center mt-n2 mb-5\">\n            Choose the image background\n          </h2>\n          <div className=\"row justify-content-center\">\n            {cardShare.map((item, index) => (\n              <div className=\"col-lg-3 mb-4\">\n                <BoxShared\n                  background={item.background}\n                  className=\"position-relative\"\n                >\n                  <button\n                    type=\"button\"\n                    className=\"h-100 w-100 position-absolute final-image\"\n                    onClick={() => handleClickImageSize(index)}\n                  >\n                    Click to view\n                    <br />\n                    final image\n                  </button>\n                  <img\n                    src={aiArtCreatorShared}\n                    alt=\"aiArtCreatorShared\"\n                    className=\"ms-2 mb-2 logo\"\n                  />\n                  <div className=\"nft\">\n                    <div>\n                      <img src={selectImgNft} alt=\"imgNft\" />\n                      <div className=\"details \">\n                        <p className=\"fw-medium mb-0 text-center\">\n                          Visit to create yours{' '}\n                          <span className=\"fw-semibold\">\n                            <b className=\"text-white\">FREE</b>\n                          </span>\n                        </p>\n                        <p className=\"fw-bold mb-1 text-center\">\n                          <span className=\"d-block\">\n                            {`profiti.io/try/i/${code}`}\n                          </span>\n                        </p>\n                        {/* <div className=\"bg-qr-code\">\n                          <img src={item.qrCode} alt=\"qrCode\" />\n                        </div> */}\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"d-flex justify-content-between footer\">\n                    <span className=\"text-end mb-0 mt-2 ms-2 small\">\n                      {`profiti.io/try/i/${code}`}\n                    </span>\n                    <span className=\"text-end mb-0 mt-2 me-2 small\">\n                      #profitiai\n                    </span>\n                  </div>\n                </BoxShared>\n              </div>\n            ))}\n          </div>\n        </Modal.Body>\n      </Modal>\n\n      <Modal\n        className=\"modal-nft choose-nft text-white d-flex\"\n        size=\"xl\"\n        show={showImageSize}\n        onHide={handleCloseImageSize}\n      >\n        <Modal.Header className=\"ms-auto border-0 pb-0\">\n          <button\n            type=\"button\"\n            className=\"modal-close ms-auto fw-bold border-0 bg-transparent\"\n            onClick={handleCloseImageSize}\n          >\n            x\n          </button>\n        </Modal.Header>\n        <Modal.Body className=\"padding-modal\">\n          <h2 className=\"title-choose text-center mt-n2 mb-5\">\n            Choose the image size\n          </h2>\n          <div className=\"row justify-content-around align-items-end\">\n            {bgSizes.map((bg, index) => (\n              <>\n                {cardIndex === index && (\n                  <>\n                    <div className=\"col-3\">\n                      <div className=\"d-flex justify-content-center mb-4\">\n                        <img\n                          src={instagram}\n                          alt=\"Logo instagram\"\n                          className=\"mx-2\"\n                        />\n                        <img\n                          src={facebook}\n                          alt=\"Logo facebook\"\n                          className=\"mx-2\"\n                        />\n                        <img src={tiktok} alt=\"Logo tiktok\" className=\"mx-2\" />\n                      </div>\n                      <div className=\"image-size position-relative\">\n                        <div className=\"btns-down-share position-absolute d-flex align-items-center justify-content-center\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleClickDownloadImage(1920)}\n                          >\n                            <img\n                              src={downloadShare}\n                              title=\"Download\"\n                              alt=\"Download\"\n                            />\n                          </button>\n                          <button type=\"button\">\n                            <img src={chainShare} title=\"Share\" alt=\"Chain\" />\n                          </button>\n                        </div>\n                        <div className=\"header-img d-flex align-items-center\">\n                          <div />\n                          <div />\n                        </div>\n                        <div ref={div1920Ref} className=\"position-relative\">\n                          <div>\n                            <img src={bg.large} alt=\"Large\" className=\"w-100\" />\n                            <div className=\"position-absolute text-ai\">\n                              <div className=\"d-flex align-items-center ps-3 pt-4\">\n                                <img\n                                  src={aiLogo}\n                                  alt=\"\"\n                                  className=\"logo-ai-large me-2\"\n                                />\n                                <img\n                                  src={aiLogoText}\n                                  alt=\"\"\n                                  className=\"logo-ai-text-large\"\n                                />\n                              </div>\n                              <ImgShared className=\"position-relative\">\n                                <div className=\"nft margin-nft-large\">\n                                  <div>\n                                    <img\n                                      src={selectImgNft}\n                                      alt=\"imgNft\"\n                                      crossOrigin=\"anonymous\"\n                                    />\n                                    <div className=\"details text-center\">\n                                      <p className=\"fw-medium mb-0 scan-large\">\n                                        <span className=\"d-block fw-semibold\">\n                                          Visit to create yours{' '}\n                                          <b className=\"text-white\">FREE</b>\n                                        </span>\n                                      </p>\n                                      <p className=\"scan-large fw-bold mb-1\">\n                                        <span>{`profiti.io/try/i/${code}`}</span>\n                                      </p>\n                                      {/* <div className=\"bg-qr-code qr-code-large\">\n                                        <QRCode\n                                          value={`https://profiti.io/try/i/${code}`}\n                                          size={44}\n                                          bgColor=\"transparent\"\n                                          renderAs=\"svg\"\n                                          level=\"H\"\n                                          imageSettings={{\n                                            src: logoBlack,\n                                            height: 13,\n                                            width: 13,\n                                            excavate: true,\n                                          }}\n                                        />\n                                      </div> */}\n                                    </div>\n                                  </div>\n                                </div>\n                                <div className=\"d-flex justify-content-between footer px-3\">\n                                  <span className=\"text-end mb-0 mt-1 ms-2 small\">\n                                    {`profiti.io/try/i/${code}`}\n                                  </span>\n                                  <span className=\"text-end mb-0 mt-1 me-2 small\">\n                                    #profitiai\n                                  </span>\n                                </div>\n                              </ImgShared>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"footer-img d-flex align-items-center px-2\">\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"ms-auto me-1\" />\n                        </div>\n                      </div>\n                      <div className=\"text-size text-center mt-4\">\n                        <span>1080x1920</span>\n                        <span>Story / Reels</span>\n                      </div>\n                    </div>\n                    <div className=\"col-3\">\n                      <div className=\"d-flex justify-content-center mb-4\">\n                        <img\n                          src={instagram}\n                          alt=\"Logo instagram\"\n                          className=\"mx-2\"\n                        />\n                        <img\n                          src={facebook}\n                          alt=\"Logo facebook\"\n                          className=\"mx-2\"\n                        />\n                      </div>\n                      <div className=\"image-size position-relative\">\n                        <div className=\"btns-down-share position-absolute d-flex align-items-center justify-content-center\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleClickDownloadImage(1350)}\n                          >\n                            <img\n                              src={downloadShare}\n                              title=\"Download\"\n                              alt=\"Download\"\n                            />\n                          </button>\n                          <button type=\"button\">\n                            <img src={chainShare} title=\"Share\" alt=\"Chain\" />\n                          </button>\n                        </div>\n                        <div className=\"header-img d-flex align-items-center\">\n                          <div />\n                          <div />\n                        </div>\n                        <div ref={div1350Ref} className=\"position-relative\">\n                          <img src={bg.mid} alt=\"Large\" className=\"w-100\" />\n                          <div className=\"position-absolute text-ai\">\n                            <div className=\"d-flex align-items-center ps-4 pt-2\">\n                              <img\n                                src={aiLogo}\n                                alt=\"\"\n                                className=\"logo-ai-mid ms-3 me-2\"\n                              />\n                              <img\n                                src={aiLogoText}\n                                alt=\"\"\n                                className=\"logo-ai-text-mid\"\n                              />\n                            </div>\n                            <ImgShared className=\"position-relative\">\n                              <div className=\"nft margin-nft-mid\">\n                                <div>\n                                  <img\n                                    src={selectImgNft}\n                                    alt=\"imgNft\"\n                                    crossOrigin=\"anonymous\"\n                                  />\n                                  <div className=\"details text-center\">\n                                    <p className=\"fw-medium mb-0 scan-mid\">\n                                      <span className=\"d-block fw-semibold\">\n                                        Visit to create yours{' '}\n                                        <b className=\"text-white\">FREE</b>\n                                      </span>\n                                    </p>\n                                    <p className=\"scan-mid fw-bold mb-1\">\n                                      <span>{`profiti.io/try/i/${code}`}</span>\n                                    </p>\n                                    {/* <div className=\"bg-qr-code qr-code-mid\">\n                                      <QRCode\n                                        value={`https://profiti.io/try/i/${code}`}\n                                        size={29}\n                                        bgColor=\"transparent\"\n                                        renderAs=\"svg\"\n                                        level=\"H\"\n                                        imageSettings={{\n                                          src: logoBlack,\n                                          height: 10,\n                                          width: 10,\n                                          excavate: true,\n                                        }}\n                                      />\n                                    </div> */}\n                                  </div>\n                                </div>\n                              </div>\n                              <div className=\"d-flex justify-content-between footer px-5\">\n                                <span className=\"text-end mb-0 mt-1 small\">\n                                  {`profiti.io/try/i/${code}`}\n                                </span>\n                                <span className=\"text-end mb-0 mt-1 small\">\n                                  #profitiai\n                                </span>\n                              </div>\n                            </ImgShared>\n                          </div>\n                        </div>\n                        <div className=\"footer-img d-flex align-items-center px-2\">\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"ms-auto me-1\" />\n                        </div>\n                      </div>\n                      <div className=\"text-size text-center mt-4\">\n                        <span>1080x1350</span>\n                        <span>Post Tile</span>\n                      </div>\n                    </div>\n                    <div className=\"col-5\">\n                      <div className=\"d-flex justify-content-center mb-4\">\n                        <img\n                          src={facebook}\n                          alt=\"Logo facebook\"\n                          className=\"mx-2\"\n                        />\n                        <img src={twiter} alt=\"Logo Twiter\" className=\"mx-2\" />\n                      </div>\n                      <div className=\"image-size position-relative\">\n                        <div className=\"btns-down-share position-absolute d-flex align-items-center justify-content-center\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleClickDownloadImage(1200)}\n                          >\n                            <img\n                              src={downloadShare}\n                              title=\"Download\"\n                              alt=\"Download\"\n                            />\n                          </button>\n                          <button type=\"button\">\n                            <img src={chainShare} title=\"Share\" alt=\"Chain\" />\n                          </button>\n                        </div>\n                        <div className=\"header-img d-flex align-items-center\">\n                          <div />\n                          <div />\n                        </div>\n                        <div ref={div1200Ref} className=\"position-relative\">\n                          <img\n                            src={bg.horizontal}\n                            alt=\"Large\"\n                            className=\"w-calc\"\n                          />\n                          <div className=\"d-flex position-absolute text-ai pt-2\">\n                            <div className=\"w-30 d-flex flex-column ps-3 pt-2\">\n                              <img\n                                src={aiLogo}\n                                alt=\"\"\n                                className=\"d-block logo-ai-horizontal mb-1 me-2\"\n                              />\n                              <img\n                                src={aiLogoText}\n                                alt=\"\"\n                                className=\"d-block logo-ai-text-horizontal\"\n                              />\n                              <span className=\"mb-0 mt-auto small footer\">\n                                {`profiti.io/try/i/${code}`}\n                              </span>\n                            </div>\n                            <ImgShared className=\"w-40 position-relative\">\n                              <div className=\"nft margin-nft-horizontal\">\n                                <div>\n                                  <img\n                                    src={selectImgNft}\n                                    alt=\"imgNft\"\n                                    crossOrigin=\"anonymous\"\n                                  />\n                                  <div className=\"details text-center\">\n                                    <p className=\"fw-medium mb-0 scan-horizotal\">\n                                      <span className=\"d-block fw-semibold\">\n                                        Visit to create yours{' '}\n                                        <b className=\"text-white\">FREE</b>\n                                      </span>\n                                    </p>\n                                    <p className=\"scan-horizotal fw-bold mb-1\">\n                                      <span>{`profiti.io/try/i/${code}`}</span>\n                                    </p>\n                                    {/* <div className=\"bg-qr-code qr-code-horizontal\">\n                                      <QRCode\n                                        value={`https://profiti.io/try/i/${code}`}\n                                        size={24}\n                                        bgColor=\"transparent\"\n                                        renderAs=\"svg\"\n                                        level=\"H\"\n                                        imageSettings={{\n                                          src: logoBlack,\n                                          height: 8,\n                                          width: 8,\n                                          excavate: true,\n                                        }}\n                                      />\n                                    </div> */}\n                                  </div>\n                                </div>\n                              </div>\n                            </ImgShared>\n                            <div className=\"w-30 d-flex justify-content-end align-items-end\">\n                              <span className=\"text-end mb-0 mt-0 me-3 small footer\">\n                                #profitiai\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"footer-img d-flex align-items-center px-2\">\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"mx-1 my-2\" />\n                          <div className=\"ms-auto me-1\" />\n                        </div>\n                      </div>\n                      <div className=\"text-size text-center mt-4\">\n                        <span>1200x675</span>\n                        <span>Lanscape Post</span>\n                      </div>\n                    </div>\n                  </>\n                )}\n              </>\n            ))}\n          </div>\n        </Modal.Body>\n      </Modal>\n    </>\n  );\n};\n\nexport default ModalDownloadShare;\n","export default __webpack_public_path__ + \"static/media/share-icon.4ca1cee9.svg\";","export default __webpack_public_path__ + \"static/media/face-share.67204345.svg\";","export default __webpack_public_path__ + \"static/media/download-modal-share.b51ad481.svg\";","export default __webpack_public_path__ + \"static/media/chain-modal-share.41273b5f.svg\";","export default __webpack_public_path__ + \"static/media/ai-logo.f7bc79e8.svg\";","export default __webpack_public_path__ + \"static/media/ai-logo-text.882d7394.svg\";","import React, {\n  createContext,\n  useCallback,\n  useState,\n  useContext,\n  useEffect,\n} from 'react';\n\nimport { useLocation } from 'react-router-dom';\nimport api from '../services/api';\n\nimport { formatPrice } from '~/utils/format';\nimport { web3store } from '~/store';\n\ninterface IUser {\n  id: string;\n  screen_name: string;\n  prfti_balance: string;\n  usdpi_balance: string;\n  nft_img: string;\n  nft_referrals: {\n    current: number;\n    new: number;\n  };\n  matrix_referrals: {\n    current: number;\n    new: number;\n  };\n  referral_link: string;\n  earned: number;\n  aa_username: string;\n}\ninterface AuthContextData {\n  connected: boolean;\n  setConnected: React.Dispatch<React.SetStateAction<boolean>>;\n  status: string;\n  user: IUser | undefined;\n  signOut(): void;\n  setStatus(statusData: string): void;\n}\n\nexport const AuthContext = createContext<AuthContextData>(\n  {} as AuthContextData\n);\n\nexport const AuthProvider: React.FC = ({ children }) => {\n  const location = useLocation();\n  const [status, setStatus] = useState(() => {\n    const statusData = localStorage.getItem('@PROFITi:status');\n\n    return statusData || '';\n  });\n  const [user, setUser] = useState<IUser | undefined>(undefined);\n  const [connected, setConnected] = useState(false);\n  const [connectedMember, setConnectedMember] =\n    web3store.useState('connectedMember');\n  const [, setLastPageServed] = web3store.useState('lastPageServed');\n  const [, setAccount] = web3store.useState('account');\n\n  useEffect(() => {\n    // localStorage.setItem('@PROFITi:status', 'member');\n    // setConnected(true);\n    if (connectedMember && connectedMember.nft.is_active) {\n      const url = '/v1/member/dashboard/';\n      api\n        .get(url.concat(connectedMember.memberId))\n        .then((response) => {\n          const earned = formatPrice(\n            parseFloat(\n              (parseInt(response.data.member.earned, 10) / 10 ** 18).toFixed(2)\n            )\n          );\n          const prfti_balance = (\n            parseInt(response.data.member.prfti_balance, 10) /\n            10 ** 18\n          ).toFixed(2);\n          const usdpi_balance = (\n            parseInt(response.data.member.usdpi_balance, 10) /\n            10 ** 18\n          ).toFixed(2);\n          setUser({\n            ...response.data.member,\n            prfti_balance: formatPrice(parseFloat(prfti_balance)),\n            usdpi_balance: formatPrice(parseFloat(usdpi_balance)),\n            earned,\n          });\n        })\n        .catch((err) => {\n          setUser({\n            id: '1',\n            screen_name: 'NFT1',\n            prfti_balance: formatPrice(\n              parseFloat(\n                (parseInt('12000000000000000000', 10) / 10 ** 18).toFixed(2)\n              )\n            ),\n            usdpi_balance: formatPrice(\n              parseFloat(\n                (parseInt('10855430000000000000000', 10) / 10 ** 18).toFixed(2)\n              )\n            ),\n            nft_img:\n              'https://d2kf8ptlxcina8.cloudfront.net/YH5TFCE1QY-preview.png',\n            nft_referrals: { current: 11, new: 2 },\n            matrix_referrals: { current: 147, new: 12 },\n            referral_link: 'http://www.example.com/i/xxxxx',\n            earned: 0,\n            aa_username: '',\n          });\n        });\n    }\n  }, [connectedMember]);\n\n  useEffect(() => {\n    if (connectedMember) {\n      localStorage.setItem(\n        '@PROFITi:lastPage',\n        `${process.env.PUBLIC_URL}${location.pathname}`\n      );\n    }\n  }, [connectedMember, location.pathname]);\n\n  useEffect(() => {\n    const lastPage = localStorage.getItem('@PROFITi:lastPage');\n    // console.log(lastPage);\n    if (lastPage) {\n      setLastPageServed(lastPage);\n    }\n  }, [setLastPageServed]);\n\n  const signOut = useCallback(() => {\n    localStorage.removeItem('@PROFITi:status');\n    localStorage.removeItem('@PROFITi:lastPage');\n    setUser(undefined);\n    setConnectedMember(null);\n    setStatus('');\n    setConnected(false);\n    setAccount('');\n    setLastPageServed('');\n  }, [setAccount, setConnectedMember, setLastPageServed]);\n\n  const updateStatus = useCallback((statusData) => {\n    localStorage.setItem('@PROFITi:status', JSON.stringify(statusData));\n    setStatus(statusData);\n  }, []);\n\n  return (\n    <>\n      <AuthContext.Provider\n        value={{\n          connected,\n          setConnected,\n          user,\n          status,\n          setStatus: updateStatus,\n          signOut,\n        }}\n      >\n        {children}\n      </AuthContext.Provider>\n    </>\n  );\n};\n\nexport function useAuth(): AuthContextData {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error('useAuth must be used within an AuthProvider');\n  }\n\n  return context;\n}\n","export default __webpack_public_path__ + \"static/media/instagram-share.61ae835f.svg\";","export default __webpack_public_path__ + \"static/media/ai-art-creator-shared.2c5ff436.svg\";","export default __webpack_public_path__ + \"static/media/background-waves.2c8ca690.png\";","export default __webpack_public_path__ + \"static/media/background-cube.bfe54a45.png\";","export default __webpack_public_path__ + \"static/media/background-retangles.7c30aa6f.png\";","export default __webpack_public_path__ + \"static/media/background-bubble.8955e2da.png\";","export default __webpack_public_path__ + \"static/media/background-purple-waves.907ac33f.png\";","export default __webpack_public_path__ + \"static/media/background-blur.75f61780.png\";","export default __webpack_public_path__ + \"static/media/background-darkblur.4ea92c00.png\";","export default __webpack_public_path__ + \"static/media/background-dark.839121d2.png\";","export default __webpack_public_path__ + \"static/media/tiktok-share.d6ffaf2b.svg\";","export default __webpack_public_path__ + \"static/media/twiter-share.d0e38067.svg\";","export default __webpack_public_path__ + \"static/media/bg-waves-large.b353e0b9.png\";","export default __webpack_public_path__ + \"static/media/bg-waves-mid.1c4905aa.png\";","export default __webpack_public_path__ + \"static/media/bg-waves-horizontal.0b122e99.png\";","export default __webpack_public_path__ + \"static/media/bg-cubes-large.7a6ab627.png\";","export default __webpack_public_path__ + \"static/media/bg-cubes-mid.2d020761.png\";","export default __webpack_public_path__ + \"static/media/bg-cubes-horizontal.7c69b1a2.png\";","export default __webpack_public_path__ + \"static/media/bg-retangles-large.50225644.png\";","export default __webpack_public_path__ + \"static/media/bg-retangles-mid.992e7148.png\";","export default __webpack_public_path__ + \"static/media/bg-retangles-horizontal.c9c5dca6.png\";","export default __webpack_public_path__ + \"static/media/bg-bubble-large.193fef36.png\";","export default __webpack_public_path__ + \"static/media/bg-bubble-mid.b5486a8e.png\";","export default __webpack_public_path__ + \"static/media/bg-bubble-horizontal.0c7edd6a.png\";","export default __webpack_public_path__ + \"static/media/bg-purple-waves-large.ecb74b03.png\";","export default __webpack_public_path__ + \"static/media/bg-purple-waves-mid.3506c9d9.png\";","export default __webpack_public_path__ + \"static/media/bg-purple-waves-horizontal.5a06c888.png\";","export default __webpack_public_path__ + \"static/media/bg-blur-large.b5232a76.png\";","export default __webpack_public_path__ + \"static/media/bg-blur-mid.52136a3b.png\";","export default __webpack_public_path__ + \"static/media/bg-blur-horizontal.33536d2e.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-blur-large.3312a04c.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-blur-mid.0a443760.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-blur-horizontal.018435a2.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-large.93b071b6.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-mid.a038c564.png\";","export default __webpack_public_path__ + \"static/media/bg-dark-horizontal.b8299b4a.png\";","export default __webpack_public_path__ + \"static/media/qr-code-nft.8cdb0a70.svg\";","import styled from 'styled-components';\nimport { Modal as ModalComponent } from 'react-bootstrap';\n\ninterface IBoxShared {\n  background?: string;\n}\n\nexport const Modal = styled(ModalComponent)`\n  .w-calc {\n    //width: calc(100% + 0.5px);\n    width: 476px;\n    height: 267px;\n  }\n\n  .footer {\n    color: #d4d4d4;\n  }\n  .text-ai {\n    left: 0;\n    top: 0;\n  }\n  .logo-ai-large {\n    width: 15%;\n  }\n\n  .logo-ai-text-large {\n    width: 50%;\n    height: 27px;\n  }\n\n  .logo-ai-mid {\n    width: 10%;\n  }\n\n  .logo-ai-text-mid {\n    width: 35%;\n    height: 15px;\n  }\n\n  .logo-ai-horizontal {\n    width: 20%;\n  }\n\n  .logo-ai-text-horizontal {\n    width: 100%;\n  }\n  .image-size {\n    border-radius: 15px;\n    border: 1px solid #3f3d3d;\n    //width: 100%;\n  }\n\n  .header-img {\n    background: rgba(100, 97, 97, 0.12);\n    backdrop-filter: blur(7.5px);\n    border-radius: 15px 15px 0 0;\n    width: 100%;\n  }\n\n  .header-img div:nth-child(1) {\n    width: 24px;\n    height: 24px;\n    background: rgba(100, 97, 97, 0.34);\n    backdrop-filter: blur(7.5px);\n    border-radius: 200px;\n    margin: 9px;\n  }\n\n  .header-img div:nth-child(2) {\n    width: 68px;\n    height: 14px;\n    background: rgba(100, 97, 97, 0.34);\n    backdrop-filter: blur(7.5px);\n    border-radius: 200px;\n  }\n\n  .text-size span:nth-child(1),\n  .text-size span:nth-child(2) {\n    font-weight: 700;\n    font-size: 20px;\n    line-height: 24px;\n    display: block;\n  }\n\n  .text-size span:nth-child(1) {\n    color: #595757;\n  }\n\n  .text-size span:nth-child(2) {\n    color: #9e9e9e;\n  }\n\n  .footer-img {\n    background: rgba(100, 97, 97, 0.12);\n    backdrop-filter: blur(7.5px);\n    border-radius: 0 0 15px 15px;\n    width: 100%;\n  }\n\n  .footer-img div {\n    width: 14px;\n    height: 14px;\n    border-radius: 20px;\n    background: rgba(100, 97, 97, 0.34);\n    backdrop-filter: blur(7.5px);\n  }\n\n  .btns-down-share {\n    background: rgba(0, 0, 0, 0.8);\n    border-radius: 15px;\n\n    line-height: 20px;\n    width: calc(100% + 2px);\n    height: calc(100% + 2px);\n    left: -1px;\n    top: -1px;\n    z-index: 1;\n    opacity: 0;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 1;\n      filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.2));\n      border: 1px solid #3f3d3d;\n    }\n  }\n\n  .btns-down-share button {\n    background: rgba(255, 255, 255, 0.12);\n    backdrop-filter: blur(7.5px);\n    border-radius: 10px;\n    border: none;\n    height: 35px;\n    padding: 0 13px;\n    margin: 0 5px;\n  }\n  .title-choose {\n    font-family: 'Poppins';\n    font-weight: 700;\n    font-size: 48px;\n    color: #dadada;\n  }\n  .img-nft {\n    border-radius: 30px;\n  }\n\n  p {\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 25px;\n    color: #d4d4d4;\n  }\n\n  .btns-share button,\n  .btns-share a {\n    background: #1c1c1d;\n    margin-bottom: 10px;\n    backdrop-filter: blur(15px);\n    border-radius: 25px;\n    border: none;\n    padding: 24px;\n  }\n\n  .btns-share div {\n    font-weight: 300;\n    font-size: 18px;\n    color: #7d7777;\n  }\n\n  .btn-like {\n    position: absolute;\n    bottom: 30px;\n    left: 46px;\n  }\n\n  .btn-dislike {\n    position: absolute;\n    bottom: 30px;\n    left: 103px;\n    transform: rotate(180deg);\n  }\n\n  .btn-launchpad {\n    background: #00f9ab;\n    border-radius: 20px;\n    color: #000;\n    font-size: 24px;\n    transition: all 0.3s ease;\n  }\n\n  .btn-launchpad:hover {\n    opacity: 0.8;\n  }\n\n  .modal-xl {\n    max-width: 1300px;\n  }\n\n  .padding-modal {\n    padding: 0 60px 60px 60px;\n  }\n\n  .right-side {\n    border: 1px solid #6b6161;\n    border-radius: 30px;\n  }\n\n  .right-side img {\n    height: 40px;\n    width: 40px;\n  }\n  .modal-close {\n    color: #fff;\n    height: 50px;\n    width: 50px;\n    right: 15px;\n  }\n\n  .small {\n    font-size: 10px;\n  }\n\n  @media screen and (min-width: 992px) {\n    .modal-lg {\n      max-width: 600px;\n      width: 30vw;\n    }\n  }\n`;\n\nexport const BoxShared = styled.div<IBoxShared>`\n  padding: 29px;\n  background-image: url(${(props) => props.background});\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  border: none;\n  text-align: left;\n  width: 100%;\n  border-radius: 15px;\n\n  .final-image {\n    font-family: 'Quicksand';\n    background: rgba(0, 0, 0, 0.8);\n    border-radius: 15px;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 20px;\n    color: #bebebe;\n    left: 0;\n    top: 0;\n    border: none;\n    z-index: 1;\n    opacity: 0;\n    transition: all 0.3s ease;\n    :hover {\n      opacity: 1;\n    }\n  }\n\n  .logo {\n    width: 70%;\n  }\n\n  .nft {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid #ffffff;\n    backdrop-filter: blur(5px);\n    padding: 5px;\n    border-radius: 20px;\n\n    > div {\n      border-radius: 18px;\n      overflow: hidden;\n      position: relative;\n\n      > img {\n        width: 100%;\n      }\n\n      > div {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.33);\n        backdrop-filter: blur(7.5px);\n        bottom: 0;\n        width: 100%;\n        padding: 7px 7px 7px 10px;\n\n        p {\n          //width: calc(100% - 60px);\n          font-size: 13px;\n          color: #060606;\n          //margin-bottom: 5px !important;\n          padding-right: 10px;\n\n          span {\n            font-size: 12px;\n          }\n        }\n\n        .bg-qr-code {\n          width: 60px;\n          height: 60px;\n          background: rgba(255, 255, 255, 0.8);\n          border: 1px solid rgba(0, 0, 0, 0.62);\n          border-radius: 10px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 7px;\n          opacity: 0.7;\n\n          img {\n            width: 100%;\n            height: 100%;\n          }\n        }\n      }\n    }\n  }\n\n  .small {\n    font-size: 10px;\n  }\n\n  .footer {\n    color: #d4d4d4;\n  }\n  .details p {\n    line-height: 20px;\n  }\n`;\n\nexport const ImgShared = styled.div`\n  .margin-nft-large {\n    margin: 10px;\n  }\n\n  .margin-nft-mid {\n    margin: 5px 35px;\n  }\n\n  .margin-nft-horizontal {\n    margin: 5px;\n  }\n\n  .nft {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid #ffffff;\n    backdrop-filter: blur(5px);\n    padding: 5px;\n    border-radius: 20px;\n\n    > div {\n      border-radius: 18px;\n      overflow: hidden;\n      position: relative;\n\n      > img {\n        width: 100%;\n      }\n\n      > div {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.33);\n        backdrop-filter: blur(7.5px);\n        bottom: 0;\n        width: 100%;\n        padding: 7px 7px 7px 10px;\n\n        .scan-large {\n          font-size: 13px;\n          color: #060606;\n          //margin-bottom: 5px !important;\n          padding-right: 10px;\n\n          span {\n            font-size: 15px;\n          }\n        }\n\n        .scan-mid {\n          font-size: 10px;\n          color: #060606;\n          //margin-bottom: 5px !important;\n          padding-right: 10px;\n          line-height: 15px;\n\n          span {\n            font-size: 12px;\n          }\n        }\n\n        .scan-horizotal {\n          font-size: 9px;\n          color: #060606;\n          //margin-bottom: 5px !important;\n          padding-right: 10px;\n          line-height: 15px;\n\n          span {\n            font-size: 10px;\n          }\n        }\n\n        .bg-qr-code {\n          background: rgba(255, 255, 255, 0.8);\n          border: 1px solid rgba(0, 0, 0, 0.62);\n          border-radius: 10px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 7px;\n          opacity: 0.7;\n\n          img {\n            width: 100%;\n            height: 100%;\n          }\n        }\n\n        .qr-code-large {\n          width: 60px;\n          height: 60px;\n        }\n        .qr-code-mid {\n          width: 45px;\n          height: 45px;\n        }\n        .qr-code-horizontal {\n          width: 40px;\n          height: 40px;\n        }\n      }\n    }\n  }\n\n  .small {\n    font-size: 10px;\n  }\n\n  .footer {\n    color: #d4d4d4;\n  }\n  .details p {\n    line-height: 20px;\n  }\n`;\n"],"sourceRoot":""}