\n {sale.ended() ? (\n \"Sale has ended\"\n ) : (\n
\n \n );\n}\n","import Big from \"big.js\";\nimport ls from \"local-storage\";\nimport {bigMin, isBridgeToken, isValidAccountId, keysToCamel} from \"./utils\";\nimport useSWR from \"swr\";\nimport { useAccount } from \"./account\";\nimport {BridgeTokenStorageDeposit, LsKey, MaxStorageDeposit, NearConfig, TGas, TokenStorageDeposit} from \"./near\";\nimport * as nearAPI from \"near-api-js\";\n\nconst TokenExpirationDuration = 30 * 60 * 1000;\n\nconst tokens = {};\n\nexport const tokenMatches = (tokenAccountId, label) => {\n const token = tokens[tokenAccountId];\n if (!token || !label) {\n return false;\n }\n label = label.toLowerCase();\n if (token.metadata.symbol.toLowerCase().indexOf(label) >= 0) {\n return true;\n }\n return token.metadata.name.toLowerCase().indexOf(label) >= 0;\n};\n\nexport const isTokenRegistered = async (account, tokenAccountId, accountId) => {\n if (tokenAccountId in NearConfig.noStorageTokens) {\n return true;\n }\n const storageBalance = await account.near.account.viewFunction(\n tokenAccountId,\n \"storage_balance_of\",\n {\n account_id: accountId,\n }\n );\n return storageBalance && storageBalance.total !== \"0\";\n};\n\nexport const defaultTokenStorageDeposit = async (tokenAccountId) => {\n return isBridgeToken(tokenAccountId)\n ? BridgeTokenStorageDeposit\n : TokenStorageDeposit;\n};\n\nexport const tokenStorageDeposit = async (near, tokenAccountId) => {\n try {\n const storageBalanceBounds = await near.account.viewFunction(\n tokenAccountId,\n \"storage_balance_bounds\",\n {}\n );\n const storageDeposit = storageBalanceBounds ? Big(storageBalanceBounds.min || \"0\") : TokenStorageDeposit;\n return bigMin(storageDeposit, MaxStorageDeposit);\n } catch (e) {\n console.error(\"storage_balance_bounds\", e);\n return defaultTokenStorageDeposit(tokenAccountId);\n }\n};\n\nexport const tokenRegisterStorageAction = async (\n account,\n tokenAccountId,\n actions,\n accountId\n) => {\n accountId = accountId || account.accountId;\n if (!(await isTokenRegistered(account, tokenAccountId, accountId))) {\n actions.push([\n tokenAccountId,\n nearAPI.transactions.functionCall(\n \"storage_deposit\",\n {\n account_id: accountId,\n registration_only: true,\n },\n TGas.mul(5).toFixed(0),\n (await tokenStorageDeposit(account.near, tokenAccountId)).toFixed(0)\n ),\n ]);\n }\n};\n\nexport const WrappedTokenType = {\n WrappedNEAR: \"WrappedNEAR\",\n WrappedFT: \"WrappedFT\",\n};\n\nexport const WrappedTokens = {\n [NearConfig.wrapNearAccountId]: WrappedTokenType.WrappedNEAR,\n \"f-aurora.near\": WrappedTokenType.WrappedFT,\n \"skyward-pixeltoken.near\": WrappedTokenType.WrappedFT,\n};\n\n// const tokenBalances = {};\n\nconst hardcodedMetadata = (token, tokenAccountId) => {\n if (!token) {\n return token;\n }\n if (tokenAccountId === NearConfig.wrapNearAccountId) {\n token.metadata.symbol = \"NEAR\";\n token.metadata.icon =\n \"data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23111618'%3E%3C/circle%3E%3Cg clip-path='url(%23clip0000000003)'%3E%3Cpath d='M20.8422 8.84471L17.4978 13.776C17.4501 13.847 17.43 13.9328 17.4411 14.0174C17.4522 14.102 17.4938 14.1798 17.5582 14.2363C17.6225 14.2928 17.7053 14.3243 17.7913 14.3249C17.8772 14.3254 17.9604 14.2951 18.0256 14.2395L21.3178 11.4036C21.3371 11.3865 21.361 11.3753 21.3866 11.3714C21.4122 11.3675 21.4383 11.3711 21.4619 11.3818C21.4855 11.3924 21.5054 11.4096 21.5193 11.4314C21.5331 11.4531 21.5403 11.4783 21.54 11.504V20.3824C21.54 20.4095 21.5316 20.4361 21.5158 20.4583C21.5001 20.4806 21.4779 20.4975 21.4522 20.5068C21.4265 20.516 21.3985 20.5172 21.3721 20.5102C21.3456 20.5031 21.322 20.4882 21.3044 20.4673L11.3533 8.63726C11.1933 8.44956 10.994 8.29873 10.7693 8.19525C10.5446 8.09178 10.2999 8.03815 10.0522 8.03809H9.70444C9.2524 8.03809 8.81887 8.21642 8.49922 8.53386C8.17957 8.8513 8 9.28185 8 9.73078V22.2351C8 22.684 8.17957 23.1145 8.49922 23.432C8.81887 23.7494 9.2524 23.9277 9.70444 23.9277V23.9277C9.99591 23.9278 10.2825 23.8537 10.537 23.7125C10.7914 23.5713 11.0051 23.3677 11.1578 23.1211L14.5022 18.1898C14.5499 18.1188 14.57 18.033 14.5589 17.9484C14.5478 17.8638 14.5062 17.7861 14.4418 17.7295C14.3775 17.673 14.2947 17.6415 14.2087 17.641C14.1228 17.6404 14.0396 17.6707 13.9744 17.7264L10.6822 20.5622C10.6629 20.5794 10.639 20.5906 10.6134 20.5944C10.5878 20.5983 10.5617 20.5947 10.5381 20.5841C10.5145 20.5734 10.4946 20.5562 10.4807 20.5345C10.4669 20.5128 10.4597 20.4875 10.46 20.4618V11.5813C10.46 11.5541 10.4684 11.5276 10.4842 11.5053C10.4999 11.483 10.5221 11.4661 10.5478 11.4568C10.5735 11.4476 10.6015 11.4464 10.6279 11.4534C10.6544 11.4605 10.678 11.4755 10.6956 11.4963L20.6456 23.3286C20.8056 23.5163 21.0049 23.6671 21.2296 23.7706C21.4543 23.874 21.699 23.9277 21.9467 23.9277H22.2944C22.5184 23.9279 22.7401 23.8842 22.947 23.7992C23.154 23.7142 23.342 23.5895 23.5004 23.4324C23.6588 23.2752 23.7844 23.0885 23.8702 22.8831C23.9559 22.6776 24 22.4574 24 22.2351V9.73078C24 9.28185 23.8204 8.8513 23.5008 8.53386C23.1811 8.21642 22.7476 8.03809 22.2956 8.03809C22.0041 8.03801 21.7175 8.11211 21.4631 8.25332C21.2086 8.39453 20.9949 8.59814 20.8422 8.84471V8.84471Z' fill='white'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip00033'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 7.9834)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\";\n }\n if (tokenAccountId === NearConfig.oldRefFinanceToken) {\n token.metadata.symbol = \"REF\";\n token.metadata.name = \"[OLD] Ref Finance Token\";\n }\n return token;\n};\n\nexport const getTokenFetcher = async (_key, tokenAccountId, account) => {\n if (!isValidAccountId(tokenAccountId)) {\n return {\n invalidAccount: true,\n };\n }\n if (tokenAccountId in tokens) {\n return tokens[tokenAccountId];\n }\n const lsKey = LsKey + \"tokens:\" + tokenAccountId;\n const localToken = ls.get(lsKey);\n const time = new Date().getTime();\n\n if (!account) {\n return null;\n }\n\n const contract = {\n balanceOf: async (account, accountId) => {\n return Big(\n await account.near.account.viewFunction(\n tokenAccountId,\n \"ft_balance_of\",\n {\n account_id: accountId,\n }\n )\n );\n },\n isRegistered: async (account, accountId) =>\n isTokenRegistered(account, tokenAccountId, accountId),\n isWrappedToken: tokenAccountId in WrappedTokens,\n isUnlocked: async (account) => {\n if (WrappedTokens[tokenAccountId] === WrappedTokenType.WrappedNEAR) {\n return true;\n }\n if (WrappedTokens[tokenAccountId] === WrappedTokenType.WrappedFT) {\n const info = await account.near.account.viewFunction(\n tokenAccountId,\n \"get_info\"\n );\n if (!info) {\n return false;\n }\n return info.status ? info.status === \"Unlocked\" : true;\n }\n },\n };\n\n if (localToken && localToken.expires > time) {\n const token = Object.assign({}, localToken.data, { contract });\n token.totalSupply = Big(token.totalSupply);\n\n return (tokens[tokenAccountId] = hardcodedMetadata(token, tokenAccountId));\n }\n let token = false;\n try {\n let [metadata, totalSupply] = await Promise.all([\n account.near.account.viewFunction(tokenAccountId, \"ft_metadata\"),\n account.near.account.viewFunction(tokenAccountId, \"ft_total_supply\"),\n ]);\n token = hardcodedMetadata(\n {\n contract,\n metadata: keysToCamel(metadata),\n totalSupply: Big(totalSupply),\n },\n tokenAccountId\n );\n } catch (e) {\n const errString = e.message.toString();\n if (errString.indexOf(\"does not exist while viewing\") < 0) {\n console.error(e);\n return false;\n }\n token = {\n notFound: true,\n };\n return (tokens[tokenAccountId] = token);\n }\n ls.set(lsKey, {\n expires: time + TokenExpirationDuration,\n data: Object.assign({}, token, {\n totalSupply: token.totalSupply.toFixed(0),\n }),\n });\n return (tokens[tokenAccountId] = token);\n};\n\nexport const useToken = (tokenAccountId) => {\n const { data: token } = useSWR(\n [\"token_account_id\", tokenAccountId, useAccount()],\n getTokenFetcher\n );\n return token;\n};\n","import { singletonHook } from \"react-singleton-hook\";\nimport { useEffect, useState } from \"react\";\nimport { NearConfig } from \"./near\";\nimport Big from \"big.js\";\nimport * as nearAPI from \"near-api-js\";\nimport { OneNear } from \"./utils\";\nimport { useAccount } from \"./account\";\n\nconst SimplePool = \"SIMPLE_POOL\";\nconst StablePool = \"STABLE_SWAP\";\nconst RatedPool = \"RATED_SWAP\";\n\nexport const defaultWhitelistedTokens = new Set([\n \"wrap.near\",\n \"a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48.factory.bridge.near\",\n \"dac17f958d2ee523a2206206994597c13d831ec7.factory.bridge.near\",\n \"6b175474e89094c44da98b954eedeac495271d0f.factory.bridge.near\",\n \"c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2.factory.bridge.near\",\n \"111111111117dc0aa78b770fa6a738034120c302.factory.bridge.near\",\n \"c944e90c64b2c07662a292be6244bdf05cda44a7.factory.bridge.near\",\n \"token.skyward.near\",\n \"berryclub.ek.near\",\n \"farm.berryclub.ek.near\",\n \"6f259637dcd74c767781e37bc6133cd6a68aa161.factory.bridge.near\",\n \"de30da39c46104798bb5aa3fe8b9e0e1f348163f.factory.bridge.near\",\n \"1f9840a85d5af5bf1d1762f925bdaddc4201f984.factory.bridge.near\",\n \"2260fac5e5542a773aa44fbcfedf7c193bc2c599.factory.bridge.near\",\n \"514910771af9ca656af840dff83e8264ecf986ca.factory.bridge.near\",\n \"f5cfbc74057c610c8ef151a439252680ac68c6dc.factory.bridge.near\",\n \"token.v2.ref-finance.near\",\n \"d9c2d319cd7e6177336b0a9c93c21cb48d84fb54.factory.bridge.near\",\n \"token.paras.near\",\n \"a4ef4b0b23c1fc81d3f9ecf93510e64f58a4a016.factory.bridge.near\",\n \"marmaj.tkn.near\",\n \"meta-pool.near\",\n \"token.cheddar.near\",\n \"52a047ee205701895ee06a375492490ec9c597ce.factory.bridge.near\",\n \"aurora\",\n \"pixeltoken.near\",\n \"dbio.near\",\n \"meta-token.near\",\n]);\n\nconst defaultRefFinance = {\n loading: true,\n pools: {},\n poolsByToken: {},\n poolsByPair: {},\n prices: {},\n balances: {},\n nearPrice: Big(0),\n refContract: null,\n whitelistedTokens: defaultWhitelistedTokens,\n};\n\nconst usdTokensDecimals = {\n \"6b175474e89094c44da98b954eedeac495271d0f.factory.bridge.near\": 18,\n \"a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48.factory.bridge.near\": 6,\n \"dac17f958d2ee523a2206206994597c13d831ec7.factory.bridge.near\": 6,\n usn: 18,\n \"cusd.token.a11bd.near\": 24,\n};\nconst tokenDecimals = Object.assign(\n {\n \"2260fac5e5542a773aa44fbcfedf7c193bc2c599.factory.bridge.near\": 8,\n \"0316eb71485b0ab14103307bf65a021042c6d380.factory.bridge.near\": 18,\n \"meta-pool.near\": 24,\n \"linear-protocol.near\": 24,\n \"wrap.near\": 24,\n },\n usdTokensDecimals\n);\n\nconst usdTokens = Object.entries(usdTokensDecimals).reduce(\n (acc, [key, value]) => {\n acc[key] = Big(10).pow(value);\n return acc;\n },\n {}\n);\n\nfunction stablePoolGetReturn(pool, tokenIn, amountIn, tokenOut) {\n let tokenInIndex = pool.tt.indexOf(tokenIn);\n let tokenOutIndex = pool.tt.indexOf(tokenOut);\n // Sub 1\n const cAmountIn = amountIn\n .sub(1)\n .mul(Big(10).pow(18 - tokenDecimals[tokenIn]))\n .mul(pool.rates[tokenInIndex])\n .div(OneNear);\n\n let y = stablePoolComputeY(\n pool,\n cAmountIn.add(pool.cAmounts[tokenInIndex]),\n tokenInIndex,\n tokenOutIndex\n );\n\n let dy = pool.cAmounts[tokenOutIndex].sub(y);\n let tradeFee = dy.mul(pool.fee).div(10000).round(0, 0);\n let amountSwapped = dy.sub(tradeFee);\n\n return amountSwapped\n .div(Big(10).pow(18 - tokenDecimals[tokenOut]))\n .mul(OneNear)\n .div(pool.rates[tokenOutIndex])\n .round(0, 0);\n}\n\nfunction stablePoolGetInverseReturn(pool, tokenOut, amountOut, tokenIn) {\n let tokenInIndex = pool.tt.indexOf(tokenIn);\n let tokenOutIndex = pool.tt.indexOf(tokenOut);\n\n const amountOutWithFee = amountOut\n .mul(10000)\n .div(10000 - pool.fee)\n .round(0, 0);\n const cAmountOut = amountOutWithFee\n .mul(Big(10).pow(18 - tokenDecimals[tokenOut]))\n .mul(pool.rates[tokenOutIndex])\n .div(OneNear);\n\n let y = stablePoolComputeY(\n pool,\n pool.cAmounts[tokenOutIndex].sub(cAmountOut),\n tokenOutIndex,\n tokenInIndex\n );\n\n let cAmountIn = y.sub(pool.cAmounts[tokenInIndex]);\n\n // Adding 1 for internal pool rounding\n return cAmountIn\n .div(Big(10).pow(18 - tokenDecimals[tokenIn]))\n .mul(OneNear)\n .div(pool.rates[tokenInIndex])\n .add(1)\n .round(0, 0);\n}\n\nexport function getRefReturn(pool, tokenIn, amountIn, tokenOut) {\n if (!amountIn || amountIn.eq(0)) {\n return Big(0);\n }\n if (\n !(tokenIn in pool.tokens) ||\n !(tokenOut in pool.tokens) ||\n tokenIn === tokenOut\n ) {\n return null;\n }\n if (pool.stable) {\n return stablePoolGetReturn(pool, tokenIn, amountIn, tokenOut);\n }\n const balanceIn = pool.tokens[tokenIn];\n const balanceOut = pool.tokens[tokenOut];\n let amountWithFee = Big(amountIn).mul(Big(10000 - pool.fee));\n return amountWithFee\n .mul(balanceOut)\n .div(Big(10000).mul(balanceIn).add(amountWithFee))\n .round(0, 0);\n}\n\nexport function getRefInverseReturn(pool, tokenOut, amountOut, tokenIn) {\n if (!amountOut || amountOut.eq(0)) {\n return Big(0);\n }\n if (\n !(tokenIn in pool.tokens) ||\n !(tokenOut in pool.tokens) ||\n tokenIn === tokenOut\n ) {\n return null;\n }\n if (pool.stable) {\n return stablePoolGetInverseReturn(pool, tokenOut, amountOut, tokenIn);\n }\n const balanceIn = pool.tokens[tokenIn];\n const balanceOut = pool.tokens[tokenOut];\n if (amountOut.gte(balanceOut)) {\n return null;\n }\n return Big(10000)\n .mul(balanceIn)\n .mul(amountOut)\n .div(Big(10000 - pool.fee).mul(balanceOut.sub(amountOut)))\n .round(0, 3);\n}\n\nfunction stablePoolComputeD(pool) {\n let sumX = pool.cAmounts.reduce((sum, v) => sum.add(v), Big(0));\n if (sumX.eq(0)) {\n return Big(0);\n } else {\n let d = sumX;\n let dPrev;\n\n for (let i = 0; i < 256; ++i) {\n let dProd = d;\n for (let j = 0; j < pool.nCoins; ++j) {\n dProd = dProd.mul(d).div(pool.cAmounts[j].mul(pool.nCoins)).round(0, 0);\n }\n dPrev = d;\n\n let leverage = sumX.mul(pool.ann);\n let numerator = dPrev.mul(dProd.mul(pool.nCoins).add(leverage));\n let denominator = dPrev\n .mul(pool.ann.sub(1))\n .add(dProd.mul(pool.nCoins + 1));\n d = numerator.div(denominator).round(0, 0);\n\n // Equality with the precision of 1\n if (d.gt(dPrev)) {\n if (d.sub(dPrev).lte(1)) {\n break;\n }\n } else if (dPrev.sub(d).lte(1)) {\n break;\n }\n }\n return d;\n }\n}\n\nfunction stablePoolComputeY(pool, xCAmount, indexX, indexY) {\n // invariant\n let d = pool.d;\n let s = xCAmount;\n let c = d.mul(d).div(xCAmount).round(0, 0);\n pool.cAmounts.forEach((c_amount, idx) => {\n if (idx !== indexX && idx !== indexY) {\n s = s.add(c_amount);\n c = c.mul(d).div(c_amount).round(0, 0);\n }\n });\n c = c.mul(d).div(pool.ann.mul(pool.nn)).round(0, 0);\n let b = d.div(pool.ann).round(0, 0).add(s); // d will be subtracted later\n\n // Solve for y by approximating: y**2 + b*y = c\n let yPrev;\n let y = d;\n for (let i = 0; i < 256; ++i) {\n yPrev = y;\n // $ y_{k+1} = \\frac{y_k^2 + c}{2y_k + b - D} $\n let yNumerator = y.pow(2).add(c);\n let yDenominator = y.mul(2).add(b).sub(d);\n y = yNumerator.div(yDenominator).round(0, 0);\n if (y.gt(yPrev)) {\n if (y.sub(yPrev).lte(1)) {\n break;\n }\n } else if (yPrev.sub(y).lte(1)) {\n break;\n }\n }\n return y;\n}\n\nconst fetchRefData = async (account) => {\n const near = account.near;\n const refContract = new nearAPI.Contract(\n near.account,\n NearConfig.refContractName,\n {\n viewMethods: [\n \"get_number_of_pools\",\n \"get_pools\",\n \"get_pool\",\n \"get_return\",\n \"get_deposits\",\n \"get_whitelisted_tokens\",\n \"list_rated_tokens\",\n ],\n changeMethods: [],\n }\n );\n\n const balances = {};\n const whitelistedTokens = new Set(await refContract.get_whitelisted_tokens());\n const ratedTokens = await refContract.list_rated_tokens();\n Object.values(ratedTokens).forEach((r) => {\n r.rate_price = Big(r.rate_price);\n });\n ratedTokens[NearConfig.wrapNearAccountId] = {\n rate_price: OneNear,\n };\n\n if (account.accountId) {\n const rawBalances = await refContract.get_deposits({\n account_id: account.accountId,\n });\n Object.entries(rawBalances).forEach(([key, value]) => {\n balances[key] = Big(value);\n });\n }\n\n const limit = 250;\n // Limit pools for now until we need other prices.\n const numPools = Math.min(10000, await refContract.get_number_of_pools());\n const promises = [];\n for (let i = 0; i < numPools; i += limit) {\n promises.push(refContract.get_pools({ from_index: i, limit }));\n }\n const rawPools = (await Promise.all(promises)).flat();\n\n const poolsByToken = {};\n const poolsByPair = {};\n\n const addPools = (token, pool) => {\n let ps = poolsByToken[token] || [];\n ps.push(pool);\n poolsByToken[token] = ps;\n\n pool.ots[token].forEach((ot) => {\n const pair = `${token}:${ot}`;\n ps = poolsByPair[pair] || [];\n ps.push(pool);\n poolsByPair[pair] = ps;\n });\n };\n\n const pools = {};\n for (let i = 0; i < rawPools.length; ++i) {\n const pool = rawPools[i];\n if (\n pool.pool_kind === SimplePool ||\n pool.pool_kind === StablePool ||\n pool.pool_kind === RatedPool\n ) {\n const tt = pool.token_account_ids;\n const p = {\n stable: pool.pool_kind === StablePool || pool.pool_kind === RatedPool,\n index: i,\n tt,\n tokens: tt.reduce((acc, token, tokenIndex) => {\n acc[token] = Big(pool.amounts[tokenIndex]);\n return acc;\n }, {}),\n ots: tt.reduce((acc, token) => {\n acc[token] = tt.filter((t) => t !== token);\n return acc;\n }, {}),\n fee: pool.total_fee,\n shares: Big(pool.shares_total_supply),\n amp: pool.amp || 0,\n };\n if (p.stable) {\n let shouldSkip = false;\n p.cAmounts = [...pool.amounts].map((amount, idx) => {\n const tokenId = tt[idx];\n if (!(tokenId in tokenDecimals)) {\n console.log(\n `Missing token decimals for token ${tokenId} for pool #${i}`\n );\n shouldSkip = true;\n return 0;\n }\n let factor = Big(10).pow(18 - tokenDecimals[tokenId]);\n return Big(amount).mul(factor);\n });\n if (shouldSkip) {\n continue;\n }\n p.nCoins = p.cAmounts.length;\n if (pool.pool_kind === RatedPool) {\n p.rates = tt.map((tokenId) => {\n if (!(tokenId in ratedTokens)) {\n console.log(\n `Missing token rate for token ${tokenId} for pool #${i}`\n );\n shouldSkip = true;\n }\n return ratedTokens[tokenId].rate_price;\n });\n if (shouldSkip) {\n continue;\n }\n } else {\n p.rates = new Array(p.nCoins).fill(OneNear);\n }\n p.cAmounts = p.cAmounts.map((cAmount, idx) =>\n cAmount.mul(p.rates[idx]).div(OneNear)\n );\n p.nn = Big(Math.pow(p.nCoins, p.nCoins));\n p.ann = Big(p.amp).mul(p.nn);\n p.d = stablePoolComputeD(p);\n }\n\n if (p.shares.gt(0)) {\n pools[p.index] = p;\n p.tt.forEach((t) => addPools(t, p));\n }\n }\n }\n\n const wNEAR = NearConfig.wrapNearAccountId;\n const prices = {};\n\n Object.values(pools).forEach((pool) => {\n if (wNEAR in pool.tokens && !pool.stable) {\n pool.otherToken = pool.ots[wNEAR][0];\n const p = prices[pool.otherToken] || {\n totalNear: Big(0),\n totalOther: Big(0),\n };\n p.totalNear = p.totalNear.add(pool.tokens[wNEAR]);\n p.totalOther = p.totalOther.add(pool.tokens[pool.otherToken]);\n if (p.totalNear.gt(0)) {\n prices[pool.otherToken] = p;\n }\n }\n });\n\n let totalNearInUsdPools = Big(0);\n let totalUsdInUsdPools = Big(0);\n\n Object.entries(usdTokens).forEach(([tokenId, one]) => {\n if (tokenId in prices) {\n const p = prices[tokenId];\n totalNearInUsdPools = totalNearInUsdPools.add(p.totalNear);\n totalUsdInUsdPools = totalUsdInUsdPools.add(\n p.totalOther.mul(OneNear).div(one)\n );\n }\n });\n\n const nearPrice = totalNearInUsdPools.gt(0)\n ? totalUsdInUsdPools.div(totalNearInUsdPools)\n : Big(0);\n\n return {\n loading: false,\n pools,\n poolsByToken,\n poolsByPair,\n nearPrice,\n refContract,\n prices,\n balances,\n whitelistedTokens,\n };\n};\n\nlet refRefreshTimer = null;\n\nexport const useRefFinance = singletonHook(defaultRefFinance, () => {\n const [refFinance, setRefFinance] = useState(defaultRefFinance);\n const account = useAccount();\n\n useEffect(() => {\n if (account && !account.loading) {\n let scheduleRefresh;\n let refresh;\n\n const localMapRef = (ref) => {\n ref.scheduleRefresh = scheduleRefresh;\n ref.refresh = refresh;\n return ref;\n };\n\n refresh = async () => {\n const ref = await fetchRefData(account);\n setRefFinance(localMapRef(ref));\n };\n\n scheduleRefresh = (fast) => {\n clearTimeout(refRefreshTimer);\n refRefreshTimer = setTimeout(\n async () => {\n if (!document.hidden) {\n await refresh();\n } else {\n scheduleRefresh(fast);\n }\n },\n fast ? 5000 : 30000\n );\n };\n\n refresh().catch(console.error);\n }\n }, [account]);\n\n return refFinance;\n});\n","import React from \"react\";\n\nexport default function MutedDecimals(props) {\n const value = props.value;\n\n const dotPos = value.indexOf(\".\");\n if (dotPos > 0) {\n return (\n <>\n {value.charAt(0) === \"<\" ? (\n <>\n {\"<\"}\n {value.substring(1, dotPos)}\n \n ) : (\n value.substring(0, dotPos)\n )}\n {value.substring(dotPos)}\n \n );\n }\n return value;\n}\n","import React, { useState } from \"react\";\nimport { useToken } from \"../../data/token\";\nimport {\n bigToString,\n computeUsdBalance,\n fromTokenBalance,\n} from \"../../data/utils\";\nimport { useRefFinance } from \"../../data/refFinance\";\nimport MutedDecimals from \"../common/MutedDecimals\";\n\nexport default function TokenBalance(props) {\n const [showUsd, setShowUsd] = useState(props.showUsd);\n const tokenAccountId = props.tokenAccountId;\n const balance = props.balance;\n const token = useToken(tokenAccountId);\n const refFinance = useRefFinance();\n const usdBalance = computeUsdBalance(refFinance, tokenAccountId, balance);\n\n const clickable = props.clickable && usdBalance;\n\n return (\n \n {sale.started() ? \"Sale end in\" : \"Sale starts in\"}{\" \"}\n \n {() => (\n \n \n v > 1 ? `${v} days ` : v ? `1 day ` : \"\"\n }\n />\n `${v}`.padStart(2, \"0\")} />\n :\n `${v}`.padStart(2, \"0\")} />\n \n )}\n \n
\n )}\n \n
\n );\n}\n","import \"./TokenAndBalance.scss\";\nimport TokenBalance from \"./TokenBalance\";\nimport React, { useState } from \"react\";\nimport TokenBadge from \"./TokenBadge\";\nimport uuid from \"react-uuid\";\n\nexport default function TokenAndBalance(props) {\n const [gkey] = useState(uuid());\n\n return (\n \n {name}\n
\n \n {icon && 
}\n \n {symbol}\n \n
\n \n
\n );\n}\n","import \"./SaleInputOutputs.scss\";\nimport TokenAndBalance from \"../token/TokenAndBalance\";\nimport React, { useState } from \"react\";\nimport uuid from \"react-uuid\";\n\nexport default function SaleInputOutputs(props) {\n const [gkey] = useState(uuid());\n const sale = props.sale || {};\n const saleEnded = props.sale && props.sale.ended();\n\n const inputBalances = saleEnded\n ? [[\"\", sale.inTokenPaid || props.inTokenPaid]]\n : props.detailed\n ? [\n [\"PAID: \", sale.inTokenPaid || props.inTokenPaid],\n [\"REMAINING: \", sale.inTokenRemaining || props.inTokenRemaining],\n ]\n : [[\"\", sale.inTokenRemaining || props.inTokenRemaining]];\n\n const outputBalances = (o) =>\n saleEnded\n ? [[\"\", o.distributed]]\n : props.detailed\n ? [\n [o.distributedLabel || \"DISTRIBUTED: \", o.distributed],\n [o.remainingLabel || \"REMAINING: \", o.remaining],\n ]\n : [[\"\", o.remaining]];\n\n return (\n \n {props.balances.map(([label, balance], i) => (\n
\n \n {label}\n
\n ))}\n \n \n
\n );\n}\n","import { useToken } from \"../../data/token\";\n\nexport default function TokenSymbol(props) {\n const tokenAccountId = props.tokenAccountId;\n const token = useToken(tokenAccountId);\n return !tokenAccountId\n ? \"???\"\n : !token\n ? tokenAccountId\n : token.invalidAccount\n ? `Invalid account Id ${tokenAccountId}`\n : token.notFound\n ? `Token Id ${tokenAccountId} not found`\n : token.metadata.symbol;\n}\n","import \"./Rate.scss\";\nimport React, { useState } from \"react\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport Big from \"big.js\";\nimport {\n bigToString,\n computeUsdBalance,\n fromTokenBalance,\n toTokenBalance,\n} from \"../../data/utils\";\nimport { useToken } from \"../../data/token\";\nimport { useRefFinance } from \"../../data/refFinance\";\nimport MutedDecimals from \"./MutedDecimals\";\n\nconst View = {\n Regular: \"Regular\",\n USD: \"USD\",\n Inverse: \"Inverse\",\n};\n\nexport default function Rate(props) {\n const [view, setView] = useState(0);\n const sale = props.sale || {};\n const outTokens = sale.outTokens || props.outTokens;\n const out = outTokens[0];\n const inTokenAccountId = sale.inTokenAccountId || props.inTokenAccountId;\n const inTokenRemaining = sale.inTokenRemaining || props.inTokenRemaining;\n const inToken = useToken(inTokenAccountId);\n const outToken = useToken(out.tokenAccountId);\n\n const inAmount = fromTokenBalance(inToken, inTokenRemaining);\n const outAmount = fromTokenBalance(outToken, out.remaining);\n\n const price = inAmount.gt(0) ? outAmount.div(inAmount) : null;\n const inversePrice = price && price.gt(0) ? Big(1).div(price) : null;\n\n const refFinance = useRefFinance();\n const usdBalance = computeUsdBalance(\n refFinance,\n inTokenAccountId,\n toTokenBalance(inToken, inversePrice)\n );\n\n const views = [View.Regular];\n if (usdBalance) {\n views.push(View.USD);\n }\n if (!props.hideInverse) {\n views.push(View.Inverse);\n }\n\n const numViews = views.length;\n\n return (\n \n \n {props.outputLabel ||\n (sale.ended() ? \"Total Received\" : \"Total Receiving\")}\n \n \n
\n {(sale.outTokens || props.outTokens).map((o, i) => {\n const key = `${gkey}-out-token-${i}`;\n return (\n \n setView((view + 1) % numViews)}\n >\n {views[view] === View.Inverse ? (\n
\n ) : (\n {props.title || \"Rate\"}
\n {price ? (\n \n 1
\n ) : views[view] === View.Regular ? (\n \n 1
\n ) : (\n \n 1
\n )}\n ???
\n )}\n \n );\n}\n","import Rate from \"../common/Rate\";\nimport React from \"react\";\n\nexport default function SaleRate(props) {\n const sale = props.sale;\n return sale.farAhead() ? null : sale.ended() ? (\n \n
\n );\n}\n","import \"./SalesPage.scss\";\nimport React, { useState } from \"react\";\nimport { useSales } from \"../data/sales\";\nimport uuid from \"react-uuid\";\nimport SalePreview from \"../components/sale/SalePreview\";\nimport { isLowValueSale, isSaleWhitelisted, Loading } from \"../data/utils\";\nimport { useRefFinance } from \"../data/refFinance\";\n\nfunction SalesPage(props) {\n const [gkey] = useState(uuid());\n const sales = useSales();\n\n const [whitelistedOnly, setWhitelistedOnly] = useState(true);\n const [displayLowValueSales, setDisplayLowValueSales] = useState(false);\n\n const refFinance = useRefFinance();\n let sortedSales = [...sales.sales];\n if (refFinance && refFinance.whitelistedTokens && whitelistedOnly) {\n if (displayLowValueSales) {\n sortedSales = sortedSales.filter((sale) =>\n isSaleWhitelisted(sale, refFinance)\n );\n } else {\n sortedSales = sortedSales.filter(\n (sale) =>\n isSaleWhitelisted(sale, refFinance) &&\n !isLowValueSale(sale, refFinance)\n );\n }\n }\n sortedSales.sort((a, b) => a.endDate - b.endDate);\n\n const allUpcomingSales = sortedSales.filter(\n (sale) => !sale.ended() && !sale.started()\n );\n const currentSalesAndSoon = sortedSales.filter(\n (sale) => !sale.ended() && (sale.started() || !sale.farAhead())\n );\n const upcomingSales = allUpcomingSales.filter((sale) => sale.farAhead());\n // Reverse sort, but keep order stable for same time\n sortedSales.sort((a, b) => b.endDate - a.endDate);\n const endedSales = sortedSales.filter((sale) => sale.ended());\n\n const saleList = (sale) => {\n const key = `${gkey}-sale-${sale.saleId}`;\n return \n = 0 ? `/sale/${sale.saleId}` : \"#\"}\n className=\"sale-title-link\"\n >\n
\n
\n
\n {sale.title || \"Noname sale\"}
\n \n\n
\n
\n \n {sale.subscription ? \"Your subscription\" : \"Details\"}\n \n
\n )}\n \n
\n \n );\n}\n\nexport default SalesPage;\n","import useSWR from \"swr\";\nimport { useAccount } from \"./account\";\nimport { NearConfig } from \"./near\";\nimport { availableNearBalance } from \"./utils\";\nimport { BalanceType } from \"../components/account/AccountBalance\";\nimport { useToken } from \"./token\";\nimport { useRefFinance } from \"./refFinance\";\nimport { useEffect, useState } from \"react\";\n\nexport const getTokenBalancesFetcher = async (\n _key,\n tokenAccountId,\n tokenBalance,\n account,\n refFinance\n) => {\n const fetchedBalances = {};\n if (account && !account.loading) {\n if (tokenAccountId in account.balances) {\n const balance = account.balances[tokenAccountId];\n fetchedBalances[BalanceType.Internal] = balance;\n }\n if (tokenBalance) {\n fetchedBalances[BalanceType.Wallet] = tokenBalance;\n }\n if (account.accountId && tokenAccountId === NearConfig.wrapNearAccountId) {\n let nativeNearBalance = availableNearBalance(account);\n fetchedBalances[BalanceType.NEAR] = nativeNearBalance;\n }\n if (refFinance && tokenAccountId in refFinance.balances) {\n const balance = refFinance.balances[tokenAccountId];\n fetchedBalances[BalanceType.Ref] = balance;\n }\n }\n return fetchedBalances;\n};\n\nexport const useTokenBalances = (tokenAccountId) => {\n const account = useAccount();\n const token = useToken(tokenAccountId);\n const [currentTokenAccountId, setCurrentTokenAccountId] = useState(\n tokenAccountId\n );\n const [tokenBalance, setTokenBalance] = useState(null);\n if (currentTokenAccountId !== tokenAccountId) {\n setCurrentTokenAccountId(tokenAccountId);\n setTokenBalance(null);\n }\n\n useEffect(() => {\n if (account.accountId && token && token.metadata && tokenBalance === null) {\n token.contract\n .balanceOf(account, account.accountId)\n .then(setTokenBalance)\n .catch(() => setTokenBalance(false));\n }\n }, [account, tokenBalance, token]);\n\n const { data: tokenBalances } = useSWR(\n [\"token_balances\", tokenAccountId, tokenBalance, account, useRefFinance()],\n getTokenBalancesFetcher\n );\n return {\n tokenBalances,\n resetTokenBalance: () => {\n setTokenBalance(null);\n },\n };\n};\n","import \"./AccountBalance.scss\";\nimport React, { useEffect, useState } from \"react\";\nimport TokenAndBalance from \"../token/TokenAndBalance\";\nimport { useAccount } from \"../../data/account\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport {\n tokenRegisterStorageAction,\n useToken,\n WrappedTokens,\n WrappedTokenType,\n} from \"../../data/token\";\nimport { NearConfig, TGas } from \"../../data/near\";\nimport { keysToCamel, Loading } from \"../../data/utils\";\nimport * as nearAPI from \"near-api-js\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport Big from \"big.js\";\nimport { useTokenBalances } from \"../../data/tokenBalances\";\n\nexport const BalanceType = {\n Internal: \"INTERNAL\",\n Wallet: \"WALLET\",\n NEAR: \"NEAR\",\n Ref: \"REF FINANCE\",\n};\n\nexport function AccountBalance(props) {\n const tokenAccountId = props.tokenAccountId;\n\n const [loading, setLoading] = useState(false);\n const [balances, setBalances] = useState([]);\n\n const account = useAccount();\n const token = useToken(tokenAccountId);\n\n const onFetchedBalances = props.onFetchedBalances;\n\n const { tokenBalances, resetTokenBalance } = useTokenBalances(tokenAccountId);\n useEffect(() => {\n if (tokenBalances) {\n const balances = [];\n Object.entries(tokenBalances).forEach(([key, balance]) => {\n if (balance && balance.gt(0)) {\n balances.push([`${key}: `, balance]);\n }\n });\n setBalances(balances);\n if (onFetchedBalances) {\n onFetchedBalances(tokenBalances);\n }\n }\n }, [tokenBalances, onFetchedBalances]);\n\n const internalBalance =\n (tokenBalances && tokenBalances[BalanceType.Internal]) || Big(0);\n const refBalance =\n (tokenBalances && tokenBalances[BalanceType.Ref]) || Big(0);\n const tokenBalance =\n (tokenBalances && tokenBalances[BalanceType.Wallet]) || Big(0);\n\n const [isUnlocked, setIsUnlocked] = useState(null);\n const [isUnwrappable, setIsUnwrappable] = useState(false);\n\n useEffect(() => {\n if (isUnlocked === null && token && account.near) {\n if (token.contract.isWrappedToken) {\n setIsUnwrappable(true);\n token.contract.isUnlocked(account).then(setIsUnlocked);\n } else {\n setIsUnlocked(false);\n }\n }\n }, [isUnlocked, token, account]);\n\n const canUnwrap = tokenBalance.gt(0) && isUnlocked;\n const unwrapPossible = tokenBalance.gt(0) && isUnwrappable;\n\n const [expanded, setExpanded] = useState(false);\n\n useEffect(() => {\n setExpanded(unwrapPossible);\n }, [unwrapPossible]);\n\n const clickable =\n props.clickable &&\n (internalBalance.gt(0) || refBalance.gt(0) || unwrapPossible);\n\n const registerAction = (actions) =>\n tokenRegisterStorageAction(account, tokenAccountId, actions);\n\n const unwrapTokenAction = async (actions, balance) => {\n if (canUnwrap) {\n if (WrappedTokens[tokenAccountId] === WrappedTokenType.WrappedNEAR) {\n const tokenBalance = await token.contract.balanceOf(\n account,\n account.accountId\n );\n actions.push([\n NearConfig.wrapNearAccountId,\n nearAPI.transactions.functionCall(\n \"near_withdraw\",\n {\n amount: tokenBalance.add(balance).toFixed(0),\n },\n TGas.mul(10).toFixed(0),\n 1\n ),\n ]);\n } else if (WrappedTokens[tokenAccountId] === WrappedTokenType.WrappedFT) {\n const info = keysToCamel(\n await account.near.account.viewFunction(tokenAccountId, \"get_info\")\n );\n const lockedTokenAccountId = info.lockedTokenAccountId;\n await tokenRegisterStorageAction(\n account,\n lockedTokenAccountId,\n actions\n );\n actions.push([\n tokenAccountId,\n nearAPI.transactions.functionCall(\n \"unwrap\",\n {},\n TGas.mul(50).toFixed(0),\n 1\n ),\n ]);\n }\n }\n };\n\n const withdrawInternal = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n const actions = [];\n await registerAction(actions);\n\n actions.push([\n NearConfig.contractName,\n nearAPI.transactions.functionCall(\n \"withdraw_token\",\n {\n token_account_id: tokenAccountId,\n },\n TGas.mul(40).toFixed(0),\n 0\n ),\n ]);\n\n await unwrapTokenAction(actions, internalBalance);\n\n if (actions.length === 1) {\n // simple\n await account.near.contract.withdraw_token(\n {\n token_account_id: tokenAccountId,\n },\n TGas.mul(40).toFixed(0),\n 0\n );\n } else {\n await account.near.sendTransactions(actions);\n return;\n }\n await account.refresh();\n resetTokenBalance();\n setLoading(false);\n };\n\n const withdrawFromRef = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n const actions = [];\n await registerAction(actions);\n\n actions.push([\n NearConfig.refContractName,\n nearAPI.transactions.functionCall(\n \"withdraw\",\n {\n token_id: tokenAccountId,\n amount: refBalance.toFixed(0),\n unregister: false,\n },\n TGas.mul(70).toFixed(0),\n 1\n ),\n ]);\n\n await unwrapTokenAction(actions, refBalance);\n await account.near.sendTransactions(actions);\n };\n\n const unwrapToken = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n const actions = [];\n await registerAction(actions);\n\n await unwrapTokenAction(actions, Big(0));\n await account.near.sendTransactions(actions);\n };\n\n return (\n \n {sales.loading || !refFinance ? (\n \n
\n )\n );\n })}\n \n )}\n \n
\n ) : (\n <>\n Loading {Loading}
\n\n
\n {allSales.map(([title, sales], i) => {\n return (\n sales.length > 0 && (\n \n
\n \n
\n \n {\n setWhitelistedOnly(e.target.checked);\n }}\n />\n \n Display only whitelisted listings\n \n {\" \"}\n (if checked, only listings with tokens whitelisted by\n Ref Finance will be displayed)\n \n \n
\n {whitelistedOnly && (\n \n {\n setDisplayLowValueSales(e.target.checked);\n }}\n />\n \n Display low value sales\n \n {\" \"}\n (if checked, sales with low total output value will be\n displayed)\n \n \n
\n )}\n {title}
\n {sales.map(saleList)}\n\n clickable && setExpanded(!expanded)}\n >\n
\n {expanded && (\n \n {internalBalance.gt(0) && (\n withdrawInternal(e)}\n >\n {loading && Loading}\n Withdraw{\" \"}\n withdrawFromRef(e)}\n >\n {loading && Loading}\n Withdraw{\" \"}\n unwrapToken(e)}\n >\n {loading && Loading}\n Unwrap{\" \"}\n
\n )}\n \n );\n}\n","import React, { useState } from \"react\";\nimport { dateToString, Loading } from \"../../data/utils\";\nimport Timer from \"react-compound-timer\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport {\n NearConfig,\n SkywardRegisterStorageDeposit,\n TGas,\n} from \"../../data/near\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport * as nearAPI from \"near-api-js\";\nimport {tokenStorageDeposit, useToken} from \"../../data/token\";\n\nexport default function LockupAccount(props) {\n const [loading, setLoading] = useState(false);\n const account = props.account;\n const lockupAccount = account.lockupAccount;\n const time = new Date().getTime();\n\n const progress = lockupAccount.started()\n ? (lockupAccount.passedDuration() / lockupAccount.duration) * 100\n : ((lockupAccount.startTimestamp - time) /\n (lockupAccount.endTimestamp - time)) *\n 100;\n\n const remainingDuration = lockupAccount.started()\n ? lockupAccount.duration - lockupAccount.passedDuration()\n : lockupAccount.startDate - time;\n\n const unclaimedBalance = lockupAccount.unclaimedBalance();\n const remainingBalance = lockupAccount.remainingBalance;\n\n const skywardToken = useToken(NearConfig.skywardTokenAccountId);\n\n const claimLocked = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n const actions = [];\n\n if (!(NearConfig.skywardTokenAccountId in account.balances)) {\n actions.push([\n NearConfig.contractName,\n nearAPI.transactions.functionCall(\n \"register_token\",\n {\n token_account_id: NearConfig.skywardTokenAccountId,\n },\n TGas.mul(10).toFixed(0),\n SkywardRegisterStorageDeposit.toFixed(0)\n ),\n ]);\n }\n\n if (\n !(await skywardToken.contract.isRegistered(account, account.accountId))\n ) {\n actions.push([\n NearConfig.skywardTokenAccountId,\n nearAPI.transactions.functionCall(\n \"storage_deposit\",\n {\n account_id: account.accountId,\n registration_only: true,\n },\n TGas.mul(5).toFixed(0),\n (await tokenStorageDeposit(account.near, NearConfig.skywardTokenAccountId)).toFixed(\n 0\n )\n ),\n ]);\n }\n\n actions.push([\n lockupAccount.lockupAccountId,\n nearAPI.transactions.functionCall(\n \"claim\",\n {},\n TGas.mul(60).toFixed(0),\n 0\n ),\n ]);\n\n await account.near.sendTransactions(actions);\n };\n\n return (\n \n
\n \n \n {dateToString(lockupAccount.startDate)}\n
\n \n {dateToString(lockupAccount.endDate)}\n
\n \n {lockupAccount.started() ? (\n \n {lockupAccount.started() && (\n
\n ) : (\n <>\n {Math.trunc(progress * 10) / 10}%
\n )}\n \n {lockupAccount.ended() ? (\n \"Fully unlocked\"\n ) : (\n
\n {remainingBalance.gt(0) && (\n \n {lockupAccount.started()\n ? \"Remaining duration\"\n : \"Unlock starts in\"}{\" \"}\n \n {() => (\n \n \n v > 1 ? `${v} days ` : v ? `1 day ` : \"\"\n }\n />\n `${v}`.padStart(2, \"0\")} />\n :\n `${v}`.padStart(2, \"0\")} />\n \n )}\n \n
\n )}\n \n
\n )}\n \n );\n}\n","import React, { useState } from \"react\";\nimport { useAccount } from \"../../data/account\";\nimport uuid from \"react-uuid\";\nimport { AccountBalance } from \"./AccountBalance\";\nimport { Loading } from \"../../data/utils\";\nimport LockupAccount from \"./LockupAccount\";\nimport { useRefFinance } from \"../../data/refFinance\";\n\nexport default function Account(props) {\n const [gkey] = useState(uuid());\n const account = useAccount();\n const refFinance = useRefFinance();\n\n const tokens = Object.assign(\n {},\n account && !account.loading ? account.balances : {},\n refFinance ? refFinance.balances : {}\n );\n\n const balances = Object.keys(tokens).map((tokenAccountId) => (\n \n Remaining locked balance:{\" \"}\n
\n \n claimLocked(e)}\n >\n {loading && Loading}\n Claim{\" \"}\n
\n \n
\n )}\n \n
\n $SKYWARD Lockup
\n\n {account.loading ? (\n
\n \n );\n}\n","import React, { useState } from \"react\";\nimport { useAccount } from \"../../data/account\";\nimport useSWR from \"swr\";\nimport Big from \"big.js\";\nimport uuid from \"react-uuid\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport { useSales } from \"../../data/sales\";\n\nconst referralFetcher = async (_key, accountId) => {\n if (!accountId) {\n return null;\n }\n let request = {\n user: \"public_readonly\",\n host: \"mainnet.db.explorer.indexer.near.dev\",\n database: \"mainnet_explorer\",\n password: \"nearprotocol\",\n port: 5432,\n parameters: [accountId],\n query:\n \"select (args->'args_json'->>'sale_id')::int sale_id, predecessor_account_id, SUM(CAST(args->'args_json'->>'amount' as numeric)) amount from action_receipt_actions join receipts using(receipt_id) join execution_outcomes using(receipt_id) where action_kind = 'FUNCTION_CALL' and receiver_account_id = 'skyward.near' and args->>'method_name' = 'sale_deposit_in_token' and args->'args_json'->>'referral_id' = $1 and status = 'SUCCESS_VALUE' group by sale_id, predecessor_account_id order by sale_id, amount desc\",\n };\n\n const res = await fetch(`https://rest.nearapi.org/explorer`, {\n method: \"POST\",\n body: JSON.stringify(request),\n headers: {\n \"Content-type\": \"application/json; charset=UTF-8\",\n },\n });\n\n const response = await res.json();\n\n return response.map((row) => ({\n saleId: row.sale_id,\n accountId: row.predecessor_account_id,\n amount: Big(row.amount),\n }));\n};\n\nexport default function AllReferrals(props) {\n const sales = useSales();\n const account = useAccount();\n const [gkey] = useState(uuid());\n\n const { data: referrals } = useSWR(\n [\"all-referrals\", account && account.accountId],\n referralFetcher\n );\n\n if (!(account && account.accountId) || !sales) {\n return false;\n }\n\n const computeBonus = (sale, amount) =>\n sale && sale.inTokenPaid.gt(0)\n ? amount\n .mul(sale.outTokens[0].distributed.add(sale.outTokens[0].remaining))\n .div(sale.inTokenPaid)\n .mul(sale.outTokens[0].referralBpt)\n .div(20000)\n : Big(0);\n\n return referrals && referrals.length > 0 ? (\n {Loading} loading...
\n ) : (\n \n
\n )}\n Balances
\n{balances}
\n \n
\n ) : (\n <>\n );\n}\n","import React, { useState } from \"react\";\nimport Account from \"../components/account/Account\";\nimport { useSales } from \"../data/sales\";\nimport SalePreview from \"../components/sale/SalePreview\";\nimport uuid from \"react-uuid\";\nimport AllReferrals from \"../components/account/AllReferrals\";\n\nexport default function AccountPage(props) {\n const [gkey] = useState(uuid());\n const sales = useSales();\n\n const yourSales = [...sales.sales].filter((sale) => !!sale.subscription);\n yourSales.sort((a, b) => b.endDate - a.endDate);\n\n return (\n \n
\n Referral bonuses
\n\n \n \n
\n
\n | Listing | \nReferee account ID | \nAmount deposited | \nEstimated bonus | \n
|---|---|---|---|
| {saleId} | \n{accountId} | \n\n | \n \n | \n
\n
\n );\n}\n","import { bigToString } from \"../../data/utils\";\nimport Big from \"big.js\";\nimport React, { useEffect, useState } from \"react\";\nimport uuid from \"react-uuid\";\nimport \"./AvailableInput.scss\";\n\nexport default function AvailableInput(props) {\n const [inputId] = useState(props.id || uuid());\n const [isMax, setIsMax] = useState(false);\n const limit = props.limit;\n const value = props.value;\n const setValue = props.setValue;\n\n const [lastExternalValue, setLastExternalValue] = useState(value);\n const [innerValue, setInnerValue] = useState(value);\n\n useEffect(() => {\n if (\n value !== lastExternalValue &&\n (!value || !lastExternalValue || !Big(value).eq(lastExternalValue))\n ) {\n setIsMax(false);\n setLastExternalValue(value);\n if (!value || !innerValue || !Big(value).eq(Big(innerValue) || Big(0))) {\n setInnerValue(value);\n }\n }\n }, [value, lastExternalValue, innerValue]);\n\n useEffect(() => {\n if (limit) {\n const roundLimit = limit.round(6, 0);\n if (isMax && !roundLimit.eq(value || Big(0))) {\n setInnerValue(roundLimit);\n setLastExternalValue(roundLimit);\n setValue(roundLimit);\n }\n }\n }, [isMax, value, limit, setValue]);\n\n const isInvalid = (limit || Big(0)).lt(value || Big(0));\n return (\n \n
\n \n
\n {yourSales.length > 0 && (\n \n
\n )}\n Your subscriptions
\n {yourSales.map((sale) => {\n const key = `${gkey}-sale-${sale.saleId}`;\n return\n {\n e.preventDefault();\n setIsMax(false);\n let v = value;\n const nv = e.target.value;\n if (nv.length > 0) {\n try {\n v = Big(nv);\n if (v.lt(0)) {\n v = v.mul(-1);\n setInnerValue(v);\n } else {\n setInnerValue(nv);\n }\n } catch (e) {\n setInnerValue(value);\n }\n } else {\n v = null;\n setInnerValue(nv);\n }\n setLastExternalValue(value);\n setValue(v);\n }}\n />\n \n \n {props.extraLabelRight}\n
\n \n \n
\n )\n ) : (\n \n {!isSaleWhitelisted(sale, refFinance) && (\n
\n {!mode ? (\n <>\n {!sale.ended() && depositPermission === false && (\n
\n \n \n Danger! This listing contains tokens not whitelisted by REF\n Finance.\n \n
\n Investing in this sale may result in receiving illiquid tokens\n and/or complete lose of funds.\n
\n Please do your own research before you deposit funds into this\n listing.\n
\n
\n )}\n {sale.farAhead() && (\n \n Investing in this sale may result in receiving illiquid tokens\n and/or complete lose of funds.\n
\n Please do your own research before you deposit funds into this\n listing.\n
\n
\n Warning! This sale will begin in more than one week!\n
\n Don't deposit{\" \"}\n
\n
\n )}\n {isLowValueSale(sale, refFinance) && (\n \n Don't deposit{\" \"}\n
\n
\n Warning! The value of listed tokens is very low!\n
\n Investing in this sale may result in partial lose of funds.\n
\n Please do your own research before you deposit funds into this\n listing.\n
\n
\n )}\n\n \n Investing in this sale may result in partial lose of funds.\n
\n Please do your own research before you deposit funds into this\n listing.\n
\n
\n {!mode ? (\n <>\n {!sale.ended() && depositPermission === false && (\n
\n \n Your account doesn't have permission to participate in this\n sale\n \n
\n Listing URL:{\" \"}\n \n {sale.url}\n \n
\n Permissions contract account ID is:{\" \"}\n {sale.permissionsContractId}\n
\n )}\n \n Listing URL:{\" \"}\n \n {sale.url}\n \n
\n Permissions contract account ID is:{\" \"}\n {sale.permissionsContractId}\n
\n {!sale.ended() && (\n <>\n setMode(DepositMode)}\n >\n Deposit{\" \"}\n setMode(WithdrawMode)}\n >\n Withdraw{\" \"}\n claimOut(e)}\n >\n {loading && Loading}\n Claim{\" \"}\n
\n \n ) : mode === DepositMode ? (\n \n \n Deposit{\" \"}\n \n
\n setExtraDeposit(v)}\n limit={availableInTokenHuman}\n />\n
\n ) : mode === WithdrawMode ? (\n \n Deposit{\" \"}\n \n
\n \n subscribeToSale(e)}\n >\n {loading && Loading}\n Deposit {extraDeposit && bigToString(extraDeposit)}{\" \"}\n {\n setExtraDeposit(null);\n setMode(null);\n }}\n >\n Cancel\n \n {IsMainnet &&\n sale.inTokenAccountId !== NearConfig.wrapNearAccountId && (\n \n Buy \n Bridge{\" \"}\n
\n \n \n Withdraw{\" \"}\n \n
\n setWithdrawAmount(v)}\n limit={subRemainingInBalanceHuman}\n />\n
\n ) : (\n \"\"\n )}\n \n Withdraw{\" \"}\n \n
\n \n {\n ls.set(withdrawToWalletLsKey, e.target.checked);\n setWithdrawToWallet(e.target.checked);\n }}\n />\n \n
\n\n \n withdrawFromSale(e)}\n >\n {loading && Loading}\n Withdraw {withdrawAmount && bigToString(withdrawAmount)}{\" \"}\n {\n setWithdrawAmount(null);\n setMode(null);\n }}\n >\n Cancel\n \n
\n Sign in to subscribe to this sale
\n );\n}\n","import React, { useState } from \"react\";\nimport { useAccount } from \"../../data/account\";\nimport useSWR from \"swr\";\nimport Big from \"big.js\";\nimport uuid from \"react-uuid\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport TokenSymbol from \"../token/TokenSymbol\";\n\nconst referralFetcher = async (_key, saleId, accountId) => {\n if (!accountId) {\n return null;\n }\n let request = {\n user: \"public_readonly\",\n host: \"mainnet.db.explorer.indexer.near.dev\",\n database: \"mainnet_explorer\",\n password: \"nearprotocol\",\n port: 5432,\n parameters: [saleId, accountId],\n query:\n \"select predecessor_account_id, SUM(CAST(args->'args_json'->>'amount' as numeric)) amount from action_receipt_actions join receipts using(receipt_id) join execution_outcomes using(receipt_id) where action_kind = 'FUNCTION_CALL' and receiver_account_id = 'skyward.near' and args->>'method_name' = 'sale_deposit_in_token' and (args->'args_json'->>'sale_id')::int = $1 and args->'args_json'->>'referral_id' = $2 and status = 'SUCCESS_VALUE' group by predecessor_account_id order by amount desc\",\n };\n\n const res = await fetch(`https://rest.nearapi.org/explorer`, {\n method: \"POST\",\n body: JSON.stringify(request),\n headers: {\n \"Content-type\": \"application/json; charset=UTF-8\",\n },\n });\n\n const response = await res.json();\n\n return response.map((row) => ({\n accountId: row.predecessor_account_id,\n amount: Big(row.amount),\n }));\n};\n\nexport default function ReferralList(props) {\n const sale = props.sale;\n const account = useAccount();\n const [gkey] = useState(uuid());\n\n const { data: referrals } = useSWR(\n [\"referrals\", sale.saleId, account && account.accountId],\n referralFetcher\n );\n\n if (!(account && account.accountId) || !sale) {\n return false;\n }\n\n const totalDeposit = referrals\n ? referrals.reduce((s, { amount }) => s.add(amount), Big(0))\n : Big(0);\n\n const outToken = sale.outTokens[0];\n const referralBpt = outToken.referralBpt;\n\n const computeBonus = (amount) =>\n sale.inTokenPaid.gt(0)\n ? amount\n .mul(outToken.distributed.add(outToken.remaining))\n .div(sale.inTokenPaid)\n .mul(referralBpt)\n .div(20000)\n : Big(0);\n\n return referrals ? (\n <>\n \n
\n {referrals.length > 0 && (\n \n \n Note, the estimated amounts below may be less than the actual\n amounts. The withdrawals by referees are not accounted.\n \n
\n \n Total amount deposited by your referees:{\" \"}\n
\n \n Estimated total bonus:{\" \"}\n
\n \n \n \n
\n
\n )}\n \n ) : (\n <>\n );\n}\n","import React from \"react\";\nimport { useAccount } from \"../../data/account\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport { skywardUrl } from \"../../data/utils\";\nimport ReferralList from \"./ReferralList\";\n\nexport default function ReferralLink(props) {\n const sale = props.sale;\n const account = useAccount();\n if (!(account && account.accountId)) {\n return false;\n }\n\n const referralLink =\n skywardUrl() + `/sale/${sale.saleId}?r=${account.accountId}`;\n\n const referralBonus = sale.outTokens[0].referralBpt / 100;\n\n return (\n | # | \nReferee account ID | \nAmount deposited | \nEstimated bonus | \n
|---|---|---|---|
| {i + 1} | \n{accountId} | \n\n | \n \n | \n
\n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport \"chartjs-adapter-moment\";\n\nimport { Line } from \"react-chartjs-2\";\nimport { useAccount } from \"../../data/account\";\nimport { LsKey, NearConfig } from \"../../data/near\";\nimport { mapSale } from \"../../data/sales\";\nimport { useToken } from \"../../data/token\";\nimport { fromTokenBalance } from \"../../data/utils\";\nimport ls from \"local-storage\";\n\nconst UnknownHistorySize = 24 * 4;\nconst MaxHistorySize = 24 * 14;\nconst MaxNumberToDisplay = 48;\nconst BlockInterval = 3600;\nconst truncBlockHeight = (h) => Math.trunc(h / BlockInterval) * BlockInterval;\n\nconst getCachedHistoricSale = (saleId, blockId) => {\n const lsKey = `${LsKey}hs:${saleId}:${blockId}`;\n let sale = ls.get(lsKey);\n if (sale !== null) {\n return sale ? mapSale(sale) : null;\n }\n return false;\n};\n\nconst fetchHistoricSale = async (near, saleId, blockId) => {\n const lsKey = `${LsKey}hs:${saleId}:${blockId}`;\n let sale = await near\n .archivalViewCall(blockId, NearConfig.contractName, \"get_sale\", {\n sale_id: saleId,\n })\n .catch((e) => false);\n if (sale !== false) {\n ls.set(lsKey, sale || false);\n if (sale) {\n sale = mapSale(sale);\n }\n }\n return sale;\n};\n\nexport default function PriceHistory(props) {\n const sale = props.sale;\n\n const [historicSales, setHistoricSales] = useState(false);\n\n const account = useAccount();\n useEffect(() => {\n if (historicSales === false && account && account.near) {\n setHistoricSales([]);\n const fetchHistoricData = async () => {\n const near = account.near;\n const currentHeight = sale.endBlockHeight || sale.currentBlockHeight;\n const firstBlockHeight = Math.max(\n currentHeight - BlockInterval * MaxHistorySize,\n sale.startBlockHeight ||\n currentHeight - BlockInterval * UnknownHistorySize\n );\n let height = truncBlockHeight(currentHeight);\n const step =\n BlockInterval *\n Math.max(\n 1,\n Math.trunc(\n Math.trunc((height - firstBlockHeight) / BlockInterval) /\n MaxNumberToDisplay\n )\n );\n const sales = [];\n let promises = [];\n let needFetching = 0;\n while (height > firstBlockHeight) {\n const cachedSale = getCachedHistoricSale(sale.saleId, height);\n if (cachedSale === false) {\n promises.push(fetchHistoricSale(near, sale.saleId, height));\n ++needFetching;\n } else {\n promises.push(Promise.resolve(cachedSale));\n }\n height -= step;\n if (needFetching === 10) {\n sales.push(...(await Promise.all(promises)));\n needFetching = 0;\n promises = [];\n setHistoricSales(sales);\n }\n }\n if (promises.length > 0) {\n sales.push(...(await Promise.all(promises)));\n setHistoricSales(sales);\n }\n };\n fetchHistoricData();\n }\n }, [historicSales, account, sale]);\n\n const inToken = useToken(sale.inTokenAccountId);\n const outToken = useToken(sale.outTokens[0].tokenAccountId);\n\n let lineData = false;\n let options = false;\n let numData = 0;\n if (historicSales && inToken && outToken) {\n const datasets = [\n {\n data: [],\n label: `Before sale started (no tokens sold) ${outToken.metadata.symbol} / ${inToken.metadata.symbol}`,\n fill: false,\n backgroundColor: \"#bbbbbb\",\n borderColor: \"#bbbbbb22\",\n },\n ];\n [sale, ...historicSales].reverse().forEach((sale, i) => {\n if (!sale) {\n return;\n }\n const x = Math.min(sale.endDate, sale.currentDate);\n\n const inAmount = fromTokenBalance(inToken, sale.inTokenRemaining);\n const outAmount = fromTokenBalance(outToken, sale.outTokens[0].remaining);\n const price = outAmount.gt(0) ? inAmount.div(outAmount) : null;\n\n if (price) {\n numData += 1;\n if (sale.started()) {\n if (datasets.length === 1) {\n datasets.push({\n data: [],\n label: `${outToken.metadata.symbol} / ${inToken.metadata.symbol}`,\n fill: false,\n backgroundColor: \"#8766ac\",\n borderColor: \"#8766ac22\",\n });\n }\n }\n datasets[sale.started() ? 1 : 0].data.push({\n x,\n y: price.toNumber(),\n });\n }\n });\n lineData = {\n datasets,\n };\n\n options = {\n animation: false,\n responsive: true,\n scales: {\n xAxis: {\n type: \"time\",\n time: {\n minUnit: \"hour\",\n },\n ticks: {\n major: {\n enabled: true,\n },\n },\n },\n yAxis: {\n min: 0,\n ticks: {\n beginAtZero: true,\n },\n },\n },\n };\n }\n\n return (\n lineData &&\n numData > 1 && (\n \n
\n \n Referral bonus for this listing is {referralBonus}%\n
\n \n \n false}\n />\n
\n \n Earn 50% commission from the referral pool for you and your invited\n friends. Invite your friends to join the sale through the referral\n link and get rewards when your friends participate in the sale. The\n more
\n \n
\n )\n );\n}\n","import React from \"react\";\nimport useSWR from \"swr\";\n\nconst statsFetcher = async (_key, saleId) => {\n let request = {\n user: \"public_readonly\",\n host: \"mainnet.db.explorer.indexer.near.dev\",\n database: \"mainnet_explorer\",\n password: \"nearprotocol\",\n port: 5432,\n parameters: [saleId],\n query:\n \"SELECT COUNT(DISTINCT receipt_predecessor_account_id) as total_participants FROM action_receipt_actions WHERE action_receipt_actions.receipt_receiver_account_id = 'skyward.near' AND ((action_receipt_actions.args->'args_json')->>'sale_id')::int = $1 AND action_receipt_actions.args->>'method_name' = 'sale_deposit_in_token'\",\n };\n\n const res = await fetch(`https://rest.nearapi.org/explorer`, {\n method: \"POST\",\n body: JSON.stringify(request),\n headers: {\n \"Content-type\": \"application/json; charset=UTF-8\",\n },\n });\n\n const response = await res.json();\n\n return parseInt(response[0][\"total_participants\"], 10);\n};\n\nexport default function SaleRate(props) {\n const { data: participants } = useSWR(\n [\"participants\", props.sale.saleId],\n statsFetcher\n );\n\n return (\n \n
\n Rate history
\n \n Total number of participants: {participants >= 0 ? participants : \"???\"}\n
\n );\n}\n","import \"./Sale.scss\";\nimport \"./SalePreview.scss\";\nimport React, { useEffect } from \"react\";\nimport RemainingDuration from \"./RemainingDuration\";\nimport SaleInputOutputs from \"./SaleInputOutputs\";\nimport Subscription from \"./Subscription\";\nimport ReferralLink from \"./ReferralLink\";\nimport PriceHistory from \"./PriceHistory\";\nimport SaleRate from \"./SaleRate\";\nimport SaleStats from \"./SaleStats\";\nimport { IsMainnet } from \"../../data/near\";\n\nexport default function Sale(props) {\n const sale = props.sale;\n useEffect(() => {\n sale.scheduleRefresh(true);\n }, [sale]);\n\n return (\n <>\n \n
\n \n
\n
\n
\n \n {sale.title || \"Noname sale\"}\n
\n\n
\n
\n
\n );\n}\n\nexport default SalePage;\n","import { singletonHook } from \"react-singleton-hook\";\nimport { useEffect, useState } from \"react\";\nimport { useNear } from \"./near\";\nimport Big from \"big.js\";\n\nconst defaultTreasury = {\n loading: true,\n balances: {},\n};\n\nexport const useTreasury = singletonHook(defaultTreasury, () => {\n const [treasury, setTreasury] = useState(defaultTreasury);\n const _near = useNear();\n\n useEffect(() => {\n _near.then(async (near) => {\n let [\n rawBalances,\n skywardCirculatingSupply,\n listingFee,\n ] = await Promise.all([\n near.contract.get_treasury_balances(),\n near.contract.get_skyward_circulating_supply(),\n near.contract.get_listing_fee(),\n ]);\n skywardCirculatingSupply = Big(skywardCirculatingSupply);\n listingFee = Big(listingFee);\n const balances = {};\n rawBalances.forEach(([tokenAccountId, rawBalance]) => {\n balances[tokenAccountId] = Big(rawBalance);\n });\n\n setTreasury({\n loading: false,\n balances,\n skywardCirculatingSupply,\n listingFee,\n });\n });\n }, [_near]);\n return treasury;\n});\n","import React, { useEffect, useState } from \"react\";\nimport uuid from \"react-uuid\";\nimport TokenAndBalance from \"../token/TokenAndBalance\";\nimport { useTreasury } from \"../../data/treasury\";\nimport {\n MinUsdValue,\n NearConfig,\n SkywardRegisterStorageDeposit,\n TGas,\n} from \"../../data/near\";\nimport {\n bigMin,\n bigToString,\n computeUsdBalance,\n fromTokenBalance,\n Loading,\n OneSkyward,\n toTokenBalance,\n} from \"../../data/utils\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport AvailableInput from \"../common/AvailableInput\";\nimport { useAccount } from \"../../data/account\";\nimport Big from \"big.js\";\nimport {isTokenRegistered, tokenStorageDeposit, useToken, WrappedTokens} from \"../../data/token\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport * as nearAPI from \"near-api-js\";\nimport { defaultWhitelistedTokens, useRefFinance } from \"../../data/refFinance\";\nimport MutedDecimals from \"../common/MutedDecimals\";\n\nconst DefaultMode = \"DefaultMode\";\nconst RedeemMode = \"RedeemMode\";\n\nconst SkywardVestingSchedule = [\n {\n startTimestamp: 1627776000000,\n endTimestamp: 1630454400000,\n amount: Big(\"10000000000000000000000\"),\n },\n {\n startTimestamp: 1640995200000,\n endTimestamp: 1656633600000,\n amount: Big(\"90000000000000000000000\"),\n },\n {\n startTimestamp: 1625097600000,\n endTimestamp: 162509760000 + 604800000,\n amount: Big(\"250000000000000000000000\"),\n },\n {\n startTimestamp: 1627776000000,\n endTimestamp: 1627776000000 + 604800000,\n amount: Big(\"200000000000000000000000\"),\n },\n {\n startTimestamp: 1630454400000,\n endTimestamp: 1630454400000 + 604800000,\n amount: Big(\"150000000000000000000000\"),\n },\n {\n startTimestamp: 1633046400000,\n endTimestamp: 1633046400000 + 604800000,\n amount: Big(\"100000000000000000000000\"),\n },\n {\n startTimestamp: 1635724800000,\n endTimestamp: 1635724800000 + 604800000,\n amount: Big(\"100000000000000000000000\"),\n },\n {\n startTimestamp: 1638316800000,\n endTimestamp: 1638316800000 + 604800000,\n amount: Big(\"100000000000000000000000\"),\n },\n];\n\nexport default function Treasury(props) {\n const [mode, setMode] = useState(DefaultMode);\n const [loading, setLoading] = useState(false);\n const [gkey] = useState(uuid());\n const [skywardBurnAmountHuman, setSkywardBurnAmountHuman] = useState(null);\n const [skywardTokenBalance, setSkywardTokenBalance] = useState(null);\n\n const treasury = useTreasury();\n const account = useAccount();\n const skywardToken = useToken(NearConfig.skywardTokenAccountId);\n const refFinance = useRefFinance();\n\n let availableSkywardBalance = Big(0);\n let totalVestedAmount = Big(0);\n const currentTimestamp = new Date().getTime();\n SkywardVestingSchedule.forEach(({ startTimestamp, endTimestamp, amount }) => {\n totalVestedAmount = totalVestedAmount.add(\n currentTimestamp <= startTimestamp\n ? Big(0)\n : currentTimestamp >= endTimestamp\n ? amount\n : Big(currentTimestamp - startTimestamp)\n .mul(amount)\n .div(endTimestamp - startTimestamp)\n .round(0, 0)\n );\n });\n\n if (account && !account.loading && account.accountId) {\n if (NearConfig.skywardTokenAccountId in account.balances) {\n availableSkywardBalance = availableSkywardBalance.add(\n account.balances[NearConfig.skywardTokenAccountId]\n );\n }\n if (skywardToken) {\n if (skywardTokenBalance !== null) {\n availableSkywardBalance = availableSkywardBalance.add(\n skywardTokenBalance\n );\n } else {\n skywardToken.contract\n .balanceOf(account, account.accountId)\n .then((v) => setSkywardTokenBalance(v));\n }\n }\n }\n const availableSkywardBalanceHuman = fromTokenBalance(\n skywardToken,\n availableSkywardBalance\n );\n\n const skywardBurnAmount = skywardBurnAmountHuman\n ? bigMin(\n toTokenBalance(skywardToken, skywardBurnAmountHuman),\n availableSkywardBalance\n )\n : Big(0);\n\n const [selectedTokens, setSelectedTokens] = useState(null);\n\n useEffect(() => {\n if (\n selectedTokens === null &&\n account &&\n account.accountId &&\n !account.loading &&\n treasury.balances &&\n !treasury.loading\n ) {\n const refTokens = [...defaultWhitelistedTokens].reduce((a, v) => {\n a[v] = true;\n return a;\n }, {});\n\n const selectedTokens = Object.assign(\n {},\n WrappedTokens,\n refTokens,\n account.balances\n );\n Object.keys(selectedTokens).forEach((tokenAccountId) => {\n if (\n !(tokenAccountId in treasury.balances) ||\n treasury.balances[tokenAccountId].eq(0)\n ) {\n delete selectedTokens[tokenAccountId];\n }\n });\n setSelectedTokens(selectedTokens);\n }\n }, [account, selectedTokens, treasury]);\n\n const receiveBalances = [];\n\n const balances =\n treasury && !treasury.loading\n ? Object.entries(treasury.balances)\n .map(([tokenAccountId, balance]) => {\n let youReceive = treasury.skywardCirculatingSupply.gt(0)\n ? skywardBurnAmount\n .mul(balance)\n .div(treasury.skywardCirculatingSupply)\n .round(0, 0)\n : Big(0);\n const youReceiveUsd =\n computeUsdBalance(refFinance, tokenAccountId, youReceive) ||\n Big(0);\n if (\n (selectedTokens && tokenAccountId in selectedTokens) ||\n youReceiveUsd.gt(MinUsdValue)\n ) {\n receiveBalances.push([tokenAccountId, youReceive]);\n } else {\n youReceive = Big(0);\n }\n const balances = (skywardBurnAmount.gt(0)\n ? [\n [\"YOU WILL RECEIVE \", youReceive],\n [\"TREASURY \", balance],\n ]\n : [\n [\n \"PER SKYWARD \",\n treasury.skywardCirculatingSupply.gt(0)\n ? balance\n .mul(OneSkyward)\n .div(treasury.skywardCirculatingSupply)\n : Big(0),\n ],\n [\"TOTAL \", balance],\n ]\n ).filter(([label, balance]) => balance && balance.gt(0));\n const usdValue =\n computeUsdBalance(refFinance, tokenAccountId, balance) || Big(0);\n return {\n tokenAccountId,\n balances,\n balance,\n usdValue,\n };\n })\n .filter(({ balance }) => balance && balance.gt(0))\n : [];\n\n balances.sort((a, b) => b.usdValue.toNumber() - a.usdValue.toNumber());\n const potentialTokenValueMultiplier = (new Date().getTime() - 1611083139130) / 31536000000;\n const estimatedTreasuryUsdValue = balances.reduce(\n (p, b) => p.add(b.usdValue),\n Big(0)\n ).mul(potentialTokenValueMultiplier);\n const usdPerSkyward = toTokenBalance(\n skywardToken,\n estimatedTreasuryUsdValue.div(treasury.skywardCirculatingSupply || Big(1))\n );\n\n const renderBalances = (balances) =>\n balances.map(({ tokenAccountId, balances }) => {\n const key = `${gkey}-treasuryBalance-${tokenAccountId}`;\n return (\n \n
\n \n {sales.loading ? (\n \"Loading\"\n ) : sale ? (\n
\n \n {treasury.loading ? (\n
\n {Loading} loading...
\n ) : (\n \n \n Redeeming{\" \"}\n
\n setSkywardBurnAmountHuman(v)}\n limit={availableSkywardBalanceHuman}\n />\n
\n )\n )}\n Treasury
\n\n
\n {estimatedTreasuryUsdValue.gt(0) && (\n \n *Treasury total value locked:{\" \"}\n \n ~$\n
\n )}\n {usdPerSkyward.gt(0) && (\n \n *Per{\" \"}\n
\n )}\n \n {account && account.accountId && mode === DefaultMode ? (\n setMode(RedeemMode)}\n >\n Redeem{\" \"}\n
\n \n \n
\n \n
\n \n \n \n {loading && Loading}\n Redeem{\" \"}\n \n Cancel\n \n
\n \n \n Confirm{\" \"}\n
\n \n
\n \n You will pay (it will be burned):\n \n \n
\n \n You will receive:\n {receiveBalances.map(\n ([tokenAccountId, balance]) => {\n const key = `${gkey}-receiveKey-${tokenAccountId}`;\n return (\n \n \n );\n }\n )}\n
\n \n Redeeming{\" \"}\n
\n \n \n Redeem{\" \"}\n {skywardBurnAmountHuman &&\n bigToString(skywardBurnAmountHuman)}{\" \"}\n {\n setSkywardBurnAmountHuman(null);\n setMode(DefaultMode);\n }}\n >\n Cancel\n \n
\n \n {whitelistedBalances.length > 0 && (\n <>\n
Treasury Tokens whitelisted on REF
\n {renderBalances(whitelistedBalances)}
\n \n \n )}\n
Other Treasury Tokens
\n {renderBalances(otherBalances)}
\n \n )}\n \n );\n}\n","import React from \"react\";\nimport Treasury from \"../components/treasury/Treasury\";\n\nexport default function TreasuryPage(props) {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport AsyncSelect from \"react-select/async\";\nimport TokenBadge from \"./TokenBadge\";\nimport \"./TokenSelect.scss\";\nimport { tokenMatches } from \"../../data/token\";\n\nconst selectStyles = {\n singleValue: (provided, state) => ({\n ...provided,\n position: \"relative\",\n top: 0,\n transform: \"none\",\n webkitTransform: \"none\",\n overflow: \"auto\",\n margin: \"0.25rem\",\n }),\n option: (provided, state) => ({\n ...provided,\n color: \"default\",\n backgroundColor: state.isFocused ? \"#684e8322\" : \"default\",\n }),\n};\n\nexport default function TokenSelect(props) {\n const propsFilter = props.tokenFilter || (() => true);\n const tokenFilter = (option) => propsFilter(option.value);\n\n const tokens = props.tokens;\n\n const tokenOptions = tokens\n .map((tokenAccountId) => ({\n value: tokenAccountId,\n label: \n
\n \n
\n \n
\n \n
\n Create a new Listing
\n\n \n setSaleTitle(e.target.value)}\n placeholder=\"$NEW token sale\"\n />\n
\n \n \n tokenAccountId !== outputTokenId}\n onSelectTokenId={setInTokenAccountId}\n />\n
\n {inTokenAccountId && (\n \n \n \n tokenAccountId !== inTokenAccountId\n }\n onSelectTokenId={setOutputTokenId}\n />\n
\n )}\n {outputTokenId && (\n \n \n setOutAmountHuman(v)}\n limit={availableOutBalanceHuman}\n />\n
\n )}\n {outAmount.gt(0) && (\n <>\n \n \n setReferralBpt(parseInt(e.target.value))}\n />\n
\n \n \n \n setDateRange([\n toUTCTimezone(startDate),\n toUTCTimezone(endDate),\n ])\n }\n inline\n />\n
\n \n )}\n {startDate && endDate && (\n \n \n Preview Listing\n \n
\n )}\n \n
\n \n \n \n \n \n {loading && Loading}\n Create a listing\n \n \n Cancel\n \n
\n \n
\n \n Create a listing for 10 NEAR\n
\n\n
\n Listing preview
\n\n
\n \n );\n}\n","import React from \"react\";\nimport CreatSale from \"../components/createSale/CreateSale\";\n\nexport default function CreateSalePage(props) {\n return (\n \n
\n );\n}\n","import { useAccount } from \"../../data/account\";\nimport {\n getRefInverseReturn,\n getRefReturn,\n useRefFinance,\n} from \"../../data/refFinance\";\nimport React, { useEffect, useState } from \"react\";\nimport TokenSelect from \"../token/TokenSelect\";\nimport AvailableInput from \"../common/AvailableInput\";\nimport Big from \"big.js\";\nimport { useTokenBalances } from \"../../data/tokenBalances\";\nimport {\n bigMin,\n bigToString,\n computeUsdBalance,\n fromTokenBalance,\n Loading,\n toTokenBalance,\n} from \"../../data/utils\";\nimport { tokenRegisterStorageAction, useToken } from \"../../data/token\";\nimport \"./Swap.scss\";\nimport { NearConfig, TGas } from \"../../data/near\";\nimport Rate from \"../common/Rate\";\nimport TokenBalance from \"../token/TokenBalance\";\nimport { useHistory } from \"react-router-dom\";\nimport MutedDecimals from \"../common/MutedDecimals\";\nimport uuid from \"react-uuid\";\nimport TokenSymbol from \"../token/TokenSymbol\";\nimport * as nearAPI from \"near-api-js\";\nimport { BalanceType } from \"../account/AccountBalance\";\n\nconst EditMode = {\n None: \"None\",\n Input: \"Input\",\n Output: \"Output\",\n};\n\nconst Slippage = [0, 0.001, 0.005, 0.02];\n\nconst findBestReturn = (\n refFinance,\n inTokenAccountId,\n outTokenAccountId,\n amountIn\n) => {\n let swapInfo = {\n amountIn,\n amountOut: Big(0),\n };\n if (refFinance && !refFinance.loading) {\n // Computing path\n Object.values(refFinance.poolsByToken[inTokenAccountId] || {}).forEach(\n (pool) => {\n // 1 token\n if (outTokenAccountId in pool.tokens) {\n const poolReturn =\n getRefReturn(pool, inTokenAccountId, amountIn, outTokenAccountId) || Big(0);\n\n if (poolReturn.gt(swapInfo.amountOut)) {\n swapInfo = {\n amountIn,\n amountOut: poolReturn,\n pools: [pool],\n swapPath: [inTokenAccountId, outTokenAccountId]\n };\n }\n } else {\n // 2 tokens\n pool.ots[inTokenAccountId].forEach((middleTokenAccountId) => {\n const pair = `${middleTokenAccountId}:${outTokenAccountId}`;\n let poolReturn = false;\n Object.values(refFinance.poolsByPair[pair] || {}).forEach((pool2) => {\n poolReturn =\n poolReturn === false\n ? getRefReturn(pool, inTokenAccountId, amountIn, middleTokenAccountId)\n : poolReturn;\n if (!poolReturn) {\n return;\n }\n const pool2Return =\n getRefReturn(pool2, middleTokenAccountId, poolReturn, outTokenAccountId) || Big(0);\n if (pool2Return.gt(swapInfo.amountOut)) {\n swapInfo = {\n amountIn,\n amountOut: pool2Return,\n pools: [pool, pool2],\n swapPath: [inTokenAccountId, middleTokenAccountId, outTokenAccountId]\n };\n }\n });\n });\n }\n }\n );\n }\n return Object.assign(swapInfo, {\n inTokenAccountId,\n outTokenAccountId,\n expectedAmountOut: Big(0),\n });\n};\n\nconst findBestInverseReturn = (\n refFinance,\n inTokenAccountId,\n outTokenAccountId,\n availableInToken,\n outAmount\n) => {\n let swapInfo = {\n amountIn: availableInToken,\n amountOut: Big(0),\n };\n if (refFinance && !refFinance.loading) {\n // Computing path\n Object.values(refFinance.poolsByToken[outTokenAccountId] || {}).forEach(\n (pool) => {\n // 1 token\n if (inTokenAccountId in pool.tokens) {\n const amountIn = getRefInverseReturn(\n pool,\n outTokenAccountId,\n outAmount,\n inTokenAccountId\n );\n if (!amountIn) {\n return;\n }\n\n if (amountIn.lt(swapInfo.amountIn)) {\n swapInfo = {\n amountIn,\n amountOut: outAmount,\n pools: [pool],\n swapPath: [inTokenAccountId, outTokenAccountId]\n };\n }\n } else {\n // 2 tokens\n pool.ots[outTokenAccountId].forEach((middleTokenAccountId) => {\n const pair = `${middleTokenAccountId}:${inTokenAccountId}`;\n let middleAmountIn = false;\n Object.values(refFinance.poolsByPair[pair] || {}).forEach((pool2) => {\n middleAmountIn =\n middleAmountIn === false\n ? getRefInverseReturn(pool, outTokenAccountId, outAmount, middleTokenAccountId)\n : middleAmountIn;\n if (!middleAmountIn) {\n return;\n }\n const amountIn = getRefInverseReturn(\n pool2,\n middleTokenAccountId,\n middleAmountIn,\n inTokenAccountId\n );\n if (!amountIn) {\n return;\n }\n if (amountIn.lt(swapInfo.amountIn)) {\n swapInfo = {\n amountIn,\n amountOut: outAmount,\n pools: [pool2, pool],\n swapPath: [inTokenAccountId, middleTokenAccountId, outTokenAccountId]\n };\n }\n });\n });\n }\n }\n );\n }\n return Object.assign(swapInfo, {\n inTokenAccountId,\n outTokenAccountId,\n expectedAmountOut: outAmount,\n });\n};\n\nconst updateUrl = (history, inTokenAccountId, outTokenAccountId) => {\n history.replace(`/swap/${inTokenAccountId}/${outTokenAccountId}`);\n};\n\nexport default function Swap(props) {\n const [gkey] = useState(uuid());\n\n const account = useAccount();\n const refFinance = useRefFinance();\n const history = useHistory();\n\n const [loading, setLoading] = useState(false);\n const [maxSlippage, setMaxSlippage] = useState(0.005);\n const [editMode, setEditMode] = useState(EditMode.None);\n\n const [inTokenAccountId, setInTokenAccountId] = useState(\n props.inputTokenId || NearConfig.wrapNearAccountId\n );\n const [inTokenAmountHuman, setInTokenAmountHuman] = useState(null);\n const inToken = useToken(inTokenAccountId);\n const { tokenBalances } = useTokenBalances(inTokenAccountId);\n\n const [availableInToken, setAvailableInToken] = useState(null);\n useEffect(() => {\n if (tokenBalances) {\n setAvailableInToken(\n (tokenBalances[BalanceType.Wallet] || Big(0)).add(\n tokenBalances[BalanceType.NEAR] || Big(0)\n )\n );\n }\n }, [tokenBalances]);\n\n const availableInTokenHuman = fromTokenBalance(inToken, availableInToken);\n\n const [outTokenAccountId, setOutTokenAccountId] = useState(\n props.outputTokenId || NearConfig.skywardTokenAccountId\n );\n const outToken = useToken(outTokenAccountId);\n const [outTokenAmountHuman, setOutTokenAmountHuman] = useState(null);\n\n const [availableOutToken, setAvailableOutToken] = useState(Big(0));\n const [needRecompute, setNeedRecompute] = useState(true);\n\n useEffect(() => {\n if (refFinance && !refFinance.loading) {\n refFinance.scheduleRefresh(true);\n setNeedRecompute(true);\n }\n }, [refFinance]);\n\n useEffect(() => {\n const swapInfo = findBestReturn(\n refFinance,\n inTokenAccountId,\n outTokenAccountId,\n availableInToken\n );\n setAvailableOutToken(swapInfo.amountOut);\n }, [availableInToken, refFinance, inTokenAccountId, outTokenAccountId]);\n\n const availableOutTokenHuman = fromTokenBalance(outToken, availableOutToken);\n\n const [inTokenAmount, setInTokenAmount] = useState(null);\n const [outTokenAmount, setOutTokenAmount] = useState(null);\n const [swapInfo, setSwapInfo] = useState(null);\n\n useEffect(() => {\n if (editMode === EditMode.Input) {\n setInTokenAmount(\n bigMin(\n availableInToken,\n toTokenBalance(inToken, inTokenAmountHuman || Big(0))\n )\n );\n }\n }, [editMode, availableInToken, inToken, inTokenAmountHuman]);\n\n useEffect(() => {\n if (editMode === EditMode.Output) {\n setOutTokenAmount(\n bigMin(\n availableOutToken,\n toTokenBalance(outToken, outTokenAmountHuman || Big(0))\n )\n );\n }\n }, [editMode, availableOutToken, outToken, outTokenAmountHuman]);\n\n useEffect(() => {\n const willRecompute =\n needRecompute ||\n swapInfo === null ||\n (editMode === EditMode.Input &&\n !swapInfo.amountIn.eq(inTokenAmount || Big(0))) ||\n (editMode === EditMode.Output &&\n !swapInfo.expectedAmountOut.eq(outTokenAmount || Big(0))) ||\n swapInfo.inTokenAccountId !== inTokenAccountId ||\n swapInfo.outTokenAccountId !== outTokenAccountId;\n setNeedRecompute(false);\n if (editMode === EditMode.Input && inTokenAmount && willRecompute) {\n const swapInfo = findBestReturn(\n refFinance,\n inTokenAccountId,\n outTokenAccountId,\n inTokenAmount\n );\n setOutTokenAmount(swapInfo.amountOut);\n setSwapInfo(swapInfo);\n\n setOutTokenAmountHuman(\n fromTokenBalance(outToken, swapInfo.amountOut).round(6, 0)\n );\n } else if (\n editMode === EditMode.Output &&\n outTokenAmount &&\n willRecompute\n ) {\n const swapInfo = findBestInverseReturn(\n refFinance,\n inTokenAccountId,\n outTokenAccountId,\n availableInToken,\n outTokenAmount\n );\n setSwapInfo(swapInfo);\n setInTokenAmount(swapInfo.amountIn);\n\n setInTokenAmountHuman(\n fromTokenBalance(inToken, swapInfo.amountIn).round(6, 0)\n );\n }\n }, [\n editMode,\n needRecompute,\n swapInfo,\n refFinance,\n inTokenAccountId,\n inToken,\n inTokenAmount,\n inTokenAmountHuman,\n availableInToken,\n outTokenAccountId,\n outToken,\n outTokenAmount,\n outTokenAmountHuman,\n ]);\n\n const [tokens, setTokens] = useState([]);\n\n useEffect(() => {\n setTokens(\n [\n ...new Set([\n ...Object.keys(\n Object.assign(\n {},\n account && !account.loading ? account.balances : {},\n refFinance ? refFinance.balances : {}\n )\n ),\n ...(refFinance ? refFinance.whitelistedTokens : []),\n ]),\n ].filter(\n (tokenId) =>\n tokenId === NearConfig.wrapNearAccountId ||\n (refFinance && tokenId in refFinance.prices)\n )\n );\n }, [refFinance, account]);\n\n const reverseDirection = (e) => {\n e.preventDefault();\n if (loading) {\n return;\n }\n setInTokenAccountId(outTokenAccountId);\n setInTokenAmountHuman(outTokenAmountHuman);\n setInTokenAmount(outTokenAmount);\n setOutTokenAccountId(inTokenAccountId);\n setOutTokenAmountHuman(inTokenAmountHuman);\n setOutTokenAmount(inTokenAmount);\n if (editMode === EditMode.Input) {\n setEditMode(EditMode.Output);\n } else if (editMode === EditMode.Output) {\n setEditMode(EditMode.Input);\n }\n setNeedRecompute(true);\n updateUrl(history, outTokenAccountId, inTokenAccountId);\n };\n\n let priceImpact = Big(0);\n let priceImpactDiff = Big(0);\n if (refFinance && swapInfo && swapInfo.pools) {\n const inputUsdValue = computeUsdBalance(\n refFinance,\n swapInfo.inTokenAccountId,\n swapInfo.amountIn\n );\n const outputUsdValue = computeUsdBalance(\n refFinance,\n swapInfo.outTokenAccountId,\n swapInfo.amountOut\n );\n\n priceImpact =\n inputUsdValue && inputUsdValue.gt(0)\n ? outputUsdValue.div(inputUsdValue).sub(1)\n : Big(0);\n\n priceImpactDiff = outputUsdValue.sub(inputUsdValue);\n }\n\n const swap = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n const actions = [];\n await tokenRegisterStorageAction(\n account,\n swapInfo.outTokenAccountId,\n actions\n );\n\n if (swapInfo.inTokenAccountId === NearConfig.wrapNearAccountId) {\n await tokenRegisterStorageAction(\n account,\n swapInfo.inTokenAccountId,\n actions\n );\n\n const wNearBalance = tokenBalances[BalanceType.Wallet] || Big(0);\n\n if (wNearBalance.lt(swapInfo.amountIn)) {\n actions.push([\n NearConfig.wrapNearAccountId,\n nearAPI.transactions.functionCall(\n \"near_deposit\",\n {},\n TGas.mul(5).toFixed(0),\n swapInfo.amountIn.sub(wNearBalance).toFixed(0)\n ),\n ]);\n }\n }\n\n let tokenId = swapInfo.inTokenAccountId;\n\n actions.push([\n swapInfo.inTokenAccountId,\n nearAPI.transactions.functionCall(\n \"ft_transfer_call\",\n {\n receiver_id: NearConfig.refContractName,\n amount: swapInfo.amountIn.toFixed(0),\n msg: JSON.stringify({\n referral_id: NearConfig.referralId,\n actions: swapInfo.pools.map((pool, idx) => {\n const tokenIn = tokenId;\n tokenId = swapInfo.swapPath[idx + 1];\n return {\n pool_id: pool.index,\n token_in: tokenIn,\n token_out: tokenId,\n min_amount_out:\n tokenId === swapInfo.outTokenAccountId\n ? swapInfo.amountOut\n .mul(1.0 - maxSlippage)\n .round(0, 0)\n .toFixed(0)\n : \"0\",\n };\n }),\n }),\n },\n TGas.mul(250).toFixed(0),\n 1\n ),\n ]);\n\n await account.near.sendTransactions(actions);\n };\n\n return (\n <>\n \n
\n \n
\n \n \n Warning! The swap feature is still in development. It may contain bugs\n and may result in partial loss of funds.\n \n
\n This UI allows to swap any two tokens and also finds the best available\n execution path to maximize return.\n
\n The trades are executed on REF Finance contract using Instant swap\n feature.\n
\n Please report any issues to{\" \"}\n\n Skyward Flight\n {\" \"}\n telegram.\n
\n \n This UI allows to swap any two tokens and also finds the best available\n execution path to maximize return.\n
\n The trades are executed on REF Finance contract using Instant swap\n feature.\n
\n Please report any issues to{\" \"}\n
\n
\n \n \n );\n}\n","import React from \"react\";\nimport Swap from \"../components/swap/Swap\";\nimport { useParams } from \"react-router-dom\";\n\nexport default function SwapPage(props) {\n const { inputTokenId, outputTokenId } = useParams();\n\n return (\n \n
\n {swapInfo && swapInfo.pools && (\n [BETA] Swap
\n\n \n tokenAccountId !== outTokenAccountId\n }\n onSelectTokenId={(v) => {\n setNeedRecompute(true);\n updateUrl(history, v, outTokenAccountId);\n setInTokenAccountId(v);\n }}\n />\n\n {\n setEditMode(EditMode.Input);\n setInTokenAmountHuman(v);\n }}\n limit={availableInTokenHuman}\n extraLabel={\n \n {\" (\"}\n
\n \n
\n \n \n tokenAccountId !== inTokenAccountId\n }\n onSelectTokenId={(v) => {\n setNeedRecompute(true);\n updateUrl(history, inTokenAccountId, v);\n setOutTokenAccountId(v);\n }}\n />\n\n {\n setNeedRecompute(true);\n setEditMode(EditMode.Output);\n setOutTokenAmountHuman(v);\n }}\n limit={availableOutTokenHuman}\n extraLabel={\n \n {\" (\"}\n
\n \n \n
\n \n \n {Slippage.map((slippage) => {\n let key = `${gkey}-slippage-${slippage}`;\n return (\n \n setMaxSlippage(slippage)}\n />\n {`${slippage * 100}%`}\n \n );\n })}\n
\n \n
\n )}\n Swap details
\n\n
\n Price Impact
\n \n \n \n ({bigToString(priceImpact.mul(100), 2)}%)\n \n
\n \n
\n Path
\n \n {swapInfo.swapPath.map((tokenAccountId, i) => (\n \n {i ? <> → : \"\"}\n \n ))}\n
\n \n \n {loading && Loading}\n Swap{priceImpact.lt(-0.02) ? \" (high price impact)\" : \"\"}\n \n
\n \n
\n );\n}\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport \"error-polyfill\";\nimport \"bootstrap-icons/font/bootstrap-icons.css\";\nimport \"bootstrap/dist/js/bootstrap.bundle\";\nimport \"./App.scss\";\nimport Logo from \"./images/logo_horizontal_brand.png\";\nimport SalesPage from \"./pages/SalesPage\";\nimport { BrowserRouter as Router, Link, Route, Switch } from \"react-router-dom\";\nimport AccountPage from \"./pages/AccountPage\";\nimport { IsMainnet, NearConfig, TGas, useNear } from \"./data/near\";\nimport SalePage from \"./pages/SalePage\";\nimport TreasuryPage from \"./pages/TreasuryPage\";\nimport CreateSalePage from \"./pages/CreateSalePage\";\nimport { useAccount } from \"./data/account\";\nimport { isTokenRegistered } from \"./data/token\";\nimport SwapPage from \"./pages/SwapPage\";\n\nconst swapEnabled = true;\nexport const refreshAllowanceObj = {};\n\nexport function App(props) {\n const [connected, setConnected] = useState(false);\n const [signedIn, setSignedIn] = useState(false);\n const [signedAccountId, setSignedAccountId] = useState(null);\n\n const _near = useNear();\n\n const requestSignIn = useCallback(\n async (e) => {\n e && e.preventDefault();\n const appTitle = \"Skyward Finance\";\n const near = await _near;\n\n await near.walletConnection.requestSignIn(\n NearConfig.contractName,\n appTitle\n );\n return false;\n },\n [_near]\n );\n\n const logOut = useCallback(async () => {\n const near = await _near;\n near.walletConnection.signOut();\n near.accountId = null;\n setSignedIn(false);\n setSignedAccountId(null);\n }, [_near]);\n\n const refreshAllowance = useCallback(async () => {\n alert(\n \"You're out of access key allowance. Please sign in again to refresh the allowance\"\n );\n await logOut();\n await requestSignIn();\n }, [logOut, requestSignIn]);\n refreshAllowanceObj.refreshAllowance = refreshAllowance;\n\n useEffect(() => {\n _near.then((near) => {\n setSignedIn(!!near.accountId);\n setSignedAccountId(near.accountId);\n setConnected(true);\n });\n }, [_near]);\n\n const passProps = {\n refreshAllowance: () => refreshAllowance(),\n signedAccountId,\n signedIn,\n connected,\n };\n\n const account = useAccount();\n\n useEffect(() => {\n if (account && !account.loading && account.accountId) {\n const withdrawInternalBalances = async () => {\n let result = false;\n const balances = Object.entries(account.balances);\n for (let i = 0; i < balances.length; ++i) {\n const [tokenAccountId, balance] = balances[i];\n if (\n balance.gt(0) &&\n tokenAccountId !== NearConfig.wrapNearAccountId &&\n (await isTokenRegistered(\n account,\n tokenAccountId,\n account.accountId\n ))\n ) {\n await account.near.contract.withdraw_token(\n {\n token_account_id: tokenAccountId,\n },\n TGas.mul(40).toFixed(0),\n 0\n );\n result = true;\n }\n }\n return result;\n };\n withdrawInternalBalances().then((res) => {\n if (res) {\n account.refresh();\n }\n });\n }\n }, [account]);\n\n const header = !connected ? (\n \n
\n \n
\n \n Connecting...{\" \"}\n
\n ) : signedIn ? (\n \n \n
\n ) : (\n \n requestSignIn(e)}\n >\n Sign in with NEAR Wallet\n \n
\n );\n\n return (\n \n \n
\n \n {!IsMainnet && (\n \n This is a testnet version of the Skyward Finance app. There is no\n ERC-20 token.\n
\n )}\n\n